• Подписаться на свежие статьи на android-lamer.ru

App Inventor — установка и настройка онлайн версии

App Inventor — визуальная среда разработки приложений для Android доступна как в онлайн версии, так и в оффлайн версии.

В этой статье про установку и настройку онлайн версии App Inventor.

  1. Устанавливаем среду разрабтки JAVA — Java SE Development Kit (JDK).
    Переходим сюда и кликаем на кнопку JAVA Download. В таблице «Java SE Development Kit» выбираем версию соответствующую вашей операционной системе, соглашаемся с лицензией в шапке и скачиваем на комп. Затем устанавливаем JDK, желательно не меняя путь предложенный по умолчанию.скачать-JAVA-(JDK)
  2. Устанавливаем сам App Inventor. Переходим на страничку установки. В принципе там подробно все написано — двигаетесь по шагам и все. Но для тех у кого проблемы с переводом повторюсь:
    • 2.1. Проверяете наличие JAVA перейдя по кнопке «Prepare Your System» и кликнув на оранжевую кнопку «Launch». Скачается файл — если он нормально откроется — значит с JAVA у вас все в порядке. Если нет — проваливайте в п.1.проверка-JAVA
    • 2.2. Скачиваете дистрибутив ткнув на кнопку «Install App Inventor Software», выбрав свою операционную систему и нажав на ссылку «download».
    • 2.3. Устанавливаете скачанный дистрибутив, оставив путь для установки по умолчанию.установка-дистрибутива-app-inventor
  3. Запускаем App Inventor.
    Переходим на страницу самого App Inventor’а. Вас попросят войти в свой Google аккаунт — если его нет, значит вам необходимо его завести. После вхождения в аккаунт и подтверждения, вам предложат создать новый проект, вы его создадите и попадете на страницу дизайна вашего проекта.
    Теперь нужно запустить так называемый «редактор блоков», для чего кликаем на кнопку «Opening the Blocks Editor» — справа вверху, скачиваем файл «AppInventorForAndroidCodeblocks» и запускаем его. Он откроется в видео отдельного окна.редактор-блоков-app-inventor
  4. Настраиваем способ предварительного просмотра.
    В среде разработке App Inventor предварительный просмотр приложений возможен посредством эмулятора либо на подключенном Android устройстве.
    • Для подключения эмулятора в редакторе блоков жмем кнопку «New Emulator», далее жмем ОK, после загрузки «телефона» разблокируем его, и жмем кнопку «Connect to device» в выпадающем списке выбираем наш эмулятор «emulator 5554″. После коннекта в эмуляторе будет отображаться разрабатываемое приложения и его можно будет тестировать.запуск-эмулятора-android • Для подключения реального Android устройства (телефона или планшета) по WiFi надо скачать на него бесплатную программу «MIT AICompanion» (есть на play market). Запускаем MIT AICompanion, затем в редакторе блоков жмем «Connect to device», в выпавшем списке выбираем «WiFi». Выпадает шестизначный код — вводим его в MIT AICompanion и — вуаля!Mit-appinventor-comanion • Так же возможно подключение реального Android устройства посредством USB. Мне этот способ совсем не понравился в виду некоей геморности с настройками в моем планшете, поэтому не буду о нем писать, можете прочитать тут.
    Сам всегда подключаюсь по WiFi, ибо это наиболее удобный и простой способ, на мой взгляд.

Вероятно установка и настройка онлайн версии App Inventor скрывает в себе некоторые подводные какахи, которые проявляются не всегда. Вот одна из них: после некоторых обновлений JAVA в выпадающем списке «Connect to device» редактора блоков может пропасть «WiFi»,  в этом случае помогает установка более старой версии JAVA. Если вам известно и о других проблемах с установкой и настройкой онлайн версии  App Inventor — пишите в комментариях. Там же можете задавать вопросы делать уточнения и всякое такое.

Смотрите видео обо всем выше изложенном.

Тема следующей публикации «Установка и настройка оффлайн версии App Inventor».

Введите свой E-mail
для уведомлений о новых статьях:

 

Метки , , , , . Закладка постоянная ссылка.

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>