МІНІСТЕРСТВО ОСВІТИ І НАУКИУКРАЇНИ

ДЕРЖАВНИЙ ВИЩИЙ НАВЧАЛЬНИЙ ЗАКЛАД

«КИЇВСЬКИЙ НАЦІОНАЛЬНИЙ ЕКОНОМІЧНИЙ УНІВЕРСИТЕТ

імені ВАДИМА ГЕТЬМАНА»

Факультет інформаційних систем і технологій

Кафедра інформаційного менеджменту

 

ЗАТВЕРДЖУЮ:

Проректор з науково-

педагогічної роботи ____________ А.М. Колот

 

«___» ___________ 20__ р.

 

 

 

МЕТОДИЧНІ МАТЕРІАЛИ

щодо змісту та організації самостійної роботи студентів, поточного і підсумкового контролю їх знань

з науки (дисципліни)

“ Web-технології”

освітній ступінь бакалавр

галузь знань 0403 «Системні науки та кібернетика»

спеціальність 6303 «Системний аналіз»

 

 

ПОГОДЖЕНО:

Завідувач кафедри _______________________ Галіцін В.К.

 

 

Начальник навчально-

методичного відділу ______________Т.В. Гуть

 

 

Київ 2016

 

1.ВСТУП

Процеси впровадження нових інформаційних технологій впливають на всі сфери діяльності окремого підприємства та економіки в цілому. Формується новий економічний простір —Інтернет-ринок, як система нових економічних відносин. Інтернет-технології стають ефективним інструментом бізнесу. Розробка систем електроної комерції потребує глибоких знань Web-технологій, і зокрема методів проектування програмного забезпечення при розробці Web-додатків.

Метою вивчення науки є формування у студентів теоретичних знань та практичних навичок створення Web–сайтів, з програмування в Web, проектування та розробки систем електронної комерції.

Перелік компетенцій, яких набуде студент після опанування даної науки. Після опанування дисципліни студенти повинні бути здатні:

-         розробляти проекти Web-сайтів, використовуючи динамічну генерацію вмісту, списки та таблиці стилів;

-         проектувати та розробляти складні Web-системи та системи електроної комерції для підприємств, що працюють на Інтернет-ринку;

-         створювати Web-додаткі за допомогою мови програмування PHP;

-         розробляти клієнтські та серверні сценарії в Web;

-          використовувати Web-технології як ефективний інструмент інформаційного менеджменту.

Місце науки в учбовому плані. Вивчення  науки базується на  знаннях курсів "Програмування та алгоритмічні мови", “Математична логіка і теорія алгоритмів", «Операційні системи». Знання, здобуті під час вивчення дисципліни використовуються в курсах  «Об’єктно-орієнтоване програмування", а також «Інформаційна безпека».

Відповідно до навчального плану підготовки бакалаврів дисципліна “Веб-технології”  є обов’язковою наукою і вивчається протягом 4-го семестру. Загальний обсяг - 120 год, з них 16 год. - лекції, 32 год – практичні, семінарські, лабораторні заняття, 12 год. передбачено на індивідуальну роботу зі студентами, 56 годин - на самостійну роботу.

 

 

 

2.ТЕМАТИЧНИЙ ПЛАН НАУКИ (ДИСЦИПЛІНИ).

 

 

№ п/п	Назва теми	Кількість годин
		Денна форма  навчання				Заочнаформа навчання
		Навчальні заняття			С Р С	Навчальні заняття		С Р     С
		Лекції	С (П, Л)	I K Р		Контактні	I K Р
1.	Технології та інструменти Web-дизайну. Основи створення Web–документів. Web – сервери.	1	2(2,-)	-	5	2(2,-)	-	5
2.	Стильове оформлення Web–документів.. Гіпертекстові посилання.HTML5. Форми.	1	4(2,2)	-	5	4(2,2)	-	5
3.	Використання CSS.Дизайн Web-сайту. CSS3. Тестування та публікація Web-сторінки	2	4(2,2)	-	5	4(2,2)	-	5
4.	Програмування Web-сторінок. Технології розробки серверних та клієнтських сценаріїв.	2	4(2,2)	-	5	4(2,2)	-	5
5.	Мова JavaScript. Об’єктна модель документу. Ієрархія об’єктів. Вставка сценаріїв до HTML-документів. JQuery.	2	4(2,2)	2	5	4(2,2)	2	5
6.	Мова програмування PHP.	2	4(2,2)	2	5	4(2,2)	2	5
7.	Елементи мови PHP	2	4(2,2)	2	5	4(2,2)	2	5
8.	Робота с базами даних в Web. СУБД MySQL.	2	2(-,2)	2	5	2(-,2)	2	5
9.	Технологія AJAX. Побудова інтерактивних користувацьких інтерфейсів Web-додатків	2	2(2,2)	2	5	2(2,2)	2	5
10.	Технології проектування складних Web-систем	-	-	2	11	-	2	11
ВСЬОГО		16	32(16,16)	12	56	32 (16,16)	12	56

3. ЗМІСТ НАУКИ (ДИСЦИПЛІНИ) ЗА ТЕМАМИ.

.                

Тема 1. Технології та інструменти Web-дизайну. Основи створення Web - документів.

Призначення Web - дизайну. Мета та завдання створення Web - сайта. Проектування та етапи створення Web - сайта. Визначення структури Web - сайта. Компоновка Web - сайта: лінійна, ієрархічна, комбінована. Інформаційне наповнення та  система навігації сайта. Технології створення Web - сайта. Методи рекламної компанії, спрямованої на просування Web - сайта в Internet. Ефективність Web - сайта. World Wide Web та принципи його роботи. Класифікація Web -сайтів. Визначення Web-сервера. Apache. Microsoft IIS. Комплекс технічних засобів для  Web-сервера. Гіпертекстові посилання. НТМL, DНТМL та їх стандарти. Web-броузери. Сучасні інструментальні засоби створення Web-документів. НТМL-редактори та візуальні редактори. Структура НТМL - документа. Основні теги. <НТМL>, <НЕАD>, <ВОDY>, <ТIТLE>. Створення заголовків. Використання стилів форматування для виділення тексту

