Создание приложения с помощью App Inventor состоит из двух частей. Сначала вы разрабатываете внешний вид своего приложения, а затем указываете приложению, что делать, кодируя его.
ПЕРВЫЕ ШАГИ
- Сначала сделайте набросок на бумаге
- Используйте свой бумажный прототип
- Держите его рядом с собой

- Откройте MIT App Inventor
- ai2.appinventor.mit.edu
- Выберите "Начать новый проект" в меню " Проекты

ДЕТАЛИ КОНСТРУКТОРА
Нажмите на оранжевая буква i чтобы узнать о выделенных частях. Щелкните на стрелках слева и справа, чтобы узнать о других частях конструктора.

Сайт Палитра Перечисляет ВСЕ возможные компоненты (части), которые вы можете добавить в свое приложение.
Они сгруппированы по ящикам или вкладкам. Чтобы открыть ящик, достаточно щелкнуть по нему.

Вьювер показывает, как выглядит приложение после перетаскивания компонентов из палитры.
Невидимые компоненты не отображаются на экране приложения, но при этом являются его важной частью.

На панели компонентов перечислены все компоненты, которые были добавлены в приложение.
Если они находятся внутри другого компонента, перед ними есть дополнительное пространство.

Сайт Панель свойств Здесь вы увидите и измените различные характеристики каждого компонента.

Медиапанель - это место, куда вы загружаете файлы, такие как изображения и звуки, чтобы использовать их в своем приложении. Вы можете просто перетащить файлы на панель Media Panel.
ПОРА ПОПРОБОВАТЬ!
ЗАНЯТИЕ 1: РАЗРАБОТКА ПРИЛОЖЕНИЯ
Теперь, когда вы добавили все компоненты для приложения, перейдите в редактор блоков, чтобы начать кодировать приложение дальше!
ПЕРЕМЕННЫЕ
Прежде чем начать кодирование, давайте узнаем, что такое переменные. Они понадобятся вам при создании игры Recycle Game.
Если вы создаете мобильное приложение, то в некоторых случаях вам необходимо отслеживать различную информацию внутри приложения. Для этого и нужны переменные.
РЕДАКТОР БЛОКОВ
- Откройте проект Recycle Game в App Inventor
- Вы добавили все свои компоненты.
- Теперь переключитесь на редактор блоков

ЧАСТИ РЕДАКТОРА БЛОКОВ
Нажмите на оранжевая буква i чтобы узнать о выделенных частях. Щелкните по стрелкам слева и справа, чтобы узнать о других частях редактора блоков.

Сайт Блоки перечислены все блоки, доступные для использования.
Встроенные блоки являются частью каждого приложения.
Каждый компонент также имеет свой собственный набор блоков кода.

Сайт Просмотрщик Это рабочее пространство, где вы размещаете все блоки кода.
Щелкните компонент, затем перетащите нужный блок на экран Просмотр.

Сайт Рюкзак позволяет сохранять блоки кода для повторного использования в других проектах.
Перетащите созданные блоки в рюкзак. Вы можете открыть другой проект и перетащить их оттуда, чтобы использовать повторно.

Перед запуском приложения проверьте предупреждения, выделенные желтым цветом, и ошибки, выделенные красным.

Вы можете увеличивать и уменьшать масштаб, а также сбрасывать масштаб просмотра.
Вы можете удалить неиспользуемые блоки, перетащив их в корзину для удаления.