Разработка мобильных приложений (syllabus): различия между версиями

Материал из Поле цифровой дидактики
Строка 61: Строка 61:
== Разработка пользовательского интерфейса ==
== Разработка пользовательского интерфейса ==
* Основы дизайна интерфейса
* Основы дизайна интерфейса
** [[Scratch]]
** [[Snap!]]
** [[App Inventor]]
** [[StarLogo Nova]]
** [[NetLogo]] Web
* Использование различных элементов интерфейса (кнопки, текстовые поля, списки и т.д.)
* Использование различных элементов интерфейса (кнопки, текстовые поля, списки и т.д.)
* Представление данных, сохранение данных
* Представление данных, сохранение данных

Версия от 19:24, 12 сентября 2023



Планируемые результаты обучения (Знать, Уметь, Владеть) Результаты:
  • Понимать
  • как создавать и проектировать мобильные приложения с помощью графического интерфейса.
Знать
как интегрировать свои приложения с различными внешними сервисами, такими как базы данных, API и другие.
процесс публикации приложений в магазинах приложений, таких как Google Play Store.
Уметь
применять концепции программирования, такие как условия, циклы, переменные и функции для создания мобильных приложений.
использовать различные компоненты, такие как кнопки, текстовые поля, изображения и другие, для создания интерактивных пользовательских интерфейсов.
тестировать свои приложения и исправлять ошибки, используя инструменты отладки.
Содержание разделов курса Содержание
1. Введение в мобильную разработку
  • Разнообразие мобильных образовательных приложений
  • Основы мобильных платформ (Android, iOS)
  • Средства разработки мобильных приложений
2. Основы программирования
  • Переменные, типы данных и операторы
  • Условные операторы и циклы
  • Функции и классы
3. Разработка пользовательского интерфейса
  • Основы дизайна интерфейса
  • Использование различных элементов интерфейса (кнопки, текстовые поля, списки и т.д.)
4. Работа с сетью
  • Основы работы с HTTP-запросами
  • Работа с API
5 Тестирование и отладка
  • Основы тестирования мобильных приложений
  • Использование инструментов для отладки
Развертывание и публикация
  • Подготовка приложения к публикации
Видео запись
Среды и средства, которые поддерживают учебный курс App Inventor, Thunkable, OctoStudio
Книги, на которых основывается учебный курс App Inventor 2 (book)

webapis-post.png

Введение в мобильную разработку

  • Разнообразие мобильных образовательных приложений
  • Основы мобильных платформ (Android, iOS)

Средства разработки мобильных приложений

 Description
App InventorApp Inventor является бесплатным инструментом для программирования для создания мобильных приложений для Android. Он был разработан Массачусетским технологическим институтом и предоставляет простой интерфейс для создания мобильных приложений, который доступен для любого пользователя. Для программирования в App Inventor используется визуальный язык программирования, очень похожий на язык Scratch и StarLogo Nova.
webapis-get-all-posts.png
Blockly
KodularKodular — это онлайн-инструмент, позволяющий создавать собственные приложения без знания языков программирования, используя простой интерфейс перетаскивания блоков. С помощью Kodular Companion, разработчики могут тестировать свои приложения в режиме реального времени, экономя время на экспорте и компиляции. Платформа позволяет разрабатывать приложения для Android с широкими возможностями настройки, включая добавление пользовательских компонентов и расширений.
MicroBlocksЯзык программирования - клон языка Scratch специально спроектированный для управления физическими объектами
NetsBloxВизуальный блочный язык программирования - производный от Scratch и Snap! - внимание уделено сетевым возможностям, интеграции с Google картами. Внутри среды NetsBlox участники проектов могут коллективно редактировать блоки программы так же как это происходит в Google-документах.
OctoStudioСреда для разработки школьниками своих собственных игр на мобильных устройствах
Pocket CodeМобильное приложение для создание детьми игр и цифровых историй
ThunkableThunkable был создан в 2015 году на основе более известного конструктора приложений MIT App Inventor 2, как платформа для разработки на Android. Со временем инструмент обрел кросс-платформенность (iOS и Android) и стал платформой для разработки веб-приложений. Пользователи Thunkable могут добавлять кнопки, текст, изображения и даже карты, чтобы создать полнофункциональное приложение с такими функциями, как push-уведомления, датчики, геолокация, камера, Bluetooth, автономные возможности, и другое. Создание приложений в базовом аккаунте является бесплатным, но при этом можно создавать только общедоступные приложения.
  • 120px-Thunkable.jpg