Тема 2. Стильове оформлення Web–документів.. Гіпертекстові посилання. HTML5. Форми.

Використання стилів форматування для виділення тексту. Теги логічного та фізичного форматування тексту. Шрифти різного накреслення. Відображення спеціальних символів. Поняття універсального локатора ресурсів (URL). Запис URL - адреси. URL - адреси служб HTTP, FTP, Telnet, локальних файлів. Адреси груп новин та електронної пошти. Поняття гіперпосислання. Теги гіперпосилання.

Векторна графіка.  Растрова графіка. 3D графіка.  Збереження готових зображень для Інтернет. Створення фонових малюнків  Створення ескізу web-сайту (принципи  дизайну). Огляд технологій Flash. Їх можливості. Слоі та кадри.  Прості форми. Складні форми. Тег <INPUT>. Використання   форм-бланків.   . Теги <SELECT>, <OPTION>, <ТЕХТАRЕА>. Технологія Common Gateway Іnterface (CGI). Текстові поля. Меню. Кнопки-перемекачі. Списки з прокруткою. Селекторні кнопки

Тема 3 . Використання CSS.Дизайн Web-сайту. CSS3. Тестування та публікація Web-сторінки

Каскадні таблиці стилів CSS. Селектори. Підключення таблиці CSS до Web-документу. Оформлення сторінки в єдиному стилі. CSS3. Грамотний Web-дизайн. Дизайн інтерфейса. Ергономічне розташування керуючих елементів. Удосконалювання НТМL-кода.. Тестування сторінки. Публікація та маркетинг. Реклама Web-сторінки.

 

Тема 4. Програмування Web-сторінок. Технології розробки серверних та клієнтських сценаріїв.

Програмні технології в Web. Програмування на сервері. Єдиний шлюзовий інтерфейс (CGI). Передача даних до CGI-програм. Створення CGI-програм. NSAPI/ISAPI. Умовні HTML-конструкції. Серверні сценарії. CGI-сценарії. Мова програмування Perl. Кодування та пересилка даних форми. Обробка даних форми. Пошук та заміна тексту. Регулярні вирази. Бібліотеки та модулі в Perl. Активні серверні сторінки (ASP). Визначення сценарія. JavaScript. VBScript.

Тема 5. Мова JavaScript. Об’єктна модель документу. Ієрархія об’єктів. Вставка сценаріїв до HTML-документів.

Вставка сценаріїв до HTML-документів. Зовнішні сценарії. Обробники подій. Модель подій. Динамічний HTML. Об’єктна модель документу. Ієрархія об’єктів. Взаємодія сценаріїв із списками стилів. Java-аплети. Елементи ActiveX. Бібліотека JQuery. Селектори JQuery.

Тема 6. Мова програмування PHP.

Мова програмування PHP (задачі, методи використання). Можливости PHP. Конфігурація PHP. Інтеграція з Apache. Віртуальні хости. Безпека. Сінтаксіс мови. Основні оператори. Цикли. Інтеграція PHP и HTML. Підтримка file upload. Підтримка HTTP cookie. Обробка помилок.  PHP source viewer.

Тема 7. Елементи мови PHP

Константи. Розподіл інструкцій. Типи змінних. Ініціалізація змінних. Маніпуляції з масивами. Вирази IF, ELSE, DO…WHILE, SWITCH, INCLUDE, REQUIRE, FUNCTION, CLASS. Функції. Функції для роботи з базами даних. Маніпулюванння строками. Регулярні вирази. Робота з файлами. Передача та обробка параметрів з HTML-форм.

 

Тема 8. Робота с базами даних в Web.

СУБД MySQL (призначення, методи використання). Мова запитів SQL . Реалізація мови SQL в СУБД MySQL. Оператори пакета MySQL. Доступ до MySQL з PHP. Типи даних. Надання доступу до баз даних. Функції для роботи з MySQL. Работа з паролями. Альтернативні користувацькі логіни. Зміна довжини ключа та порядку сортировки. Утіліти  для роботи з MySQL.

Тема 9. Технологія AJAX. Побудова інтерактивних користувацьких інтерфейсів Web-додатків.

Принципи асинхронної взаємодії між Web-клієнтом і Web-сервером в рамках технології AJAX. Формат передачі даних JSON. Об'єкт Xmlhttprequest. Розробка мобільних Web-додатків. Протокол WAP.

 

Тема 10. Технології проектування складних Web-cистем

Cкладні Web-системи. Побудова системи управління товарами. Контроль обсягу продаж. Побудова системи управління профайлом. Регистраційна система. Система зміни профайла. Побудова системи управління заказами. Індивідуальний кошик заказу. Автоматизація систем оплати. Верифікація кредитних карток. Побудова системи управління доставкою. Система створення аналітичних звітів.   Сервісні програми.

 

 

 

 

 

 

 

4. ПЛАНИ ЗАНЯТЬ:

4.1. Плани семінарських (практичних, лабораторних) занять для студентів денної форми навчання.

 

Практичні та лабораторні заняття по науці проводяться за наступними темами:

Заняття 1. Сучасні інструментальні засоби створення Web-документів.

Завдання. Сформулювати вміння:

- класифікувати НТМL-редактори та візуальні редактори;

- створювати Web-публікації;

- використовувати теги  мови HTML.

 

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати аналіз запропонованих викладачем задач.

3. У формі розгорнутої бесіди обговорити можливі напрями розв’язання типових веб-сторінок.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових завдань.

 Заняття 2. Стильове оформлення Web–документів.. Гіпертекстові посилання. HTML5. Форми.

Завдання. Сформулювати вміння:

- створювати організація посилань на ресурси різних типів;

- використовувати зображення в HTML-документу;

- розробляти форми на Веб-сторінках.

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати запропоновані викладачем задачі.

3. У формі розгорнутої бесіди обговорити можливі напрями розв’язання типових завдань.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових завдань.

 

Заняття 3. Використання CSS.Дизайн Web-сайту. Тестування та публікація Web-сторінки

Завдання. Сформулювати вміння:

- Оформлювати Веб-сторінки в єдиному стилі.

- підключати таблиці CSS до Web-документів

- розробляти дизайн інтерфейсу Веб-сторінки

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати аналіз запропонованих викладачем задач.

3. У формі розгорнутої бесіди обговорити можливі напрями розв’язання типових виробничих завдань.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових виробничих ситуацій.

Заняття 4. Мова JavaScript. Об’єктна модель документу. Ієрархія об’єктів. Вставка сценаріїв до HTML-документів

Завдання: Поглибити і закріпити знання:

- сутності динамічного HTML та об’єктної моделі документу.

- мети використання мови JavaScript в Веб-дизайні

- особливостей застосування засобів сценаріїв до HTML-документів

План заняття

1. Виконати формування задачі у вигляді проблемного завдання індивідуально для кожного студента.

2. Провести обговорення ключових напрямів розв’язання проблемних завдань.

Інформаційне забезпечення

1. Перелік питань для обговорення на семінарі.

2. Варіанти проблемних завдань для індивідуального виконання кожним студентом.

Заняття 5. Мова програмування PHP.

Завдання. Сформулювати вміння:

- Інсталювати та конфігурувати PHP

- використовувати основні оператори та функції PHP

- розробляти програми по обробці даних форм

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати аналіз запропонованих викладачем задач.

3. У формі дискусії з елементами аналізу обговорити можливі напрями розв’язання типових виробничих завдань.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових завдань.

 

Заняття 6. Використання елементів мови PHP.

Завдання. Сформулювати вміння:

- застосовувати масиви про розробці програм на PHP.

- використовувати регулярні вирази при розробці програм

- запроваджувати елементи ООП при розробці скриптів

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати аналіз запропонованих викладачем задач.

3. У формі дискусії обговорити можливі напрями розв’язання типових виробничих завдань.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових виробничих ситуацій.

Заняття 7. Створення бази даних для Web.

Завдання: Поглибити і закріпити знання:

- сутності роботи з базами даних в Веб.

- мети використання баз даних при розробці веб-додатків.

- особливостей застосування  СУБД MySQL

План заняття

1. Виконати формування задачі у вигляді проблемного завдання індивідуально для кожного студента.

2. Провести обговорення ключових напрямів розв’язання проблемних завдань.

Інформаційне забезпечення

1. Перелік питань для обговорення на семінарі.

2. Варіанти проблемних завдань для індивідуального виконання кожним студентом.

 

Заняття 8. Доступ до баз даних MySQL з Web за допомогою PHP.

Завдання: Поглибити і закріпити знання:

- сутності запитів до БД

- використання SQL для роботи з БД

- особливостей застосування функцій PHP-MySQL

План заняття

1. Виконати формування задачі у вигляді проблемного завдання індивідуально для кожного студента.

2. Провести обговорення ключових напрямів розв’язання проблемних завдань.

Інформаційне забезпечення

1. Перелік питань для обговорення на семінарі.

2. Варіанти проблемних завдань для індивідуального виконання кожним студентом.

 

Плани лабораторних занять

Лабораторна робота № 1

Обмін інформацією між WEB-сервером і клієнтом

 

Завдання: Вивчити наступні прийоми:

1. Вивчити конструкції HTML для організації обміну між сервером і клієнтом
2. Розібратися з методами передачі даних GET і POST
3. Вивчити можливості PHP для отримання інформації від користувача

План заняття

-       Розробити HTML-файл з формою для можливості отримання від користувача даних

-       Розробити PHP-скрипт, що аналізує отримані з форми дані і генерує у відповідь Web-сторінку з цими даними у вигляді таблиці:

-       Використовувати по черзі в п.1 методи GET і POST. Подивитися в чому відмінності. Розібрати формат передачі параметрів в методі GET.

Інформаційне забезпечення

Персональний комп'ютер, підключений до мережі Інтернет.

 

Лабораторна робота №2.

 Використання субд mysql  у підготовці динамічних web-документів

Мета роботи: Отримати уявлення про особливості використання MySQL  під час розробки та використання WEB-документів

План заняття

1) Ознайомитись з сукупністю функцій, що призначені для використання MySQL в якості засобу збереження інформації необхідної для побудови динамічних WEB-документів, а також функцій по роботі з масивами.

2) За допомогою штатних інструментів MySQL (phpMyAdmin) створіть базу даних, що містить інформацію необхідну для функціонування електронного магазину.

3) Створити WEB-документ, використання якого дозволить організувати створення нового запису у базі даних.

4) Створити WEB-документ, що дозволить за вимогою користувача (наприклад за ідентифікатором товару) отримати інформацію з запису бази даних.

Інформаційне забезпечення

Програми тестування ПК, персональний комп'ютер, підключений до мережі Інтернет.

 

Лабораторна робота №3. 

Доступ до баз даних MySQL з Web за допомогою PHP.

Мета роботи: Отримати навички використання СУБД MySQL під час розробки WEB-додатків

План заняття

1. Встановіть Web-сервер Apache + PHP + MySQL
2. Використайте БД з  полями, відповідно до елементів форми з лабораторної роботи №2
3. Використайте форму з лабораторної роботи №2 для пошуку записів в цій базі даних (в пошуку повинні бути присутніми всі поля). Створіть скрипт обробки цього запиту.
4. Пошук повинен проводитися за будь-якими полями.
5. Зробіть вивід знайдених даних на Веб-сторінку в браузері

Вибір конфігурації  ПК  (4 години)

Інформаційне забезпечення

Веб-сервер|, персональний комп'ютер, підключений до мережі Інтернет.

 

4.2. ПЛАНИ КОНТАКТНИХ ЗАНЯТЬ ДЛЯ СТУДЕНТІВ ЗАОЧНОЇ ФОРМИ НАВЧАННЯ

Контактне заняття № 1

