App Inventor
Программирование андроидов для школьников (с рисунками, видео и упражнениями) — это курс, обучающий программированию в визуальной среде "App Inventor for Android". Каждая глава курса раскрывает какую-либо тему, снабжена иллюстрациями и обучающим видео. Интерактивный опросник в конце главы позволяет проверить усвоение материала.
Автором курса является Крижановский Андрей и студенты Петрозаводского государственного университета (предмет "Интернет-математика"). Студентам предложен алгоритм и ряд требований к написанию глав курса.
Курс предназначен для школьников и учителей, преподающих информатику. Если у вас есть вопросы и пожелания, то пишите, пожалуйста, на странице обсуждения курса.
В курсе изложены основы работы в среде "App Inventor for Android". Вы научитесь создавать увлекательные игры, делать анимацию, проигрывать мелодии. При этом познакомитесь с базовыми идеями программирования.
Результаты
правитьВ результате работы студенты курса создадут следующие произведения искусства.
Будет написана глава (подстраница этой страницы) с рассказом об одной из сторон визуального языка программирования и о работе в среде "App Inventor for Android". В этом поможет знание вики-разметки. На одном из занятий студенты выступают с докладом и рассказывают сокурсникам содержание своей главы.
Эта подстраница Викиверситета (за исключением интерактивной части) превращается в часть книги и копируется на GitHub в проект student_paper/app_inventor/. Здесь пригодятся знания LaTeX'а и GitHub. См. учебники LaTeX и Version Control/Git.
Полученные навыки разработки визуальных программ применяете для создания образовательной игры, при этом в игре будут использоваться результаты запросов к Викиданным. Для извлечения данных с сайта Викиданных пригодится курс Программирование Викиданных.
Алгоритм работы
правитьЗадание для студентов | ||
---|---|---|
N | Описание | |
1 🎮 | Выбор задачи (будущая глава учебника)
Этапы работ, связанных с созданием кода на сайте ai2.appinventor.mit.edu, отмечены в этой таблице значком 🎮. Довесок: оформить главу курса Работа в вики-среде (с упражнениями). | |
2 🅛 | Становимся авторами книги (LaTeX, GitHub)
Довесок: оформить главу курса Работа в вики-среде (с упражнениями). | |
3 🎮 | Создание первого окна приложения About (об авторе, благодарности и о приложении)
Напишите приложение, которое будет содержать всего две кнопки: "Описание" и "Автор".
Музыкальный довесок: загрузить фрагмент любимого музыкального произведения по правилам w:ВП:КДИ для оформления статьи в Википедии о певце, группе или музыкальной композиции, если о них есть соответствующая статья. Пример работы наших студентов у них и у нас. | |
4 🅛 | Придумываем свою оригинальную математическую задачу, основываясь на идее из книги, для последующей реализации в приложении
Для написания математических формул используйте разметку TeX. См. примеры и подсказки в учебнике Википедия:Формулы. Минизадачи: написать решение одной минизадачи в виде подстраницы этого курса. Решение должно содержать скриншот, загруженный на Викисклад. Преобразовать полученный викитекст в формат LaTeX и добавить в проект student_paper в папку cookbook. Предварительно согласовать с преподавателем, какую минизадачу будете решать. | |
5 🎮 | Программирование
Напишите программу в среде "App Inventor", идею котороый вы изложили в своей статье ранее.
Постарайтесь максимально использовать возможности комментирования кода, но только на чистом английском языке. Дополнительное задание. Поработайте на славу Петрозаводского государственного университета, см. ПетрГУ. | |
6 🎮 🅛 | ⛄ Иллюстрирование статьи. Добавьте в свою главу LaTeX'а и на свою вики-страницу в этом курсе иллюстрации с помощью Викисклада.
При написании программы вам пришлось решать различные технические задачи и преодолевать ограничения визуального языка программирования. Возможно, вы написали нетривиальную процедуру, которой было бы интересно поделиться с читателями. Сделайте скриншот экрана с тем фрагментом кода, который в дальнейшем вы хотите пояснить в статье. В своей статье после иллюстрации, снабжённой полноценной развёрнутой подписью на русском языке, напишите ‒ что изображено на рисунке. Какие выводы может сделать читатель из этой иллюстрации? Если иллюстраций несколько, то напишите свои пояснения к каждой иллюстрации. И попытайтесь обобщить свой опыт, переходя от своей конкретной задачи к обсуждению особенностей и тонкостей, связанных с работой в среде "App Inventor". Замечания:
Cм. подробности и правила оформления иллюстраций. Тот же рисунок загрузите в LaTeX на GitHub, см. папку ./graphics/programs. Если ваш файл в папке ./chapter называется guess_the_number_Oksanche.tex, то папка для ваших скриншотов будет ./graphics/programs/guess_the_number. Довесок: God — удалить или спасти одну статью. | |
7 🎮 🅛 | ⛄ Пишем текст о программе (процедура и управление экранами).
В предыдущем задании вы сделали скриншот своей программы, загрузили на Викисклад, чтобы добавить этот рисунок в свою страницу. Затем сделали развёрнутую подпись к рисунку и написали до рисунка текст, поясняющий, что интересного здесь изображено. В этом задании продолжаем писать о своей программе на красивом и понятном русском языке:
Этот же текст и иллюстрации должны появиться в нашем LaTeX-проекте. Не случайно в номере этого задания кроме игровой консоли (обозначает визуальное программирование) есть ещё и буква L. Довесок: n:User:AKA_MBG/newstask — написать новость по научной тематике в Русских Викиновостях. | |
8 🎮 🅛 | ⛄ Оформление ссылок на литературу и веб-ресурсы. В разделах "Литература" и "Ссылки" перечислите те материалы, которыми вы пользовались при решении задачи. Хорошо, если ссылки на источники будут идти прямо из викитекста с помощью шаблона {{sfn}}.
Для оформления ссылок в LaTeX редактируйте файл ai1references.bib. Всё хорошо, если файл LaTeX продолжает компилироваться без ошибок. См. пример оформления ссылки на книгу в разделе "Литература" в статье App Inventor/База данных#Литература (в шаблоне {{sfn}} указаны номера страниц книги, эти номера видно в разделе "Примечания"). | |
9 🅛 | Индексирование ключевых слов в LaTeX
\index{Интерфейс пользователя!ListView / Выбор из списка} Какой-то текст про ListView... В качестве тематических разделов (то есть параметров команды index в LaTeX) используйте названия разделов и пунктов меню на сайте "App Inventor". Ссылки на учебный материал по работе с индексом в LaTeX:
Довесок: wordlist — написать несколько словарных статей в Русском Викисловаре. | |
10 🅛 | Аннотация ‒ написать аннотацию к тексту своей главы и в Викиверситете, и в LaTeX'е. | |
11 🅛 | Разработка игры в форме упражнений и вопросов (самое интересное задание)
В Викиверситете добавьте в свою главу в качестве последнего раздела "== Упражнения ==". Придумайте три упражнения с вопросами по программированию в среде App Inventor и по теме своего приложения. При этом:
Используйте разные типы вопросов (см. Help:Quiz, Help:Quiz-Simple). Вопросы и ответы на них должны (1) иметь образовательный характер, (2) сообщать новые нетривиальные сведения, (3) быть настолько яркими и интересными, чтобы их можно было отправить в телепередачу Что? Где? Когда? Также как и всю статью, не забывайте викифицировать вопросы, если в них упоминаются какие-либо термины, и варианты ответов на них. В LaTeX напишите вопросы к тексту и темам, обсуждаемым в вашей главе. См. примеры в главе Превращение флагов. К вопросам прилагаются развёрнутые ответы с иллюстрациями, размещайте их в главе Ответы. В этих двух главах посмотрите то, каким образом связаны между собой вопросы и ответы гиперссылками в итоговом PDF-файле. Довесок: WRN — написать рецензию на научную статью для m:Research:Newsletter. | |
12 | Видео ‒ записать видео с рассказом о приложении и примером работы программы.
Требования к видео:
Приложения для записи видео:
Довесок: РГАФД — работа с коллекцией фонограмм в Википедии (знакомимся с электронными архивами). | |
13 | Компиляция LaTeX в PDF. |
Примечания:
- Когда задание будет выполнено, отчитайтесь о проделанной работе на странице обсуждения своей главы. Не забывайте подписывать свои сообщения на страницах обсуждений с помощью четырёх тильд ~~~~.
- ⧖ Чтобы у студентов был спортивный интерес ‒ делать задания вовремя, к некоторым заданиям прилагаются довески, дополнительные задания.
Задачи
правитьВыберите из этих книг: Б. А. Кордемского или М. Гарднера математическую задачу. Напишите название этой задачи, из какой книги взята задача (автор книги, название книги, год издания, укажите номер страницы), свои данные следующим образом:
- [[/Название задачи в виде ссылки на подстраницу]] (Автор книги. Название. Год издания, страница), [[User:имя пользователя|Фамилия Имя Отчество]]
Ссылка с вашего имени должна вести на вашу страницу в Викиверситете, оформите её, см. w:ВП:Личная страница. Задачу выбирайте такую, которую:
- сможете представить в виде компьютерной игры на телефоне,
- а игра будет иметь образовательное значение. Например, игра Освоение космоса знакомит школьников в ходе игры с характеристиками планет Солнечной системы.
Подстраницы и авторы:
- /Превращение флагов (Кордемский Б.А. Математическая смекалка. 1956, с. 12), Крижановский Андрей Анатольевич
- /Угадыватель чисел (Галанин Д. Д. Леонтий Филиппович Магницкий и его арифметика. Вып. 2—3. — 1914, с.109), Панфилова Оксана Сергеевна
- /От 1 до 31, Захаров Алексей Михайлович
Лекции
править- /Введение, установка, настройка
- /Переменные и процедуры
- /Списки ‒ List Blocks On App Inventor
- /База данных
- /Экран
- /Галерея ‒ о публикации приложений
- /Комментарии ‒ о возможности комментировании кода, последовательность скриншотов: добавить комментарий, отобразить его, изменить размер окна с комментарием.
- По-мелочи
- Building Apps with many screens - версии, именование проектов и безопасная разработка
- Display “Warning” and “Alert” box messages in App Inventor apps - отладка приложений или Notifier
Минизадачи
правитьТребования и пожелания:
- Ссылки, которые помогли решить задачу, должны войти в список литературы в конце подстраницы с решением задачи.
- Вначале идёт описание проблемы, что нужно сделать.
- Последовательное и подробное описание - как решить проблему.
- Скриншот загружаете на Викисклад (интерфейс среды программирования только на русском языке). Имя файла должно подробно пояснять ‒ что изображено на рисунке, только на английском.
- Копию текста и скриншот добавляете на GitHub в проект student_paper/app_inventor/. LaTeX-файл должен компилироваться на ура.
Маленькие задачи:
- /Переключение языка интерфейса в App Inventor, + добавить замечание в "Алгоритм" заданий, чтобы скриншоты делали только с английским интерфейсом.
- /Переключение между экранами (см. link и пример, полезный пример)
- /HTML в поле Label - об использовании курсива, жирного шрифта и разбиении строк с помощью <br> в поле Label и других элементах (см. link, см. WebView Javascript Processor)
- /Публикация приложения ‒ подготовка и публикация приложения в галерее приложений с примером (link)
- /Переименование проекта + скриншот (link).
См. также
править- c:Category:MIT App Inventor
- c:User:AKA MBG#App Inventor (book) ‒ идеи иллюстраций для книги
- Wikipedia:App Inventor for Android
Примечания
правитьМатериалы на сайте ai2.appinventor.mit.edu доступны по лицензии CC BY 4.0, см. MIT App Inventor Privacy Policy and Terms of Use,
Литература
править- Kamriani F., Roy K. App Inventor 2 Essentials. — Packt, 2016. — 246 с. — ISBN 978-1785281105
- Paula Beer, Carl Simmons Hello App Inventor!. — USA: Hello App Inventor!, 2015. — 242 с. — ISBN 9781617291432
- М. А. Ливенец, Б. Б. Ярмахов Программирование мобильных приложений в MIT App Inventor: Практикум. — 2016. — 100 с.
- Б. А. Кордемский Математическая смекалка. — М.: ГИТТЛ, 1956. — 576 с.
Ссылки
править- Mike James. Getting started with MIT App Inventor 2. 2018
- Canvas // Рисование
- Курсы
- Introduction to Software Application Development with App Inventor and Python
- A Computing Science Course in Mobile App Development: I Love My Smartphone - (updated 2016 using App Inventor 2) (похужее)
- Inventing Mobile Apps, Taught by Lyn Turbak at Wellesley College, в частности: Lecture 06: Procedures and Conditionals
- Ардуино
- Слайды
- Видео (todo)