Воронкін О.С.
Навчальна програма з інформатики для учнів 10–11 класів закладів загальної середньої освіти складається з базового модуля та вибіркових (варіативних) модулів. Вибіркові модулі викладач може добирати відповідно до регіональних особливостей, матеріально-технічної бази закладу, індивідуальних інтересів і здібностей учнів або наявного програмного забезпечення. Одним з пропонованих модулів є «Графічний дизайн».
Модуль «Графічний дизайн» охоплює наступні теми: графічний дизайн як засіб візуальної комунікації; растрова графіка; основи композиції та дизайну; векторна графіка; графічний дизайн у поліграфії, та передбачає виконання ряду практичних завдань, як-от:
- створення графічних елементів для веб-сторінок (градієнтний фон, кнопки, маркери тощо);
- графічне оформлення учнівського портфоліо або резюме;
- створення фото колажу;
- ретуш та художня обробка зображень;
- гама-корекція, тонова корекція зображень;
- створення анімації із комплекту малюнків;
- розробка фірмового стилю та створення логотипів;
- створення листівки, плаката, постера;
- оформлення та макетування журналу, його верстка.
У зв’язку із запровадженням всеукраїнського карантину через епідеміологічну ситуацію, пов’язану з поширенням коронавірусної хвороби СОVID-19, освітній процес у закладах освіти реалізується віддалено з використанням інформаційно-комунікаційних технологій. Разом з тим практика показала, що значна кількість здобувачів освіти не мають у своєму розпорядженні домашнього ПК (ноутбука) або ліцензійного програмного забезпечення. Вони користуються переважно мобільними пристроями – смартфонами й планшетами. Виходячи з цього, педагоги почали шукати шляхи вирішення цієї проблеми та переадаптовувати як теоретичний матеріал, так і практичні завдання на період дистанційного навчання. Розглянемо приклади використання безкоштовних хмарних сервісів, інструментів і мобільних додатків у навчанні вибіркового модуля «Графічний дизайн» як один з можливих варіантів такої адаптації.
Canva – інструмент, призначений для графічного дизайну, що дозволяє оперувати вбудованою бібліотекою шаблонів, ілюстрацій, фонів і фірмових шрифтів. Увійти на Canva можна, використовуючи свій акаунт Google або Facebook. Інтерфейс підтримує українську мову. Інструмент працює за принципом drag-and-drop – «перетягуй елементи та варіюй змінними». Це дозволяє змінювати розташування елементів, додавати текст, ілюстрації, фотографії, добирати колірну гаму. Використання Canva є безкоштовним, однак окремі шаблони та макети доступні лише після оплати. Також можна почати роботу з чистого аркуша, створюючи власний дизайн.
Впровадження Canva дозволяє розширити перелік практичних завдань з інформатики. Мова йде про розробку дизайну плакатів, листівок, флаєрів, брошур, візитних карток, книжкових обкладинок, оголошень, сертифікатів, календарів, табелів успішності, планів занять, інфографіки, портфоліо, публікацій для соціальних мереж тощо. Виконані роботи можна завантажити у форматах jpg, png, gif, pdf, mp4 або поширити посилання для подальшого перегляду або редагування роботи у хмарі. Як приклад на рис. 1 наведено розклад занять, графічно оформлений у Canva.
Рис. 1. Приклад графічного оформлення розкладу занять у Canva
Canva має веб-версію (https://www.canva.com), а також мобільні додатки для iOS та Android. У 2018 році додаток Canva було номіновано на премію Google «Вибір користувачів Google Play 2018».
У створенні логотипів добре себе зарекомендував додаток для Android та iOS Logopit Plus (розробник Logo Maker & Graphic Design Creator). За його допомогою учень може розробити фірмовий логотип. Додаток охоплює значну кількість безкоштовних шаблонів, ефектів, фільтрів, різних режимів і елементів (текстури, колірні градієнти, глибина, шрифти тощо), дозволяє працювати з дизайном іконок, обкладинок, зображень для соціальних мереж (рис. 2). Мінусом безкоштовної версії додатка є періодично спливаюча реклама.
Рис. 2. Робота у додатку Logopit Plus: а – налаштування градієнту фону логотипу; б – налаштування режимів орієнтації логотипу; в – вибір розмітки для постерів, іконок, обкладинок, зображень для соціальних мереж
У завданнях на редагування світлин і створення колажів доцільно використовувати безкоштовний додаток для мобільних пристроїв з операційною системою Android, iOS або Windows Adobe Photoshop Express. Його основними функціями є: корекція перспективи, видалення шуму та дефектів, підвищення різкості, радіальне і повне розмиття, віньєтка, застосування фільтрів, ефектів, стікерів, тексту, віддзеркалення зображення, корекція контрастності, експозиції, балансу білого, поширення результатів роботи у соціальних мережах (рис. 3).
Рис. 3. Фрагменти вікон Adobe Photoshop Express: а – корекція зображення, б – оформлення колажу з чотирьох фотографій
Оскільки цей додаток не можна розглядати як повноцінну заміну Adobe Photoshop для всіх лабораторно-практичних робіт, пропонуємо окремо зосередити увагу на безкоштовному веб-редакторі Photoshop Online (https://online-photoshop.org/edit). Він працює з файлами форматів psd, xcf, scetch, jpg, png, gif, svg, tiff, dng та ін. Інтерфейс підтримує українську мову.
Редактор дозволяє працювати з шарами, має безліч варіантів редагування зображення, як-от: зміна розміру зображення, додавання фотоефектів, написання тексту, усунення дефектів шкіри, зморшок і «червоних очей» тощо (рис. 4).
Рис. 4. Фрагменти вікна веб-редактора Photoshop Online під час деформації тексту
Уміння поєднувати шрифти і композицію, кольори та їх відтінки знаходить застосування у веб-дизайні. Зазвичай в очному навчанні учні на занятті з HTML використовують текстовий редактор, після написання тегів файл зберігається з розширенням htm чи html та переглядається за допомогою веб-переглядача. За відсутності персонального комп’ютера зручним варіантом є застосування відповідного мобільного додатку.
Для ОС Android таким додатком є TrebEdit (розробник Joel Etetafia) – це одночасно HTML-редактор, переглядач HTML (рис. 5,a), консоль JavaScript, а також засіб для отримання вихідних кодів будь-якого сайту. Він містить посилання на англомовні тьюторіали з HTML, CSS, JavaScript, SQL, PHP, Python, Java, jQuery. Додаток дозволяє в інтуїтивно зрозумілому середовищі розробляти, зберігати, експортувати веб-сторінки та поширювати їх іншими каналами. Підтримується експорт у Google-клас.
У веб-дизайні корисними додатками також є ті, що допомагають визначати шістнадцятковий код при обранні колірного відтінку. Як приклад слід навести Color Hex Code (розробник HbApps, рис. 6,б) і Color Picker (розробник Mikhail Gribanov).
Рис. 5. Режим веб-переглядача у додатку TrebEdit (а) та визначення коду колірного відтінку у додатку Color Hex Code (б)
При розробці викладачами практичних і самостійних завдань важливе місце посідає скринкастинг. Є різні інструменти, призначені для відеозапису з дисплея мобільного пристрою, наприклад XRecorder (розробник InShot Inc.), REC HD Screen Recorder (розробник Safe Partner, Inc.) Після запуску подібних додатків, як правило, користувач налаштовує бітрейт, частоту кадрів, роздільну здатність, дозволяє (або забороняє) аудіозапис з мікрофону. Отримане в результаті запису відео можна відредагувати – змінити швидкість відеоролика, додати текст, фонову музику, інші відеозаписи, кадрувати, обрізати. Це можна робити за допомогою відповідного інструменту редагування, вбудованого в додаток зі скринкастингу, або встановити мобільний відеоредактор, який відкриє такі додаткові можливості, як зміна насиченості, контрасту, колірного балансу відео, застосування фільтрів, фонів, створення відео презентацій з фотознімків. Як приклад такого відеоредактора можемо навести InShot (розробник InShot Inc.).
Розглянуті нами приклади дозволяють за допомогою мобільних пристроїв реалізувати окремі практичні роботи під час віддаленого навчання. У подальшому розвиток технологій мобільного навчання потребуватиме вдосконалення змісту освіти, насамперед систематизації та переробки усталеної системи завдань і вправ з інформатики.
Cписок використаних джерел
- Guidance on Open Educational Practices during School Closures: Utilizing OER under COVID-19 Pandemic in line with UNESCO OER Recommendation [Електронний ресурс] / R. Huang, D. Liu, A. Tlili, S. Knyazeva, T. W. Chang, X. Zhang, D. Burgos, M. Jemni, M. Zhang, R. Zhuang, C. Holotescu. – Beijing : Smart Learning Institute of Beijing Normal University, 2020. – 80 p. – Режим доступу : https://iite.unesco.org/wp-content/uploads/2020/05/Guidance-on-Open-Educational-Practices-during-School-Closures-English-Version-V1_0.pdf
- Canva в премии Google «Выбор пользователей Google Play 2018» [Електронний ресурс]. – Режим доступу : https://apps4.life/prilozhenie-canva-v-premii-google-vybor-polzovatelej-google-play-2018
- Canva: дизайн картинок, анимации, видео в соцсети [Електронний ресурс]. – Режим доступу : https://play.google.com/store/apps/details?id=com.canva.editor
- Logo Maker Plus – Графический дизайн и логотипов [Електронний ресурс]. – Режим доступу : https://play.google.com/store/apps/details?id=com.logopit.logoplus&hl
- Adobe Photoshop Express [Електронний ресурс]. – Режим доступу : https://play.google.com/store/apps/details?id=com.adobe.psmobile
- TrebEdit - Мобильный редактор HTML [Електронний ресурс]. – Режим доступу : https://play.google.com/store/apps/details?id=com.teejay.trebedit