Тема 1. Сучасні інструментальні засоби створення Web-документів.

Завдання. Сформулювати вміння:

- класифікувати НТМL-редактори та візуальні редактори;

- створювати Web-публікації;

- використовувати теги  мови HTML.

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати аналіз запропонованих викладачем задач.

3. У формі розгорнутої бесіди обговорити можливі напрями розв’язання типових веб-сторінок.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових завдань.

 

Тема 2. Стильове оформлення Web–документів.. Гіпертекстові посилання. Технології MacromediaFlash. Форми.

Завдання. Сформулювати вміння:

- створювати організація посилань на ресурси різних типів;

- використовувати зображення в HTML-документу;

- розробляти форми на Веб-сторінках.

 

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати запропоновані викладачем задачі.

3. У формі розгорнутої бесіди обговорити можливі напрями розв’язання типових завдань.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових завдань.

 

Контактне заняття № 2

 

Тема 3. Використання CSS.Дизайн Web-сайту. Тестування та публікація Web-сторінки

Завдання. Сформулювати вміння:

- Оформлювати Веб-сторінки в єдиному стилі.

- підключати таблиці CSS до Web-документів

- розробляти дизайн інтерфейсу Веб-сторінки

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати аналіз запропонованих викладачем задач.

3. У формі розгорнутої бесіди обговорити можливі напрями розв’язання типових виробничих завдань.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових виробничих ситуацій.

Тема 4. Мова JavaScript. Об’єктна модель документу. Ієрархія об’єктів. Вставка сценаріїв до HTML-документів

Завдання: Поглибити і закріпити знання:

- сутності динамічного HTML та об’єктної моделі документу.

- мети використання мови JavaScript в Веб-дизайні

- особливостей застосування засобів сценаріїв до HTML-документів

План заняття

1. Виконати формування задачі у вигляді проблемного завдання індивідуально для кожного студента.

2. Провести обговорення ключових напрямів розв’язання проблемних завдань.

Інформаційне забезпечення

1. Перелік питань для обговорення на семінарі.

2. Варіанти проблемних завдань для індивідуального виконання кожним студентом.

 

Контактне заняття № 3

Тема 5. Мова програмування PHP.

Завдання. Сформулювати вміння:

- Інсталювати та конфігурувати PHP

- використовувати основні оператори та функції PHP

- розробляти програми по обробці даних форм

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати аналіз запропонованих викладачем задач.

3. У формі дискусії з елементами аналізу обговорити можливі напрями розв’язання типових виробничих завдань.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових завдань.

 

Тема 6. Використання елементів мови PHP.

Завдання. Сформулювати вміння:

- застосовувати масиви про розробці програм на PHP.

- використовувати регулярні вирази при розробці програм

- запроваджувати елементи ООП при розробці скриптів

План заняття

1. Провести письмове опитування, з'ясувати рівень засвоєння студентами термінів і понять цієї теми.

2. Виконати аналіз запропонованих викладачем задач.

3. У формі дискусії обговорити можливі напрями розв’язання типових виробничих завдань.

Інформаційне забезпечення

1. Перелік основних термінів і понять теми, складаний в логічному порядку.

2. Приклади типових виробничих ситуацій.

 

Контактне заняття № 4

 

Тема 7. Створення бази даних для Web.

Завдання: Поглибити і закріпити знання:

- сутності роботи з базами даних в Веб.

- мети використання баз даних при розробці веб-додатків.

- особливостей застосування  СУБД MySQL

План заняття

1. Виконати формування задачі у вигляді проблемного завдання індивідуально для кожного студента.

2. Провести обговорення ключових напрямів розв’язання проблемних завдань.

 

Інформаційне забезпечення

1. Перелік питань для обговорення на семінарі.

2. Варіанти проблемних завдань для індивідуального виконання кожним студентом.

 

Тема 8. Доступ до баз даних MySQL з Web за допомогою PHP.

Завдання: Поглибити і закріпити знання:

- сутності запитів до БД

- використання SQL для роботи з БД

- особливостей застосування функцій PHP-MySQL

План заняття

1. Виконати формування задачі у вигляді проблемного завдання індивідуально для кожного студента.

2. Провести обговорення ключових напрямів розв’язання проблемних завдань.

Інформаційне забезпечення

1. Перелік питань для обговорення на семінарі.

2. Варіанти проблемних завдань для індивідуального виконання кожним студентом.

 

4.3.ПЛАНИ НАВЧАЛЬНОЇ РОБОТИ СТУДЕНТА ЗАОЧНОЇ ФОРМИ НАВЧАННЯ В МІЖСЕСІЙНИЙ ПЕРІОД

У міжсесійний період студент заочної форми навчання виконує індивідуальні лабораторні  роботи, які включають відповіді на теоретичні питання. Захист студентом лабораторних робіт проводиться під час «Дня заочника» за графіком.

Крім того, у міжсесійний період студент заочної форми навчання виконує індивідуальне завдання за вибором: готує реферат (аналітичний огляд наукових публікацій) з визначеної теми або бере участь у науково-дослідній роботі. Захист індивідуального завдання студентом проводиться під час «Дня заочника» за графіком.

Лабораторна робота № 1

Обмін інформацією між WEB-сервером і клієнтом

 

Завдання: Вивчити наступні прийоми:

1. Вивчити конструкції HTML для організації обміну між сервером і клієнтом
2. Розібратися з методами передачі даних GET і POST
3. Вивчити можливості PHP для отримання інформації від користувача

План заняття

-       Розробити HTML-файл з формою для можливості отримання від користувача даних

-       Розробити PHP-скрипт, що аналізує отримані з форми дані і генерує у відповідь Web-сторінку з цими даними у вигляді таблиці:

-       Використовувати по черзі в п.1 методи GET і POST. Подивитися в чому відмінності. Розібрати формат передачі параметрів в методі GET.

Інформаційне забезпечення

Персональний комп'ютер, підключений до мережі Інтернет.

 

Лабораторна робота №2.

 Використання субд mysql  у підготовці динамічних web-документів