Основы программирования

  • Переменные, типы данных и операторы
  • Условные операторы и циклы
  • Функции и классы


 DescriptionEnvironment
AlexandraSeminaИсследует поле цифровой дидактикиRAWGraphs
Excel
AlexandraSemina2Исследует поле цифровой дидактикиRAWGraphs
Excel
Schedule - приложениеМобильное приложение для студентов, позволяющее просматривать актуальное расписание занятий на основе данных из Google Sheets. Позволяет фильтровать пары по дням недели, добавлять напоминания о занятиях и загружать обновления.Thunkable
Google Sheets
Firebase
Push Notifications
Switching Between ScreensКак переключаться между различными сценами в Scratch. Скрипт проверяет, совпадает ли переменная экрана с экраном для отображения спрайтов. Если да, то спрайты будут отображаться и делать все, что от них требуется. Если нет, то спрайт останется скрытым и не запустит блоки для того времени, когда он будет открыт.Scratch
Snap!
Выбор ваканский по городамСоздание приложения по выводу топа вакансий по городам. Реализован выбор города и вывод названия вакансии, заработной платы и количества вакансий.App Inventor
Графическое рисованиеПриложение предназначено для создания графических дизайновThunkable
Дневник снаПростое и удобное приложение для отслеживания сна. Пользователь может вручную вводить дату и количество часов сна, а затем просматривать сохранённые записи в виде списка. Это помогает заметить, сколько в среднем вы спите, и следить за своими привычками сна.Thunkable
Google Sheets
Дневник суточной активности"Дневник суточной активности" — ваш личный хронограф дня. Записывайте виды и длительность занятий (работа, сон, спорт, досуг) прямо в приложении. Хронологическая лента записей наглядно покажет, куда уходит ваше время.Thunkable
Google Sheets
Изучить информатиков МЭШВ датесете МЭШ есть учителя информатики. Мы хотим узнать информацию о них.Snap!
Использовать данные МЭШ для моделирования поведения учителейПри изучении языков высокого уровня хотелось бы опираться на реальные ситуации, которые происходят с учителями. Эти ситуации описываются и моделируются в различных языках. Мы взяли несколько сред многоагентного моделирования, где агенты симулируют поведение учителей, и скрестили эти языки с данными, которые были извлечены из МЭШ.
  • 120px-Netlogo_mes.png
NetLogo
Scratch
Snap!
Взаимное копирование МЭШ (датасет)
Как видоизменять графУ нас есть исходные данные взаимоотношений для построения графа. Мы хотим
  1. сделать граф информативным
  2. удалить из него ненужные узлы и связи
  3. оставить в нём только нужно
  4. экспериментировать с узлами и связями
NetLogo
Graphviz
Notepad++
Akepad
Как вырастить данные в искусственном сообществеДля того, чтобы получить данные, можно создать имитационную модель, агенты которой будут имитировать поведение биологическое или социальное поведение животных, людей или организаций. В процессе своих действий агенты будут порождать данные, которые можно собрать и проанализировать. 120px-Slnova_Data1.jpgNetLogo
StarLogo Nova
Как имитировать поведение покупателей в магазинеМы хотим создать имитацию взаимодействия людей в магазине - покупателей в магазинеApp Inventor
Как интерпретировать социограммуКак интерпретировать социограмму (викиграмму), полученную в результате обработки лог-файлаВики
NetLogo
Graphviz
Как посчитать несчастливых горожанСчитаем несчастливых в модели
Как собрать данные об отношениях участника в сети ScratchУ нас есть возможность обратиться к Scratch API и запросить информацию о тех, на кого подписался данный участник сообщества. И есть возможность запросить информацию о тех, кто подписался на данного участникаScratch
Snap!
Сообщество Scratch
Как собрать информацию о группе СЦТО-231мЭто учебный проект сбора информации об участниках из категории Категория:СЦТО-231мSemantic MediaWiki
Как создавать породы агентовВ ряде сред агентного моделирования есть возможность создать породу (класс) агентов, которые будут обладать общими свойствами. Например, это могут быть ученики, учителя, волки, кролики, мячики и т.д. Каждый объект класса будет хранить свои породные свойства. Эти данные можно собирать и использовать в управлении системой. 600px-Starlogo_Trait01.jpgNetLogo
StarLogo Nova
Обратиться к объектам по их свойствамЛюбая команда к агентам или объектам предполагает, что вы можете к ним обратиться, назвать их свойства и передать им указание что-то сделать. Например, всем страницам SMW из класса Язык программирования и свойством Ages::<10 показаться в формате нумерованного списка. Или всем черепах, с координатами по оси X > 0 и жёлтого цвета приказываю умереть
  • 120px-Netlogoweb_ask.png
NetLogo
Snap!
Semantic MediaWiki
Планирование бюджета для мероприятияРассчитываем бюджетApp Inventor
Посчитать и сохранить значениеПосчитать и сохранить значение/ У нас есть множество зверей и все они собираются как-то взаимодействовать с колобком. И нам нужно, чтобы звери набрасывались на колобка не все сразу с криком “Я тебя съем”, а делали это по очереди. Как организовать эту очередь?Scratch
Snap!
Проблема вовлеченности школьников в интеллектуальные состязанияПроблема вовлеченности школьников в интеллектуальные состязания, которая будет рассмотрена на примере участия и результативности обучающихся Самарской области во Всероссийской олимпиаде школьников (далее — ВсОШ) как самом массовом интеллектуальном соревновании в стране с обязательным присутствием в нем каждого региона и одном из основных компонентов функционирования единой системы выявления и поддержки талантов каждого ребенка. Вовлеченность рассматривается как институциональные условия — усилия образовательной организации, направленные на вовлечение учащегося в интеллектуальные состязания (Малышонок, Вилкова, 2022). Такой контекст обусловлен требованиями правовых актов в сфере образования, принятых на всех уровнях иерархии права и предписывающих школам создать условия для развития каждого ребенка за счет, в том числе, выполнения показателей эффективности, которые, в свою очередь, также определены для всех уровней исполнительной власти и местного самоуправления. На примере отдельного образовательного округа показано, что вовлеченность детей в интеллектуальные состязания — один из показателей эффективности работы системы образования — обеспечивается не наличием плановых показателей как таковых, а профессионализмом отдельно взятого педагога.
Рамки цифровой зрелости школыИзучение мирового опыта показывает, что разработаны и так или иначе используются десятки моделей, позволяющих оценить уровень цифровой зрелости образовательной организации. В частности, в исследовании, которое проводилось группой разработчиков из Хорватии при конструировании модели цифровой зрелости школы (Framework for the Digital Maturity of Schools, FDMS), рассмотрены 15 таких моделей.
Расчёт зарплатыСоздание приложения по расчёту заработной платы. Реализована возможность вносить данные о дате, месте работы, количестве отработанных часов, ставке, а также расчета заработной платы за рабочий день, сохранение данных, подсчет количества отработанных рабочих дней за месяц и итоговая заработная плата за месяц.
РепетиторствоРепетиторская деятельность вошла в практику среди школьных учителей, особенно в условиях возрастающего запроса на индивидуальные образовательные траектории. Вместе с тем такая двойная занятость ставит перед управлением школой новые вызовы: как внешняя педагогическая активность влияет на основную профессиональную нагрузку, вовлеченность в образовательный процесс и академические результаты учащихся? В статье рассматривается феномен совмещения преподавания в школе и частного репетиторства на уровне отдельных учителей и с позиций управленческого анализа. Эмпирическую базу составляет анкетирование учителей 5–11 классов общеобразовательных школ города Грозного, проведённое в 2025 году. В фокусе - различия в восприятии педагогами собственной эффективности, уровне профессионального выгорания и достигнутых результатах учащихся в зависимости от вовлеченности в репетиторство. Цель исследования - описать, как в современных условиях две профессиональные роли учителя соотносятся с задачами школьного управления. Результаты могут быть использованы для принятия решений в области кадровой политики и оценки качества образования на уровне школы и муниципалитета.
Создание счётчика калорийСоздание счетчика калорий. Будет реализована возможность выбора потребляемой пищи за день, а также определение суточной нормы КБЖУApp Inventor
SQL
Создать первую модель в NetLogo WebСоздать первую модель, в которой будут пара управляющих кнопок и рычажок для выбора количества агентов в системеNetLogo
Трекер настроенияПодготовлено Мухановой Анной

