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

Материал из Поле цифровой дидактики
Строка 69: Строка 69:
# [[Как поделиться своим приложением App Inventor]]
# [[Как поделиться своим приложением App Inventor]]


== Основы программирования ==
== Основы программирования App Inventor ==
* Переменные, типы данных и операторы
* Условные операторы и циклы
* Функции и классы


=== Переменные ===


; Глобальные
: [[Файл:Global app.png|600px]]
# Get
# Set


; Локальные - внутри блоков функции
[[Файл:Local variable.png|600px]]
=== Условные операторы и циклы ===
=== Типы данных ===
=== Функции ===
* Процедуры (do)
* Процедуры (result)


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

Версия 08:19, 25 октября 2023



Планируемые результаты обучения (Знать, Уметь, Владеть) Результаты:
  • Понимать
  • как создавать и проектировать мобильные приложения с помощью графического интерфейса.
что такое 603109
Знать
как интегрировать свои приложения с различными внешними сервисами, такими как базы данных, 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)
https://gallery.appinventor.mit.edu/s/MGPU_Mobile_Apps/time - Студия
https://snap.berkeley.edu/snap/snap.html#present:Username=patarakin&ProjectName=Cat_Fact

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

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


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

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

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

Переменные

Глобальные
Global app.png
  1. Get
  2. Set
Локальные - внутри блоков функции

Local variable.png

Условные операторы и циклы

Типы данных

Функции

  • Процедуры (do)
  • Процедуры (result)

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

  • Основы работы с 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
Как использовать песочницу MediaWiki APIСовременные MediaWiki площадки поддерживают не только собственный API, но и инструмент для формирования запросов к нему. В этой статье рассказываются приёмы формирования таких запросов. Обратите внимание, что правила общие для всех площадок - Служебная:ApiSandboxSemantic MediaWiki
Как обратиться к внешним данным из викиИспользуем расширение External Data и получаем данные на вики странице - в виде списка или таблицыSemantic MediaWiki
External Data Extension
Как пользоваться волшебными словами внутри викиКак получить доступ к данным о страницах, правках, числе участников и т.п. внутри вики?Semantic MediaWiki
Как пользоваться различными пространствами викиКак не потеряться в богатстве вики возможностей, попробовать различные пространства и ничего не сломать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