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 и все ваши сохраненные проекты будут доступны на любом компьютере после авторизации.

 

Видео. Применения 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» и начнется загрузка вашего приложения. После загрузки установите приложение.

 

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

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

Задание для самостоятельного выполнения:

  1. Добавьте в приложение вторую кнопку с функцией «Закрыть приложение»;
  2. Добавьте в приложение третью кнопку с функцией «Проиграть мелодию».

1 Star2 Stars3 Stars4 Stars5 Stars (12 votes, average: 4,67 out of 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *