Как сделать определитель животных

Материал из Поле цифровой дидактики
Описание Создание викторины в App Inventor.

120px-Child_determ.png

Нам понадобятся: Srcreen, Table Arrengement, 8 кнопок - по числу персонажей, 8 изображений, Глобальная переменная Animals - внутри неё список животных
https://gallery.appinventor.mit.edu/?galleryid=3f7da819-90e6-4c8a-bcba-ddbb8669e155
Область знаний Биология, Информатика
Область использования (ISTE) Computational Thinker, Цифровой Трансформатор
Возрастная категория 9


Поясняющее видео https://www.youtube.com/watch?v=3 HbTHwhpr0
Близкие рецепту понятия User interface
Среды и средства для приготовления рецепта: App Inventor

Процесс

  1. Табличное расположение - TableArrangement - таблица - 2 строки / 4 столбца
  2. Изображения животных -> Media -> Upload File
  3. Кнопки без надписей, но с изображениями 80 на 80 px
  4. Переменная Animals - список значений
  5. При нажатии на кнопку в TextLabel присваивается нужный текст

Animals list.png

Добавляем названия животных в список (можем добавлять описания)

Wolf click.png

По нажатию на кнопку выводим название объекта

Результат

https://gallery.appinventor.mit.edu/?galleryid=3f7da819-90e6-4c8a-bcba-ddbb8669e155

Child determ.png

Мы умеем
  1. Работать с графическим интерфейсом
  2. Использовать списки


Ссылка и видео Описание
https://youtu.be/ABuphif4S0k
App Inventor Mobile Apps MCU 2023 - User interface - Пользовательский интерфейс