Розробка та дизайн веб-застосувань

Дисципліна спрямована на формування у студентів системних теоретичних знань і практичних компетентностей, необхідних для створення, впровадження та розвитку сучасних веб-застосувань, що відповідають актуальним користувацьким, бізнес-та технологічним вимогам. Навчальний курс забезпечує ґрунтовне розуміння принципів побудови веб-систем, їх архітектури, логіки роботи клієнтської та серверної частин, а також методів забезпечення ефективності, масштабованості, зручності, доступності та безпеки програмних рішень.
Метою дисципліни є ознайомлення здобувачів із технологічними підходами, інструментами та методологіями розроблення веб-застосунків, включно з етапами проєктування інтерфейсу, вибором архітектури, створенням інтерактивної логіки, інтеграцією даних і механізмами захисту інформації. Особлива увага приділяється стандартам індустрії, вимогам ринку праці, користувацькому досвіду (UX) та підготовці продукту до розгортання та подальшої підтримки.
У межах вивчення дисципліни студенти отримують знання щодо принципів UI/UX-дизайну, моделювання структури веб-застосувань, застосування сучасних мов програмування й технологій (HTML, CSS, JavaScript, популярні клієнтські та серверні фреймворки, інструменти роботи з даними та API), засвоюють підходи до оптимізації продуктивності, тестування та покращення продуктової якості.
Практичне значення дисципліни полягає у формуванні таких умінь і навичок:
    проєктування архітектури веб-застосунків та вибір оптимальних технологій для їх реалізації;
    створення адаптивних, доступних та зручних інтерфейсів користувача (UI/UX);
    розробка функціональності на стороні клієнта та сервера з використанням сучасних мов, фреймворків та бібліотек;
    інтеграція веб-застосунків із базами даних, API та зовнішніми сервісами;
    забезпечення безпеки веб-рішень та захисту даних користувачів;
    тестування, налагодження та оптимізація продуктивності веб-застосувань;
    підготовка та деплой веб-проєктів у реальному середовищі з подальшою підтримкою та оновленням.
Тематика та види навчальних занять

Для денної форми здобуття освіти

Лекційні заняття

Лекція 1 «Основні характеристики сучасних веб-застосунків».
Лекція 2 «Програмне забезпечення веб-мережі».
Лекція 3 «Програмні підходи розробки веб-застосувань»
Лекція 4 «Підходи до розробки веб-застосунків на основі шаблонів».
Лекція 5 «Підходи до розробки веб-застосунків на основі об’єктних середовищ».
Лекція 6 «Просування веб-ресурсу в мережі Інтернет».
Лекція 7 «Основні поняття та особливості мови PHP».
Лекція 8 «Типи даних в PHP».
Лекція 9 «Умовні оператори в РНР».
Лекція 10 «Цикли в РНР».
Лекція 11 «Обробка запитів за допомогою PHP».
Лекція 12 «Оператори передачі управління та включення в РНР. Функції користувача».
Лекція 13 «Робота з масивами даних».
Лекція 14 «Робота з рядками, регулярні вирази».
Лекція 15 «Робота з файловою системою. Побудова проєктів. Об'єктно-орієнтоване програмування в PHP».

Лабораторні роботи

