Знайомство з app inventor

Знайомство з app inventor

Починаємо працювати з додатком App Inventor

App Inventor (App - скорочення від application, перекладається як додаток. Inventor - перекладається як винахідник) - це середовище візуальної розробки додатків, що не вимагає великих знань в програмуванні. Додаток було розроблено в Google Labs, а після передано Массачусетському технологічному інституту.

App Inventor - це хмарне середовище візуальної розробки Android-додатків. Побудова програм здійснюється в візуальному режимі з використанням блоків програмного коду. На комп'ютер встановлювати нічого не потрібно, просто відкрийте середу розробки ai2.appinventor.mit.edu в браузері Google Chrome і починайте творити.

Конструктор App Inventor

Знайомство з app inventor

Знайомство з app inventor

Програмування проводиться за допомогою складання блоків

Знайомство з app inventor
Блоки програми складаються подібно пазлам або конструктору лего

Створення першого додатка для Android

Знайомство з app inventor
Якщо ви вже зареєстровані в Google, то переходите до наступного пункту

3. Відкриваємо новий проект і присвоюємо йому ім'я (без пробілів і цифр!)

Знайомство з app inventor
У назві майбутнього програми можна використовувати тільки латиницю

4. При бажанні ви можете перейти на українську мову

Знайомство з app inventor
Уважно дивіться на зображенні куди показує стрілочка

6. На вкладці «Властивості» задайте необхідні стилі для кнопки

Знайомство з app inventor
Також можна змінити текст на кнопці або завантажити картинку з комп'ютера

7. Перейдіть на вкладку «Медіа», захопіть і перенесіть об'єкт «Текст в мову»

Знайомство з app inventor
Повернутися в режим «Дизайнер» ви зможете в будь-який момент

9. У панелі блоків натисніть мишкою на об'єкт «Кнопка»

Знайомство з app inventor
На екрані з'явиться вікно з різними блоками функцій

Знайомство з app inventor
Розмістити блок можна в будь-якому місці екрану, як вам зручно

11. Вибираємо об'єкт «Текст в мову» і переносимо блок «Сказати повідомлення»

Знайомство з app inventor
Можете відразу зібрати два блоки разом

12. Наведіть мишкою один блок на інший, щоб збігся «замок»

Знайомство з app inventor
Якщо ви випадково вибрали не той блок, то видаліть його в кошик

13. Виберіть об'єкт «Текст» і додайте до програми новий блок

Знайомство з app inventor
Зберіть блок як на малюнку і напишіть в ньому будь-яку фразу, наприклад, «Привіт»

Знайомство з app inventor
Якщо програма написана без помилок, у вас з'явиться шкала завантаження

15. Після побудови програми у вас на екрані з'явиться схожий QR-код

На що звернути увагу:

Завдання для самостійного виконання:

  1. Додайте в додаток другу кнопку з функцією «Закрити додаток»;
  2. Додайте в додаток третю кнопку з функцією «Програти мелодію».