- Обзор различных компонентов, которые можно использовать в App Inventor или Thunkable
- Найдите один компонент, который может помочь вашему приложению
- Изучите учебник и введите в свое приложение хотя бы один компонент
Вот задания для этого урока:
КОМПОНЕНТЫ СМАРТФОНОВ
Пришло время выбрать и закодировать компоненты, некоторые из которых включают датчики, которые вы хотите использовать в своем приложении. Различные компоненты позволят вашему приложению делать множество разных вещей - обязательно выберите те, которые подходят именно вам!
Из этого урока вы узнаете о многих компонентах, которые можно использовать в своем приложении.
Вы, вероятно, уже выбрали свою платформу, но мы перечислим все компоненты для App Inventor и Thunkable, чтобы вы знали о доступных компонентах.
Ищите компоненты, которые вы можете использовать для реализации функций, запланированных для вашего приложения.
СПИСОК КОМПОНЕНТОВ ПО КАТЕГОРИЯМ
Следующие компоненты выходят за рамки стандартных компоненты пользовательского интерфейсакоторые позволяют пользователю взаимодействовать с приложением.
Это не полный список, но он охватывает большинство доступных на данный момент компонентов. Thunkable и App Inventor продолжают постоянно добавлять новые возможности и компоненты.
Приведенная ниже информация также содержится в этом документе.
Если вашему приложению нужны функции, связанные с фотографиями, аудио и видео, эти компоненты будут вам очень полезны.
| Характеристика Описание | App Inventor | Thunkable |
|---|---|---|
| Позволяет пользователю снимать видео. Вы можете использовать его в социальных приложениях, приложениях для обмена видео или в любом другом месте, где вы хотите, чтобы пользователь записывал видео. | Видеокамера | Камера |
| Позволяет пользователю делать снимки. Это может быть полезно для приложений, которые позволяют пользователям устанавливать фотографии профиля или делать снимки, чтобы поделиться ими или сохранить в галерее. | Камера | Камера |
| Позволяет пользователю выбрать изображение из своей фототеки. Это позволит пользователям выбирать фотографии, сделанные ими не с помощью вашего приложения. | ImagePicker | Файлы (библиотека фотографий) |
| Позволяет встроить в приложение видео, на которое пользователь может нажать. Видео должно быть в формате .wmv, .3gp или .mp4 и не превышать 1 МБ. | VideoPlayer | Видео |
| Позволяет переводить текст на другой язык. Для этого необходимо, чтобы ваше приложение имело доступ к интернету, поскольку оно полагается на внешние службы перевода. | Переводчик | Речь |
| Позволяет пользователю записать звук или шум. | SoundRecorder | Звук |
| Этот аудиокомпонент воспроизводит звук. Это лучше всего подходит для "длинных" звуков, таких как песни, речи или стихи. В Thunkable есть только один компонент, Sound, для воспроизведения звука любой длины. | Игрок | Звук |
| Очень похож на компонент Player, но лучше всего подходит для коротких звуков, таких как "звонки" уведомлений. | Звук | Звук |
| Переводит речь пользователя в текст. Это особенно полезно для приложений, требующих громкой связи. | SpeechRecognizer | Речь |
| Этот компонент выполняет обратную функцию по отношению к SpeechRecorder: он позволяет пользователям вводить текст, а приложение будет читать его вслух. | TextToSpeech | Речь |
| Вы можете заставить JSON-анимацию воспроизводиться в вашем приложении. | Нет в наличии | Анимация |
Если вам нужно, чтобы приложение позволяло совершать телефонные звонки, отправлять электронные письма, отправлять смс и делиться определенной информацией, эти социальные компоненты могут оказаться полезными.
| Характеристика Описание | App Inventor | Thunkable |
|---|---|---|
| Отображает контакты пользователя и позволяет выбрать кого-то из этого списка. | ContactPicker | Нет в наличии |
| Позволяет ввести адрес электронной почты из списка контактов пользователя. | EmailPicker | Нет в наличии |
| Позволяет пользователю выбрать номер телефона из списка контактов. | PhoneNumberPicker | Нет в наличии |
| Позволяет встроить в приложение видео, на которое пользователь может нажать. Видео должно быть в формате .wmv, .3gp или .mp4 и не превышать 1 МБ. | VideoPlayer | Видео |
| Позволяет пользователю совершить телефонный звонок из вашего приложения. | PhoneCall | Поделиться |
| Позволяет пользователю отправить текстовое сообщение на телефон другого пользователя через ваше приложение. | Смс | Поделиться |
| Этот аудиокомпонент воспроизводит звук. Это лучше всего подходит для "длинных" звуков, таких как песни, речи или стихи. В Thunkable есть только один компонент, Sound, для воспроизведения звука любой длины. | Игрок | Звук |
| Позволяет пользователям обмениваться сообщениями, изображениями или другим содержимым вашего приложения с другими приложениями на телефоне пользователя, такими как электронная почта и обмен сообщениями. | Поделиться | Поделиться |
| Обеспечивает связь между вашим приложением и Twitter. Пользователи могут искать твиты, отправлять и получать сообщения, получать список подписчиков и многое другое. | Нет в наличии | |
| Thunkable позволяет добавлять рекламу в ваше приложение. Все приложения должны быть предварительно одобрены Thunkable, прежде чем их можно будет загрузить или опубликовать. | Нет в наличии | Объявления |
Эти компоненты позволяют вашему приложению взаимодействовать с объектами за пределами вашего приложения, такими как веб, устройства и другие приложения.
| Характеристика Описание | App Inventor | Thunkable |
|---|---|---|
| Позволяет вашему приложению запускать другие приложения, такие как Камера или Карты Google, или пользовательские приложения, установленные на телефоне. | ActivityStarter | Открыть ссылку (блок управления) |
| Позволяет встроить карту в приложение. App Inventor включает такие компоненты, как маркеры и фигуры, которые можно добавить к карте. Эти функции добавляются в код в Thunkable. | Карты | Карты |
| Позволяет пользователям просматривать веб-страницы в вашем приложении. | WebViewer | Веб-просмотрщик |
| Позволяет вашему приложению отправлять и получать информацию на внешние веб-сайты. | Веб-сайт | Веб-интерфейс |
| Позволяет пользователю совершить телефонный звонок из вашего приложения. | PhoneCall | Поделиться |
| Эти компоненты позволяют вашему приложению подключаться к устройствам Bluetooth. | Клиент Bluetooth, Сервер Bluetooth, BlueToothLE (расширение) | Bluetooth Low Energy |
| Этот аудиокомпонент воспроизводит звук. Это лучше всего подходит для "длинных" звуков, таких как песни, речи или стихи. В Thunkable есть только один компонент, Sound, для воспроизведения звука любой длины. | Игрок | Звук |
| Используется для сбора данных из внешних источников (датчики, веб, файлы данных) и отображения их в виде графиков. | График, ChartData2D | Нет в наличии |
| Может использоваться для подключения к последовательным устройствам, таким как Arduino. | Серийный | Нет в наличии |
| Позволяет пользователям вашего приложения регистрироваться с помощью имени пользователя и пароля. Для этого необходимо сначала создать учетную запись Firebase. | Нет в наличии | Вход в систему |
| Позволяет встраивать pdf-файлы в ваше приложение. | Нет в наличии | PDF Reader |
Если вашему приложению нужно собирать информацию об окружающем мире или о пользователе, вот некоторые датчики, к которым App Inventor и Thunkable могут получить доступ.
| Характеристика Описание | App Inventor | Thunkable |
|---|---|---|
| Может определять, трясется ли телефон и как его держат - вертикально или перевернутым. Эта возможность очень полезна, если вы хотите, чтобы экран переориентировался в зависимости от того, как вы держите телефон, или если вы хотите, чтобы приложение реагировало на тряску. | АкселерометрДатчик | Акселерометр |
| Использует датчик акселерометра для измерения количества шагов пользователя, держащего телефон, а также может оценить пройденное расстояние. | Шагомер | Нет в наличии |
| Чувствует, когда телефон наклоняют. Он более точен, чем акселерометр, и может измерить, насколько изменилась ориентация телефона. | ГироскопДатчик | Гироскоп |
| Используется для измерения плотности магнитного потока. Не все телефоны поддерживают эту функцию. | Датчик магнитного поля | Магнитометр |
| Позволяет вашему приложению получать текущее время или использовать таймер. Это может быть полезно для установки будильника с таймером или использования таймера. | Часы | Таймер |
| Собирает данные о широте и долготе местоположения телефона. Этот датчик может пригодиться в любой момент, когда нужно найти точки интереса рядом с пользователем. | LocationSensor | Датчик местоположения |
| Определяет, находится ли телефон в непосредственной близости от объекта. Часто используется, чтобы определить, находится ли телефон рядом с ухом. Не все телефоны поддерживают эту функцию. | ProximitySensor | Нет в наличии |
| Позволяет вашему приложению считывать штрих-код. | BarcodeScanner | Камера |
| Измеряет давление окружающего воздуха. | Барометр | Нет в наличии |
| Измеряет относительную влажность окружающего воздуха. Необычно для большинства мобильных устройств. | Гигрометр | Нет в наличии |
| Измеряет уровень освещенности. | LightSensor | Нет в наличии |
| Позволяет вашему приложению обмениваться данными с другими устройствами, оснащенными технологией NFC (Near-field Communication). | Ближнее поле | Нет в наличии |
| Предоставляет информацию о физической ориентации устройства в трех измерениях: по крену, тангажу и азимуту. | Датчик ориентации | Нет в наличии |
| Измеряет температуру окружающей среды (внешнюю). | Термометр | Нет в наличии |
С помощью этих компонентов ваше приложение может хранить данные внутри оппонента, на устройстве и в облаке.
| Характеристика Описание | App Inventor | Thunkable |
|---|---|---|
| Блок, позволяющий обновлять и хранить информацию в приложении. Любая информация стирается при закрытии приложения. | Переменная | приложение Переменная |
| Позволяет вашему приложению хранить и обновлять информацию локально на мобильном устройстве и использовать ее внутри приложения. Данные можно хранить и извлекать между запусками приложения. В Thunkable DataViewer и DataViewerGrid могут хранить данные локально, используя опцию "Создать собственную таблицу". | TinyDB | хранимая переменная Список программы просмотра данных Сетка просмотра данных |
| Позволяет вашему приложению хранить, извлекать и обновлять данные в облаке, чтобы ими могли обмениваться разные пользователи приложения. Thunkable предлагает облачные переменные с помощью Firebase. DataViewer и DataViewerGrid могут быть связаны с Airtable, Google Sheets и Webflow. Компонент Spreadsheet в App Inventor связан с Google Sheets. | CloudDB FirebaseDB Электронная таблица | Переменная облака - (Firebase) Список DataViewer DataViewerGrid |
Используйте модели машинного обучения для классификации и генеративные инструменты искусственного интеллекта в своем приложении.
| Характеристика Описание | App Inventor | Thunkable |
|---|---|---|
| Позволяет общаться с чат-ботом с искусственным интеллектом, ChatGPT от OpenAI. | Чатбот | Открытые сервисы искусственного интеллекта (завершение текста) |
| Позволяет включить DALL-E в ваше приложение для создания и редактирования изображений. | Imagebot | Открытые сервисы искусственного интеллекта (генерация изображений) |
| Позволяет создать собственную модель машинного обучения (изображение, звук, поза) и использовать ее в своем приложении. | PersonalImageClassifier PersonalAudioClassifier Расширение PoseNetExtension TeachableMachine (обратите внимание, что все они требуют добавления расширения) | Нет в наличии |
Включите рисование в приложении и добавьте спрайты для анимации и создания игр.
| Характеристика Описание | App Inventor | Thunkable |
|---|---|---|
| Добавляет на экран область, в которой пользователи могут рисовать. Сюда же можно добавить спрайты, которые можно анимировать. | Холст | Холст |
| Эти компоненты - элементы, которые можно анимировать и с которыми можно взаимодействовать в игре или анимации. | ImageSprite Шар |
Спрайт |
Вы будете добавлять компоненты в окне конструктора App Inventor. Чтобы открыть ящик с компонентами, нужно нажать на категорию в палитре.
ДЕЯТЕЛЬНОСТЬ: ИЗУЧИТЕ НОВЫЙ КОМПОНЕНТ
Расчетное время: 60 минут
Выберите компонент для изучения
- Выберите хотя бы один компонент или датчик, который, по вашему мнению, будет использоваться в вашем приложении.
- Найдите документацию и/или руководство по использованию компонента в приложении. Начать можно здесь:
- Создайте приложение с использованием этого нового компонента
Совет для менторов
Лучшие практики: Выбранный вами компонент не обязательно должен быть идеальным для вашего приложения! Главное, чтобы вы узнали о новом компоненте. Просто выберите то, что, по вашему мнению, может сработать, и если вы поймете, что это не работает, ничего страшного. В мире кодинга мы называем это исследование "колышком", потому что вы пытаетесь быстро зарыться как можно глубже (как будто вбиваете железнодорожный колышек в землю).
Наводящие вопросы для студентов: Если бы мы создавали приложение для часов Apple, какие компоненты могли бы быть на них? (Пульсометр, гироскоп - для отслеживания шагов, bluetooth). Сколько данных вы собираете? Можете ли вы использовать эти данные для обучения вашей модели ИИ?
Советы для менторов предоставлены при поддержке AmeriCorps.
Один из лучших навыков, которые вы можете приобрести как программист, - это умение находить ресурсы, которые помогут вам, когда вы застряли или вам нужно узнать, как использовать что-то.
Это занятие - практика!
Возможно, это не совсем соответствует тому приложению, которое вы хотите создать, но практика кодирования с помощью компонентов поможет вам, когда вы придете к созданию собственного приложения.
РЕФЛЕКСИЯ
Этот урок является справочником по всем компонентам, которые вы можете использовать для создания своего приложения. Найти учебник или документацию, чтобы узнать, как использовать свой компонент, не так-то просто!
ОБЗОР ОСНОВНЫХ ТЕРМИНОВ
- Компоненты пользовательского интерфейса - стандартные компоненты, с которыми взаимодействует пользователь, такие как кнопки, ярлыки и текстовые поля
- Медиакомпоненты - Примерами медиакомпонентов являются фотографии, аудио и видео.
- Датчики - Различные типы устройств, установленных на телефоне, которые собирают данные для различных целей
- Социальные компоненты - Функции, позволяющие пользователям совершать телефонные звонки, отправлять электронные письма, отправлять смс и обмениваться информацией через ваше приложение
- Компоненты подключения - Функции, которые позволяют вашему приложению взаимодействовать с местами за пределами вашего приложения, такими как веб и другие приложения
- Компоненты хранения данных - Блоки и компоненты, позволяющие хранить информацию в приложении, на устройстве и в облаке
- Компоненты искусственного интеллекта - компоненты, позволяющие использовать модели машинного обучения или инструменты генеративного ИИ в вашем приложении
ДОПОЛНИТЕЛЬНЫЕ РЕСУРСЫ
Другие полезные обучающие сайты по App Inventor:
- appinventor.org
- Курс для начинающих Coding Bus (множество обучающих уроков по компонентам)
Другие ресурсы общего характера:
- GirlsCodeIt Учебные пособия по техновации
- Полный справочный список компонентов (Google doc для печати)
