Веб-технології та веб-дизайн 2

Метою вивчення дисципліни «Веб-технології та веб-дизайн» є засвоєння методологічних та концептуальних теоретичних відомостей про веб-технології, формування у здобувачів вмінь та навичок веб-дизайну та розробки веб-сторінок, а також підготовка фахівців, які вміють застосовувати сучасні методики створення та технічної підтримки веб-сайтів для подальшої професійної діяльності.
Практичне значення та використання отриманих знань: На сьогоднішній день веб-технології створюють ефективну систему пошуку інформації, взаємодії суспільства, комерційної діяльності, виробничих процесів тощо. Постійне розширення впливу веб-технологій на всі сфери життя суспільства зумовлює необхідність вивчення веб-дизайну, інструментів веб-розробки та принципів роботи веб-сайтів майбутніми фахівцями з комп’ютерних наук. Знання, здобуті під час вивчення дисципліни, дозволяють здобувачам навчитися застосовувати сучасні можливості інформаційних технологій, інструменти та шляхи розробки користувацьких веб-інтерфейсів та дизайну веб-сайтів для розширення можливостей у подальшій професійній діяльності.
Тематика та види навчальних занять
Для денної форми здобуття освіти
Лекція 1. Робота з масивами та сортування масиву у JavaScript.
Лекція 2. Перевірка значень за допомогою регулярних виразів RegExp.
Лекція 3. Вивчення основних конструкцій мови XML.
Лекція 4. Принципи роботи з XML-документами. Коректність та валідність.
Лекція 5. Синтаксис PHP. Основні поняття PHP.
Лекція 6. Типи даних та ініціалізація змінних в PHP.
Лекція 7. Оператори PHP. Конкатенація рядків.
Лекція 8. Умовні оператори в PHP. Цикли. Багаторазове виконання блоків коду.
Лекція 9. Принципи роботи з рядками в PHP.
Лекція 10. Масиви в PHP. Багатомірні та асоціативні масиви.
Лекція 11. Модифікація об’єктів та наповнення бази даних з PHP-сценаріїв.
Лекція 12. Функції для роботи з файлами. Завантаження файлів на сервер.
Лекція 13. Робота з cookies. Сесії (сеанси) в PHP.
Лекція 14. Розміщення та відтворення на веб-сторінках мультимедійних даних.
Лекція 15. Інтерактивний користувацький інтерфейс. Технологія AJAX.
Лабораторні заняття
Лабораторне заняття №1. «Програмування форм. Масиви у JavaScript».
Мета заняття: Набуття навичок динамічного управління формами та застосування масивів для вирішення практичних задач.
Лабораторне заняття №2. «Перевірки регулярних виразів, їхнє модифікування та повернення модифікованих значень у форми».
Мета заняття: Оволодіти навичками роботи з регулярними виразами для перевірки та редагування даних в елементах форм.
Лабораторне заняття №3. «Створення та визначення структури документу XML».
Мета заняття: Вивчення основних конструкцій мови XML та правил оформлення XML-документів.
Лабораторне заняття №4. «Змінні, константи, оператори та коментарі в PHP. Цикли for та while у PHP».
Мета заняття: Закріпити навички роботи при використанні змінних, констант і операторів у РНР та навчитися працювати з конструкціями циклів у PHP.
Лабораторне заняття №5. «Масиви та списки в PHP».
Мета заняття: Навчитися працювати з масивами та списками в PHP. Опанувати вміння роботи з основними операціями над масивами.
Лабораторне заняття №6. «Використання PHP для роботи з базами даних».
Мета заняття: Отримати навички роботи з базами даних, виведенням даних з бази та обміну даними між сторінками.
Лабораторне заняття №7. «Робота з елементами мультимедіа».
Мета заняття: Формування базових вмінь роботи з мультимедійними даними для реалізації інтерактивного сайту.
Консультації проводяться згідно встановленого розкладу.
Для заочної форми здобуття освіти
Лекція 3. Створення динамічних веб-сторінок за допомогою PHP. Розширювана мова розмітки XML.
Лекція 4. Організація взаємодії PHP з базами даних. Розміщення та відтворення на веб-сторінках мультимедійних даних.
Лабораторні заняття
Лабораторне заняття №3. «Знайомство з конструкціями РНР для створення динамічних веб-сторінок. Створення та валідація документу XML».
Мета заняття: Навчитися використовувати основні можливості PHP та XML для реалізації передачі файлів на сервер.
Лабораторне заняття №4. «Використання PHP для роботи з базами даних та робота з елементами мультимедіа».
Мета заняття: Формування вмінь застосування PHP для доступу до баз даних та елементів мультимедіа у веб-дизайні.
Індивідуальна робота
Для денної форми здобуття освіти
Курсова робота
Курсова робота виконується у 5 семестрі з 1 по 14 тиждень згідно графіку навчального процесу. На її виконання відводиться 30 годин індивідуальної роботи здобувача. Оцінювання роботи здійснюється за 100-бальною системою.
Тематика курсової роботи: «Проєктування та розробка веб-сайту заданої предметної області».
Мета курсової роботи – набуття здобувачами практичного досвіду розробки сайту, створення його дизайну та наповнення. Робота повинна підтвердити оволодіння здобувачами теоретичних знань і практичних вмінь з дисципліни «Веб-технології та веб-дизайн», а також прищепити навички самостійної закінченої розробки користувацьких веб-інтерфейсів.
Здобувач отримує завдання на першому лабораторному занятті в 5 семестрі.
Пояснювальна записка містить 30-35 сторінок. Кількість розділів – 3.
Змістовна послідовність виконання роботи.
1. Вступ. Формування мети та задач роботи.
2. Аналіз предметної області.
3. Формування вимог до інформаційної системи.
4. Розробка концепції.
5. Логічне проєктування.
6. Фізичне проєктування.
7. Реалізація проєкту.
8. Випробування сайту в тестовому режимі.
Захист курсової роботи – протягом останнього навчального тижня п’ятого семестру.
Для заочної форми здобуття освіти
Контрольна робота для здобувачів заочної форми
Завдання для виконання контрольної роботи здобувач отримує на установчій лекції.
Робота містить 5 теоретичних питань та 2 практичних завдання.
Обсяг відповіді на кожне теоретичне питання: не менше, ніж 2 сторінки машинописного тексту. Текст відповіді повинен бути виконаний самостійно, а не скопійований з навчального посібника.
Практичне завдання №1. Напишіть код для веб-сторінки, що містить зображення map.jpg та foto.jpg. Фон веб-сторінки "#800080". Зображення map.jpg помістіть у біжучий рядок, що має обмеження висоти 300 пікселів. Зображення foto.jpg помістіть з нового рядка зліва від тексту з довільною інформацією. Відстань між зображенням foto.jpg і текстом становить 15 пікселів, ширина та висота зображення – 400 та 280 пікселів відповідно. Текст вспливаючої підказки при наведенні на зображення: "Це моє фото!". Колір тексту "#ffff00", шрифт "comic sans ms". Практичне завдання №2. Створіть проєкт веб-сторінки у програмному середовищі Figma. Задайте колір фону сторінки та кількох блоків із різною прозорістю. В одному з блоків розмістіть текстовий об’єкт та задайте стиль тексту. Представте налаштування системи шарів та визначте ефекти шарів для різних груп об’єктів.
Термін надання виконаної контрольної роботи на перевірку – не пізніше, ніж за місяць до початку сесії.
Курсова робота
Курсова робота виконується у 6 семестрі навчання здобувачів заочної форми. На її виконання відводиться 30 годин індивідуальної роботи здобувача. Оцінювання роботи здійснюється за 100-бальною системою.
Тематика курсової роботи: «Проєктування та розробка веб-сайту заданої предметної області».
Мета курсової роботи – набуття здобувачами практичного досвіду розробки сайту, створення його дизайну та наповнення. Робота повинна підтвердити оволодіння здобувачами теоретичних знань і практичних вмінь з дисципліни «Веб-технології та веб-дизайн», а також прищепити навички самостійної закінченої розробки користувацьких веб-інтерфейсів.
Здобувач отримує завдання на першому лабораторному занятті в 6 семестрі.
Пояснювальна записка містить 30-35 сторінок. Кількість розділів – 3.
Змістовна послідовність виконання роботи.
1. Вступ. Формування мети та задач роботи.
2. Аналіз предметної області.
3. Формування вимог до інформаційної системи.
4. Розробка концепції.
5. Логічне проєктування.
6. Фізичне проєктування.
7. Реалізація проєкту.
8. Випробування сайту в тестовому режимі.
Захист курсової роботи – протягом останнього навчального тижня семестру.
Форми контрольних заходів та оцінювання результатів навчання
Для денної форми здобуття освіти
Поточний контроль полягає у виконанні:
1) курсової роботи. Бездоганне виконання оцінюється у 60 балів. Захист роботи – 40 балів.
2) 2-х модульних контрольних робіт. Модульні контрольні роботи складаються з теоретичної і практичної частин та проводяться у письмовій формі. Бездоганне виконання кожної модульної контрольної роботи становить 38 балів.
3) виконання та захист лабораторних робіт. Кожна лабораторна робота оцінюється по 3 або 4 бали. Максимально здобувач може набрати до 12 балів кожного семестрового модулю за виконання та захист лабораторних робіт.
Підсумковий контроль – екзамен. Екзамен усний. Максимальна оцінка, яку може отримати здобувач – 100 балів.
Підсумковий контроль знань проводиться для здобувачів вищої освіти, що не змогли з будь-яких причин набрати необхідну кількість балів, або для здобувачів вищої освіти, що бажають збільшити вже набрану кількість балів. Підсумковий контроль знань здійснюється у вигляді усної бесіди з викладачем (комісією викладачів) по тематиці навчальної дисципліни.
Для заочної форми здобуття освіти
Захист курсової роботи. Бездоганне виконання курсової роботи оцінюється у 60 балів. При її захисті здобувач може отримати до 40 балів.
Захист контрольної роботи. Бездоганне виконання контрольної роботи оцінюється у 50 балів. При її захисті здобувач може отримати до 30 балів.
Виконання та захист лабораторних робіт. Кожна лабораторна робота оцінюється по 10 балів. Максимально здобувач може набрати до 20 балів за виконання та захист лабораторних робіт.
Підсумковий контроль – екзамен. Екзамен усний. Максимальна оцінка, яку може отримати здобувач – 100 балів.
Підсумковий контроль знань проводиться для здобувачів вищої освіти, що не змогли з будь-яких причин набрати необхідну кількість балів, або для здобувачів вищої освіти, що бажають збільшити вже набрану кількість балів. Підсумковий контроль знань здійснюється у вигляді усної бесіди з викладачем (комісією викладачів) по тематиці навчальної дисципліни.