Лабораторне заняття 1. «Постановка задачі проєктування веб-застосунку: розробка вимог до проєкту».
Мета: сформувати навички аналізу предметної області, визначення функціональних та нефункціональних вимог до веб-застосунку, створення структурованого технічного завдання та обґрунтування концепції майбутнього проєкту.
Лабораторне заняття 2. «Проектування бази даних майбутнього веб-застосунку».
Мета: навчитися розробляти логічну структуру бази даних, визначати сутності та їх взаємозв’язки, створювати ER-діаграми та формувати оптимальну модель збереження даних для веб-застосунку.
Лабораторне заняття 3. «Розробка інтерфейсу користувача веб-застосунку за допомогою HTML5 та CSS».
Мета: оволодіти практичними навичками створення базової структури веб-сторінок, верстки користувацького інтерфейсу, застосування принципів UI/UX-дизайну та стилізації елементів інтерфейсу з використанням HTML5 та CSS.
Лабораторне заняття 4. «Знайомство з мовою РНР та MVC фреймворком CodeIgniter».
Мета: засвоїти основи програмування мовою PHP, ознайомитися з концепцією MVC, структурою та базовим функціоналом фреймворку CodeIgniter, а також налаштувати середовище для подальшої розробки веб-застосунку.
Лабораторне заняття 5. «Проектування архітектури веб-застосунку з використанням CodeIgniter».
Мета: сформувати уміння проєктувати архітектуру веб-застосунку на основі MVC-підходу, створювати контролери, моделі та маршрути, а також організовувати файлову структуру та логіку взаємодії компонентів у CodeIgniter.
Лабораторне заняття 6. «Інтеграція створеного макету до веб-застосунку. Реалізація функціонального модуля веб-застосунку».
Мета: навчитися інтегрувати розроблений інтерфейс у фреймворк, реалізувати окремий функціональний модуль веб-застосунку, налаштувати роботу із серверною логікою, базою даних та обробкою користувацьких запитів.
Лабораторне заняття 7. «Удосконалення користувацького інтерфейсу веб-застосунку за допомогою JavaScript та технології AJAX. Аутентифікація та персоналізація користувачів веб-застосунку. Генерація персоніфікованих документів засобами PHP».
Мета: опанувати застосування JavaScript та AJAX для динамічного оновлення даних та покращення інтерфейсу, реалізувати механізми аутентифікації та персоналізації користувачів, а також навчитися генерувати персоналізовані документи мовою PHP.

Для заочної форми здобуття освіти

Лекційні заняття

Лекція 1. «Розробка веб-застосунків: концепції, технології та архітектури».
Лекція 2. «Мова PHP та серверна логіка веб-застосувань».

Лабораторні заняття

Лабораторне заняття 1. «Проєктування веб-застосунку та створення інтерфейсу користувача».
Мета: сформувати навички повного циклу початкового проєктування веб-застосунку: від аналізу предметної області та розробки функціональних вимог до моделювання бази даних та створення адаптивного інтерфейсу користувача за допомогою HTML5 і CSS.
Лабораторне заняття 2. «Розробка функціонального веб-застосунку на основі PHP та MVC-фреймворку».
Мета: набути практичних навичок серверної веб-розробки на PHP із використанням MVC-фреймворку, реалізувати функціональний модуль веб-застосунку, впровадити роботу з базою даних, інтерактивну взаємодію через JavaScript та AJAX, а також механізми аутентифікації та персоналізації користувачів.

Консультації здійснюються впродовж семестру згідно встановленого розкладу.
 Індивідуальна робота

Для денної форми здобуття освіти
Не перебачено.

Для заочної форми здобуття освіти
Контрольна робота 
Завдання для виконання контрольної роботи здобувач отримує на установчій лекції. Контрольна робота містить теоретичний блок — 4 питання (відповідь у розгорнутій формі) та практичний блок — 2 завдання (одне з проєктування, друге з програмування)
Лабораторне заняття 1. «Проєктування веб-застосунку та створення інтерфейсу користувача».
Лабораторне заняття 2. «Розробка функціонального веб-застосунку на основі PHP та MVC-фреймворку».
Термін надання виконаної контрольної роботи на перевірку – не пізніше, ніж за місяць до початку сесії.

 Форми контрольних заходів та оцінювання результатів навчання

Для денної форми здобуття освіти
Поточний контроль полягає у виконанні:
1) 7-и індивідуальних поточних завдань. Індивідуальні поточні завдання полягають в виконанні типових завдань відповідно до мети та завдань лабораторних занять. Бездоганне виконання індивідуальних поточних завдань 1-7 оцінюється максимум у 10 балів кожне;
2) двох модульних контрольних робіт. Модульні контрольні роботи складаються з теоретичної та практичної частин, проводяться у формі виконання індивідуальних завдань з розробки функціонального веб-застосування на основі мови РНР та MVC-фреймворку. Бездоганне виконання кожної модульної контрольної роботи становить 15 балів.
Підсумковий контроль – залік. Залік накопичувальний. Максимальна оцінка, яку може отримати студент – 100 балів. Мінімальна оцінка, яка дозволяє отримати «зараховано» – 60 балів. 
    
Для заочної форми здобуття освіти
Виконання та захист лабораторних робіт оцінюється у 30 балів.
Захист контрольної роботи. Бездоганне виконання контрольної роботи оцінюється у 40 балів. При її захисті студент може отримати до 30 балів.
Підсумковий контроль – залік. Залік накопичувальний. Максимальна оцінка, яку може отримати студент – 100 балів. Мінімальна оцінка, яка дозволяє отримати «зараховано» – 60 балів.