Please use this identifier to cite or link to this item: https://er.chdtu.edu.ua/handle/ChSTU/7617
Title: Дизайн-проект мобільного додатку посібника «Welcome to Ukraine
Authors: Храмова-Баранова, Олена Леонідівна
Кудревич, Вікторія Валеріївна
Keywords: графічний дизайн;мобільний додаток;анімація;засоби дизайну
Issue Date: Jun-2020
Abstract: Дизайн-проект мобільного додатку посібника «Welcome to Ukraine. Наука та технології швидко зростають у ХХІ столітті. Для того, щоб йти в ногу з цим розвитком і впливати на нього, дуже важливо впроваджувати нові навчальні технології в Інтернет. Це допомагає нам підійти до сучасних студентів, оскільки спосіб подання інформації має прямий вплив на спосіб збирання та / або запису інформації. Мобільний додаток завжди доступний користувачам, тому навчальна програма з тим же темпом робиться у легкому та сучасному форматі у зручний для студента час. Представлено дипломний проект освітньо-кваліфікаційного рівня «бакалавр», присвячений розробці мобільного додатку для кафедри української мови та загального мовознавства ЧДТУ, допоможе іноземним студентам з легкістю вивчити українську або російську мову, та спілкуватися нею на доступному рівні.
URI: https://er.chdtu.edu.ua/handle/ChSTU/7617
Appears in Collections:022 Дизайн (Графічний дизайн)

Files in This Item:
File Description SizeFormat 
диплом_Кудревич 2020.pdf
  Restricted Access
2.36 MBAdobe PDFView/Open Request a copy


Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.

Extracted text
ЧЕРКАСЬКИЙ CHERCASSY 
ДЕРЖАВНИЙ STATE 
ТЕХНОЛОГІЧНИЙ  TECHNOLOGICAL 
УНІВЕРСИТЕТ UNIVERSITY 
 
Факультет комп’ютеризованих  
технологій машинобудування і дизайну  
Кафедра дизайну 
 
Напрям підготовки  - Дизайн  
Спеціальність   022 – Дизайн (Графічний дизайн) 
 
КВАЛІФІКАЦІЙНА  РОБОТА БАКАЛАВРА 
 
на тему: «Дизайн-проект мобільного додатку посібника «Welcome to Ukraine» 
 
 
Студент групи ДЗ-61                                                               В.В.Кудревич 
 
Керівник, Д.і.н., професор,  
професор кафедри дизайну_________________________О.Л.Храмова-Баранова 
 
 
 
«Допуск до захисту» 
Завідувач кафедри дизайну 
____________Н.Г.Романенко 
___   _______20   рік 
 
 
 
Черкаси 2020 
2 
 
 
                     Черкаський державний технологічний університет    
      (назва вузу) 
 
Кафедра  дизайну 
Факультет комп’ютеризованих технологій машинобудування    
Спеціальність     022 - Дизайн      
 
 
          «ЗАТВЕРДЖУЮ»  
 
 
Завідувач кафедри 
дизайну           Н.Г. Романенко 
 
«____» ______  20 ___  р. 
 
 
ЗАВДАННЯ 
на виконання кваліфікаційної роботи бакалавра 
 
                                     Кудревич Вікторії Валеріївни                                         
(прізвище, ім’я, по батькові) 
 
 
1. Тема роботи: «Дизайн-проект мобільного додатку посібника «Welcome to 
Ukraine»   
затверджена наказом по університету від « »    р. №     
 
2. Термін здачі студентом  закінченої роботи                    . 
 
3. Вихідні дані: Посібник «Welcome to Ukraine». 
 
4. Зміст кваліфікаційної роботи           
(перелік питань, що їх належить розробити) 
1. Вступ; 2. Розділ 1. Пердпроектні дослідження; 3. Розділ 2. Опис та 
обгрунтування дизайн пропозиції; 4. Розділ 3. Дизайнерське рішення проекту;  
5. Розділ 4. Визначення патентоспроможності проекту; 6. Висновок; 7. Список 
використаних джерел; 8. Додатки  
 
 
3 
 
5. Перелік графічного матеріалу: анімована-перезентація мобільного додатку та 
6 плакатів формату А1: Підручник- розмовник «Welcome to Ukraine»; Розробка 
констант; Презентація етапів розробки мобільного додатку: Розробка дизайну, 
Презентація мобільного додатку. 
 
6. Консультанти  з кваліфікаційної роботи із зазначенням розділів, що їх 
 стосуються 
Підпис, дата 
Розділ Консультант завдання завдання 
видав прийняв 
Графічна частина Храмова-Баранова О.Л.   
Пояснювальна записка Храмова-Баранова О.Л.   
Консультант з анімованої Опалев М.Л.   
частини 
Консультант з патентних Гладкова І.П   
досліджень  
 
7. Дата видачі завдання                  
 
  Керівник              О.Л.Храмова-Баранова 
(підпис) 
    
  Завдання прийняв до виконання         
       (підпис) 
  
4 
 
ЗМІСТ 
ВСТУП ……………………………………………………………………………...5 
РОЗДІЛ 1. ПЕРЕДПРОЕКТНІ ДОСЛІДЖЕННЯ 
1.1. Посібник. Класифікація видів навчальної літератури …………………..7 
1.2.Історія розвитку мобільних додатків ……………………………………..11 
1.3.Мобільні додатки та їх види ………………………………………………14 
1.4.Особливості використання мобільних додатків у навчанні …………….22 
1.5. Дослідження аналогів, вибір прототипу …………………………………28 
РОЗДІЛ 2. ОПИС ТА ОБГРУНТУВАННЯ ДИЗАЙН ПРОПОЗИЦІЇ 
2.1. Посібник «Welcome to Ukraine» ………………………………………….33 
2.2. Розробка концепції, стилістичне вирішення …………………………….43 
2.3. Графічне вирішення образів, обґрунтування вибору колірної гами,                
вибір гарнітури шрифту ……………………………………………………………47 
РОЗДІЛ 3. ДИЗАЙНЕРСЬКЕ РІШЕННЯ ПРОЕКТУ  
3.1. Етапи розробки мобільного додатку ………………………………….50 
3.2. Етапи реалізації …………………………………………………………61 
РОЗДІЛ 4. ВИЗНАЧЕННЯ ПАТЕНТОСПРОМОЖНОСТІ ПРОЕКТУ 
4.1.  Патентні дослідження …………………………………………………64 
 
ВИСНОВКИ ………………………………………………………………………70 
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ ………………………………………71 
ДОДАТКИ  ………………………………………………………………………...74 
 
 
 
 
 
5 
 
ВСТУП 
Наука та технології швидко зростають у ХХІ столітті. Для того, щоб йти в 
ногу з цим розвитком і впливати на нього, дуже важливо впроваджувати нові 
навчальні технології в Інтернет. Це допомагає нам підійти до сучасних студентів, 
оскільки спосіб подання інформації має прямий вплив на спосіб збирання та / або 
запису інформації. Мобільний додаток завжди доступний користувачам, тому 
навчальна програма з тим же темпом робиться у легкому та сучасному форматі у 
зручний для студента час. Представлено дипломний проект освітньо-
кваліфікаційного рівня «бакалавр», присвячений розробці мобільного додатку 
для кафедри української мови та загального мовознавства ЧДТУ, допоможе 
іноземним студентам з легкістю вивчити українську або російську мову, та 
спілкуватися нею на доступному рівні.  
Актуальність обраної теми полягає, з одного боку, у необхідності 
популяризації нашої рідної мови, заохочення іноземних громадян вивчати та 
дізнаватись більше про Україну, а також залучення їх до вивчення мови за 
допомогою методично вивіреного та цікавого матеріалу, таблиць, пояснень, 
підказок та малюнків, які описують різні мовленнєві ситуації, а з іншого – у 
відсутності якісних мобільних додатків такого типу. 
Метою рецензованого мобільного додатку є розвиток та зміцнення навичок 
спілкування українською чи російською мовами. Мовний та ілюстративний 
матеріал додатку  базується на комунікативному підході. Кожна тема складається 
з наступних частин: поведінкові компетенції, словниковий матеріал, словникові 
вправи, комунікативні схеми з граматичними таблицями, поясненнями та 
вправами, діалоги та перегляд. Кожна з частин має продумане графічне та 
художнє оформлення, та складається з наступних частин: 
1. Поведінкові компетенції. 
6 
 
2. Список словникового запасу. 
3. Словникові вправи. 
4. Комунікативні схеми з граматичними таблицями, поясненнями та вправами. 
5. Діалоги 
6. Перегляд. 
Матеріал, поданий у додатку, ґрунтується на академічному підході до 
вивчення української чи російської граматики. Він містить основну інформацію 
про: 
- змінні частини мови: іменник, займенник, прикметник, числівник, дієслово; 
- незмінні частини мови: прислівник та прийменник; 
Структура та обсяг роботи: випускна робота бакалавра за темою «Дизайн-
проект мобільного додатку посібника «Welcome to Ukraine» складається з 
графічної частини, пояснювальної записки та відеоролику. Обсяг даної роботи 
складає __ сторінок. 
 
 
 
 
 
 
 
 
 
 
 
 
7 
 
РОЗДІЛ 1. 
ПЕРЕДПРОЕКТНІ ДОСЛІДЖЕННЯ 
 
1.1.Посібник. Класифікація видів навчальної літератури. 
 
 
Підручник - це видання, яке систематично викладає знання з певної галузі 
з урахуванням віку та рівня освіти аудиторії та використовується в навчальних 
цілях. 
Підручник був складений з метою бути максимально доступним, простим, 
ефективним та об’єктивним, щоб донести до читачів шар знань з певної наукової 
області. Оскільки підручник є важливим освітнім інструментом, він складається 
під наглядом спеціалізованих державних служб (міністерств та міністерств 
освіти). [16] 
Навчальний посібник - це спеціальне видання, яке певною мірою є заміною 
основного підручника. Він надає навчальний матеріал, який допомагає краще 
опанувати певну дисципліну або окремий розділ курсу. Для використання 
учнями чи студентами пропонуються лише такі посібники, які офіційно 
затверджені відповідними органами. 
Посібник може бути представлений не лише як окреме видання, а й як набір 
науково-методичних матеріалів, до яких належать зошит або навчальні ігри для 
найменших учнів та курс лекцій для старших та старших школярів. Використання 
посібника в навчальному процесі дозволяє отримати більше корисної інформації 
та краще розібратися з певною темою. Використання навчальних посібників 
набуло широкої популярності в навчальних закладах усіх типів. Такими 
перевагами можуть скористатися учні початкових чи середніх шкіл, а також 
студенти коледжів, технікумів чи університетів. 
8 
 
Перш ніж використовувати посібник у своїй роботі та рекомендувати його 
учням чи студентам, вчитель повинен переконатися у його якості та відповідності 
програмі. Кожна допомога повинна бути затверджена Міністерством освіти 
України - це забезпечує, щоб представлені в ній матеріали були представлені 
якісно та кваліфіковано. Посібники дозволяють отримати додаткову інформацію 
та поглибити вивчення певної теми. Під час викладання певного курсу вчитель 
може запропонувати своїм учням чи студентам один або кілька підручників, які 
стануть вдалим доповненням до основних підручників, які використовуються в 
навчальному закладі. [17] 
Навчальна література - це засіб, за допомогою якого учні отримують 
систематичну інформацію з певної теми, конкретної дисципліни. Ступінь 
готовності учнів безпосередньо залежить від якості навчальної літератури. 
Термін "навчальна література" відноситься до системи підручників, 
посібників, словників та інших підручників, які існують у певній країні в певний 
час і служать певній освітянській моделі. Підручники - явище освітнє, 
бібліологічне та соціальне. Навчальний матеріал систематизовано в навчальній 
літературі. 
"Навчальна література" означає також певну низку соціальних переживань, 
яких треба засвоїти в процесі навчання. 
Матеріал, представлений у навчальній літературі, безпосередньо 
пов'язаний з навчальним процесом. Одне без другого не має сенсу. Навчальна 
література - це дидактичний предмет, який виступає як носій навчального змісту, 
як форми закріплення його частин і як проект навчального процесу. 
Види навчальної літератури: 
9 
 