Мета роботи: Отримати уявлення про особливості використання MySQL  під час розробки та використання WEB-документів

План заняття

1) Ознайомитись з сукупністю функцій, що призначені для використання MySQL в якості засобу збереження інформації необхідної для побудови динамічних WEB-документів, а також функцій по роботі з масивами.

2) За допомогою штатних інструментів MySQL (phpMyAdmin) створіть базу даних, що містить інформацію необхідну для функціонування електронного магазину.

3) Створити WEB-документ, використання якого дозволить організувати створення нового запису у базі даних.

4) Створити WEB-документ, що дозволить за вимогою користувача (наприклад за ідентифікатором товару) отримати інформацію з запису бази даних.

Інформаційне забезпечення

Програми тестування ПК, персональний комп'ютер, підключений до мережі Інтернет.

5. САМОСТІЙНА РОБОТА СТУДЕНТІВ

Самостійна робота студента забезпечується системою навчально-методичних засобів: навчальним посібником, навчально-методичним посібником для самостійного вивчення дисципліни, методичними матеріалами щодо змісту та організації самостійної роботи студентів, поточного і підсумкового контролю їх знань.

Для самостійного вивчення матеріалу програмою дисципліни передбачено виконання завдань, обсяг і зміст яких охоплює основні питання усіх тем. По кожній темі студент зобов'язаний виконати усі завдання теми, скласти звіт і захистити його на персональному комп'ютері якщо це входить до плану заняття.

Методичні вказівки до вивчення дисципліни розміщені на сервері університету.

Самостійна робота студента над дисципліною полягає в опануванні теоретичного матеріалу курсу, розв'язанні задач.

Перелік завдань для самостійної роботи, форми самостійної роботи студента, види семінарських (практичних, лабораторних) занять, та кількість балів, які можна отримати за виконання завдань з СРС наведено у карті самостійної роботи студентів.

6.СИСТЕМА ПОТОЧНОГО І ПІДСУМКОВОГО КОНТРОЛЮ ЗНАНЬ.

6.1.КАРТА САМОСТІЙНОЇ РОБОТИ СТУДЕНТА

з науки (дисципліни) „Веб-дизайн і Веб-програмування” 

для бакалаврів з галузі знань “Інформатика та обчислювальна техніка”  напряму підготовки 6101 “Комп’ютерні науки”

Денна форма навчання

№ семінарського (практичного, лабораторного) заняття	Форма самостійної роботи студента	Види семінарських (практичних, лабораторних) занять*	Максимальна кількість балів
За систематичність і активність роботи на семінарських (практичних, лабораторних) заняттях
Змістовий модуль №1
1	Попередня підготовка з визначених питань	Семінар-розгорнута бесіда, Міні-кейс	1
2	Аналіз конкретної виробничої ситуації та підготовка аналітичної записки	Семінар-розгорнута бесіда, Міні-кейс	2
3	Відпрацювання виконання конкретних операцій	Семінар-розгорнута бесіда, Міні-кейс	3
4	Виконання завдання лабораторної роботи №1	Практичне заняття	5
5	Опрацювання проблемних ситуацій	Семінар-розв’язання проблемних завдань	2
6	Опрацювання теоретичних основ прослуханого лекційного матеріалу	Дискусія з елементами аналізу, Міні-кейс	1
7	Завчасна підготовка за визначеними темами	Семінар-дискусія, Міні-кейс	2
8	Виконання завдання лабораторної роботи №2	Практичне заняття	5
9	Підготовка конкретних пропозицій щодо розв’язання поставленої проблеми	Семінар-розв’язання проблемних завдань	2
10	Підготовка навчального проекту – аналіз проблеми, розроблення концепцій проекту, визначення стандартів діяльності	Семінар-розв’язання проблемних завдань	2
11	Виконання завдання лабораторної роботи №3	Практичне заняття	5
Усього балів за роботу на семінарських (практичних, лабораторних) заняттях			30
За виконання модульних (контрольних) завдань**
Модуль №1	Написання модульної контрольної роботи		10
Усього балів за модульний контроль			10
За виконання індивідуальних завдань***
Види індивідуальних завдань
1. Аналітичний (критичний) огляд наукових публікацій за заданою тематикою			5
2. Написання реферату (есе)			5
3. Пошук, підбір та огляд джерел за заданою тематикою			5
4. Участь у наукових студентських конференціях, семінарах, олімпіадах			5
Усього балів за виконання індивідуальних завдань			10
Разом балів за СРС			50

* Види семінарських (практичних, лабораторних занять) затверджуються робочою навчальної програми науки (дисципліни).

** Кількість модульних (контрольних) робіт з однієї науки (дисципліни) визначає кафедра. За семестр не повинно проводитись більше 2-х модульних (контрольних) робіт.

*** За рішенням кафедри студентам, які брали участь у позанавчальній науковій діяльності — в роботі конференцій, підготовці наукових публікацій тощо — можуть присуджуватись додаткові бали за поточну успішність, але не більше 10 балів.

 

Порядок поточного оцінювання знань

Завданням поточного контролю є перевірка розуміння та засвоєння навчального матеріалу.

Оцінювання знань студентів проводиться у трьох напрямах:

1. Контроль систематичності та активності роботи на семінарських (практичних, лабораторних) заняттях.

2. Контроль виконання завдання самостійної роботи.

3. Контроль виконання завдань модульних контрольних робіт.

 

Контроль систематичності та активності роботи

При контролі систематичності та активності роботи студентів оцінюванню підлягає, активність та рівень знань при виконанні завдань на практичних заняттях; результати виконання і захисту лабораторних робіт, виконання завдань міні-кейсів.

На практичних заняттях студенти виконують завдання міні-кейсів та завдання інших форм самостійної роботи студентів.

Загальна сума балів складає 20 балів.

 

Контроль виконання завдання самостійної роботи

Контролю виконання завдань для самостійної роботи підлягає самостійне опрацювання окремих проблемних питань та виконання самостійної роботи. Протягом семестру виконується одна обов'язкова самостійна робота, яка оцінюється у 10 балів, 6, 3 або 0 балів.

