1. Знакомство с App Inventor

Начинаем работать с приложением App Inventor

App Inventor (App – сокращение от application, переводится как приложение. Inventor — переводится как изобретатель) — это среда визуальной разработки приложений, не требующая больших знаний в программировании. Приложение было разработано в Google Labs, а после передано Массачусетскому технологическому институту.

App Inventor — это облачная среда визуальной разработки Android-приложений. Построение программ осуществляется в визуальном режиме с использованием блоков программного кода. На компьютер устанавливать ничего не требуется, просто откройте среду разработки ai2.appinventor.mit.edu в браузере Google Chrome и начинайте творить.

Обратите внимание, что для работы с App Inventor требуется аккаунт Google. Если вы не зарегистрированы в Google, то перед началом работы вам надо будет пройти регистрацию и авторизацию. После этого приложение App Inventor и все ваши сохраненные проекты будут доступны на любом компьютере после авторизации.

[/sociallocker]

Видео. Применения App Inventor в робототехнике

App Inventor состоит из конструктора и редактора блоков

Конструктор App Inventor

Конструктор App Inventor

Редактор блоков App Inventor

Редактор блоков App Inventor

Программирование производится с помощью составления блоков

Программирование производится с помощью блоков — Блоки программы составляются подобно пазлам или конструктору лего

Создание первого приложения для Android

Создадим простое приложение в котором при нажатии кнопки на экране телефона, гаджет будет произносить определенную фразу. Следуйте пошаговой инструкции и обращайте внимание на подсказки под изображением.

1. Заходим в среду разработки из браузера Google Chrome appinventor.mit.edu

Заходим в среду разработки — Можете скопировать ссылку http://appinventor.mit.edu/ и вставите ее в окно браузера

2. Заходим в свой аккаунт Google (при необходимости регистрируемся)

Заходим в свой аккаунт Google — Если вы уже зарегистрированы в Google, то переходите к следующему пункту

3. Открываем новый проект и присваиваем ему имя (без пробелов и цифр!)

Открываем проект и присваиваем ему имя — В названии будущего приложения можно использовать только латиницу

4. При желании вы можете перейти на русский язык

Переходим на русский язык — Внимательно смотрите на изображении куда показывает стрелочка

5. Захватите объект «Кнопка» мышкой и перенесите его на вкладку «Просмотр»

Захватите объект мышкой и перенесите его — Объект должен отобразиться в видимой части экрана «телефона»

6. На вкладке «Свойства» задайте необходимые стили для кнопки

Задайте необходимые стили для кнопки — Также можно изменить текст на кнопке или загрузить картинку с компьютера

7. Перейдите на вкладку «Медиа», захватите и перенесите объект «Текст в речь»

Перейдите на вкладку Медиа — Объект должен отобразиться под экраном «телефона», в невидимой части

8. Переходите в режим редактора блоков

Переходите в режим редактора блоков — Вернуться в режим «Дизайнер» вы сможете в любой момент

9. В панели блоков нажмите мышкой на объект «Кнопка»

В панели блоков нажмите мышкой на объект — На экране появится окно с различными блоками функций

10. Выберите функцию «Когда кнопка нажата» и перенесите в окно «Просмотр»

Выберите функцию Когда кнопка нажата — Разместить блок можно в любом месте экрана, как вам удобно

11. Выбираем объект «Текст в речь» и переносим блок «Сказать сообщение»

Выбираем объект Текст в речь и переносим блок — Можете сразу собрать два блока вместе

12. Наведите мышкой один блок на другой, чтобы совпал «замок»

Скомпануйте блоки вместе — Если вы случайно выбрали не тот блок, то удалите его в корзину

13. Выберите объект «Текст» и добавьте к программе новый блок

Выберите объект Текст и добавьте к программе — Соберите блок как на рисунке и напишите в нем любую фразу, например, «Привет»

14. Осталось лишь создать QR-код для скачивания на телефон

Осталось лишь создать QR-код для скачивания — Если программа написана без ошибок, у вас появится шкала загрузки

15. После построения программы у вас на экране появится похожий QR-код

Загрузите на телефон приложение **QR Code Reader** в Play Market

16. Откройте на телефоне приложение QR Code Reader и просканируйте QR-код

Телефон запросит разрешение для перехода по ссылке. Нажмите «OK» и начнется загрузка вашего приложения. После загрузки установите приложение.

На что обратить внимание:

При установке своего приложения на телефон потребуется разрешить установку программ от сторонних источников;
Не сканируйте QR-код из неизвестных источников (этим могут воспользоваться злоумышленники и похитить ваши данные).