Додаткова література включає підручники, а також довідкові праці та 
бібліографії, журнали та наукові праці. Найважливіша навчальна література 
представлена:  
• підручником 
• курсом лекцій 
• навчальним посібником 
• хрестоматією 
• довідником 
• навчально-методичним посібником 
• робочим зошитом 
• навчальної програми дисципліни 
Існує ряд вимог, яким повинна відповідати наукова література незалежно 
від напряму наукової дисципліни:  
• точне і зрозуміле визначення цілей і завдань видання 
• зміст методів навчання, які дозволяють засвоїти необхідний матеріал 
• забезпечення наступності інформації, отриманої в попередніх навчальних 
посібниках 
• реалізація зв'язку між дисциплінами 
• послідовний виклад навчального матеріалу 
• єдиний підхід до термінології 
Підручник Міністерство освіти дає таке визначення поняття «підручник»: 
«основний підручник з певної дисципліни. У ній викладена система основних 
10 
 
знань, необхідних учням для навчання. Зміст підручника повинен відповідати 
вимогам державного освітнього стандарту та повністю розкривати зразок 
програми з певної дисципліни. Підручник є основним видом навчальної 
літератури. У змісті підручника основне місце займає інформація, яку студент 
повинен засвоїти через певний проміжок часу. У підручнику також визначається 
процес навчання. Таким чином, основна функція підручника - регулювання 
процесу засвоєння необхідної інформації.  
Ця домінуюча функція реалізується завдяки ряду інших функцій 
підручника:  
• інформаційна функція,  
• лідерська функція,  
• стимулююча функція,  
• функція вправ,  
• функція координації самоконтролю,  
• функція раціоналізації,  
• навчальна функція 
Інформаційна функція розкриває суть навчального змісту, який подається 
у вигляді тексту, таблиць, рисунків, діаграм тощо. Функція управління 
відображається у присвоєнні основного матеріалу та другорядного матеріалу у 
можливості класифікації навчального матеріалу. За допомогою цієї функції 
вчитель може спланувати процес навчання. Функція стимулювання служить для 
підвищення інтересу учнів до предмету. У підручнику показано, в яких 
практичних областях може бути використана інформація, що міститься в ньому. 
Підручник також повинен заохочувати учнів працювати з додатковими 
джерелами інформації. Завдяки функції вправ та самоконтролю матеріал міцно 
11 
 
фіксується. За допомогою вправ інформація повторюється, систематизується і 
перевіряється ступінь їх засвоєння. Функція координації допомагає налагодити 
спілкування з іншими підручниками з дисципліни. Підручник є частиною 
системи педагогічного та методичного забезпечення, яка містить інші 
інструменти, за допомогою яких можна краще засвоїти основи певної 
дисципліни, напр. B. Довідники, словники, робочі зошити, атласи тощо. Функція 
раціоналізації допомагає заощадити час викладача та регулює трудові витрати як 
вчителя, так і учня. Виховна функція допомагає учням розвивати наукове та 
творче мислення. [18] 
 
 
1.2.Історія розвитку мобільних додатків 
 
Мобільний додаток - це мобільний додаток, яке вже можна встановити або 
завантажити безкоштовно або за плату. Кожна програма має певну 
функціональну спрямованість і завантажується користувачами в залежності від 
їх професійної діяльності (бізнес-додатки), їх способу життя і вільного часу 
(програми подорожей), їх переваг (ігрові програми). 
Можливість зберігання великої кількості кімнат була швидко затребувана. 
У цей момент телефон виглядав як телефонна книга. Розробники мобільних 
додатків також шукають спосіб додати функції, які відрізняють їх пристрої від 
інших. 
Крім списку контактів, на телефоні вже встановлені перші додатки. У той 
час як розробники працюють над поліпшенням технічних характеристик 
пристрою, стільникові телефони часто включають одне проведення часу. 
Перші мобільні пристрої також включали калькулятори, контакти та календарі. 
12 
 
Тому ми рекомендуємо вам замінити комп'ютер на мобільний телефон в 
повсякденному житті. Перший крок в розробці мобільних аксесуарів був в 1998 
році, коли була розроблена технологія WAP (Wireless Application Protocol). Nokia 
7100 отримав перший телефон від WAP-браузера. Nokia 7100 був випущений в 
1999 році.  
У той же час з'явилися мобільні компанії-розробники. WAP пропонує не 
тільки ігрових людей, а й можливість читати мобільні повідомлення, 
використовувати електронну пошту, завантажувати карти і навіть бронювати 
квитки. Для цього були створені WAP-сайти зі спеціальним маркуванням для 
мобільних екранів. Це були прості сторінки з текстом і посиланнями, майже без 
картинок. Технологія WAP дозволяє завантажувати прості сторінки з 
користувальницьких сайтів WAP. Недоліком WAP була низька швидкість 
передачі даних і фіксований протокол даних, який обмежував вхідні дзвінки під 
час завантаження. Плата за WAP-з'єднання залежала від обсягу трафіку і була 
досить високою. 
Ще однією віхою в історії розробки мобільних додатків є створення 
операційної системи Symbian і додатків Java. Symbian був розроблений в 2001 
році. Однак ні Nokia, ні Sony Ericsson, ні Motorola, ні Samsung не вкоренилися на 
ринку. Це сталося через несумісність додатків з новими версіями операційної 
системи, тому кожен додаток необхідно було перевірити. Програмне 
забезпечення платформи Java було розроблено Sun Microsystems. Мобільний 
телефон з підтримкою Java пропонує кілька додатків - годинник, календар і дві 
або три гри. Інші користувачі можуть завантажувати додатки для персоналізації 
мобільних пристроїв. Java використовується в різних комп'ютерних платформах, 
від об'єктів і мобільних телефонів до корпоративних серверів і 
суперкомп'ютерів в сегменті вищого класу. У 2008 році Apple запустила App 
Store, який став локомотивом індустрії мобільних додатків. У день запуску App 
13 
 
Store на ринку з'явилося 500 додатків. В App Store було більше 800 нативних 
додатків, з яких понад 200 безкоштовні, а більше 90% коштують менше 10 
доларів (Brave, Kashka, 2019). Google запустив Google у відповідь на тенденцію 
2008 року. Android Market для завантаження програм та ігор для нової 
операційної системи Android. У Marketplace додана підтримка платних додатків 
в 2009 році. У США і Великобританії. У 2012 році Google об'єднав 
розробку (Android Market, Google Music, Google Books) з платформою Google 
Play. Всі покупки в Google Play засновані на хмарі, тому користувачам не 
потрібно турбуватися про втрату завантаженого файлу. Коли в березні 2012 року 
був запущений Google Play, на платформу було завантажено 450 000 додатків та 
ігор для Android (від Android Market до Google Play). Google Play Store для 
власників Android тепер є ключовим ринком. У той час як інші сторонні 
платформи (наприклад, Amazon Appstore) також доступні для Android, жодна з 
них не містить стільки контенту, скільки Google Play (платформа Intelligence 
Tower Store). Всі Android-смартфони та планшети мають доступ до Google Play. 
Крім того, інші платформи і продукти, такі як Android Wear Clock, Android Auto 
і Android TV, використовують версії Google Play. Розробка мобільних додатків 
від стандартного браузера WAP до платформ App Store і Google Play перетворила 
їх на потужну бізнес-середовище. Це твердження підтверджується кількістю 
завантажень мобільних додатків: у 2017 році було завантажено 178 100 000 000 
мобільних додатків; 2018 рік - 205,4 млрд одиниць. Цей прогноз досягнутий в 
2022 році. Це число збільшиться до 258 200 000 завантажень (Hrabar, Kashka, 
2019b: 85). [1] 
 
 
 
 
14 
 
1.3. Мобільні додатки та їх види 
 
В даний час мобільний додаток - це програмне забезпечення, спеціально 
розроблене для функціональності гаджетів. Призначення програмного 
забезпечення може бути дуже різноманітним: послуги, магазини, розваги, 
онлайн-помічники і багато іншого. Ці додатки завантажуються і встановлюються 
користувачем через мобільні торгові майданчики. Найбільші сайти - це AppStore, 
Google Play. Технічно кажучи, всі програми створюються для конкретної 
платформи мобільного гаджета. Найпопулярнішими операційними системами 
є iOS, Android, Windows Phone. [2] 
Мобільний додаток - це окремий інструмент, функціональність якого не є 
необхідним для дублювання сайту, а навіть навпаки, для розширення навичок 
користувача, пропонування індивідуальних бонусів та рекомендацій та взаємодії 
з клієнтом більш особистим чином, на більш вузькому рівні.[3] Мобільний 
додаток - це розроблена програма для планшетів та смартфонів, яка 
встановлюється на певній платформі і має специфічний функціонал. Простіше 
кажучи, він виконує певні дії і вирішує ряд проблем. 
Останнім часом мобільні додатки - це лише ігри. Однак підприємці 
незабаром зрозуміли, що ця програма може допомогти бізнесу. І стати потужним 
маркетинговим інструментом, який може підвищити поінформованість та довіру 
до вашого бренду, проводити рекламні кампанії та спрощувати зворотній зв'язок 
з клієнтами.[4] 
 
Мобільні додатки можна розділити по такі категорії: 
1. РОЗВАГИ 
15 
 
Ігри. Стріляйте, змагайтеся, вирішуйте головоломки і літайте на кораблях, 
переводите результати в соціальних мережах на сторінку і фірмові ігрові 
елементи. 
Запит квитків в кіно, театр і на виставку. Швидкий і простий спосіб 
покупки, огляду, оцінки і збільшення продажів відповідно. 
Додатки для дітей. Все, що може зацікавити вашої дитини: ігри, книги, 
мультфільми, музика, головоломки та інші розваги. 
Нічне життя та розваги. Вечірки, дати, танці, фотографії, відеоролики з 
заходами - все це може бути цікаво відвідувачам і рекламодавцям. 
2.ПОДОРОЖІ  
Бронювання готелів і багато іншого. Оренда вілли або автомобіля, 
бронювання номерів у готелях та авіаквитки. 
Путівник. Вони можуть допомогти вам знайти ресторан, магазин або заправну 
станцію, розповісти цікаві факти про визначні пам'ятки і знайти зручний 
маршрут. 
3.БІЗНЕС 
Додатки для фінансових установ та банків. Вони включають в себе ряд 
професійних функцій: форекс відносини, індекси, торговельні індекси і багато 
іншого. 
Торгівля нерухомістю. Програми включають карти для продажу або 
оренди з докладною інформацією про кожну карті. 
Інтернет продаж. Аукціони, розпродажі, групові покупки абсолютно будь-
якого предмета - від прикрас до автомобілів. 
16 
 