Порядок оцінювання самостійних робіт наступний:

–             якщо виконана самостійна робота грамотно і акуратно оформлена, під час захисту звіту з виконаної самостійної роботи студент дає вірні відповіді на запитання, демонструє знання підручників, посібників, викладає в логічній послідовності теоретичний матеріал – 10 балів;

–             якщо виконана самостійна робота грамотно і акуратно оформлена, під час захисту звіту з виконаної самостійної роботи студент дає вірні відповіді на запитання, демонструє знання підручників, посібників але ним допущені незначні помилки у формуванні термінів, категорій, розрахунків – 6 балів;

–             якщо самостійна робота виконана але звіт з її виконання не оформлений відповідним чином або студент дає невірні відповіді на деякі запитання – 3 бали.

–             якщо самостійна робота не виконана або студент дає невірні відповіді на всі запитання, демонструє незнання підручників, посібників, допускає помилки у формуванні термінів, категорій, розрахунків – 0 балів.

 

Контроль за виконанням лабораторних робіт

Протягом семестру студенти повинні виконати три лабораторні роботи.

Під час захисту лабораторної роботи рівень знань оцінюється у 10 балів, 6, 3 або 0 балів.

Порядок оцінювання наступний:

–             якщо виконана лабораторна робота грамотно і акуратно оформлена, під час захисту лабораторної роботи студент дає вірні відповіді на запитання, демонструє знання підручників, посібників, викладає в логічній послідовності теоретичний матеріал – 10 балів;

–             якщо виконана лабораторна робота грамотно і акуратно оформлена, під час захисту лабораторної роботи студент дає вірні відповіді на запитання, демонструє знання підручників, посібників але ним допущені незначні помилки у формуванні термінів, категорій, розрахунків – 6 балів;

–             якщо лабораторна робота виконана але не оформлена відповідним чином або студент дає невірні відповіді на деякі запитання – 3 бали.

–             якщо лабораторна робота не виконана або студент дає невірні відповіді на всі запитання, демонструє незнання підручників, посібників, допускає помилки у формуванні термінів, категорій, розрахунків – 0 балів.

Контроль систематичності та активності роботи у семестрі:

–             практичні заняття – 20 балів;

–             самостійна робота – 10 балів

–             лабораторні роботи – 30 балів;

–             разом – 60 балів.

 

Контроль за виконанням модульних завдань

При виконанні завдань модульних контрольних робіт оцінюванню підлягають теоретичні знання та практичні навички, яких набули студенти після опанування матеріалу дисципліни.

Протягом семестру проводиться один модульний контроль рівня засвоєння знань студентами.

Модульні контрольні завдання містять теоретичні питання і задачі. Контрольні завдання складені з урахуванням вимоги однакової складності для всіх студентів.

Модульний контроль містить 5 завдань. Відповідь на кожне питання модульного контролю оцінюється у 4 бали, 3, 2, або 0 балів.

Загальна сума балів складає 20 балів.

 

Контроль за виконанням завдань для індивідуального опрацювання

У продовж семестру, здійснюється оцінювання виконання студентом завдань на самостійне опрацювання, які обираються ним довільно. До таких завдань відносяться:

1. аналітичний (критичний) огляд наукових публікацій за заданою тематикою з наступним обговоренням (захистом) матеріалів аналітичного (критичного) огляду;
2. написання реферату (есе) за заданою тематикою з наступним обговоренням (захистом) матеріалів реферату (есе);
3. пошук (підбір) та огляд літературних джерел за заданою проблематикою з наступним розглядом підготовлених матеріалів під час аудиторних занять або ІКР;
4. участь у наукових студентських конференціях і семінарах, олімпіадах з наступним обговоренням доповідь на наукових студентських конференціях і семінарах.

Кожне з завдань оцінюється у 10 балів. Студенту дозволяється обрати лише два завдання на свій власний розсуд.

Зокрема порядок оцінювання кожного обраного завдання наступний:

–                   якщо виконана робота грамотно і акуратно оформлена та була подана з відповідною доповіддю в аудиторії – 10 балів;

–                   якщо виконана робота не оформлена відповідним чином але була подана з відповідною доповіддю в аудиторії – 6 балів;

–                   якщо виконана робота грамотно і акуратно оформлена та була подана без відповідної доповіді в аудиторії але з індивідуальним захистом – 3 бали;

–                   якщо роботу не виконано або виконана робота не була подана з відповідною доповіддю в аудиторії або ж без індивідуального захисту – 0 балів.

Контроль за виконанням завдань для самостійного опрацювання:

–             перше завдання на самостійне опрацювання – 10 балів;

–             друге завдання на самостійне опрацювання – 10 балів;

–             разом – 20 балів.

 

Порядок підсумкового оцінювання знань

Підсумкове оцінювання знань здійснюється на основі оцінювання поточної успішності студентів у формі заліку за шкалою від 0 до 100 балів включно.

Залік на денній та вечірній формах навчання бакалаврського рівня підготовки оформлюється під час останнього семінарського (практичного, лабораторного) заняття у семестрі, на заочній формі навчання – за розкладом сесії.

Підсумкова оцінка записується у залікову відомість.

Якщо за результатами поточного контролю студент набрав менше 60 балів, він отримує оцінку "не зараховано" з даної дисципліни.

У разі невиконання окремих завдань поточного контролю з об’єктивних причин, студенти мають право, за дозволом декана, виконати їх до останнього семінарського (практичного, лабораторного) заняття. Час та порядок складання визначає викладач.

Загальна підсумкова оцінка з дисципліни складається з суми балів за виконання завдань поточного контролю знань. До відомості обліку поточної і підсумкової успішності заносяться сумарні результати в балах поточного контролю з подальшим переведенням у 2-бальну систему.

При цьому рівень знань оцінюється наступним чином:

1. "Зараховано" – від 60 до 100 балів;

2. "Не зараховано" – від 0 до 59 балів.

