Технології розробки та просування сайтів - Робоча програма навчальної дисципліни (Силабус)
Реквізити навчальної дисципліни
| Рівень вищої освіти | Перший (бакалавр) |
| Галузь знань | 12 Інформаційні технології |
| Спеціальність | 126 Інформаційні системи та технології |
| Освітня програма | Інтегровані інформаційні системи, Інформаційне забезпечення робототехнічних систем, Інформаційні управляючі системи та технології |
| Статус дисципліни | Вибіркова |
| Форма навчання | очна(денна) |
| Рік підготовки, семестр | 3 курс, 1 семестр |
| Обсяг дисципліни | 120 годин (36 годин – Лекції, 36 годин – Лабораторні) |
| Семестровий контроль/ контрольні заходи | Залік/контрольні роботи |
| Розклад занять | http://roz.kpi.ua |
| Мова викладання | Українська |
| Інформація про керівника курсу / викладачів | Лектор: к.т.н., Крилов Євген Володимирович моб. +38(050)387-16-45 Лабораторні: к.т.н., доцент, Крилов Євген Володимирович |
| Розміщення курсу | https://campus.kpi.ua |
Програма навчальної дисципліни
Опис навчальної дисципліни, її мета, предмет вивчання та результати навчання
Опис дисципліни. При проходженні даної дисципліни, студенти познайомляться з поняттям «web – технології», та детальніше вивчатимуть методи та засоби створення Інтернет систем та їх просування в пошукових системах. На лабораторних заняттях опанують етапи проектування веб ресурсів. В курсі передбачений контроль якості отриманих знань у вигляді експрес-контрольних та модульних контрольних робіт. На лекціях проводитимуться практичні групові заняття.
Предмет навчальної дисципліни: основні поняття веб програмування, послідовність розробки інформаційних, корпоративних сайтів та порталів, створення адаптивного дизайну, виконання блочної верстки та тестування сайтів, методологічні основи seo, smm та інших технологій просування сайтів в мережі інтернет.
Міждисциплінарні зв’язки. Дисципліна «Технології розробки та просування сайтів»
базується на дисциплінах: “Алгоритмічні мови програмування”, “Комп’ютерна графіка”.
Мета навчальної дисципліни. Метою викладання даної дисципліни є набуття студентами даної спеціальності здатностей виконувати: розробку проекту, верстку, програмування та оптимізацію складних Інтернет проектів.
Основні завдання навчальної дисципліни
Знання:
ролі та місця методів web - програмування в інформаційно-технологічному середовищі їх використання;
методів та технологій створення сайтів ;
основних понять хостингу та просування сайтів в пошукових системах;
Уміння:
розробляти технічне завдання;
виконувати адаптивну верстку сайтів;
створювати CMS для різноманітних сайтів;
провадити оптимізацію сайтів для підвищення їх релевантності.
проектувати та впроваджувати сучасні інтернет проєкти.
Пререквізити та постреквізити дисципліни (місце в структурно-логічній схемі навчання за відповідною освітньою програмою)
Пререквізити: вміти користуватися комп’ютером на рівні адміністратора, базові знання в області програмування, базові знання дизайну.
Постреквізити: проектування та реалізація складних інтернет проектів та просування їх в пошукових системах.
Після проходження дисципліни студенти зможуть відтворити базові етапи створення web ресурсів, а саме виконувати аналіз предметної області, розробляти макет сайту, виконувати верстку ( front end) та програмування (back end), розміщувати сайт на хостингу, просувати сайт в пошукових системах.
Зміст навчальної дисципліни
Очна форма
Лекційні заняття
Лекція 1. Класифікація сайтів
Лекція 2. Життєвий цикл створення сайтів.
Лекція 3. Front end.
Лекція 4. Просування сайтів в пошукових системах.
Лекція 5. Верстка сайту
Лекція 6. Використання форм.
Лекції 7. XML
Лекція 8 Каскадні стилі (CSS).
Лекції 9. Створення адаптивних сайтів
Лекція 10. Мова програмування PHP
Лекція 11. Вирази, оператори
Лекція 12 Масиви
Лекція 13. Робота з файлами
Лекція 14. PHP та створення динамічних сторінок
Лекції 15. Бази даних
Лекція 16 Стандартні функції PHP для роботи з MySQL
Лабораторні заняття
1. Розробка технічного завдання.
2. Дизайн сайту.
3. Верстка сайту.
4. Просування сайту в пошукових системах
Навчальні матеріали та ресурси
Базова література
Марк Браун, Джерри Хоникатт. Использование HTML 4. Компететно. Исчерпывающе. : Издательский дом «Вильмс» Москва Санкт-Петербург Киев 2020.
Ильдар Хабибуллин. Самоучитель XML. Санкт-Петербург «БХВ-Петербург» 2016.
www.youtube.com/watch?v=gGYV7Gb7LTo HTML5 для начинающих
Допоміжна література
Електронний посібник з вивчення Makromedia Dreamweaver
Електронний посібник з вивчення HTML
В. Гилмор PHP4 Учбовий курс.- Питер 2017р
Блейк Швендимен. PHP4 Руководство разработчика. 2017
.
Навчальний контент
Методика опанування навчальної дисципліни (освітнього компонента)
Очна форма
Лекційні заняття
| № з/п | Назва теми лекції та перелік основних питань (перелік дидактичних засобів, посилання на літературу та завдання на СРС) |
|---|---|
| 1 | Лекція 1. Класифікація сайтів .( Шаблонні сайти, інформаційні сайти, корпоративні сайти, портали. Життєвий цикл сайтів. Технічне завдання, дизайн, верстка, доменні імена, хостінг, оптимізація, супроводження. Огляд ринку систем управління контентом. Zope CMF, eZ Publish, MS Content Management Server, Communiware, DynaSite, Saitistika, NetCat, PHPNuke, Mambo, Xoops, Documentum, IBM Content Management, Content Management Framework, Symfony.) Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [ стор. 1-4] |
| 2 | Лекція 2. Життєвий цикл створення сайтів. ( Розробка технічного завдання. Розробка дизайну сайту. Верстка сайту (таблична, блокова, адаптивна).Програмування (php, java та ін.).Тестування. Хостинг. Просування сайту в пошукових системах. Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [ стор. 4-10] |
| 3 | Лекція 3. Front end. (Дизайн сайту. Векторна графіка. SVG. Адаптивний дизайн. Usability) Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [стор. 10-28] |
| 4 |
Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор.
|
| 5 | Лекція 5. Верстка сайту (Службові дескриптори. Дескриптори <Title>, <Base>, <Meta>. Елемент <BODY>. Атрибути тегу <BODY>, Теги Address ,H, BR, Div, Font, P, Strong, B, U, Em, I, Організація списків. Нумеровані (OL), марковані (UL) списки, списки меню (MENU), та визначень (DL). Форматування символів. Теги Address ,H, BR, Div, Font, P, Strong, B, U, Em, I, Складання таблиць. Атрибути тегу <Table>, Теги Table , TR, Caption, TD, TH, SUB, SUP, Посилання. Атрибути тегу <A>, внутрішні посилання, зовнішні посилання, Протоколи http, ftp, mailto.) Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [47-54] |
| 6 | Лекція 6. Використання форм. (Атрибути тегу <Form>, форми «введення тексту», меню, атрибути тегу <input>, форми text, password, checkbox, radio, reset, submit, button, image, file.) Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [стор. 55-66] |
| 7. | Лекції 7. Реалізація XML. ( Приклади реалізації XML, Визначення «вірний документ», мови опису XML документів DTD та XSD, пролог документа, корінний елемент, секція CDATA, простір імен, таблиці . Мова DTD (Document type Definition). Об’ява типів елементів, об’ява атрибутів (приклади), сущності. ) Мова DTD (Document type Definition). (Об’ява визначень (Notation), приклад опису DTD. Мова XSD. Прості типи (приклади), суження (restriction), фасетки (facets). ) Мова XSD. (Базисні фасетки, Список (list), об’єднання (union), об’явлення елементів (element), об’явлення атрибутів (attribute), приклад схеми XSD. Мова Xlink. Простір імен Xlink, атрибути Xlink, просте посилання (Simple), розширене посилання (Extended), атрибут Resource, атрибут Locator. ) Мова Xlink. (Атрибут Arc, атрибут Title, атрибут Show, атрибут Actuate, атрибут Role та Arcrole. Мова XPointer. Прості посилання, схемні посилання, використання посилань, схема (element) ) Мова XPointer. (Схема Xpointer, схема Xmlns.Мова XPath. Вузли дерева документа, пошукові осі, осеві області, текст по імені вузла (name text), текст по вигляду вузла (kind text), предикати. ) Мова XPath. (Цикли, квантори існування (quantifiers), квантор «всеобщности», операції з множинами, прямий конструктор елементів, вирази конструкторів, вирази в атрибутах конструкторів, обчислювальні конструктори, вирази запитів (flwor).Мова запитів XQuery. Приклади запитів XQuery) Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [стор. 67-111] |
| 8 | Лекція 8 Каскадні стилі (CSS). Компанування CSS. Визначення CSS, опис CSS в файлі та в теги, об’єднання листів стилів, конкуруючи CSS. Імпорт CSS. Створення CSS для різних типів уявлення. Класи та псевдокласи CSS. Класи CSS, специфічний елемент CSS, псевдокласи CSS. Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [стор. 111-117] |
| 9 | Лекції 9. Створення адаптивних сайтів. (Responsive Design, Progressive enhancement или Graceful degradation? Етапи Progressive Enhancement. Mobile first. Розмітка для адаптивних сайтів. Гнучка сітка. Методи для створення гнучкої сітки. Програми створення адаптивної верстки. Media queries. Flexible media. Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [стор. 118-169] |
| 10 | Лекція 10. Мова програмування PHP. (Інтеграція PHP та HTML. Стандартні теги (?php), короткі теги (?), скрипти (script Language), теги в стилі ASP(%)) Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [ 226-230] |
|---|---|
| 11 | Лекція 11. Вирази, оператори. (Умовний оператор, цикли (while, do..while, for, foreche, switch PHP:POST, PHP:GET)). Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [231-236] |
| 12 | Лекція 12 Масиви. ( Створення масивів, пошук елемента в масиві, додавання елементів в масив ) Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор.
|
| 13 | Лекція 13. Робота з файлами.(Перевірка існування файлів, відкриття файлів, закриття файлів, запис в файл, читання з файлу ) Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [247-248] |
| 14 | Лекція 14. PHP та створення динамічних сторінок. ( Функції робот из файловою системою (copy, rename, unlink, basename, dirname, is_dir, opendir, closedir, readdir), перехід до іншого каталогу (chdir), включення файлів до сценарію PHP (include, require)). Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [249-250] |
| 15 | Лекції 15. Бази даних.( Загальний алгоритм роботи з базою даних My Sql, з’єднання з сервером (mysql_connect), Вибір бази даних (mysql_select_db), закриття з’єднання з сервером (mysql_close)). Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [251-253] |
| 16 | Лекція 16 Стандартні функції PHP для роботи з MySQL. ( Функції mysql_query, mysql_affected_rows, mysql_num_rows, mysql_result та інші ) Дидактичні матеріали: Презентація PowerPoint, комп’ютер, проектор. Презентація: [254-256] |
Лабораторні заняття
| № | Назва лабораторної роботи | Кількість ауд. годин |
|---|---|---|
| 1 | Лабораторна робота 1. Розробка технічного завдання (Розділи технічного завдання: Мета створення сайту (підвищення іміджу, просування товарі та послуг в мережі інтернет), вимоги до дизайну, вимоги до функціоналу , вимоги до хостингу, вимоги до seo оптимізації) | 2 |
| 2 | Лабораторна робота 2. Дизайн сайту ( Вимоги до дизайну: Адаптивність, Usability) | 2 |
| 3 | Лабораторна робота 3. Верстка сайту. ( Використання HTML 5 та СSS) | 2 |
| 4 | Лабораторна робота 4. Розробка структури БД | 2 |
| 5 | Лабораторна робота 5. Програмування функционалу сайту | 2 |
| 6 | Лабораторна робота 6. Програмування запитів БД | 2 |
| 7 | Лабораторна робота 7. Seo оптимізація сайту (контекстна оптимізація, внутрішня перелінковка, зовнішні посилання) | 4 |
| 8 | Залікове заняття | 2 |
Самостійна робота студента/аспіранта
Очна форма
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Політика та контроль
Політика навчальної дисципліни (освітнього компонента)
Система вимог, які ставляться перед студентом:
відвідування лекційних та лабораторних занять є обов’язковою складовою вивчення матеріалу;
на лекції викладач користується власним презентаційним матеріалом; відпрацьовує практичну частину на віртуальній машині з встановленою відповідною РСУБД; використовує гугл-диск для викладання матеріалу поточної лекції, додаткових ресурсів, лабораторних робіт та інше; викладач відкриває доступ до певної директорії гугл-диска для скидання електронних лабораторних звітів та відповідей на МКР;
на лекції заборонено відволікати викладача від викладання матеріалу, усі питання, уточнення та ін. студенти задають в кінці лекції у відведений для цього час;
лабораторні роботи захищаються у два етапи – перший етап: студенти виконують завдання на допуск до захисту лабораторної роботи; другий етап – захист лабораторної роботи. Бали за лабораторну роботу враховуються лише за наявності електронного звіту;
модульні контрольні роботи пишуться на лекційних заняттях без застосування допоміжних засобів (мобільні телефони, планшети та ін.); результат пересилається у файлі до відповідної директорії гугл-диску;
заохочувальні бали виставляються за: активну участь на лекціях; участь у факультетських та інститутських олімпіадах з навчальних дисциплін, участь у конкурсах робіт, підготовка оглядів наукових праць; презентацій по одній із тем СРС дисципліни тощо. Кількість заохочуваних балів не більше 10;
штрафні бали виставляються за: невчасну здачу лабораторної роботи. Кількість штрафних балів не більше 10.
Види контролю та рейтингова система оцінювання результатів навчання (РСО) (очна форма)
Рейтинг студента з дисципліни складається з балів, що він отримує за:
Опитування на лекціях;
виконання та захист 8 лабораторних робіт;
виконання 2 модульних контрольних робіт (МКР);
заохочувальні та штрафні бали.
Система рейтингових балів та критерії оцінювання
Опитування на лекціях:
«відмінно» – повна відповідь (не менше 90% потрібної інформації) – 5 балів;
«добре» – достатньо повна відповідь (не менше 75% потрібної інформації) або повна відповідь з незначними недоліками – 4 балів;
«задовільно» – неповна відповідь (не менше 60% потрібної інформації) та незначні помилки – 1-3 бали;
«незадовільно» – відповідь не відповідає вимогам до «задовільно» – 0 балів.
Лабораторні роботи:
«відмінно», повна відповідь на питання під час захисту (не менш ніж 90% потрібної інформації) та оформлений належним чином електронний протокол до лабораторної роботи – 15/13 балів;
«добре», достатньо повна відповідь на питання під час захисту (не менш ніж 75% потрібної інформації) та оформлений належним чином електронний протокол до лабораторної роботи – 12/11 бали;
«задовільно», неповна відповідь на питання під час захисту (не менш ніж 60% потрібної інформації), незначні помилки та оформлений належним чином електронний протокол до лабораторної роботи – 10/8 бал;
«незадовільно», незадовільна відповідь та/або не оформлений належним чином електронний протокол до лабораторної роботи – 0/3 балів.
За кожне заняття запізнення з поданням лабораторної роботи до захисту від встановленого терміну оцінка знижується на 1 бал.
Модульні контрольні роботи:
«відмінно», повна відповідь (не менш ніж 90% потрібної інформації) – 9-10 балів;
«добре», достатньо повна відповідь (не менш ніж 75% потрібної інформації), або повна відповідь з незначними помилками – 7-8 балів;
«задовільно», неповна відповідь (але не менш ніж 60% потрібної інформації) та незначні помилки – 5-6 бали;
«незадовільно», незадовільна відповідь (неправильний розв’язок задачі), потребує обов’язкового повторного написання в кінці семестру – 0-4 балів.
Заохочувальні бали
– за виконання творчих робіт з кредитного модуля (наприклад, участь у факультетських та інститутських олімпіадах з навчальних дисциплін, участь у конкурсах робіт, підготовка оглядів наукових праць тощо); за активну роботу на лекції (питання, доповнення, зауваження за темою лекції, коли лектор пропонує студентам задати свої питання) 1-2 бали, але в сумі не більше 10;
– презентації по СРС – від 1 до 5 балів.
Міжсесійна атестація
За результатами навчальної роботи за перші 7 тижнів максимально можлива кількість балів – 37 балів (2 лабораторні, МКР-1, 2 експрес-контрольні, 7 заохочувальних балів). На першій атестації (8-й тиждень) студент отримує «зараховано», якщо його поточний рейтинг не менший ніж 15 балів.
За результатами 13 тижнів навчання максимально можлива кількість балів – 53 балів (4 лабораторні, МКР-2, 2 експрес-контрольні, 13 заохочувальних балів). На другій атестації (14-й тиждень) студент отримує «зараховано», якщо його поточний рейтинг не менший ніж 25 балів.
Максимальна сума вагових балів контрольних заходів протягом семестру складає:
RD = 4*rлаб+2*rмкр+5*rек + (rз - rш)=8*7+2*10+2*5+ (rз - rш)=100 + (rз - rш),
де rлаб – бал за лабораторну роботу (0…7);
rмкр – бал за написання МКР (0…10);
rек – бал за написання експрес-контрольної роботи (0…4);
rз – заохочувальні бали за активну участь на лекціях, презентації, участь в олімпіадах, конкурсі роботи, наукові роботи за тематикою дисципліни (0…10);
rзш – штрафні бали.
Залік:
Студенти, які виконали всі умови допуску до семестрової атестації (не мають заборгованостей з лабораторних робіт, наявні усі електронні звіти) та набрали протягом семестру необхідну кількість балів (RD ≥ 60), отримують залікову оцінку (залік) так званим «автоматом» відповідно до набраного рейтингу (табл. 1, що наведена нижче). У такому разі до заліково-екзаменаційної відомості вносяться бали RD та відповідні оцінки.
Студенти, які набрали протягом семестру менше ніж 60 балів та не мають заборгованостей, зобов’язані виконувати залікову контрольну роботу.
На заліку студенти виконують письмову контрольну роботу. Кожне завдання містить три теоретичних питання і два практичних. Перелік питань наведений у методичних рекомендаціях до засвоєння кредитного модуля. Кожне питання оцінюється у 20 балів.
Студентам, які протягом семестру набрали більш ніж 60 балів та виконали всі умови допуску, надається можливість виконувати залікову контрольну роботу з метою підвищення оцінки. В такому разі, попередній рейтинг студента з кредитного модуля скасовується і він отримує оцінку з урахуванням результатів залікової контрольної роботи (табл. 1, що наведена нижче).
Система оцінювання питань:
«відмінно», повна відповідь (не менше 90% потрібної інформації) – 18-20 балів;
«добре», достатньо повна відповідь (не менше 75% потрібної інформації, або незначні неточності) – 13-17 балів;
«задовільно», неповна відповідь (не менше 60% потрібної інформації та деякі помилки) – 7-12 балів;
«незадовільно», незадовільна відповідь – 0-6 балів.
Сума набраних балів RD або балів за залікову роботу переводиться до залікової оцінки згідно з таблицею:
Таблиця 1. Переведення рейтингових балів до оцінок за університетською шкалою
| Кількість балів | Оцінка |
| 100-95 | Відмінно |
| 94-85 | Дуже добре |
| 84-75 | Добре |
| 74-65 | Задовільно |
| 64-60 | Достатньо |
| Менше 60 | Незадовільно |
| Не виконані умови допуску | Не допущено |
Додаткова інформація з дисципліни (освітнього компонента)
передбачена можливість закривати частину лабораторного та лекційного матеріалу шляхом здобування сертифікатам по online курсам відповідних розділів та тем дисципліни;
перелік теоретичних питань, які виносяться на семестровий контроль наведено в Додатку 1;
Робочу програму навчальної дисципліни (Силабус):
Складено доцент, к.т.н., Крилов Євген Володимирович
Ухвалено кафедрою ІСТ (протокол № 15 від 15.06.2022 р.)
Погоджено Методичною комісією факультету[1] (протокол № 11 від 07.07.2022 р.)
Додаток 1
Перелік теоретичних питань на залік
Класифікація сайтів
Життєвий цикл створення сайтів.
Векторна графіка.
SVG.
Адаптивний дизайн.
Usability
Просування сайтів в пошукових системах.
Службові дескриптори.
Організація списків.
Форматування символів
Складання таблиць.
Використання форм.
Реалізація XML
Мова DTD
Мова XSD.
Мова Xlink.
Мова Xlink
Мова XPointer.
Мова XPath
Компанування CSS
Класи та псевдокласи CSS
Responsive Design,
Етапи Progressive Enhancement.
Mobile first.
Розмітка для адаптивних сайтів.
Гнучка сітка.
Програми створення адаптивної верстки.
Media queries.
Flexible media
Мова програмування PHP
Вирази, оператори
Масиви
Робота з файлами
PHP та створення динамічних сторінок
Бази даних
Стандартні функції PHP для роботи з MySQL
Cookie.
[1] Методичною радою університету – для загальноуніверситетських дисциплін.