Додатки для міста. Вони допомагають вам орієнтуватися в мегаполісі, 
знаходити відповідну нерухомість, прокладати маршрути, паркуватися і багато 
іншого. 
Пошук роботи. Розміщуйте резюме, переглядайте пропозиції про роботу, 
надсилайте заявки та отримуйте повідомлення. Ці програми зазвичай працюють 
спільно з веб-сайтом. 
4.СОЦІАЛЬНІ ДОПОВНЕННЯ 
Соціальні мережі Практично для швидкого спілкування і обміну 
інформацією, відображення повідомлень і повідомлень. Існують додатки для 
глобальних мереж, а також для мереж, близьких і пов'язаних з брендом, таких як 
соціальні мережі BMW і Adidas. 
5.ЇЖА 
Замовлення і доставка їжі. За допомогою швидких і практичних додатків 
ви можете замовити, оцінити і оцінити продукти. 
Визначте геолокацію закладу: за допомогою програми ви легко зможете знайти 
потрібний ресторан. 
Рецепти додатків з покрокові інструкції для фотографій і відео для страв, 
можливістю розміщувати фотографії своїх кулінарних шедеврів, залишати 
коментарі та брати участь в конкурсах. 
6.СПОРТ 
Новини спорту, статистика, анонси, думки експертів, спілкування з 
фанатами і друзями. 
Купівля квитків. Купити онлайн для кожної події. 
Ігри. Стати гравцем своєї улюбленої футбольної команди або змагайтеся з 
Повєткіним, беріть участь в стрибку - все це доступно в ігрових додатках. 
17 
 
7.ОСВІТА 
Вчити дітей. Вивчіть всі теми і навички в цікавій ігровій формі. 
Навички навчання. ПДР, управління яхтами, дресирування домашніх тварин або 
в'язання - можливості для інтерактивних курсів безмежні. 
8.НОВИНИ 
Газети, журнали та інші ЗМІ. Ці додатки практичні і значно розширюють 
аудиторію публікацій. Новини та коментарі можуть передаватися в соціальну 
мережу або підсумовуватися в одному RSS-каналі. 
Для типів оновлення для мобільних пристроїв ви можете отримати доступ 
до нативних оновлень та мобільних гаджетів.[5] 
 
Нативні додатки 
Ці додатки називають нативними тому, що вони написані рідною (з англ. 
Native - рідна) для певної платформи мовою програмування. Для Android цією 
мовою є Java, тоді як для iOS - objective-С або Swift. 
Нативні додатки знаходяться на самому пристрої, доступ до яких можна 
отримати, натиснувши на іконку. Вони встановлюються через магазин додатків 
(Play Market на Android, App Store на iOS і ін.). 
Я особливо відчуваю це на певній платформі і можу додати все: камеру, 
GPS-датчик, акселерометр, компас, список контактів та все інше. Крім того, 
сморід можна розпізнати за стандартною коробкою, встановленою операційною 
системою, а також за новою коробкою, як переможцем у конкретному фініші. 
Оскільки вбудовані розширення оптимізовані для конкретної операційної 
системи, вони органічно адаптуються до вашого смартфона, ви зможете 
працювати швидко та автоматично та продуктивно. 
18 
 
Рідні розширення можна додавати до системи доступу та додавати, як і у 
сховищах, ідентифікація нативних розширень можлива, але часто можлива без 
частих демонстрацій з’єднання з Інтернетом. 
Плюси нативних додатків: 
• швидкість роботи і продуктивність; 
• високий ступінь безпеки; 
• розширений інтерфейс; 
• максимально можлива функціональність; 
• здатність працювати без Інтернету; 
• зручність для кінцевого користувача. 
Мінуси нативних додатків: 
• охоплення платформ; 
• тривалі терміни розробки; 
• відносно висока вартість розробки; 
• необхідність випускати оновлення в косметичних цілях. 
 
Мобільний веб-додаток 
Насправді мобільні веб-програми - це не програмне забезпечення. 
Насправді додаток wob насправді є підходящим та оптимізованим веб-сайтом для 
всіх. А щоб скористатися нею, потрібно мати на своєму пристрої браузер і знати 
адресу та бути підключеним до Інтернету (така інформація про додатки буде 
оновлена). 
19 
 
Коли ви запускаєте мобільний веб-додаток, користувачі можуть 
"встановити" на робочому столі, виконавши всі кроки, які виконуються під час 
перегляду веб-сайту та створення сторінки закладок для веб-сайту. 
Веб-додаток працює між платформним, незалежно від платформи пристрою. 
Перевага сумки полягає в тому, що в ньому не використовується програмне 
забезпечення. І це мобільна версія розширеного веб-сайту, тому веб-додаток 
По мірі розвитку HMTL5 по мірі поширення веб-додатків люди зрозуміли, що 
просто вхід на веб-сайт через звичайний браузер дає їм доступ до багатьох 
функцій основної програми. Сьогодні, оскільки HTML5 покращує свою 
функціональність і все більше веб-сайтів використовують її, важко точно сказати, 
де знаходиться межа між веб-додатком та звичайним веб-сайтом. 
Веб-додаток було розроблено за допомогою існуючих інструментів та рамок. 
Крім того, процес розвитку значно прискорився за останні роки. Експерти з 
розвитку, всього іншого достатньо. 
У той же час вам потрібно кидати каміння в сад свого веб-додатку, щоб він 
не міг працювати. А середня ефективність має середній рівень недоліків 
порівняно з іншими. Це також залежить від підключення до Інтернету 
постачальника послуг. 
Плюси мобільних веб-додатків: 
• повне охоплення платформ; 
• простий і швидкий процес розробки; 
• кількість компетентних розробників; 
• відсутність необхідності завантаження з магазину додатків. 
 
Мінуси мобільних веб-додатків: 
20 
 
• обов'язкове підключення до Інтернету; 
• убогий інтерфейс програми; 
• неможливість відправити push-повідомлення; 
• продуктивність і швидкість роботи; 
• незадовільний рівень безпеки. 
 
Гібридні програми 
Гібридні програми - це поєднання локальних та веб-додатків. Зокрема, 
використання та доступ до кросплатформних функцій смартфона. Ці програми 
можна завантажувати лише з таких ринків, як Google Play та App Store. Однак 
вони мають можливість оновлювати інформацію в Інтернеті, і для їх роботи 
потрібне підключення до Інтернету. Без останнього веб-функції просто не 
працюють. 
Найпоширеніший вибір для багатьох компаній - це розробка гібридної 
програми. Це пояснюється тим, що гібридні програми можуть поєднувати 
перевагу носіїв мови з технологічною актуальністю, яку пропонують новітні веб-
технології. Однак, на відміну від місцевих жителів, вартість вироблення гібридів 
полягає в тому, що команда шкали нижча і швидкість вище. У свою чергу, 
стосунки гібридних програм, які є плодовитими для веб-додатків, в свою чергу є 
плідними, оскільки вони можуть швидко та легко вносити корективи. Тобто 
розробникам не доведеться перевстановлювати додаток у магазині, як у випадку 
з рідною версією, виправляти помилки попередньої версії. 
Розробка гібридного додатку також є перспективною, оскільки його потрібно 
будувати на двох платформах. Це усуває головні болі, пов'язані з 
розробкою окремої програми для кожної операційної системи. 
21 
 
Слід зазначити, серед іншого, що якість та продуктивність гібридних 
програм багато в чому залежать від рамок, якими користується розробник. 
Фактори, що становлять гібридні програми в контексті інших, потрібно 
враховувати. 
Тому варто розробити, якщо вам потрібно заощадити на бюджетному 
плані, вам потрібно створити порівняно просту програму з простою анімацією, 
завдання - швидко розробити програму як мінімум на 2 платформи. 
 
Плюси гібридних додатків: 
• вартість і швидкість розробки; 
• кількість розробників; 
• кросплатформенность; 
• опція автономного поновлення. 
Мінуси гібридних додатків: 
• некоректна робота при відсутності інтернет-з'єднання; 
• середня швидкість роботи на тлі нативних; 
• мінімалізм щодо візуальних елементів 
 
У сучасному світі важко уявити мобільний пристрій без додатка. 
Мобільні додатки - це програми, розроблені для планшетів та смартфонів, 
які мають конкретні функції, встановлені на певних платформах. Простіше 
кажучи, виконайте конкретні завдання та вирішуйте питання. 
22 
 
Вибір правильної моделі для мобільних додатків є дуже важливим кроком 
розвитку, наприклад, на неї впливає кілька факторів, таких як: B. Технічна оцінка 
розробників, необхідність доступу до інформації про пристрої та вплив 
швидкості Інтернету на додатки. [6] 
 
 
1.4.Особливості використання мобільних додатків у навчанні 
 
Дистанційна освіта набула широкого поширення в епоху високих 
технологій. Це забезпечив простий і доступний спосіб отримати інформацію з 
епохи сучасних технологій. 
Сьогодні обмін інформацією є важливою частиною життя кожного. А такі 
пристрої, як телефони, планшети та смартфони стають основою цифрового 
життя. У міру розвитку технологій електронні пристрої використовують все 
більше процесорів, щоб вони могли виконувати складніші завдання та обробляти 
більше потоку інформації. 
В даний час майже кожен вік від 10 до 60 років має мобільний пристрій. 
Тому мобільні додатки завжди важливі. Більшість користувачів не повністю 
використовують свої пристрої та не показують, що розробники вкладають кошти 
в їхні пристрої. Це означає, що студенти не знайомі з функціональністю 
смартфонів та інших смарт-плагінів. Багато досліджень показують, що більшість 
молодих людей знайомі лише з ігровим аспектом життя комп’ютера. Немає 
факту, що мобільні додатки, смартфони та інші смарт-плагіни використовуються 
для отримання додаткової інформації у сфері навчальної мотивації. Дослідження 
науковців за допомогою мобільних додатків - порівняно новий метод, який набув 
популярності. 
23 
 
Наразі недостатньо підстав для створення нової системи навчання на основі 
додатків. У зв’язку з вищезазначеним має сенс використовувати мобільні додатки 
як допоміжні елементи в системі освіти. 
Студенти все більше віддають перевагу мобільній технології та регулярно 
її використовують у особистому житті [7, с. 677]. Тому не дивно, що сучасній 
молоді не важко використовувати мобільні пристрої для навчання та не 
обмежується певними потребами. Протягом тривалого часу студенти прагнули 
самостійно користуватися мобільними пристроями під час читання: 
Комунікатори обмінюються інформацією між собою; 
• текст камери, записаний тощо. 
• запис голосу інструктором диктофона; 
• Мобільний доступ браузера до сайту 
• відтворює музику, слухаючи урок зі звуком; 
• Секундомір при виконанні експериментів; 
• Інструменти перекладу іноземних мов. 
Однією з переваг використання мобільних технологій у навчальному 
процесі є можливість контролювати інформацію, яку отримують учні. Окрім 
свободи вибору серед великої кількості наявної інформації, студентам надаються 
необмежені можливості для свободи навчання та самостійності [7, С. 733]. На 
відміну від традиційних навчальних матеріалів та завдань, мобільне навчання 
використовує інноваційні технології, що трансформують навчальну програму. 
Сучасні сервіси, такі як соціальні мережі, хмарне зберігання даних та 
хостинг мультимедіа, використовуються для надання певних типів інформації, а 
останнім часом деякі викладачі почали використовувати соціальні мережі для 
надсилання корисної інформації. 
24 
 