✨MoodTrack — дневник настроения. Это простое и дружелюбное приложение для отслеживания своего настроения каждый день. Пользователь выбирает кнопку с описанием настроения, которая отражает его эмоции, указывает дату (сегодняшнюю или любую другую), и сохраняет это в личную историю.🌻

На отдельных страницах можно просматривать свои прошлые записи, анализировать, как менялось настроение со временем.
Thunkable
Google Sheets
Airtable
Трекер отслеживания задачВ трекере задач можно вносить собственные задачи и привязывать их к дате и времени. Каждую задачу можно удалить отдельно от остальных, а также удалять общий список задач. В интерфейсе можно увидеть точную настоящую дату и время, которая обновляется каждую секундуApp Inventor
Трекер привычекЭто мобильное приложение помогает формировать полезные привычки и отслеживать их выполнение. Оно позволяет пользователю добавлять новые привычки и отмечать их выполнение неограниченное количество раз. Также есть возможность удаления как отдельной привычки из списка, так и очищение всего списка. Приложение подойдёт для всех, кто хочет выработать новые полезные привычки и следить за своим прогрессом каждый день.App Inventor
Цифровые компетенции учителей

Разработка пользовательского интерфейса

  • Основы дизайна интерфейса
  • Использование различных элементов интерфейса (кнопки, текстовые поля, списки и т.д.)
  • Представление данных, сохранение данных

Работа с сетью

  • Основы работы с HTTP-запросами
  • Работа с API

Тестирование и отладка

  • Основы тестирования мобильных приложений
  • Использование инструментов для отладки

Развертывание и публикация

  • Подготовка приложения к публикации


Работа в вики среде

Мастер-класс «Совместная работа со знаниями на поле цифровой дидактики»

 DescriptionEnvironment
How to make a TimeLineСоздать ленту времени, используя возможности Semantic MediaWikiSemantic MediaWiki
Как включить Snap! проект в состав вики страницыИспользуем заклинание - snap project="Название" user="Имя_Автора" - примеры в тексте статьиSnap!
Semantic MediaWiki
Как вставлять химические формулы в тексты вики статейВ вики есть расширение https://www.mediawiki.org/wiki/Extension:SimpleMathJax и оно позволяет встраивать в страницы математические и химические формулы. Нужно использовать тег chemSemantic MediaWiki
Как встроить статью в другую статью?Я хочу встроить другую статью в свою.
  • Использовать запрос ask и формат embedded
