Как сделать определитель животных: различия между версиями

Материал из Поле цифровой дидактики
Строка 35: Строка 35:
* https://www.youtube.com/watch?v=3_HbTHwhpr0
* https://www.youtube.com/watch?v=3_HbTHwhpr0
{{#widget:YouTube|id=3_HbTHwhpr0|start=5}}
{{#widget:YouTube|id=3_HbTHwhpr0|start=5}}
{| class="wikitable"
! Ссылка и видео
! Описание
|-
| https://youtu.be/ABuphif4S0k  <br clear=all /> {{#widget:YouTube|id=ABuphif4S0k|start=2}} || App Inventor Mobile Apps MCU 2023 - [[User interface]] - Пользовательский интерфейс
|}

Версия 20:38, 16 февраля 2024

Описание Создание викторины в 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 - Пользовательский интерфейс