Для задоволення освітніх потреб сучасних людей неминуче необхідно 
знайти нові та відповідні методи для існуючих та методів передачі знань. 
Швидкі зміни відбулися завдяки розвитку мобільних додатків. Успішне 
впровадження модернізованої системи навчання вимагає відмінного навчального 
середовища та вміння працювати з кількома користувачами. 
Існують плюси і мінуси використання мобільного навчання в навчальній 
програмі. Цей вид навчання фактично використовується в успішних додатках у 
фазі формування. Дослідники ЮНЕСКО виділяють багато переваг мобільного 
навчання ліквідність. 
Сучасні розумні інструменти дозволяють організувати та оптимізувати 
процес навчання незалежно від місця та часу. Цей тип мобільності має два 
аспекти. По-перше, можливість реалізувати навчальну програму, незважаючи на 
те, що вона є кваліфікованим фахівцем. По-друге, ви можете легко отримати 
доступ до нього з різних пристроїв за допомогою хмарної системи зберігання 
даних. Якщо ви перемикаєте телефони, студенти мають доступ до всієї наявної 
раніше інформації. 
Наполегливість освіти. Порівняно з попередніми роками використання 
інформаційних технологій було зосереджено на настільних пристроях. Однак на 
цьому етапі становлення та розвитку технологій необхідний постійний доступ до 
бази знань. Оскільки власники мобільних пристроїв часто є, вони роблять процес 
навчання безперервним: тому вони можуть виконувати завдання, які їм підходять 
у будь-який час, а вчителі можуть брати пасивну частину навчання поза 
аудиторія. Мобільні додатки дозволяють здійснювати постійні навчання в місцях 
військових конфліктів і навіть у районах катастроф, що є ще одним свідченням 
наступності. 
25 
 
Адаптувати навчання. Мобільний додаток дозволяє студентам додавати та 
вибирати статті незалежно від їх інтересів чи завдань. Можливість змінювати 
вміст учнів може регулярно оновлювати додаток, а процес редагування вмісту 
стає цікавішим, оскільки він має кілька банальних кроків, наприклад: написати 
статтю, шукати фотографії, зв’язатися з дизайнерами іншого відділу, розробити 
нові ілюстрації (якщо потрібно), додати відео контент, завантажити статті та 
спроектувати їх, щоб додати до програми . Можливість отримати інформацію, 
таку як читання, прослуховування статті чи перегляд відео, робить навчання 
унікальним для кожного користувача, а отже, робить частку засвоєння інформації 
студентами більш ефективною. 
Використання мобільних пристроїв цікавить навчання у студентів, які 
жахливо вийшли та не були захоплені традиційною презентацією. Автономний 
навчання та обмін інформацією. Сортуйте інформацію, щоб полегшити пошук 
конкретних критеріїв. Практична робота з різними технологіями - доступ до 
контенту не тільки через досліджувані предмети, а й додаткові знання, 
можливість використання різних технологій, які дозволяють студентам досягти 
необхідного рівня освіти. Огляд різних типів контенту формату (навчальний тип 
відео- та аудіо контенту). Ризик розвитку з часом тощо. 
Незважаючи на переваги, є й деякі недоліки: 
• Труднощі з вільним доступом до Інтернету в деяких регіонах, які 
вимагають практичної роботи з використанням додатка віджетів; 
• фінансові витрати на запуск мобільного додатку високої якості; 
• Якщо ви не працюєте з технічним обладнанням, виникнуть інші труднощі 
в навчанні та засвоєнні матеріалу. 
Незважаючи на ці недоліки, деякі або всі їх можна усунути. Наприклад, ви 
можете покращити зручність використання за допомогою покрокових інструкцій. 
26 
 
Мобільні додатки сьогодні складають близько 1,5 мільярдів одиниць, що 
майже втричі перевищує кількість настільних ПК. І ви не можете ігнорувати 
такий фактор, як відповідність веб-сайтів мобільним додаткам. Тому що набагато 
зручніше отримати доступ до різних типів інформації. Часто студенти 
використовують розумні пристрої, комунікації та планшети не лише для ігор, але 
й для навчальних цілей. 
Іншими словами, робота з мобільним пристроєм підвищує технічну 
компетентність студента та послаблює його можливості для комунікативної 
компетентності. 
Державний університет Арізони щорічно навчається 70 000 студентів, що є 
високим рівнем зарахування серед навчальних закладів США. Майкл Кроу, 
президент університету, назвав свою школу "новим університетом Америки" та 
обрав стратегію активного впровадження технологічних інновацій у галузі 
мобільного та електронного навчання. У 2011 році було запроваджено 
експеримент із адаптивного навчання за участю Кнеутон та її партнера Пірсона, 
гіганта платних освітніх послуг. Попередні результати експерименту показали, 
що результати покращилися на 18% [7, с. 353, 355]. 
Ця серія програм дозволяє студентам переглядати відео та переносити 
лекції на своїх смартфонах та планшетах та слухати їх так часто, як їм 
подобається, у будь-який час та в будь-якому місці. 
Переваги застосованих програм: 
• інтуїтивний інтерфейс; 
• практична бібліотека з навчальним матеріалом; 
• миттєвий доступ до улюблених тем; 
• Відображення офлайн-статей. 
27 
 
Розгортання мобільних додатків у процесі навчання доступно для ряду 
функцій (голос, обмін повідомленнями, обмін відео та аудіо тощо). 
Цей формат навчання зараз використовується та пропонує сучасні 
інформаційні матеріали. Мобільна освіта створюється, з одного боку, взаємною 
співпрацею, з іншого - лише шляхом створення освітньої спільноти. 
Якісна модернізація та оновлення сучасних методів навчання є важливим 
для сучасного навчального процесу студентів. Використання мобільного 
програмного забезпечення - це один із найефективніших та найвигідніших 
способів просування не тільки вчителів, але й учнів. Як правило, нові технології 
роблять навчальний процес привабливішим для підростаючого покоління. 
Слід також зазначити, що відносини між учнями та викладачами 
продовжують відігравати важливу роль у навчальному процесі, оскільки вже 
було показано, що студенти, як правило, знайомі лише з іграми та мобільними 
додатками і що вони використовують своє обладнання для розваги. Однак із 
впровадженням мобільних додатків у систему освіти налаштування зміниться, 
оскільки це не буде радикальним нововведенням, і студенти побачать завдання 
на екрані гаджетів як ще одну зрозумілу іграшку. 
Запропонований підхід до організації навчання студентів через мобільні 
пристрої розширює умовні рамки, використовуючи нові функції для мобільних 
платформ. Це розширює та виходить за рамки навчального середовища. Досвід 
використання освітніх технологій показав, що вони є здійсненними та 
ефективними в сучасній навчальній практиці. Використання таких нововведень 
у системі освіти сприяє успішному розвитку предмета [7] 
 
 
 
28 
 
1.5. Дослідження аналогів, вибір прототипу 
 
Для того, щоб створити абсолютно унікальне зображення, яке не є аналогом 
будь-якої іншої картинки, необхідно реалізувати повний цикл дизайну, тобто 
аналіз уже реалізованих проектів і вибір прототипу для майбутніх графічних 
листів, оформлення стіни та розробки дизайну мобільного застосунку. Цей етап 
допомагає нам виявити переваги та недоліки певного зображення. При цьому 
суттю дизайнерської діяльності у графічному дизайні є комплекс знань і навичок, 
який використовується в подальшому для створення певного дизайн-проекту [8]. 
Аналог - це вже реалізовані проекти, подібні до того, який ви плануєте 
створити. У цих проектах ви знаходите ті ознаки, які вам подобаються і які ви б 
хотіли в підсумку спостерігати і в вашому проекті. Це може бути якесь конкретне 
дизайнерське рішення, стилістика проекту в цілому або якийсь вдалий елемент 
[9]. 
На етапі досліджень було розглянуто та проаналізовано аналоги для того, 
щоб обрати найбільш вдалий прототип для створення майбутніх графічних 
листів, оформлення стіни та дизайну мобільного застосунку. Прикладом таких 
аналогів є: 
1.Перший аналог: «Уроки української мови»: «Зоопарк» 
Яскраві та барвисті програмні ігри розраховані на маленьких дітей. Ви 
можете використовувати малюнки для вивчення мешканців зоопарку (слон, 
жирафа, кенгуру, ведмедя тощо) та продуктів, які вони їдять, навчитися 
правильно писати свої назви та формувати речення, використовуючи ці слова. 
Навчання проводиться у формі карткових ігор. Діти дізнаються назви тварин та 
їдять та вчяться на малюнках, які формують слова та речення за поданими 
прикладами. У разі помилки додаток повідомляє вас звуковим сигналом, а після 
29 
 
виконання завдання асистент з гри похвалить дитину. Додаток "Українські 
класи" також включає версії "Сім'я", "Транспорт" та "Іграшки". 
Переваги: У грі асистент не вимовляє таких слів як "неправильно", 
"помилка" та тощо після помилки дитини. Мені також подобається те, що я не 
можу закінчити і виконати одне завдання, але можу перейти на інше (у більшості 
програм наступне можливе лише після того, як я пройшов попереднє). Взагалі на 
ігри не потрібно багато часу, щоб зрозуміти, що робити. Виконати, все стає 
зрозуміло відразу. (Додаток А, рис. А1) 
2.Другий аналог: «Moва: ДНК нації» 
Головний герой програми - Лепетун. В примітках «Синоніми», 
«Фразеологізми», «енциклопедії» та ін. Він навчає вас, які слова - калька, 
пояснює написання слів і фраз (наприклад, великий день, вибраний тощо), 
пояснює, коли вживаються правильні синоніми, і дає тест для перевірки ваших 
знань. 
Переваги: Матеріал у заявці подавали не за нудними правилами сушіння, а 
у вигляді ілюстрацій із прикладами та короткими поясненнями. Тому 
користуватися цим додатком не нудно і навіть дитині це сподобається. (Додаток 
А, рис. А2) 
3.Третій аналог: Learn & Play Ukrainian 
Додаток обіцяє вивчити базовий українську мову з нуля. Ви можете 
вивчити алфавіт, слова і орфографію, а також пройти тест, щоб закріпити свої 
знання. Інформація представлена у вигляді тексту, зображень та звуку. 
Переваги: аудіо доступно в кожному розділі: як при вивченні алфавіту, так 
і самих слів. Не вчіть і не розкидайте слова, а в розділах: «Овочі», «Фрукти», 
«Домашні тварини», «Дім», «Одяг». "так далі. 
30 
 
4. Четвертий аналог «Буквограйка» 
Програма для дітей, щоб вивчити букви і звуки. Під кожною буквою 
знаходиться слово, яке починається з відповідної літери, а диктор вимовляє тон 
букви і саме слово. Вивчивши алфавіт, дитині дається завдання у вигляді 
головоломок: вибрати зображення із зображенням тварини, ім'я якого 
починається з нього. 
Переваги: додаток ілюстроване кумедними картинками, а букви і звуки 
відтворюються ясним, приємним голосом. У той же час «Буквограйка» 
сприймається дитиною як гра, а не як урок - він просто перегортає картинки, а 
запам'ятовування відбувається за допомогою візуалізації і звуку. (Додаток А, рис. 
А3) 
5. П’ятий аналог Vocabulary Trainer 
Додаток для вивчення словникового запасу. За допомогою цієї програми 
ми вивчаємо окремі слова і фрази з розділів «Фрази на побаченні», «Бізнес», 
«Подорожі», «Відпочинок», «Шопінг», «Їжа» і т. Д Або найбільш часто 
використовувані слова в залежності від існуючий рівень доступних знань - 
базовий, фундаментальний, нижче середнього, вище середнього і просунутий. 
Під час уроку додаток вказує 10 слів для вивчення, після чого пропонує пройти 
тест - вказує слово російською мовою і пропонує вибрати українську версію або 
знайти картинку з відповідною картинкою. 
Переваги: Кожне слово або фраза не тільки дається в друкованому вигляді 
для вашого навчання, але також пропонує правильну вимову. Кількість уроків не 
обмежується одним або двома за сеанс додатки. Користувач може грати в 
залежності від часу. (Додаток А, рис. А4) [10] 
6.Шостий аналог Duolingo 
31 
 