Підсумкова оцінка формується шляхом складання набраних балів та переведенням отриманого результату до 2-ох бальної системи та шкали за системою ECTS (European Credit Transfer System) за схемою:

Загальна кількість балів	Оцінка за 4-ри бальною системою	Оцінка за шкалою ECTS
90-100	зараховано	A
80-89	зараховано	B
70-79		C
66-69	зараховано	D
60-65		E
21-59	не зараховано – з можливістю повторного складання	FX
0-20	не зараховано – з обов’язковим повторним вивченням дисципліни	F

6.2.КАРТА САМОСТІЙНОЇ РОБОТИ СТУДЕНТА

з науки (дисципліни) „Веб-дизайн і Веб-програмування” 

для бакалаврів з галузі знань “Інформатика та обчислювальна техніка”  напряму підготовки 6101 “Комп’ютерні науки”

                                  освітньо-кваліфікаційного рівня бакалавр (магістр)

Заочна форма навчання

СЕСІЙНИЙ ПЕРІОД
№ заняття	Контактні заняття (теми відповідно до робочої програми)	Форма занять і контролю	Макс. кіл-ть балів
За систематичність і активність роботи на контактних заняттях
1.	Тема 1.Сучасні інструментальні засоби створення Web-документів. Тема 2.Стильове оформлення Web–документів.. Гіпертекстові посилання. Технології Macromedia Flash. Форми.	Установча міні-лекція (конспект)	1
		Міні-семінар – розгорнута бесіда	2
		Тестовий контроль знань	2
2.	Тема 3.Використання CSS.Дизайн Web-сайту. Тестування та публікація Web-сторінки Тема 4.Мова JavaScript. Об’єктна модель документу. Ієрархія об’єктів. Вставка сценаріїв до HTML-документів	Міні-лекція (конспект)	1
		Міні-семінар – розгорнута бесіда	2
		Тестовий контроль знань	2
3.	Тема 5.Мова програмування PHP. Тема 6.Використання елементів мови PHP. (самостійне опрацювання)	Міні-лекція (конспект)	1
		Міні-семінар – дискусія	2
		Тестовий контроль знань	2
4.	Тема 7. Створення бази даних для Web. (самостійне опрацювання) Тема 8.Доступ до баз даних MySQL з Web за допомогою PHP.	Міні-лекція (конспект)	1
		Міні-семінар – дискусія	2
		Виконання практичних завдань	2
			20
За виконання модульних (контрольних) завдань
5.	Комплексна аудиторна самостійна контрольна робота	Поточний модульний контроль	5
Усього балів за контактні заняття			25

 

міжСЕСІЙНИЙ ПЕРІОД
За виконання обов’язкових позааудиторних індивідуальних завдань
Види завдань	Форма подання	Термін подання і реєстрації	Форма контролю	Макс. кіл-ть балів
Індивідуальна лабораторна робота №1 -онлайн	(електронна)	(5.03.2014р. на кафедру або на електронну пошту викладача)	Захист і обговорення результатів за графіком «Дня заочника»	10
Індивідуальна лабораторна робота №2 -онлайн	(електронна)	15.03.2014р.	Захист і обговорення результатів за графіком «Дня заочника»	10
За виконання індивідуальних робіт  за вибором (1-го завдання)
1. Аналітичний (критичний) огляд наукових публікацій 2. Аналітичний звіт власних наукових досліджень 4. Підготовка презентації 5. Виконання завдань в рамках дослідницьких проектів кафедри (факультету)*	(письмова або електронна)	Індивідуально викладачу за графіком «Дня заочника»	Захист і обговорення результатів за графіком «Дня заочника»	5
Усього балів за виконання позааудиторних індивідуальних завдань				25
Разом				50

* За рішенням кафедри студентам, які брали участь у позанавчальній науковій діяльності — участь у конференції, підготовці наукових публікацій тощо — можуть присуджуватись додаткові бали за поточну успішність, але не більше 10 балів.

 

Завдання для поточного контролю знань студентів заочної форми навчання

Завданням поточного контролю є перевірка розуміння та засвоєння навчального матеріалу.

Оцінювання знань студентів проводиться у трьох напрямах:

1. Контроль систематичності та активності роботи на семінарських (практичних, лабораторних) заняттях.

2. Контроль виконання завдань для самостійного опрацювання.

3. Контроль виконання завдань аудиторної контрольної роботи.

 

Контроль систематичності та активності роботи на семінарських (практичних, лабораторних) заняттях

Протягом семестру студенти повинні виконати три лабораторні роботи.

Під час захисту лабораторної роботи рівень знань оцінюється у 20 балів, 14, 7 або 0 балів.

Порядок оцінювання наступний:

–             якщо виконана лабораторна робота грамотно і акуратно оформлена, під час захисту лабораторної роботи студент дає вірні відповіді на запитання, демонструє знання підручників, посібників, викладає в логічній послідовності теоретичний матеріал – 20 балів;

–             якщо виконана лабораторна робота грамотно і акуратно оформлена, під час захисту лабораторної роботи студент дає вірні відповіді на запитання, демонструє знання підручників, посібників але ним допущені незначні помилки у формуванні термінів, категорій, розрахунків – 14 балів;

–             якщо лабораторна робота виконана але не оформлена відповідним чином або студент дає невірні відповіді на деякі запитання – 7 бали.

–             якщо лабораторна робота не виконана або студент дає невірні відповіді на всі запитання, демонструє незнання підручників, посібників, допускає помилки у формуванні термінів, категорій, розрахунків – 0 балів.

Загальна сума балів складає 60 балів.

 

Контроль за виконанням аудиторної контрольної роботи

При виконанні завдань аудиторної контрольної роботи оцінюванню підлягають теоретичні знання та практичні навички, яких набули студенти після опанування матеріалу дисципліни.

Протягом семестру проводиться одна аудиторна контрольна робота рівня засвоєння знань студентами.

Аудиторна контрольна робота містять теоретичні питання і задачі. Контрольні завдання складені з урахуванням вимоги однакової складності для всіх студентів.

