| Закреплена за кафедрой | Отделение экономики и информационных технологий |
|---|---|
| Направление подготовки | 09.02.07. Информационные системы и программирование |
| Разработчик веб и мультимедийных приложений | |
| Форма обучения | Очная |
| Общая трудоемкость | 0 ЗЕТ |
| Учебный план | 09_02_07_ИнфСистемыПрогр_веб-2022_9кл |
|
|
||||||||||||||
Распределение часов по семестрам
| Курс (семестр) | 3 (6) | 4 (7) | Итого | |||
|---|---|---|---|---|---|---|
| Недель | 17 | 16 | ||||
| Вид занятий | УП | РПД | УП | РПД | УП | РПД |
| Лекции | 24 | 24 | 68 | 68 | 92 | 92 |
| Лабораторные | 24 | 24 | 78 | 78 | 102 | 102 |
| Сам. работа | 2 | 2 | 32 | 32 | 34 | 34 |
| Итого | 50 | 50 | 178 | 178 | 228 | 228 |
| 1.1. | формировать умение работы с современными Интернет технологиями, принципами и методами сопровождения, оптимизации и оценки качества WEB-страниц и WEB-сайтов |
|---|
| Цикл (раздел) ООП: МДК.09 |
| ОК 01. | Выбирать способы решения задач профессиональной деятельности применительно к различным контекстам; |
| ОК 02. | Использовать современные средства поиска, анализа и интерпретации информации и информационные технологии для выполнения задач профессиональной деятельности; |
| ОК 03. | Планировать и реализовывать собственное профессиональное и личностное развитие, предпринимательскую деятельность в профессиональной сфере, использовать знания по правовой и финансовой грамотности в различных жизненных ситуациях; |
| ОК 04. | Эффективно взаимодействовать и работать в коллективе и команде; |
| ОК 05. | Осуществлять устную и письменную коммуникацию на государственном языке Российской Федерации с учетом особенностей социального и культурного контекста; |
| ОК 06. | Проявлять гражданско-патриотическую позицию, демонстрировать осознанное поведение на основе традиционных российских духовно-нравственных ценностей, в том числе с учетом гармонизации межнациональных и межрелигиозных отношений, применять стандарты антикоррупционного поведения; |
| ОК 07. | Содействовать сохранению окружающей среды, ресурсосбережению, применять знания об изменении климата, принципы бережливого производства, эффективно действовать в чрезвычайных ситуациях; |
| ОК 08. | Использовать средства физической культуры для сохранения и укрепления здоровья в процессе профессиональной деятельности и поддержания необходимого уровня физической подготовленности; |
| ОК 09. | Пользоваться профессиональной документацией на государственном и иностранном языках. |
| ПК 9.7. | Осуществлять сбор статистической информации о работе веб-приложений для анализа эффективности его работы. |
| ПК 9.9. | Модернизировать веб-приложение с учетом правил и норм подготовки информации для поисковых систем. |
| ПК 9.10. | Реализовывать мероприятия по продвижению веб-приложений в информационно-телекоммуникационной сети "Интернет". |
| В результате освоения дисциплины обучающийся должен | |
| 3.1. | Знать: |
|---|---|
| 3.1.1. | принципы функционирования поисковых сервисов и особенности оптимизации веб-приложений под них; |
| 3.2. | Уметь: |
| 3.2.1. | осуществлять оптимизацию веб-приложения с целью повышения его рейтинга в сети Интернет; |
| 3.3. | Иметь навыки и (или) опыт деятельности (владеть): |
| 3.3.1. | модернизации веб-приложений с учетом правил и норм подготовки информации для поисковых систем; реализации мероприятий по продвижению веб-приложений в сети Интернет |
| Код занятия | Наименование разделов и тем | Вид занятия | Семестр | Часов | Компетенции | Литература |
|---|---|---|---|---|---|---|
| Раздел 1. Методы оптимизации веб - приложений | ||||||
| 1.1. | Лекция №1-2. Введение. Продвижение сайтов. | Лекции | 6 | 4 | ПК 9.7., ОК 08., ОК 01. | Л1.1, Л2.1, Л2.2 |
| 1.2. | Лекция №3-4. Внутренняя оптимизация (SEO) | Лекции | 6 | 4 | ПК 9.10., ПК 9.9., ПК 9.7. | Л1.1, Л2.1, Л2.2 |
| 1.3. | Лекция №5-6. Контекстная оптимизация JavaScript. | Лекции | 6 | 4 | ПК 9.7., ОК 03., ОК 02., ОК 01. | Л1.1, Л2.1, Л2.2 |
| 1.4. | Лекция №7-8. Сбор статистики. | Лекции | 6 | 4 | ПК 9.9., ПК 9.7., ОК 05., ОК 04., ОК 03. | Л1.1, Л2.1, Л2.2 |
| 1.5. | Лекция №9-10. HTML5: Концепция Canvas. Оптимизация JS с помощью ООП. | Лекции | 6 | 4 | ПК 9.10., ОК 09., ОК 08., ОК 07., ОК 06. | Л1.1, Л2.1, Л2.2 |
| 1.6. | Лекция №11. Базовая математика в JavaScript. | Лекции | 6 | 2 | ПК 9.9., ПК 9.7., ОК 07., ОК 06. | Л1.1, Л2.1, Л2.2 |
| 1.7. | Лекция №12. Оптимизация программного создания таблиц в JS с использованием методологии ООП. | Лекции | 6 | 2 | ПК 9.7., ОК 05., ОК 04. | Л1.1, Л2.1, Л2.2 |
| 1.8. | Лекция №1-2. Измерение производительности JavaScript-функций. | Лекции | 7 | 4 | ПК 9.7. | Л1.1, Л2.1, Л2.2 |
| 1.9. | Лекция №3-5. Создание вкладок в JS. Оптимальный вариант задания структуры. | Лекции | 7 | 6 | ПК 9.9., ОК 03., ОК 02., ОК 01. | Л1.1, Л2.1, Л2.2 |
| 1.10. | Лекция №6-7. Мультимедиа в HTML5. JS-проигрыватель файлов мультимедиа. | Лекции | 7 | 4 | ПК 9.9., ОК 05., ОК 04. | Л1.1, Л2.1, Л2.2 |
| 1.11. | Лекция №8-10. Методы оптимизации веб-приложений: Адаптивный дизайн. Css-фреймворк Brootstrap. | Лекции | 7 | 6 | ПК 9.10., ОК 07., ОК 06. | Л1.1, Л2.1, Л2.2 |
| 1.12. | Лекция №11-12. Оптимизация обработчиков событий в JavaScript. | Лекции | 7 | 4 | ПК 9.7., ОК 09., ОК 08. | Л1.1, Л2.1, Л2.2 |
| 1.13. | Лекция №13-16. Последовательность разработки адаптивного дизайна в Bootstrap | Лекции | 7 | 8 | ПК 9.7., ОК 03. | Л1.1, Л2.1, Л2.2 |
| 1.14. | Лекция №17-19. Использование медиазапросов. | Лекции | 7 | 6 | ПК 9.9., ОК 02., ОК 01. | Л1.1, Л2.1, Л2.2 |
| 1.15. | Лекция №20-22. Стили управления формами в Bootstrap. | Лекции | 7 | 6 | ПК 9.7., ОК 03., ОК 02. | Л1.1, Л2.1, Л2.2 |
| 1.16. | Лекция №23-25. Группировка списков в Bootstrap. | Лекции | 7 | 6 | ПК 9.7., ОК 09. | Л1.1, Л2.1, Л2.2 |
| 1.17. | Лекция №26-30. SEO - поисковое продвижение и оптимизация. | Лекции | 7 | 10 | ПК 9.7. | Л1.1, Л2.1, Л2.2 |
| 1.18. | Лекция №31-32. Css переменные. | Лекции | 7 | 4 | ПК 9.7., ОК 08., ОК 01. | Л1.1, Л2.1, Л2.2 |
| 1.19. | Лекция №33-34. Классификация панелей навигации. | Лекции | 7 | 4 | ПК 9.9., ОК 06., ОК 05., ОК 04. | Л1.1, Л2.1, Л2.2 |
| 1.20. | Проведение общего аудита сайта: SEO, юзабилити, тексты | Лабораторные | 6 | 24 | ПК 9.9., ПК 9.7. | Л1.1, Л2.1, Л2.2 |
| 1.21. | Исследование способов ускорения загрузки сайтов | Лабораторные | 7 | 18 | ПК 9.7. | Л1.1, Л2.1, Л2.2 |
| 1.22. | Проведение внутренней SEO оптимизация сайта | Лабораторные | 7 | 24 | ПК 9.10., ПК 9.9. | Л1.1, Л2.1, Л2.2 |
| 1.23. | Техническая оптимизация, дополнительные настройки | Лабораторные | 7 | 20 | ПК 9.9., ПК 9.7. | Л1.1, Л2.1, Л2.2 |
| 1.24. | Улучшение поведенческих факторов | Лабораторные | 7 | 16 | ПК 9.10., ПК 9.7. | Л1.1, Л2.1, Л2.2 |
| 1.25. | Исследование способов ускорения загрузки сайтов | Сам. работа | 6 | 2 | ПК 9.7., ОК 05., ОК 03., ОК 02. | Л1.1, Л2.1, Л2.2 |
| 1.26. | Внешняя поисковая оптимизация (SEO) | Сам. работа | 7 | 12 | ОК 09., ОК 06., ОК 03., ОК 02. | Л1.1, Л2.1, Л2.2 |
| 1.27. | Техническая оптимизация, дополнительные настройки | Сам. работа | 7 | 20 | ПК 9.10., ПК 9.9., ОК 07., ОК 05., ОК 04., ОК 03. | Л1.1, Л2.1, Л2.2 |
| 5.1. Контрольные вопросы и задания для проведения текущего контроля и промежуточной аттестации по итогам освоения дисциплины |
| Оценочные материалы для текущего контроля (лекции, лабораторные работы, индивидуальное задание, тесты) размещены в онлайн-курсе на образовательном портале https://portal.edu.asu.ru/enrol/index.php?id=10693 ПРОМЕЖУТОЧНАЯ АТТЕСТАЦИЯ ПО МЕЖДИСЦИПЛИНАРНОМУ КУРСУ (за 1 семестр) размещен в онлайн-курсе на образовательном портале https://portal.edu.asu.ru/course/view.php?id=10693#section-2 ПРОМЕЖУТОЧНАЯ АТТЕСТАЦИЯ ПО МЕЖДИСЦИПЛИНАРНОМУ КУРСУ (за 2 семестр) размещен в онлайн-курсе на образовательном портале https://portal.edu.asu.ru/course/view.php?id=10693#section-5 1. Форма проведения промежуточной аттестации: зачет с 6 семестре, дифференцированный зачёт в 7 семестре. 2. Процедура проведения: Основную часть работы студенты выполняют за компьютером. Также отвечают устно на дополнительные вопросы. Студент допускается к дифференцированному зачёту, если имеет семестровый рейтинг не менее 50 баллов. Примечание: Студенты, выполнившие на положительную оценку все обязательные виды запланированных учебных заданий, могут автоматически получить оценку в соответствии с набранными баллами. Повышение оценки на зачете возможно только на 1 балл. Основная часть дифференцированного зачёта состоит из двух заданий, заключающихся в написании компьютерных программ. Устная часть предполагает ответы два вопроса по прослушанным в рамках лекций темам, а также вопросам, предлагавшимся для изучения в рамках самостоятельной работы. Пример заданий из основной части дифференцированного зачёта: Номер задания Задача 1 Разработать программу, которая работает с базой данных Библиотека. 2 Разработать графический интерфейс для программы, выполненной по заданию 1. Примерный перечень вопросов для подготовки к устной части дифференцированного зачёта 1 Продвижение сайтов. Основные понятия. Какие сайты можно продвигать. Оценка эффективности продвижения. О гарантиях в SEO. Пояснить на примерах. 2 Классификация поисковых запросов. Конверсия. Примеры. Сбор статистики. 3 История развития поисковых систем. Факторы ранжирования. Поддомены и SEO. Юзабилити сайта. 4 Проведение общего аудита сайта. 5 Общая информация и фильтрах. Виды фильтров. Фильтры Яндекса. Фильтры Google. Яндекс фильтры за накрутку поведенческих факторов . 6 Исследование способов ускорения загрузки сайтов. 8 Внутренняя поисковая оптимизация (SEO). Понятия. Виды контента на сайте. Тексты и HTML-код. Оформление текста на странице. Перелинковка и структура сайта. Тексты внутренних ссылок. Частота обновления информации на сайте . 9 Техническая оптимизация, дополнительные настройки. 10 Индексация сайта. Адаптация под различные устройства и разрешения, PPI.Увеличение посещаемости сайта. Конвертация трафика . 11 Улучшение поведенческих факторов, оптимизация и написания обработчиков JavaScipt в соответствии со стандартами разработки. 12 Прогон по каталогам. Доски объявлений. Каталоги статей и пресс- релизов. Обмен ссылками. Моделирование ранжирования . Примеры. 14 Освоение адаптивного фреймворка Bootstrap 5. Создание макетов с помощю собственной сеточной системы Bootstrap. 15 Анализ ссылочного профиля. Новостное продвижение. Посты. Статейное продвижение. Вечные ссылки. SEO-агрегаторы и продвижение сайта. 16 Поисковые запросы в SEO-тексте. Логика, структура и композиция SEO- текста/ Система оценивания отдельных заданий и зачетной работы в целом 85-100 баллов (оценка «отлично») Представлен развернутый ответ на теоретический вопрос, а также поэтапное решение практического задания с пояснениями. Студент ориентируется в излагаемом материале, отвечает на дополнительные вопросы, связанные демонстрирует глубокие теоретические знания, знание первоисточников. 70-84 баллов (оценка «хорошо») Представлен достаточно развернутый ответ на теоретический вопрос, а также поэтапное решение практического задания с пояснениями. В решении практического задании могут быть допущены вычислительные ошибки, не искажающие лежащего в основе решения алгоритма Студент уверенно отвечает на дополнительные вопросы, демонстрирует достаточно высокий уровень теоретических знаний, знание первоисточников. 50-69 баллов (оценка «удовлетворительно») Представлен не полный ответ на теоретический вопрос, В решении практического задании могут быть допущены вычислительные ошибки, не искажающие лежащего в основе решения алгоритма. Студент демонстрирует достаточный уровень теоретических знаний, однако затрудняется отвечать на отдельные вопросы. 0-49 баллов (оценка «неудовлетворительно») Теоретический вопрос не раскрыт, в решении практического задания допущены существенные ошибки, ввиду незнания алгоритмов решения. Либо дан ответ только на один из вопросов билета. Студент затрудняется отвечать на дополнительные вопросы, в том числе непосредственно относящиеся к сути теоретического и практического вопросов зачетного задания. |
| 5.2. Темы письменных работ для проведения текущего контроля (эссе, рефераты, курсовые работы и др.) |
| не предусмотрено |
| 5.3. Фонд оценочных средств для проведения промежуточной аттестации |
| ПРОМЕЖУТОЧНАЯ АТТЕСТАЦИЯ ПО МЕЖДИСЦИПЛИНАРНОМУ КУРСУ 1. Форма проведения промежуточной аттестации: дифференцированный зачёт в 6 семестре и зачет с оценкой в 7 семестре. 2. Процедура проведения: Основную часть работы студенты выполняют за компьютером. Также отвечают устно на дополнительные вопросы. Студент допускается к дифференцированному зачёту, если имеет семестровый рейтинг не менее 50 баллов. Примечание: Студенты, выполнившие на положительную оценку все обязательные виды запланированных учебных заданий, могут автоматически получить оценку в соответствии с набранными баллами. Повышение оценки на зачете возможно только на 1 балл. Основная часть дифференцированного зачёта состоит из двух заданий, заключающихся в написании компьютерных программ. Устная часть предполагает ответы два вопроса по прослушанным в рамках лекций темам, а также вопросам, предлагавшимся для изучения в рамках самостоятельной работы. Пример заданий из основной части дифференцированного зачёта (экзамена): Номер задания Задача 1 Разработать программу, которая работает с базой данных Библиотека. 2 Разработать графический интерфейс для программы, выполненной по заданию 1. Примерный перечень вопросов для подготовки к устной части дифференцированного зачёта 1 Продвижение сайтов. Основные понятия. Какие сайты можно продвигать. Оценка эффективности продвижения. О гарантиях в SEO. Пояснить на примерах. 2 Классификация поисковых запросов. Конверсия. Примеры. Сбор статистики. 3 История развития поисковых систем. Факторы ранжирования. Поддомены и SEO. Юзабилити сайта. 4 Проведение общего аудита сайта. 5 Общая информация и фильтрах. Виды фильтров. Фильтры Яндекса. Фильтры Google. Яндекс фильтры за накрутку поведенческих факторов . 6 Исследование способов ускорения загрузки сайтов. 8 Внутренняя поисковая оптимизация (SEO). Понятия. Виды контента на сайте. Тексты и HTML-код. Оформление текста на странице. Перелинковка и структура сайта. Тексты внутренних ссылок. Частота обновления информации на сайте . 9 Техническая оптимизация, дополнительные настройки. 10 Индексация сайта. Адаптация под различные устройства и разрешения, PPI.Увеличение посещаемости сайта. Конвертация трафика . 11 Улучшение поведенческих факторов, оптимизация и написания обработчиков JavaScipt в соответствии со стандартами разработки. 12 Прогон по каталогам. Доски объявлений. Каталоги статей и пресс- релизов. Обмен ссылками. Моделирование ранжирования . Примеры. 14 Освоение адаптивного фреймворка Bootstrap 5. Создание макетов с помощю собственной сеточной системы Bootstrap. 15 Анализ ссылочного профиля. Новостное продвижение. Посты. Статейное продвижение. Вечные ссылки. SEO-агрегаторы и продвижение сайта. 16 Поисковые запросы в SEO-тексте. Логика, структура и композиция SEO- текста/ Система оценивания отдельных заданий и зачетной работы в целом 85-100 баллов (оценка «отлично») Представлен развернутый ответ на теоретический вопрос, а также поэтапное решение практического задания с пояснениями. Студент ориентируется в излагаемом материале, отвечает на дополнительные вопросы, связанные демонстрирует глубокие теоретические знания, знание первоисточников. 70-84 баллов (оценка «хорошо») Представлен достаточно развернутый ответ на теоретический вопрос, а также поэтапное решение практического задания с пояснениями. В решении практического задании могут быть допущены вычислительные ошибки, не искажающие лежащего в основе решения алгоритма Студент уверенно отвечает на дополнительные вопросы, демонстрирует достаточно высокий уровень теоретических знаний, знание первоисточников. 50-69 баллов (оценка «удовлетворительно») Представлен не полный ответ на теоретический вопрос, В решении практического задании могут быть допущены вычислительные ошибки, не искажающие лежащего в основе решения алгоритма. Студент демонстрирует достаточный уровень теоретических знаний, однако затрудняется отвечать на отдельные вопросы. 0-49 баллов (оценка «неудовлетворительно») Теоретический вопрос не раскрыт, в решении практического задания допущены существенные ошибки, ввиду незнания алгоритмов решения. Либо дан ответ только на один из вопросов билета. Студент затрудняется отвечать на дополнительные вопросы, в том числе непосредственно относящиеся к сути теоретического и практического вопросов зачетного задания. |
| 6.1. Рекомендуемая литература | ||||
| 6.1.1. Основная литература | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л1.1 | Тузовский, А. Ф. | Проектирование и разработка web-приложений: учебное пособие для среднего профессионального образования | Юрайт, 2024 | urait.ru |
| 6.1.2. Дополнительная литература | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л2.1 | Тузовский А.Ф. | ПРОЕКТИРОВАНИЕ И РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ. Учебное пособие для академического бакалавриата: Гриф УМО | М.:Издательство Юрайт, 2018 | biblio-online.ru |
| Л2.2 | Тузовский, А. Ф. | Проектирование и разработка web-приложений: учебное пособие для среднего профессионального образования | Москва : Издательство Юрайт, 2022 | urait.ru |
| 6.2. Перечень ресурсов информационно-телекоммуникационной сети "Интернет" | ||||
| Название | Эл. адрес | |||
| Э1 | Оптимизация веб-приложений | portal.edu.asu.ru | ||
| Э2 | Проежуточная аттестация (1 семестр) | portal.edu.asu.ru | ||
| Э3 | Проежуточная аттестация (2 семестр) | portal.edu.asu.ru | ||
| 6.3. Перечень программного обеспечения | ||||
| Операционная система Windows и/или AstraLinux Open Office или Libreoffice PyCharm Community Edition Chromium Mozilla FireFox Ark Okular Gimp Inkscape Visual Studio Code VirtualBox R Studio GitHub Desktop PovRay Anaconda PSPP Common Lisp Strawberry Prolog Android Studio Intellij Idea IDE NetBeans Blender DBeaver Community' Dia Krita Drakon Xampp Unity NetEmul Lazarus scilab QTEPLOT GNUplot QGIS ГИС Аксиома XnView Audacity Dr.Explain | ||||
| 6.4. Перечень информационных справочных систем | ||||
| Информационная справочная система: СПС КонсультантПлюс (инсталлированный ресурс АлтГУ или http://www.consultant.ru/) Профессиональные базы данных: Электронная библиотечная система Алтайского государственного университета (http://elibrary.asu.ru/); Научная электронная библиотека elibrary (http://elibrary.ru) | ||||
| Аудитория | Назначение | Оборудование |
|---|---|---|
| 203Н | кабинет математики; кабинет математических дисциплин; кабинет статистики; кабинет математики и информатики; кабинет информационных систем в профессиональной деятельности – учебная аудитория для проведения занятий всех видов (дисциплинарной, междисциплинарной и модульной подготовки), групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации | Учебная мебель на 54 посадочных места; рабочее место преподавателя; маркерная доска – 1 ед.; компьютер (модель: Aquarius) с доступом в информационно-телекоммуникационную сеть Интернет – 1 ед.; интерактивная доска (марка: Smart) – 1 ед.; проектор (марка: Smart) – 1 ед..; калькуляторы; чертежные принадлежности; модели геометрических тел; раздаточный дидактический материал; учебно-методические издания; таблицы. |
| 410Н | лаборатория информационно-ком-муникационных технологий; лаборатория информационных систем в профессиональной деятельности; лаборатория учебная бухгалтерия; лаборатория информатики; лаборатория систем электронного документооборота; лаборатория информатики и информационно-коммуникационных технологий в профессиональной деятельности; лаборатория информационных технологий в профессиональной деятельности; лаборатория технических средств обучения - учебная аудитория для проведения занятий всех видов (дисциплинарной, междисциплинарной и модульной подготовки), групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации | Автоматизированные рабочие места на 10 обучающихся; автоматизированное рабочее место преподавателя (ноутбук); компьютеры (марка: HP) с доступом в информационно-телекоммуникационную сеть Интернет и электронную информационно-образовательную среду АлтГУ; маркерная доска - 1 ед.; тематические плакаты. |
| Для успешного овладения дисциплиной необходимо выполнять следующие требования: -посещать все лекционные и лабораторные занятия -все рассматриваемые на лекциях и лабораторных занятиях темы и вопросы обязательно фиксировать в тетради; -обязательно выполнять все домашние задания, получаемые на лекциях или лабораторных занятиях; -в случаях пропуска занятий по каким-либо причинам, необходимо обязательно самостоятельно изучать соответствующий материал. При изучении дисциплины обучающимся рекомендуется пользоваться лекциями, учебниками и учебными пособиями. Рекомендуемый перечень литературы приведен в рабочей программе. Запись лекции одна из основных форм активной работы студентов, требующая навыков и умения кратко, схематично, последовательно и логично фиксировать основные положения, выводы, обобщения, формулировки. При подготовке к лабораторному занятию следует: -внимательно изучить задание, определить круг вопросов; -определить список необходимой литературы и источников, используя список, предложенный в рабочей программе; -изучить конспект лекций по данной теме. В процессе этой работы необходимо понять и запомнить основные положения рассматриваемого материала, примеры, поясняющие его, а также разобраться в иллюстративном материале. Заканчивать подготовку следует закреплением материала, с использованием при необходимости соответствующих программных продуктов. При реализации дисциплины используются активные и интерактивные формы проведения занятий. При проведении лекционных занятий: лекция-беседа. При проведении лабораторных занятий: работа в малых группах, моделирование производственных процессов и ситуаций. |