Duolingo - найпопулярніше в світі додаток для вивчення мови: 120 
мільйонів користувачів, 10 мільйонів з яких говорять російською мовою. 
Дуже хороша поверхню. Класи добре складені, хоча й трохи одноманітні. 
Існують вправи по вимові, які намагаються (з різним ступенем успіху) 
розпізнавати ваш язик. Місцева ігрова валюта видається за кожен урок. Потім ви 
можете купити новий костюм сови, який буде вашим наставником. 
Краща частина програми - щоденні спогади. Додаток пише вам листа, 
відображає повідомлення і створює плани відвідування. Це дійсно працює: в 
кінці кінців, вам буде соромно за сову і ви пройдете щоденну частину уроку. 
(Додаток А, рис. А5) 
7.Сьомий аналог Lingualeo 
Duolingo може бути найпопулярнішим додатком у світі, але Lingualeo 
більш відомий серед російськомовних глядачів. 
У нього більше різноманітних уроків, ніж у Duolingo: реальні тексти, відео, 
багато видів тестових завдань. Деякі вправи (наприклад, аудіювання) і курси 
граматики вимагають підписки на преміум-аккаунт. Існує також Гейміфікація: 
виконуючи вправи, ви заробляєте фрикадельки, якими годуєте лева. (Додаток А, 
рис. А6) 
8. Восьмий аналог Busuu 
Що мені найбільше сподобалося в бусу, так це практика «розмови», де я 
повинен вставити слова, які відсутні в «чаті» обох. Є також письмові вправи, які 
перевірені носіями англійської мови. Це не професійні вчителі, але вони відмінно 
підходять для практики написання англійської мови, тому що вони можуть 
виправляти помилки і залишати коментарі від декількох людей одночасно. 
32 
 
У додатку є курси для мандрівників, але тільки преміум підписки. Велика 
частина роботи по тестуванню не працюватиме без передплати. Спробуйте 
безкоштовну частину і вирішіть самі, чи варто це того. Я так не думаю. (Додаток 
А, рис. А7) 
9. Дев’ятий аналог Lingvist 
Це маловідомий, але дуже хороший додаток. Є тексти, прослуховування, 
граматичні статті та тести. Великий упор на вивчення слів. Недоліком для мене є 
те, що матеріал був розроблений в першу чергу для мовного рівня, а не 
середнього. [11] 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
33 
 
РОЗДІЛ 2. 
ОПИС ТА ОБГРУНТУВАННЯ ДИЗАЙН ПРОПОЗИЦІЇ 
2.1. Посібник «Welcome to Ukraine». 
 
Актуальність даного посібника полягає, з одного боку, у необхідності 
популяризації нашої рідної мови, заохочення іноземних громадян вивчати та 
дізнаватись більше про Україну, а також залучення їх до вивчення мови за 
допомогою методично вивіреного та цікавого матеріалу, таблиць, пояснень, 
підказок та малюнків, які описують різні мовленнєві ситуації, а з іншого – у 
відсутності якісного матеріалу  такого типу. 
Метою посібника є розвиток та зміцнення навичок спілкування 
українською чи російською мовами. Мовний та ілюстративний матеріал   
базується на комунікативному підході. Кожна тема складається з наступних 
частин: поведінкові компетенції, словниковий матеріал, словникові вправи, 
комунікативні схеми з граматичними таблицями, поясненнями та вправами, 
діалоги та перегляд. Кожна з частин має продумане графічне та художнє 
оформлення.  
Передмова 
Посібник " Welcome to Ukraine" складається з 4 частин: 
1. Культурні моменти - деяка інформація про традиції та конкретні норми 
української культури. 
2. Українська фразова книга «Перші кроки з української мови» - 
словниковий запас, граматичні пояснення, словниковий запас та граматичні 
вправи та діалоги. 
3. Популярні українські пісні 
34 
 
4. Російська фразова книга «Перші кроки з російської мови» - словниковий 
запас, пояснення граматики, словниковий запас та вправи та діалоги з граматики. 
Українські та російські фразові книги "Ласкаво просимо в Україну" 
створені для студентів, які з нуля вивчають українську чи російську мови. Метою 
посібників є розвиток та зміцнення комунікативних навичок українською чи 
російською мовами. Посібники базуються на комунікативному підході. 
Кожна тема складається з наступних частин: 
1. Поведінкові компетенції. 
2. Список словникового запасу. 
3. Словникові вправи. 
4. Комунікативні схеми з граматичними таблицями, поясненнями та вправами. 
5. Діалоги 
6. Перегляд. 
Додатковими посібниками є «Довідник з граматики України» та «Довідник 
з російської граматики». Матеріал, поданий у цих посібниках, ґрунтується на 
академічному підході до вивчення української чи російської граматики. Він 
містить основну інформацію про: 
- змінні частини мови: іменник, займенник, прикметник, числівник, дієслово; 
- незмінні частини мови: прислівник та прийменник; 
Автори хочуть запропонувати особливе слово подяки Margaret Mc Clure, 
Laura Albright за їх чудові ідеї та продумане редагування. 
Зміст 
Культурні моменти (Cultural Moments) 
35 
 
1. Знайомство Перша зустріч родини - 
2. Їжа 
3. Час і погода 
4. Орієнтація в місті 
5. Громадський транспорт 
6. Подорож 
7. Покупки 
8. Емоції здоров'я 
9. Телефонне Інтернет-поштове відділення 
Перші кроки українською мовою(First Steps in Ukrainian) 
Зміст  
Український алфавіт 
Як звернутися до когось. Вокативний випадок 
Теми 
1. Знайомство Перша зустріч родини 
2. Їжа 
3. Час і погода  
4. Орієнтація в місті 
5. Громадський транспорт 
6. Подорож 
7. Покупки 
36 
 
8. Емоції здоров'я 
9. Телефонне Інтернет-поштове відділення 
10. Довідник з граматики. Граматичний покажчик 
Українські пісні 
Перші кроки російською мовою 
Зміст 
Російський алфавіт 
Деякі основні норми російської вимови 
Теми 
1. Знайомство Перша зустріч родини - 
2. Їжа - 
3. Час і погода 
4. Орієнтація в місті 
5. Громадський транспорт 
6. Подорож 
7. Покупки 
8. Емоції здоров'я 
9. Телефонне Інтернет-поштове відділення 
10. Довідник з граматики. Граматичний покажчик 
Зміст 
Український алфавіт – сторінка. 
37 
 
Як звернутися до когось. Вокативний випадок – сторінка. 
Урок 1. Знайомство Перша зустріч родини 
• Сторінка компетенцій 
• Список словникового запасу 
• Лексичні вправи 
• Комунікативні схеми з граматичними таблицями, поясненнями та 
вправами 
• Діалоги 
• Перегляд 
 
Урок 2. Їжа 
• Сторінка компетенцій 
• Список словникового запасу 
• Лексичні вправи 
• Комунікативні схеми з граматичними таблицями, поясненнями та 
вправами 
• Діалоги 
• Перегляд 
 
Урок 3. Час і погода 
• Сторінка компетенцій 
38 
 
• Список словникового запасу 
• Лексичні вправи 
• Комунікативні схеми з граматичними таблицями, поясненнями та 
вправами 
• Діалоги 
• Перегляд 
 
Урок 4. Орієнтація в місті 
• Компетенції сторінки 
• Список словникового запасу 
• Лексичні вправи 
• Комунікативні схеми з граматичними таблицями, поясненнями та 
вправами 
• Діалоги 
• Перегляд 
 
Урок 5. Публічний транспорт 
• Сторінка компетенцій 
• Список словникового запасу 
• Лексичні вправи 
39 
 
• Комунікативні схеми з граматичними таблицями, поясненнями та 
вправами 
• Діалоги 
• Перегляд 
 
Урок 6. Подорож 
• Сторінка компетенцій 
• Список словникового запасу 
• Лексичні вправи 
• Комунікативні схеми з граматичними таблицями, поясненнями та 
вправами 
• Діалоги 
• Перегляд 
 
Урок 7. Покупки 
• Сторінка компетенцій 
• Список словникового запасу 
• Лексичні вправи 
• Комунікативні схеми з граматичними таблицями, поясненнями та 
вправами 
• Діалоги 
40 
 
• Перегляд 
 
Урок 8. Емоції здоров'я 
• Сторінка компетенцій 
• Список словникового запасу 
• Лексичні вправи 
• Комунікативні схеми з граматичними таблицями, поясненнями та 
вправами 
• Діалоги 
• Перегляд 
 
Урок 9. Телефон Інтернет Пошта 
• Сторінка компетенцій 
• Список словникового запасу 
• Лексичні вправи 
• Комунікативні схеми з граматичними таблицями, поясненнями та 
вправами 
• Діалоги 
• Перегляд 
 
Сторінка довідника граматики 
41 
 
Граматичний покажчик 
Іменник 
Стать 
Число 
Відмінок:  
• Називний 
• Родовий 
• Давальний 
• Знахідний 
• Орудний 
• Місцевий 
• Кличний  
Прикметник 
Стать 
Число 
Відмінок:  
• Називний 
• Родовий 
• Давальний 
• Знахідний 
• Орудний 
42 
 
• Місцевий 
• Кличний  
 
Займенник 
Особисті займенники 
Відмінок:  
• Називний 
• Родовий 
• Давальний 
• Знахідний 
• Орудний 
• Місцевий 
• Кличний  
Вказівні займенники 
Присвійні займенники 
Числівник 
Кількісні 
Порядкові 
 
Дієслово 
Перехідні 
43 
 
Неперехідні  
Зворотні 
Доконаний 
Недоконаний 
Минулий час 
Теперішній час 
Майбутній час 
Дієприкметник 
Дієприслівник 
Питальні слова 
Автори посібника є: Пятковська Л.В., Пчелінцева О.Е., Деньга О.А., Ісаєнко Т.В 
 
 
2.2. Розробка концепції, стилістичне вирішення. 
 
Концепція – особливий спосіб трактування, точка зору, система поглядів, 
особливий спосіб розуміння автором явища, події та предмета[22]. 
В основі будь-якої концепції лежать: 
• базова ідея; 
• фундаментальні принципи. 
Дизайн-концепція розуміється як комплексне, спеціально розроблюване 
уявлення про смислову (ідейно-тематичну) візуалізацію задуму певного об'єкта. 
44 
 
Предметом розробки концепції може бути будь-який об'єкт, здатний мати які-
небудь характеристики зовнішнього вигляду [12]. 
Основною метою роботи є розробка концепції дизайну. Пов'язано це з тим, 
що без результатів перед проектного аналізу розробка концепції не буде 
відповідати реаліям ринку і не отримає відгуку від споживача цільової групи. 
Розробка концепції дизайну – процес суто творчий.  
Через проблематізацію проектної ситуації (протиріччя проектного 
завдання), а потім тематизацію (вибір можливих варіантів вирішення) - 
складається цілісна модель майбутнього об'єкта. Чим ширше світогляд 
проектувальника, чим більше областей знання задіяно в створенні проекту, тим 
глибше розуміння проблеми і цікавіше її рішення. Крім того, провідний задум 
повинен бути не тільки оформлений в проекті готового виробу, але і осмислений, 
сформульований. Сучасний дизайнер працює не тільки з предметом, а й зі 
словом. Для успішного проектування важливо також підійти до проекту з 
раціональної точки зору, визначити головну думку, істотні взаємозв'язки і 
закономірності. 
Сучасні концепції припускають постійний пошук нового унікального 
підходу до дизайну, генерування та впровадження креативних рішень. Просте 
копіювання при розробці концепції дизайну призведе до того, що графічні листи 
будуть відноситися до маси інших невиразних та однотипних робіт. Без 
оригінальності і асоціативної привабливості графічні листи можуть бути 
направленні до пустого інформування споживача без зародження мотивації та 
пробудження спонукальних впливів до вирішення проблеми. Передпроектне 
дослідження проводиться, в тому числі, для того, щоб виявити відповідні 
асоціативні образи і успішно використовувати їх у графічних листах, для 
оформлення стіни та при створенні мобільного додатку для того, щоб донести 
основну ідею проекту [13]. 
45 
 