Аудиторна контрольна робота містить 5 завдань. Відповідь на кожне питання оцінюється у 4 бали, 3, 2 або 0 балів.

Загальна сума балів складає 20 балів.

 

Контроль за виконанням завдань для індивідуального опрацювання

У продовж семестру, здійснюється оцінювання виконання студентом завдань на самостійне опрацювання, які обираються ним довільно. До таких завдань відносяться:

1. аналітичний (критичний) огляд наукових публікацій за заданою тематикою з наступним обговоренням (захистом) матеріалів аналітичного (критичного) огляду;
2. написання реферату (есе) за заданою тематикою з наступним обговоренням (захистом) матеріалів реферату (есе);
3. пошук (підбір) та огляд літературних джерел за заданою проблематикою з наступним розглядом підготовлених матеріалів під час аудиторних занять або ІКР;
4. участь у наукових студентських конференціях і семінарах, олімпіадах з наступним обговоренням доповідь на наукових студентських конференціях і семінарах.

Кожне з завдань оцінюється у 10 балів. Студенту дозволяється обрати лише два завдання на свій власний розсуд.

Зокрема порядок оцінювання кожного обраного завдання наступний:

–                   якщо виконана робота грамотно і акуратно оформлена та була подана з відповідною доповіддю в аудиторії – 10 балів;

–                   якщо виконана робота не оформлена відповідним чином але була подана з відповідною доповіддю в аудиторії – 6 балів;

–                   якщо виконана робота грамотно і акуратно оформлена та була подана без відповідної доповіді в аудиторії але з індивідуальним захистом – 3 бали;

–                   якщо роботу не виконано або виконана робота не була подана з відповідною доповіддю в аудиторії або ж без індивідуального захисту – 0 балів.

Загальна сума балів складає 20 балів.

Типовий перелік тем рефератів збігається з тематикою рефератів студентів денної форми навчання.

 

6.3. Приклади типових завдань, що виносяться на екзамен.

1. Визначення  Web - сайта. Мета та завдання створення Web - сайта.
2. Основні етапи створення Web – сайта.
3. Визначення структури Web – сайта.
4. Визначення інформаційного наповнення сайту
5. Структури розміщення інформації на Web - сайті: лінійна, ієрархічна, комбінована.
6. Визначення технології створення Web - сайта.
7. Характеристика тегів <НТМL>, <НЕАD>, <ТIТLE>.
8. Характеристика тегу <BASE> та його параметрів.
9. Характеристика тегу <META> та його параметрів.
10. Характеристика тегу <ВОDY> та його параметрів.
11. Характеристика тегів логічного форматування тексту.
12. Характеристика тегів фізичного форматування тексту.
13. Характеристика тегів завдання шрифту. Тег <FONT>.
14. Сутність відображення спеціальних символів на Web – сторінках.
15. Визначення універсального локатора ресурсів (URL).
16. Структура запису URL – адреси.
17. Характеристика тегу <ІМG>.
18. Технологія оптимального розміру файлів зображень.
19. Аналіз засобів  вирівнювання   зображень.
20. Сутність фонових кольорів.
21. Характеристика тегу <ІSINDEX>.
22. Характеристика тег <INPUT>.
23. Характеристика тегів <SELECT>, <OPTION>, <ТЕХТАRЕА>.
24. Визначення та характеристики NSAPI/ISAPI.
25. Використання циклів в PHP.
26. Інтеграція PHP и HTML.
27. Підтримка file upload в PHP.
28. Підтримка HTTP cookie в PHP .
29. Використання операторів require () та include ().
30. Обробка помилок в PHP.
31. Константи в PHP.
32. Розподіл інструкцій в PHP .
33. Типи змінних в PHP та їх ініціалізація
34. Методи маніпуляції з масивами в PHP.
    1. Використання операторів IF, ELSE, DO…WHILE, SWITCH, INCLUDE, REQUIRE, FUNCTION, CLASS в PHP .
    2. Характеристики функцій PHP: математичних функцій, дати/часу,
    3. Для чого потрібно визначати власні функції?
    4. Засоби маніпулюванння строками в PHP.
    5. Форматування строк в PHP .
       1. Характеристика СУБД MySQL (призначення, методи використання).
       2. Реалізація мови SQL в СУБД MySQL.
       3. Як надати доступ до баз даних пакета MySQL .
       4. Організація  роботи з паролями в СУБД MySQL.

 

6.4.Зразок екзаменаційного білета

ЕКЗАМЕНАЦІЙНИЙ БІЛЕТ № 1.4.

1. Логічна і фізична структури веб-сайту. Поняття.
2. Шапка документа HTML|. Теги BASE|, ISINDEX|, LINK|, SCRIPT|, STYLE|, META|.
3. Властивості CSS| для шрифтів і тексту. Приклад.
4. Оператори циклу і умовного переходу JavaScript|.
5. Напишіть синтаксично| правильну| конструкцію| JavaScript| для зміни| значення| поля наступної| форми|:

<FORM| NAME=f|>

 <INPUT| NAME=fi|>

</FORM|>

 

7. РЕКОМЕНДОВАНА ЛІТЕРАТУРА (ОСНОВНА І ДОДАТКОВА).

Основна

1. Камінський О.Є. «Web-дизайн». Навчальний посібник. К.КНЕУ, 2008 – 360 с. 
2. Камінський О.Є. Бегун А.В. «Веб-програмування» К.КНЕУ, 2011 – 323 с. 
3. Швендимен Блейк. «PHP 4. Руководство разработчика». М. Вильямс., 2002 – 684 с.
4. Холл М. «Програмирование для Web. Библиотека для профессионалов». М. Вильямс., 2002 – 1216 с.

Додаткова

1. Вин Дж. “Искусство Web-дизайна”.-СПб: Издательство "Питер",2002. -224 с.

2. Кирсанова Д. Веб-дизайн. - М.: "Символ", 2000. - 291с.

3. Паузлл Т.А. Полное руководство по НТМL. Мн.: 000 "Попурри", 2001.- 911 с.