Semantic MediaWiki
Как делать таблицы в викиТаблицы являются удобной формой для отображения информации. Но таблицы выполняют лишь тогда свою роль, когда между строчками и столбцами имеется смысловая связь, то есть информацию в них можно рассортировать неким образом, например, по дате или алфавиту. С другой стороны, таблицы сложнее обычного текста. Так что применять их имеет смысл лишь там, где они действительно улучшают восприятие материала, поэтому предварительно обдумывайте: не лучше ли использовать обычный список.Semantic MediaWiki
Как добавить видео на страницу викиНа страницу вики можно вставить видео из внешнего источника при помощи виджета. В настоящее время только видео с YouTube.Semantic MediaWiki
Как добавить диаграмму связей на вики страницуВ вики есть несколько текстовых редакторов диаграмм Mermaid, GraphViz, PlantUML и каждый из редакторов позволяет из текстовых команд получить граф. Базовый синтаксис общий A -> BSemantic MediaWiki
Как добавить изображение на вики страницуМожно добавить изображение загрузив файл в формате png или jpg, или добавив изображение с внешнего ресурса. При загрузке изображений с внешних ресурсов можно пользоваться только разрешёнными источниками. Например, wikimedia.org, www.mgpu.ru, samsmu.ruSemantic MediaWiki
Как добавить листинг программы на вики страницуДля многих языков можно использовать Extension:SyntaxHighlight - Extension:SyntaxHighlight syntaxhighlight - в статье показаны несколько примеров для языков Python, R, C++, Lisp, Prolog, Javascript, JuliaSemantic MediaWiki
Как добавлять на вики страницу элементы интерфейсаКак добавлять на вики страницу элементы интерфейса - поля ввода, кнопки, возможность выбора и т.п. Для этого используется расширение Page FormsSemantic MediaWiki
Как извлечь данные из категории DigidaМы хотим проанализировать тексты, которые хранятся в статья определенной категории поля цифровой дидактики. Есть 2 способа - экспорт статей и использование MediaWiki APISemantic MediaWiki
R
MediaWiki API
Как использовать песочницу MediaWiki APIСовременные MediaWiki площадки поддерживают не только собственный API, но и инструмент для формирования запросов к нему. В этой статье рассказываются приёмы формирования таких запросов. Обратите внимание, что правила общие для всех площадок - Служебная:ApiSandboxSemantic MediaWiki
Как написать курсовую работу по программированиюСтуденты пишут курсовую работу, в рамках которой демонстрируют свою способность создавать и документировать программный продуктStarLogo Nova
Scratch
Graphviz
Snap!
Semantic MediaWiki
Lua
PlantUML
Roblox
Как обратиться к внешним данным из викиИспользуем расширение External Data и получаем данные на вики странице - в виде списка или таблицыSemantic MediaWiki
External Data Extension
Как пользоваться волшебными словами внутри викиКак получить доступ к данным о страницах, правках, числе участников и т.п. внутри вики?Semantic MediaWiki
Как пользоваться различными пространствами викиКак не потеряться в богатстве вики возможностей, попробовать различные пространства и ничего не сломатьSemantic MediaWiki
Как построить социограмму совместной деятельности по теме инженерного образованияПредположим, у нас есть ученики инженерного класса, участвующие в разных совместных проектах (например, лабораторные работы, конкурсы, хакатоны). Мы хотим понять:
  • Кто с кем чаще всего работает?
  • Кто является "центром" взаимодействий?
  • Есть ли изолированные группы?
Graphviz
Semantic MediaWiki
Как провести сравнение источников на вики страницеЕсли мы хотим представить рядом и сравнить разные источники компетенций на вики страницеSemantic MediaWiki
Как собрать информацию о группе СЦТО-231мЭто учебный проект сбора информации об участниках из категории Категория:СЦТО-231мSemantic MediaWiki
Как создать и добавить свойство в SMW викиНам нужно создать свойство в вики и затем добавить это свойство в статьи определённой категории. Нам нужны:
Свойство, Шаблон, Форма
Semantic MediaWiki
Как строить графики на вики страницахВ Semantic MediaWiki есть возможность представлять информацию о количестве статей с различными свойствами при помощи графиков. Используются возможности расширения Данная страница содержит примеры графического вывода информацииSemantic MediaWiki
Как узнать в вики времяМы хотим, чтобы на странице было бы время - день и числоSemantic MediaWiki
Как узнать распределение всех статей по свойствуМножество статей со свойством Field_of_knowledge - как посмотреть распределение статей по этому свойству?Semantic MediaWiki
Обратиться к объектам по их свойствамЛюбая команда к агентам или объектам предполагает, что вы можете к ним обратиться, назвать их свойства и передать им указание что-то сделать. Например, всем страницам SMW из класса Язык программирования и свойством Ages::<10 показаться в формате нумерованного списка. Или всем черепах, с координатами по оси X > 0 и жёлтого цвета приказываю умереть
  • 120px-Netlogoweb_ask.png
NetLogo
Snap!
Semantic MediaWiki
Представить данные датасета в виде графаЕсть датасет и мы хотим превратить его в таблицу и граф, чтобы посмотреть на взаимосвязи узлов.NetLogo
Snap!
Semantic MediaWiki
VOSviewer
RStudio
Notepad++
Представить объекты на географической карте в викиУ нас есть объекты, для который есть их географические координаты. Мы хотим представить их на карте внутри вики.Semantic MediaWiki