Метою рецензованого мобільного додатку є розвиток та зміцнення навичок 
спілкування українською чи російською мовами. Мовний та ілюстративний 
матеріал Додатку  базується на комунікативному підході. Кожна тема 
складається з наступних частин: поведінкові компетенції, словниковий матеріал, 
словникові вправи, комунікативні схеми з граматичними таблицями, 
поясненнями та вправами, діалоги та перегляд. Кожна з частин має продумане 
графічне та художнє оформлення, та складається з наступних частин: 
1. Поведінкові компетенції. 
2. Список словникового запасу. 
3. Словникові вправи. 
4. Комунікативні схеми з граматичними таблицями, поясненнями та вправами. 
5. Діалоги 
6. Перегляд. 
Матеріал, поданий у додатку, ґрунтується на академічному підході до 
вивчення української чи російської граматики. Він містить основну інформацію 
про: 
- змінні частини мови: іменник, займенник, прикметник, числівник, дієслово; 
- незмінні частини мови: прислівник та прийменник; 
Актуальність обраної теми полягає, з одного боку, у необхідності 
популяризації нашої рідної мови, заохочення іноземних громадян вивчати та 
дізнаватись більше про Україну, а також залучення їх до вивчення мови за 
допомогою методично вивіреного та цікавого матеріалу, таблиць, пояснень, 
підказок та малюнків, які описують різні мовленнєві ситуації, а з іншого – у 
відсутності якісних мобільних додатків такого типу. 
46 
 
Між викладачами та іноземними студентами завжди постає проблема 
розуміння та пояснення матеріалу. Тому даний додаток в якому є декілька мов , 
вправи та підказки, а також словник , які допоможуть вивчити і зрозуміти мову.  
Так як мобільний додаток являється доповненням до підручника-розмовника, то 
викладач зможе з легкістю користуватись і тим і іншим, а за допомогою 
мобільного додатку і актуальності такого носія ним можна користуватися у любу 
зручну мить. 
На даному етапі додатка студент може обрати таку мову як турецька, 
французька, арабська, китайська та англійська, і обрати для вивчення українську 
або російську мову. Англійська мова буде не тільки як одна з основних мов у 
додатку, а це також буде допоміжна мова до інших. Тому що , наприклад, носіям 
турецької мови набагато легше вчити іншу мову якщо вони знають базовий 
рівень англійської. Та і взагалі набагато легше вчити іншу мову якщо ти володієш 
англійською.  
Завдання за допомогою яких іноземці будуть вчити українську або 
російську поділенні на декілька частин. Вони є як і легкої так і важкої складності. 
Деякі завдання будуть супроводжуватись малюнками. Для кращого сприймання 
такої інформації текст поділений на частини. Під час вивчення матеріалу 
зустрінуться слова які ви вивчаєте по певній темі, малюнки які описують ту чи 
іншу ситуацію, а також вправи та певні правила перед їхнім виконанням.  
 
 
 
 
 
47 
 
2.3. Графічне вирішення образів, обґрунтування вибору колірної гами,                
вибір гарнітури шрифту. 
 
Даний додаток являється доповнення до посібника «Welcome to Ukraine» 
,тому графічне рішення потрібно було зробити максимально простим та водночас 
схожим на сам посібник.  
Усі деталі та ілюстрації розроблені в стилістики «плоский» дизайн або 
«Flat-design». Він є дуже простим у своєму виконанні і тому дуже добре 
сприймається. Сам цей стиль є дуже популярний у веб-дизайні як і у розробці 
сайтів,  так і у розробці мобільних додатків.  
Розроблені яскраві, емоційно-виразні персонажі які залишаються 
пізнавальними для студентів та цікавими для сприйняття. Доповнюючи елементи 
такі як  стрілки, плашки, кнопки та клавіатура також виконанні у стилі «плоский» 
дизайн. Вони дуже чітко контрастують з текстом і не відволікають нашу увагу.  
Під час розробки мобільного додатку дуже важливим є врахування впливу 
кольорової гами та шрифтових рішень на сприйняття споживачем образу 
магазину в цілому. 
Психологи давно виявили, що колір здатний чинити певний вплив на 
психіку людини. Причому виявляється це дуже різним чином. Іноді він стимулює 
розвиток деяких реакцій, які сприяють прийняттю рішень. Колір може поліпшити 
апетит або ж відбити його. Люди не помічають вплив кольору, проте воно існує. 
Наприклад, коли за вікном похмуро, настрій починає погіршуватися. А при 
сонячній погоді воно навпаки поліпшується. 
Основні кольори що використовуються для розробки дизайну мобільного 
додатку є : блакитний, світло-жовтий, зелений та темно синій. 
48 
 
Синій / блакитний: 
У психології синій розглядається як колір цілеспрямованих і упевнених в 
собі людей. А правильний відтінок синього може принести приємне спокій 
вашим відвідувачам. Темно-синій вважається діловим, професійним і 
авторитетним - не дивно, що ділові люди люблять його так сильно. 
Синій часто використовується на веб-сайтах, пов'язаних з технологіями, 
тому що він створює відчуття надійності і довіри. 
У поєднанні з білим, зеленим, бежевим. 
Переваги: Це заспокійливий колір, сприяє фізичному розслабленню, 
створює атмосферу безпеки і довіри. Синій - це колір творчості 
Недолік: Холод, який відволікає від нього, на відміну від теплих кольорів 
червоного і жовтого, відразу привертає загальні принципи. 
Зелений: 
Це колір гармонії і внутрішнього щастя. До речі, популярність квітів не 
тільки обмежується використанням при моделюванні одягу для подіумів і поїздок 
на модні вечірки, а й сміливо використовується дизайнерами для прикраси веб-
сайтів. 
Прекрасно поєднується з білими, світло-зеленими, коричневими, 
помаранчевими, чорними і сірими тонами. 
Переваги: Освіжає і розслабляє, і люди відчувають себе натхненними 
означає баланс і гармонію в дизайні як в природі 
Недоліки: Кандинський справедливо коментує: «Абсолютний зелений - 
самий спокійний колір з доступних. Він нікуди не рухається і не чує ні радості, 
ні смутку, ні пристрасті. Він не вимагає нічого, нікуди не дзвонить. Це 
нерухомий, самовдоволений, обмежений в просторі елемент ». [14] 
49 
 
Жовтий: 
Мабуть, самий універсальний колір палітри в поєднанні зі щастям, сонцем, 
ентузіазмом, архаїзмом (в його більш темних, спокійних тонах). Жовтий 
заряджає енергією, але ніжно і в той же час створює відчуття комфорту. Темно-
жовті і золоті тони викликають цікавість, дають користувачеві відчуття 
старовини, стабільності, мудрості і дають впевненість в авторитеті і 
професіоналізмі компанії. Цей універсальний колір підходить для різних тем і 
підсилює кожне конкретне повідомлення. [15] 
Вибір вище наведених кольорів є заспокійливими для роботи, вони не 
відволікають увагу від роботи , а також допомагають заповнити та 
сконцентруватися на вивченні матеріалу.  
Основними фірмовим шрифтом для мобільного додатку є гарнітура 
Montserrat (Light, Regular, Semi bold). Шрифтовий блок: чіткий, читабельний, 
простий, має контраст з тлом; композиційна цілісність побудови. 
Даний шрифт є дуже лаконічний та простий , у ньому є різні товщини які 
допомагають виділяти та позначати важливі моменти тексту. Дуже добре 
сприймається вивчений матеріал. 
Фірмові кольори та шрифти надають чіткість та простоту у вивченні 
матеріалу.  Вони не відволікають нашу увагу на вивченні матеріалу, за 
допомогою контрасту наш мозок краще сприймає матеріал.  
 
 
 
 
 
 
50 
 
РОЗДІЛ 3.  
ДИЗАЙНЕРСЬКЕ РІШЕННЯ ПРОЕКТУ 
3.1. Етапи розробки мобільного додатку. 
 
Етап 1. Отримання завдання. 
Розробка мобільного додатку почалась з вивчення і аналізу посібника 
«Welcome to Ukraine», автори якого являються кафедра української мови та 
загального мовознавства ЧДТУ, а саме Пятковська Л.В., Пчелінцева О.Е., Деньга 
О.А., Ісаєнко Т.В. Вибір необхідних даних для додатку. Завдання включало в себе 
розробити простий та лаконічний дизайн мобільного додатку, який буде легкий 
у застосуванні будь-де, а також буде доповненням для підручника. (Додаток Б, 
рис. Б1 – Б3) 
Етап 2. Робота з інформаційними джерелами, розробка концепції. 
Кафедрою української мови та загального мовознавства ЧДТУ, було 
надано всю необхідну текстову та ілюстровану інформацію. Текстову 
інформацію було опрацьовано. В результаті було виділено основні частини, на 
які поділяється підручник: 
1.Алфавіт. 
Український та російський алфавіт. Звучання букв та приклад. 
2. Культурні моменти (Cultural Moments). 
• Знайомство.Перша зустріч родини. 
• Їжа 
• Час і погода 
51 
 
• Орієнтація в місті 
• Громадський транспорт 
• Подорож 
• Покупки 
• Емоції здоров'я 
• Телефонне Інтернет-поштове відділення 
 
3. Перші кроки українською мовою(First Steps in Ukrainian). 
• Знайомство.Перша зустріч родини. 
• Їжа 
• Час і погода 
• Орієнтація в місті 
• Громадський транспорт 
• Подорож 
• Покупки 
• Емоції здоров'я 
• Телефонне Інтернет-поштове відділення 
 
4.Пісні. 
• Один в каноэ – «Човен» 
• Христина Соловей- «Фортепьяно» 
52 
 
• Пані Валькова -  «Танго» 
Основною концепцією даного мобільного додатку стало допомогти 
вивчити українську та російську мову іноземним студентам ЧДТУ. Між 
викладачами та іноземними студентами завжди постає проблема розуміння та 
пояснення матеріалу. Тому даний додаток в якому є декілька мов , вправи та 
підказки, а також словник , які допоможуть вивчити і зрозуміти мову.  Так як 
мобільний додаток являється доповненням до підручника-розмовника, то 
викладач зможе з легкістю користуватись і тим і іншим, а за допомогою 
мобільного додатку і актуальності такого носія ним можна користуватися у любу 
зручну мить. 
Етап 3. Пошук аналогів, вибір прототипу. 
Так як додаток розробляється, як додатковий інструмент для роботи 
підручником, то вибір кольорової гами буде відповідати створеним графічним 
листам. 
Було проаналізовано дев’ять аналогів. Так як даний додаток має декілька 
мов, а також сприйманню вивчення української та російської мови, доволі важко 
знайти приклади та аналоги схожі з ідеєю. Аналіз матеріалів дозволив прийти до 
висновку, що кращим зразком продукції, яка підходить для графічного рішення 
мобільного додатку стали додатки Duolingo, Lingualeo. (Додаток Б, рис. Б4 – Б5) 
За прототип було взято додаток «Moва: ДНК нації».  У даному додатку є 
головний герой Лепетун, який дає підказки та допомагає у вивченні матеріалу. 
Багато цікавого ілюстрованого матеріалу. Змістовна інформація для вивчення. 
(Додаток Б, рис. Б6) 
Етап 4. Пошуки композиційного рішення, ескізи. 
Після того як була проведена робота з інформаційними джерелами та 
виділено основні розділи та їх підрозділи, було проведено композиційний пошук.  
53 
 
