Відбулася відкрита лекція доцента Володимира НАЗАРЕНКА на тему: "Дизайн інтерактивних веб-сайтів та систем"
27 жовтня 2025 року відповідно до затвердженого деканом факультету інформаційних технологій, професором Ігорем БОЛБОТОМ графіка проведення відкритих лекцій на 1 семестр 2025/2026 навчального року на кафедрі комп’ютерних систем, мереж та кібербезпеки відбулася лекція доцента Володимира НАЗАРЕНКА на тему: "Дизайн інтерактивних веб-сайтів та систем" з дисципліни «Інтерактивна комп’ютерна графіка».
Лекція була прочитана для студентів 4 курсу ОС «Бакалавр» факультету ІТ денної форми, які навчаються за спеціальностями «Комп’ютерна інженерія», «Комп’ютерні науки» та «Інженерія програмного забезпечення».
Окрім студентів, до відкритої лекції активно долучилися викладачі кафедри комп’ютерних систем, мереж та кібербезпеки. Були присутні завідувач кафедри Дмитро КАСАТКІН, професори Олена КРИВОРУЧКО, Вадим ШКАРУПИЛО, доценти Борис ГУСЄВ, Євген НІКІТЕНКО, Максим МІСЮРА, старший викладач Володимир МАТІЄВСЬКИЙ, аспірант Богдан ОСТРОУШКО, керівник навчально-методичного відділу КЛІХ Л.В. та інші.
На початку лекції Володимир Анатолійович ознайомив студентів з відповідною термінологією, а саме: World Wide Web – це інформаційний простір, де документи та інші вебресурси ідентифіковані уніфікованого покажчика ресурсів, пов'язаних між собою за гіперпосиланнями. Інтернет - мережа, яка з’єднує ваш комп’ютер з іншими комп’ютерами по всьому світу, він є способом передачі контенту. Семантика - це бачення розширення існуючої Всесвітньої павутини, яка надає програмним забезпеченням метадані опублікованої інформації та даних, які можна інтерпретувати машиною. А розширені результати пошуку стосуються широкого спектру функцій, які з’являються в пошуковій системі Google, окрім звичайного пошукового фрагмента заголовка, URL-адреси та опису. А соціальна мережа - визначається тим, як веб-сайти, програмне забезпечення та інші інструменти розроблені для соціальної взаємодії, куди входять такі дії, як покупки в Інтернеті, дослідження, обмін ідеями та інформацією, навчання, ігри, побачення та інші види людського досвіду.
Лектор детально зупинився на компонентах веб та їх призначенні: пристрої виведення\введення; браузери; текстові редактори; сервери і БД; залізо і мережеве обладнання. А також розповів про необхідні інструменти: Canva / Pinterest / Notion для збереження скріншотів або Miro.
Розповів студентам про типові робочі процеси/пайплайни, про просту веб-сторінку та кроки виконання, від: ідея → ескізу → каркасу; написання контенту (HTML); додавання базового стилю (CSS); далі - тестова верстка на десктопі/мобільному пристрої; а на завершення - публікація через GitHub Pages або Netlify. Інструментами для цього слугують: HTML5, CSS3, VS Code або Tilda (no-code).
Назаренко В.А. наголосив, прототип веб-сайту використовується для визначення основних функцій і навігації нового дизайну веб-сайту. Це дає уявлення про функціональність сайту перед розглядом елементів візуального дизайну, таких як вміст і колірні схеми. Прототип фокусуються на наступному: набір доступних функцій; відносні пріоритети інформації та функцій; правила відображення окремих видів інформації; впливі різних сценаріїв на дисплей тощо.
Далі на лекції ішлося про Мапу думок або Mind Map та асоціативну карту, це - діаграма на якій відображають слова, ідеї, завдання, або інші елементи, розташовані радіально навколо основного слова або ідеї. Кроками для їх створення, як зазначив лектор студентам, є: почніть з основної концепції, спочатку визначте основну мету вашої ментальної карти та запишіть її, додайте гілки до основної концепції, підберіть сервіс та шаблон. А надалі створіть швидкий прототип, додайте зображення та кольори та створіть MindMap.
Також на лекції йшлося про типові робочі процеси/пайплайни веб-додатоків Pipeline:User flow → Wireframe→ прототип; фронтенд (React, Vue або Figma + Webflow; бекенд (Node.js / Firebase / Supabase). Підключення через REST API. Deployment + тестування. Інструментами є: React + Firebase, Webflow CMS, Framer або Bubble (без коду).
Відкрита лекція доцента Назаренка В.А. тему: "Дизайн інтерактивних веб-сайтів та систем" виклика інтерес, як у студентів спеціальностей «Комп’ютерна інженерія», «Комп’ютерні науки» та «Інженерія програмного забезпечення», так і викладачів нашої кафедри факультету ІТ.