Форма на этапе конструирования:
Описание интерфейса пользователя
Вновь создаваемое
приложение
Удаляет созданный
проект
“Проекты/Мои проекты”.
Переход к списку проектов из
окна разработки по ссылке
После входа в MIT App Inventor пользователь попадает на страницу, где отображается
список его проектов.
Все созданные проекты хранятся в папке Мои проекты.
Создание мобильного приложения
Полная версия материала
Русский языкДля 1-11 классов, 1-2 курсов
Открыть
Казахский языкДля 1-11 классов, 1-2 курсов
Открыть
ИнформатикаДля 5-11 классов, 1-2 курсов
Открыть
ФизикаДля 7-11 классов, 1-2 курсов
Открыть
Математика (алгебра)Для 1-11 классов, 1-2 курсов
Открыть
ХимияДля 8-11 классов, 1-2 курсов
Открыть
БиологияДля 5-11 классов, 1-2 курсов
Открыть
ГеографияДля 5-11 классов, 1-2 курсов
Открыть
Английский языкДля 1-11 классов, 1-2 курсов
Открыть
История КазахстанаДля 5-11 классов, 1-2 курсов
Открыть
Для дошкольниковДля дошкольников от 4 до 6 лет
Открыть
Информатика, 11 класс (ЕМН), Знакомство с MIT AI2, создание первого приложенияПодробнее
Создание приложения Рисование в Mit App Inventor 11 классПодробнее
УРОК 7-8. Создание приложений (11 класс)Подробнее
Видео Урок 11 класс “Разработка мобильного приложения”Подробнее
Информатика. 11 класс. Создание мобильного приложения /12.02.2021/Подробнее
Информатика. 11 класс. Создание мобильного приложения /05.02.2021/Подробнее
Практикум Создание мобильного приложения ЗоопаркПодробнее
Разработка мобильного приложения. Урок 1. Подробнее
Информатика. 11 класс. Создание мобильного приложения /29.01.2021/Подробнее
Создание мобильных приложений в MIT App InventorПодробнее
Информатика. 11 класс. Создание мобильного приложения /22.01.2021/Подробнее
Конструкторы мобильных приложений и среда разработки мобильных приложений. 11 классПодробнее
MIT App Inventor. Создание приложения для нахождения корней квадратного уравненияПодробнее
Информатика. 11 класс. Создание мобильного приложения /15.01.2021/Подробнее
Онласн-Интенсив «Разработка Android-приложений» (9-11 класс)Подробнее
Информатика 11 класс. ” Назначение приложения MS ACCELL. Создание однотабличной БД”Подробнее
среды разработки мобильных приложенийПодробнее
11 класс. Создание мобильных приложенийПодробнее
Конструкторы мобильных приложений, недостатки / ITКультураПодробнее
Glide – замечательный конструктор создания мобильных приложенийПодробнее
Мобильная разработка #1 Основы разработки мобильных приложенийПодробнее
029. Школа менеджмента – Процесс разработки мобильного приложения – Амир БиктимировПодробнее
ТОП-5 инструментов для создания мобильных приложений без программированияПодробнее
Почему конструкторы разработки мобильных приложений не взлетаютПодробнее
Создание мобильных приложений от А до Я // MOBILE APPs #2Подробнее
4 топовые платформы для разработки мобильных приложений без кодаПодробнее
№28 – Почему не развиваются конструкторы разработки мобильных приложений для бизнеса?Подробнее
Введение в разработку мобильных приложенийПодробнее
УРОК 2. Визуальная среда разработки программ (11 класс)Подробнее
Топ 10 платформ для мобильной разработкиПодробнее
Разработка мобильных приложений — с чего начать?Подробнее
Основы разработки мобильных приложений на платформе AndroidПодробнее
Проектирование интерфейса пользователя
Режим “Дизайнер” режим в котором
создается интерфейс
(“внешний вид”)
приложения. Данный
режим используют для
выбора и размещения
различных компонент
приложения: кнопок,
текстовых полей,
изображений и др.,
которые отображаются на
экране вашего устройства,
при запуске приложения.
События
Как Вы думаете, почему мобильные
приложения так популярны?
Урок информатики
«Конструкторы мобильных
приложений и среда разработки
мобильных приложений»
11 класс
УЧИТЕЛЬ: БЕКСЕИТОВА БАКЫТ АЛТЕНОВНА,
ШКОЛА-ГИМНАЗИЯ №17 ИМ. А. КУРМАНОВА
Формативное задание
1) Назовите типы расположения элементов
интерфейса.
2) Укажите, какие из следующих компонентов
отображаются на экране, а какие нет.
3) Назовите список компонентов необходимых
для создания приложения, которое
проигрывает звук при нажатии на кнопку.
Подведение итогов
Что такое MIT App Inventor?
Для чего предназначен режим
дизайнер?
Для чего предназначен режим блоки?
Мобильная индустрия представляет собой пока еще
растущую отрасль, мобильные приложения будут
охватывать все больше и больше сфер нашей
жизни и приносить доходы их разработчикам.
Как заявляют ведущие аналитические агентства, в
2021 году пользователи Android и iOS потратили
133 млрд $ на мобильные приложения.
Очевидно, что спрос на приложения растет и
сейчас их разработка – популярная ниша для
развития.
Этапы разработки мобильного
приложения
1. Разработка задания
2. Проектирование интерфейса приложения
3. Программирование приложения
4. Тестирование
5. Отладка
6. Создание иконки приложения
7. Публикация приложения
Функции режима «Блоки»
Удалить блоки
Блоки удаляются без
перетаскивания в корзину
Выполнить
Функция позволяет запустить к
исполнению любую часть кода и
используется при тестировании
программ.
В этом случае необходимо иметь
подключение к эмулятору.
Копирование блоков
стр 77-81, подготовьте ответы на вопросы:
1. Виды платформ по способу создания мобильных
приложений
2. Виды приложений, которые умеют создавать
платформы
3. Что такое MIT App Inventor?
4. Как начать использовать MIT App Inventor?
5. На какие два этапа делится процесс разработки
приложения в MIT App Inventor? (устно)
6. Расскажите о режиме Дизайнер
7. Расскажите о вкладках режима Дизайнер:
Палитра, Компоненты, Свойства, Медиа (устно)
8. Расскажите о режиме Блоки
9. Приведите примеры компонентов
10. Приведите примеры свойств компонентов
Домашнее задание:
1. Изучить п.3.1
2. Чем отличаются мобильная версия сайта и
мобильное приложение. Преимущества
мобильного приложения
Каким должно быть хорошее мобильное
приложение?
Экраны приложения
Проект приложение может состоять из множества экранов.
Для работы с экранам «Screen», в окне разработки есть кнопки добавления экрана —
“Добавить Экран” и удаления экрана — “Удалить Экран”. Запуск приложения всегда
начинается со стартового экрана, дизайн которого может включать набор компонент для
перехода на другие экраны.
Способы загрузки приложения на устройство
в исходном коде (файл c расширением .aia)
Исходный код в формате .aia позволяет редактировать
приложение. Исходный код генерируется со страницы проекта
меню Проекты / Экспортировать выбранные проекты (.aia) на
Мой компьютер.
в виде исполняемого файла ( файл c расширением .apk)
Файл приложения .apk генерируется в App Inventor в меню
Построить – Приложение (сохранить .apk на компьютер). Файл
.apk является исполняемым приложением, которое работает на
устройстве.
в виде QR-кода приложения
Генерируется с помощью команды меню Построить –
Приложение (создать QR код для скачивания .apk).
Для считывания QR кода и установки приложения на мобильное устройство
необходимо установить приложение MIT AI2 Companion App из Google Play.
на мобильное устройство.
Мобильное приложение – это программное
обеспечение, специально разработанное
под функциональные возможности
мобильных устройств
5. В окне “Welcome to App Inventor 2” выбрать “Continue”
Разработка и установка мобильного приложения
Цели обучения:
– разработка мобильного приложения для мобильных
устройств с использованием условных и циклических
структур;
– объяснить, как устанавливать разработанное приложение
Литвинова О. В.
НИШ г. Павлодар
Мобильные устройства за столь короткий срок стали
неотъемлемой частью нашей жизни. В последние
годы быстро набирают популярность
разнообразные мобильные приложения.
Приведите примеры использования мобильных
приложений
Практическая работа
1. « Виртуальный кот»
На экран выходит кот, который издает звук, когда его погладят.
НИШ ХБН Павлодар, Ермекова А. А.
Актуальное
2. Блоки действий/событий для компонентов вашего приложения
(Группа Screen 1)
Задает действия компонентам конкретного приложения. При выделении
нужного компонента, отображаются доступные для него блоки
3. Любой компонент
Данная группа блоков позволяет организовать и
управлять в приложении большим количеством
однотипных компонент, например 20 спрайтами или
40 кнопками.
Конструкции из блоков собираются в поле Просмотр.
Загрузка и установка приложения на устройство
Разработка приложения происходит в облачной среде MIT
App Inventor. Тестирование и отладка происходит на мобильном
устройстве. Рекомендуется для разработки использовать
настольный ПК или ноутбук, а для отладки и тестирования мобильное устройство с предустановленным приложением MIT
App Inventor Companion, которое позволяет считывать QR код
созданного вами мобильного приложения для установки его на
ваше устройство.
Что такое мобильное приложение?
Задание 2 «Хамелеон».
НИШ ХБН Павлодар, Ермекова А. А.
1. “ Слайд-шоу”
Приложение, отображающее слайд-шоу из изображения.
Интерфейс MIT App Inventor
Демонстрация
Режим «Блоки»
Режим «Блоки»
Режим “Блоки” используется для программирования поведения вашего приложения и его
компонент, каким образом выбранные вами компоненты, будут реагировать на различные
действия пользователя.
1. Встроенные блоки
Данная группа блоков позволяет задавать определенные действия/функции созданным
компонентам.
Управление— содержит общие
для всех компонент блоки
ветвления, цикла, работы с
несколькими экранами и пр.
Логика— содержит блоки для
использования логических
функций в приложении
Математика- содержит набор
математических блоков
Текст – включает набор текстовых
блоков
Массивы – содержит блоки для
работы с массивами/списками
Цвета – определяет блоки по
работе с цветами
Переменные – блоки
позволяющие определять и
устанавливать значение
глобальных и локальных
переменных
Процедуры – содержит блоки,
позволяющие определять
процедуры и функции
3. Выбрать “Разрешить”
4. В окне “Terms of
Service выбрать” I
accept the terms of
service”
Приложение для туристов «Слайд-шоу
Достопримечательности Казахстана»
Создайте приложение для туристов нашей страны, которые
могли
бы
ознакомиться
в
виде
слайд-шоу
с
достопримечательностями Казахстана.
Учебный материал
Способы загрузки приложения на устройство:
• в виде исполняемого файла (файл c расширением .apk)
Файл приложения .apk генерируется в App Inventor в меню
Построить – Приложение (сохранить .apk на компьютер).
Файл .apk является исполняемым приложением, которое
работает на устройстве.
• в виде QR-кода приложения
Генерируется с помощью команды меню Построить Приложение (создать QR-код для скачивания .apk).