Було вирішено зробити спершу невелику частину з ознайомленням 
користувача з додатком. На далі щоб була частина з культурними моментами, де 
користувач ознайомиться з прикметами, повір’ями та цікавим життям українців. 
Далі зможе вивчити, а також змогу прослухати літери української та російської 
абетки, але це буде залежить від вибору мови яку вивчає користувач. Алфавіт 
допоможе з ознайомлення літер перед виконанням вправ. На далі іде частина 
«Перші кроки українською мовою» , де буде змога виконати вправи, вивчити 
мову за допомогою читання, писання, перекладів та яскравих запам'ятовуючих 
ілюстрацій. Наприкінці йтимуть пісні українською мовою , як нові так і старі. На 
пісні буде додане офіційне посилання для того щоб прослухати.  
Етап 5. Малювання ескізів екранів (wireframes) 
Wireframes - це, по суті, швидкі начерки додаток. Ескіз, схема того, де 
будуть розташовуватися зображення, ярлики, кнопки та інше. Це грубий ескіз 
того, як додаток має працювати. Інтерфейс додатку повинен бути максимально 
інтуїтивно зрозумілий для користувача для всіх пристроїв. 
Для малювання wireframes було використано  програму Adobe Illustration. 
(Додаток Б, рис. Б7) 
 
Додаток Б, рис. Б7. Wireframes 
 
 
54 
 
Етап 6. Вибір колірної гами та шрифтове направлення. 
Основні кольори що використовуються підручнику є : блакитний, світло-
жовтий, зелений та темно синій. Такі кольори було і обрано для створення 
дизайну мобільного додатку. А також до основних кольорів було додано декілька 
допоміжних кольорів. (Додаток Б, рис. Б8) 
 
Додаток Б, рис. Б8. Основні та допоміжні кольори у мобільному додатку 
 
Етап 7. Створення прототипу і подача дизайну (mock-ups) 
Створюємо дизайн всіх екранів майбутньої програми і промальовуємо різні 
стани всіх сценаріїв користування. Всі елементи графічного інтерфейсу повинні 
бути в єдиному стилі, який вже використовувався в підручнику-розмовнику. 
Створенні дизайн-рішення повинні бути ергономічними та дозволяти 
користувачеві ефективно вирішувати свої завдання. 
Було створено перший екран, де нам потрібно авторизуватися з 
запропонованих та усім знайомих додатків , де буде створено ваш обліковий 
запис. Користувач вони перенести свої особисті данні з таких додатків, як: 
фейсбук, інстаграм або обліковий запис у гугл(яндекс). (Додаток Б, рис. Б9) 
55 
 
 
Додаток Б, рис. Б9. Авторизація 
 
На другому екрані користувач вибирає з запропонованих йому мов ту якою 
він володіє. На даному етапі це такі мови, як: англійська, французька, китайська, 
арабська та турецька. (Додаток Б, рис. Б10) 
 
Додаток Б, рис. Б10. Вибір мови 
 
Після того як було обрано мову ви можете побачити коротке повідомлення 
що нас чекає у додатку. (Додаток Б, рис. Б11) 
56 
 
 
Додаток Б, рис. Б11 
 
Далі обираємо одну з запропонованих мов, яку будемо вивчати , це : 
українська або російська. (Додаток Б, рис. Б12) 
 
Додаток Б, рис. Б12 
 
Після всіх необхідних заповнень інформації перед нами з’являється 
головний герой цього додатку, його звати – Томас. Він допоможе користувачеві 
у допомозі з проходженням матеріалу, а також буде давати певні підказки. 
Викликати помічника можна за допомогою іконки знаку питання. (Додаток Б, 
рис. Б13) 
57 
 
 
Додаток Б, рис. Б13. Головний герой 
 
На далі користувач ознайомлюєтеся з культурними моментами. Обирається 
тема з запропонованих. Дана частина супроводжується цікавою інформацію та 
ілюстраціями які показують нам той чи інший випадок. (Додаток Б, рис. Б14) 
 
Додаток Б, рис. Б14. Культурні моменти 
 
Після культурних моментів користувач зможе вивчити і  прослухати 
звучання літер української та російської абетки, але це буде залежить від вибору 
мови яку вивчає користувач. Алфавіт допоможе з ознайомлення літер перед 
виконанням вправ. (Додаток Б, рис. Б15) 
58 
 
 
Додаток Б, рис. Б15. Українська абетка 
 
На далі іде частина «Перші кроки українською мовою» , де буде змога 
виконати вправи, вивчити мову за допомогою читання, писання, перекладів та 
яскравих запам'ятовуючих ілюстрацій. Дана частина супроводжується 
різноманітним вибором вправ, а також ілюстраціями. (Додаток Б, рис. Б16 – Б17) 
 
 
Додаток Б, рис. Б16. Перші кроки українською 
59 
 
 
Додаток Б, рис. Б17. Вправи на вивчення мови 
 
Під час роботи з вправами стандартна клавіатура змінюється на іншу. Це 
спеціальна клавіатура для того щоб не відволікала уваги від непотрібних нам 
символів. За бажанням її легко можна вимкнути, якщо перейти в бокове меню. Є 
зміна мов. (Додаток Б, рис. Б18) 
 
Додаток Б, рис. Б18. Клавіатура 
 
60 
 
Бокове меню йде з посиланнями на акаунт, культурні моменти, вправи, 
клавіатура, пісні, перекладач та кнопка виходу з програм . (Додаток Б, рис. Б19) 
 
Додаток Б, рис. Б19. Бокове меню 
 
Наприкінці вивчення курсу користувач може послухати запропоновані 
пісні українською мову або ж повернутися на початкове меню і обрати іншу мову 
для вивчення. (Додаток Б, рис. Б20) 
 
Додаток Б, рис. Б20. Українські пісні 
 
61 
 
Також у мобільному додатку є перекладач, який можна використати при 
з’єднанні з інтернетом у любу зручну  вам мить. Є також зміна мов, які 
запрограмовані від самого початку. Для того щоб відкрити перекладач потрібно 
перейти в бокове меню. (Додаток Б, рис. Б21) 
 
Додаток Б, рис. Б21. Перекладач 
 
 
 
3.2. Етапи реалізації мобільного додатку 
 
Прототип 
Після закінчення дизайну мобільного додатку, створюється робочий 
прототип. Згідно з погодженим прототипом складається технічне завдання для 
програмістів, які будуть розробляти мобільний додаток.  
Розробка 
62 
 
Вибирається операційна система під яку буде розроблено додаток. Під 
кожну мобільну платформу розробляється своє окреме додаток тому у кожної 
платформи своя незалежна операційна система (ОС). 
На даний момент є 3 основні платформи: 
• Платформа Apple. iOS (iPhone, iPad), WatchOS для розумних годин і tvOS 
для телевізорів. 
• Платформа Google. Основні їх ОС це: Android (смартфони, планшети), 
Android Wear (розумні годинник) Android TV (телевізори і мультимедійні 
приставки). 
• Платформа Microsoft. Їх основна і універсальна ОС - UWP (Universal 
Windows Platform). Це програми, і працюють вони на всіх типах пристроїв, 
на яких встановлена Windows 10, тобто - Mobile, PC, Surface, xBox і навіть 
Holographic. 
Тестування 
Додатки перевіряються на помилки за допомогою Smoke Test, ручного 
функціонального тестування, автоматичного функціонального тестування та 
програми Monkey для Android. Якщо є помилки, виправляємо і передаємо готове 
додаток вам. Для статистики завантажень і аналізу поведінки користувачів в 
додатку ми встановлюємо Firebase Analytics. 
Публікація мобільного додатку 
Необхідно підготувати інформацію для публікації. Цей процес дуже 
важливий для виділення мобільного застосування серед конкурентів, а також для 
пошукової оптимізації в магазинах додатки і пошукових системах. 
Підготовку до публікації краще починати заздалегідь, щоб встигнути 
проаналізувати подачу конкурентів і створити свій контент, який складається з: 
63 
 
назви, короткого опису, розгорнутого опису, красивих скріншотів з заголовками, 
властивостей, seo, політики конфіденційності, і, при бажанні, відеоролика, або gif 
анімації. 
І щоб модерація додатків в магазинах пройшла успішно, також необхідно 
слідувати правилам і рекомендаціям кожної платформи. Процес модерації в 
середньому займає 3 дні в App Store і 1-2 дня в Google Play і Microsoft Store [19]. 
Додаток можна буте знайти в магазинах App Store та Google Play, або за 
QR-code, який буде розміщено на оформленій стіні. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
64 
 
РОЗДІЛ 4 
ВИЗНАЧЕННЯ ПАТЕНТОСПРОМОЖНОСТІ ПРОЕКТУ 
 
4.1.  Патентні дослідження 
 
 
Патентоспроможність дипломного проекту бакалавра за темою: «Дизайн 
проект мобільного додатку до посібника «Welcome to Ukraine» може бути 
встановлена в разі наявності новизни у об’єктах проектування, що входить до 
його складу. 
В даній роботі об’єктами інтелектуальної власності, що потребують 
перевірку на новизну є: 
а) пояснювальна записка (далі – «текст»); 
б) графічна частина (далі – «авторська графіка»). 
Дані об’єкти підпадають під дію Закону України «Про авторське право і 
суміжні права» [20], де вони перелічені у розділ ІІ, стаття 5, пукти 1-6. Єдиною 
вимогою новизни є відсутність плагіату. Під цим терміном слід розуміти подання 
твору іншого автора в цілому або частково в більш або менш зміненій формі, як 
свого власного.   
Відсутність плагіату була перевірена за допомогою онлайн-сервісу 
антіплагіат «TinYye» - і за висновками перевірками об’єкти є новими. (див. 
Додаток В. Рис. В1 – В5). 
На основі авторської графіки були створені герої та іконки які 
використовуються у розробки дизайну мобільного додатку .  
65 
 
Новизна графічних листів була встановлена для підтвердження того факту, 
що вона не наслідує стилістичним особливостям притаманним іншим митцям, що 
працюють в даній техніці.[21]. 
До «естетичних особливостей» належать такі ознаки: 
- відсутність виразності; 
- наявність роздробленості; 
- нераціональність розташування елементів; 
- порушення цілісності форми; 
- порушення графічної проробки; 
- порушення в декоративному оформленні; 
- відсутність інформативності; 
- порушення стильового вирішення; 
- порушення пропорційного вирішення; 
- порушення колористичного вирішення. 
Пошук аналогічних рішень було здійснено за допомогою ключових слів: 
-  «портрет в векторі»  
- «векторні ілюстрації» 
- «Flat design» 
Зібраний масив інформації було систематизовано у вигляді додатків. 
До недоліків аналогів відносяться: 
 
 
66 
 
Аналоги Недоліки 
Аналог 1. Мобільний додаток для При зміні завдань вторинна картинка 
вивчення української мови «Уроки надовго замерзає і лише третю або 
української мови»: «Зоопарк» п’яту картинку можна видалити. 
(див. Додаток А. Рис. А1) 
Аналог 2. Мобільний додаток для Пояснень часто недостатньо. Отже, 
вивчення української мови «Moва: пояснення дається на конкретному 
ДНК нації» прикладі, але як ці слова вживаються в 
(див. Додаток А. Рис. А2) інших випадках, не сказано. Не 
достатньо графічних та контрастних 
елементів. Хотілось би більш 
витриманіше гамму. 
Аналог 3. Мобільний додаток для Принцип проходження тесту не 
вивчення української мови «Learn & відразу зрозумілий: перше враження 
Play Ukrainian» дозволяє подумати про поломки в 
 програмі - наприклад, з трьома 
словами (цибуля, часник, горох) і на 
зображенні нижче - капуста. Тільки 
через кілька секунд, коли зображення 
зміниться, ви зрозумієте, що вам 
потрібно натиснути на фотографію, 
коли на зображенні з'явиться одне з 
слів. 
Аналог 4. Мобільний додаток для В додатку для закріплення матеріалу 
вивчення української мови дитина може грати безкоштовно 
«Буквограйка»  тільки з одним із запропонованих 
(див. Додаток А. Рис. А3) тестів, описаних вище. А решта два 
оплачуються ($ 0,99). Однак одним 
67 
 
клацанням миші без відома батьків 
дитина не може замовити його 
(програма запропонує вам вирішити 
приклад множення і викликати 
дорослих). 
Аналог 5. Мобільний додаток для Ця програма не допомагає з 
вивчення англійської мови Vocabulary граматикою, і також неможливо 
Trainer швидко знайти переклад певного 
(див. Додаток А. Рис. А4) слова (як з онлайн-перекладачем). У 
програмі також є помилки перекладу, 
наприклад, Б. в запропонованому 
реченні російською мовою "Хотіли б 
ви де-небудь пообідати?" Варіант 
перекладу пропонує «Я хочу 
запросити вас на вечерю». 
Аналог 6. Мобільний додаток для Далеко не всі пропозиції мають сенс і 
вивчення іноземних мов Duolingo тому мало застосовні на практиці. Ось 
(див. Додаток А. Рис. А5) в якій життєвій ситуації може стати в 
нагоді фраза "Твій ведмідь п'є пиво"? 
Уроки не систематизовані. Навіть 
незважаючи на наявність довідкових 
матеріалів, чіткої картини у вас в 
голові не з'явиться. 
Немає практики продуктивних 
навичок: листи і говоріння. Перше 
присутній тільки в якості перекладу 
коротких пропозицій, а друге - по суті 
тренування вимови. 
68 
 
Занадто легко для високих рівнів. 
Нової лексики не так багато, тому на 
рівнях вище Intermediate варто 
спробувати що-небудь інше. 
Аналог 7. Мобільний додаток для Відсутня розділ з навчання 
вивчення іноземних мов Lingualeo фонетичних основ; не доопрацьований 
(див. Додаток А. Рис. А6) розділ «Граматика»; не завжди 
адаптований переклад, тобто якщо вам 
потрібно перевести фразу, то сервіс 
буде перекладати кожне слово окремо, 
а не всю фразу, через що переклад не 
завжди адекватно відображає 
контекст; не всі розділи безкоштовні; 
додаток для андроїдів сильно 
поступається комп'ютерної версії. 
Аналог 8. Мобільний додаток для Додаток Busuu передбачає курси для 
вивчення іноземних мов Busuu різних мов з одного й того ж типу. 
(див. Додаток А. Рис. А7) Тобто курс англійської, французької 
або іспанської містить однакові 
матеріали, перекладені на різні мови. 
У додатку величезна кількість 
прикладів де підійшло б кілька 
варіантів відповідей. Виходить що ти 
вчиш не слова, а конкретні зв'язки з 
картинкою. 
Аналог 9. Мобільний додаток для Деякі функції доступні лише для 
вивчення іноземних мов Lingvist передплати, обмеження в 3000 нових 
69 
 
слів, неможливість повторного 
вивчення 
 
Найближчим прототипом є додаток «Moва: ДНК нації».  У даному додатку 
є головний герой Лепетун, який дає підказки та допомагає у вивченні матеріалу. 
Багато цікавого ілюстрованого матеріалу. Змістовна інформація для вивчення. 
 
Висновки 
Таким чином можна зробити висновок, дизайн мобільного додтаку з точки 
зору аналізу естетичних особливостей не наслідують їх стилістичних 
особливостей аналогів і прототипу.  
Патентоспроможність дипломного проекту бакалавра за темою: 
«Дизайн проект мобільного додатку до посібника», є новим, бо об’єкти, які 
належать до об’єктів авторського права вільні від плагіату. Завдяки 
використанню інформаційної системи АНТИПЛАГІАТ» - Etxt Antiplagiat, 2010 - 
2018, версія: 4.64.0.0 для об’єктів авторського права. Дані об’єкти є новими і 
вільними від плагіату (див. Додаток В. Рис. В1) 
 
 
 
 
 
 
 
 
70 
 
ВИСНОВКИ 
 
Представлено дипломний проект освітньо-кваліфікаційного рівня 
«бакалавр», присвячений розробці дизайну мобільного додатку до посібника 
«Welcome to Ukraine», який в майбутньому може полегшити навчальний процес 
студентів, та заохотити їх до навчання та вивченню мови. 
В ході роботи було досліджено етапи створення мобільного додатку. А 
саме: пошук аналогів, вибір прототипу, розробка власної концепції та вибір 
стилістичного вирішення проекту. Систематизація наданого матеріалу та 
розробка дизайну додатка. 
Робота з стилізацією героїв у загальній стилістиці посібника. Вибір 
колірної гами та розташування кольорових акцентів в композиції. Робота з 
векторним зображенням, накладення текстур. Робота над досягненням цілісності 
проекту. етапи розробки мобільного додатку, зокрема: Розробка User flows, 
Створення Wireframe, Розробка дизайну, Презентація мобільного додатку. 
Поставлену мету, розробити дизайн мобільного додатку до посібника 
«Welcome to Ukraine», було досягнено. 
 
 
 
 
 
 
 
 
 
71 
 
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ: 
 
1. Історія розвитку мобільних додатків та їх взаємозв’язок із туристичною 
індустрією / [Електронний ресурс]: стаття / Режим доступу / : 
https://dspace.uzhnu.edu.ua/jspui/bitstream/lib/25531/1/176709-390072-1-SM.pdf/ 
(дата звернення: 30.03.2020). - Назва з екрана; 
2. Мобільний сайт або мобільний додаток? / [Електронний ресурс]: стаття -
Електронні дані [2009-2019] / Режим доступу / :  
https://punicapp.com/blog/pages/507/mobilnyj-sajt-ili-mobilnoe-prilozhenie/(дата 
звернення: 30.04.2020). - Назва з екрана; 
3. Типи мобільних додатків / [Електронний ресурс]: стаття / Режим доступу / : 
https://training.qatestlab.com/blog/technical-articles/types-of-mobile-applications/ 
(дата звернення: 30.03.2020). - Назва з екрана; 
4. Визначення аналогу/ [Електронний ресурс]: стаття / Режим доступу / : 
http://popel-studio.com/blog/article/analogi-i-antipody.html/ (дата звернення: 
09.05.2020). - Назва з екрана; 
5. Мова зі смартфона: топ додатків для вивчення української мови -Електронні 
дані [2013-2020] / Режим доступу / :  https://vesti.ua/poleznoe/310124-mova-so-
smartfona-top-prilozhenij-dlja-izuchenija-ukrainskoho-jazyka(дата звернення: 
16.05.2020). - Назва з екрана; 
6.  ТОП-30 мобільних додатків для вивчення англійської / [Електронний ресурс]: 
стаття -Електронні дані [2016-2020] / Режим доступу / 
:https://linguatrip.com/blog/apps-learn-english-android-ios/(дата звернення: 
19.05.2020). - Назва з екрана; 
72 
 
7. 5 основних кольорів в веб-дизайні дизайна / [Електронний ресурс]: стаття-
Електронні дані [2020]  / Режим доступу / https://say-hi.me/design/web-design/5-
osnovnyx-cvetov-v-veb-dizajne.html /(дата звернення: 18.05.2020). - Назва з екрана; 
8. Закон України «Про авторське право і суміжні права» №3793 – ХІІ від 23 
грудня 1993 року. 
9. Програма антиплагіат «TinEye» / [Електронний ресурс]: стаття- Електронні 
дані [2020]  / Режим доступу/ https://tineye.com /(дата звернення: 06.06.2020). - 
Назва з екрана; 
10. Марцинківська Т. Д., „Психологія сприйняття абстрактного мистецтва”, 
Журнал „Питання психології”. – 2008. - № 6,.- с. 83 -85; 
11. Миргородська Н. Еволюція форм проектно-художньої презентації 
костюма в ілюстрації моди: автореф. дис. на здобуття наук. ступ. канд. 
мистецтвознавства: 17.00.17 «дизайн» / Н. Миргородська; М-во освіти і науки 
України, Харк. держ. акад. дизайну і мистецтв. – Харків, 2014. – 20 с 
12. Міщенко М. М. Сучасне фотомистецтво України: соціальний досвід та 
нові художні рішення / Вісник НТУ «ХПІ». Харків, 2014. № 37(1080). С.28–31. 
13. Нариси з історії українського дизайну ХХ століття : Зб. статей / Ін-т 
проблем сучасного мистецтва НАМ України ; За заг. ред. М. І. Яковлєва ; Редкол. 
: В. Д. Сидоренко (голова), А. О. Пучков, О. В. Сіткарьова та ін. – К. : Фенікс, 
2012. 256 с. 
14. Олеся Драшкаба. Інтернет-журнал «Основи композиції», [Електронний 
ресурс]:  стаття / Режим доступу:  http://kompoza.livejournal.com/1506.html 
 
 
 
 
 
73 
 
 
ДОДАТКИ 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Додатки А  
 
 
Рис. А1. Перший аналог: «Уроки української мови»: «Зоопарк» 
74 
 
 
Рис. А2. Другий аналог: «Moва: ДНК нації» 
 
Рис. А3. Четвертий аналог «Буквограйка» 
 
 
 
75 
 
Рис. А4. П’ятий аналог Vocabulary Trainer 
 
 
Рис. А5. Шостий аналог Duolingo 
 
Рис. А6. Сьомий аналог Lingualeo 
76 
 
 
Рис. А7. Восьмий аналог Busuu 
 
 
 
 
 
 
Додатки Б 
 
Рис. Б1. Посібник «Welcome to Ukraine» 
77 
 
 
Рис. Б2. Посібник «Welcome to Ukraine» 
 
Рис. Б3. Посібник «Welcome to Ukraine» 
 
 
Рис. Б4. Мобільний додаток Lingualeo 
 
78 
 
 
Рис. Б5. Мобільний додаток Duolingo 
 
Рис. Б6. Мобільний додаток «Moва: ДНК нації» 
 
 
Додатки В 
 
79 
 
Рис. В1. Перевірка авторської графіки в онлайн антиплагіаті 
 
Рис. В2. Перевірка авторської графіки в онлайн антиплагіаті 
 
 
Рис. В3. Перевірка авторської графіки в онлайн антиплагіаті 
 
 
 
Рис. В4. Перевірка авторської графіки в онлайн антиплагіаті 
 
80 
 
 
Рис. В5. Перевірка авторської графіки в онлайн антиплагіаті 
 
 
 
Рис. В6. Перевірка пояснювальної записки в програмі Антиплагіат.