Введение 5
1 Обзор литературы и интернет-источников 7
1.1 Обзор литературных источников 7
1.2 Обзор интернет-источников 9
1.3 Анализ учебно-программной документации направления подготовки
09.03.02 Информационные системы и технологии 15
1.3.1 Обзор образовательной программы профиля подготовки
«Информационные технологии в медиаиндустрии» 15
1.3.2 Обзор рабочей программы дисциплины «Web-программирование» 19
1.4 Функционал и требования, предъявляемые к электронному учебному пособию 21
2 Описание структуры и интерфейса электронного учебного пособия «Изучение языка программирования JavaScript в рамках библиотеки jQuery» 27
2.1 Педагогический адрес 27
2.2 Цель и назначение электронного учебного пособия «Изучение языка
программирования JavaScript в рамках библиотеки jQuery» 27
2.3 Структура электронного учебного пособия «Изучение языка
программирования JavaScript в рамках библиотеки jQuery» 28
2.4 Описание интерфейса электронного учебного пособия «Изучение языка
программирования JavaScript в рамках библиотеки jQuery» 30
2.5 Описание теоретического материала 37
2.6 Описание практического материала 40
2.7 Описание справочного материала 43
2.8 Описание редактора 45
2.9 Методические указания 46
2.9.1 Методические указания для преподавателя 46
2.9.2 Методические указания для учащегося 47
Заключение 48
Список использованных источников 50
Приложение 53
Использование электронных учебных пособий в системе образования явление не новое. На текущий момент по множеству дисциплин, изучаемых в рамках высшего образования, есть электронные учебные пособия, либо их электронные альтернативы. Но большинство из данных изданий не адаптировано под современную аудиторию. В пособиях отсутствует интерактивность, визуальная реализация на довольно-таки устаревшем уровне. В связи с этим возникает необходимость модернизации действующих учебных пособий, а так же разработка новых, более адаптированных под обучающихся, учебных пособий.
В век развития информационных технологий разработка интернет- сайтов актуальна как никогда. Самым эффективным способом разработки интернет-сайтов на текущий момент принято считать стек из трех языков программирования: hypertext markup language (HTML), cascading style sheets (CSS) и JavaScript.
С момента создания языка программирования JavaScript прошло уже более двадцати лет. За этот период появилось множество отдельных библиотек данного языка программирования, которые значительно упрощают, а главное, ускоряют разработку интернет-страниц. Изучению одной из таких библиотек — библиотеке jQuery посвящено электронное учебное пособие.
Актуальность данной выпускной квалификационной работы заключается в необходимости повысить эффективность использования электронных учебных пособий путем их модернизации.
Объект выпускной квалификационной работы — процесс обучения студентов направления подготовки 09.03.02 Информационные системы и технологии, профиль «Информационные технологии в медиаиндустрии» дисциплине « Web-программирование».
Предметом выпускной квалификационной работы являются учебные материалы по разделу «Программирование на языке JavaScript с использованием библиотеки jQuery» дисциплины «Web-программирование».
Цель выпускной квалификационной работы — разработать электронное учебное пособие «Изучение языка программирования JavaScript в рамках библиотеки jQuery» дисциплины «Web-программирование».
В соответствии с поставленной целью в работе определены следующие задачи:
1. Проанализировать литературу и интернет-источники с целью выделения требований, предъявляемых к электронным учебным пособиям, разработанным с использованием стека web-технологий на современном этапе развития образования.
2. Проанализировать образовательную программу по направлению подготовки 09.03.02 Информационные системы и технологии, профиль «Ин-формационные технологии в медиаиндустрии», изучить рабочую программу по дисциплине «Web-программирование» для определения содержания элек-тронного учебного пособия.
3. Отобрать содержание для электронного учебного пособия.
4. Выбрать средство реализации электронного учебного пособия.
5. Реализовать электронное учебное пособие «Изучение языка программирования JavaScript в рамках библиотеки jQuery» по дисциплине «Web- программирование».
В результате проделанной работы, была выполнена основная цель: структурировать материал и разработать электронное учебное пособие «Изучение языка программирования JavaScript в рамках библиотеки jQuery», изучаемое в рамках дисциплины «Web-программирование» для обучения студентов высшего образования по направлению подготовки 09.03.02 Информационные системы и технологии, профиль «Информационные технологии в медиаиндустрии».
Вследствие этого были решены следующие задачи:
1. Проанализирована литература и интернет-источники. Анализируя сайты, можно было выделить минусы. Область навигации у многих сайтов и литературных источников отсутствует, что очень затрудняло поиск информации. Многие материалы не структурированы и не актуальны на сегодняшний день. Из этого был сделан вывод, что для реализации качественного электронного учебного пособия материал необходимо отбирать тщательно.
2. Рассмотрены критерии, предъявляемые к электронному учебному пособию. Учитывая критерии, с целью того что бы студент мог эффективно воспринимать информацию, активно быть вовлеченным в процесс обучения.
3. Проанализирована учебно-методическая документация с целью составления тематического плана работы, для реализации знаний, умений и навыков.
4. Структурирован материал по дисциплине «Web-программирование». Материал подобран и структурирован логическими завершающими блоками: практическая часть, блок контроля. В качестве контроля представлены варианты заданий, вопросы и упражнения.
5. Разработан интерфейс электронного учебного пособия, при этом были учтены все требования.
В процессе выполнения выпускной квалификационной работы была внедрена шестая задача — создать встроенный в текст лабораторной работы редактор кода.
Для решения данной задачи были проанализированы несколько готовых решений встроенного редактора, найденных в сети Интернет. Одно из популярных решений — встроенный редактор кода CodeMirror. В данном решении были найдены существенные недочеты, среди которых:
• отсутствие онлайн-поддержи разработчиками;
• большой объем плагина, что существенно влияет на работу электронного учебного пособия;
• сложность в интеграции;
• отсутствие русификации;
• сложность передачи данных в элементы уже созданной страницы.
По результатам проделанного анализа был создан собственный встроенный редактор кода.
С помощью технологий разработки web-сайтов разработано электронное учебное пособие.
Целью выпускной квалификационной работы было разработать электронное учебное пособие. Для достижения цели были выполнены все постав-ленные задачи.
1. Ашманов И. Оптимизация и продвижение сайтов в поисковых системах [Текст]: практическое пособие / И. Ашманов, А. Иванов. — 3-е изд. — Санкт-Петербург: Питер, 2014. — 463 с.
2. Всемирная виртуальная библиотека [Электронный ресурс]. — Режим доступа: http://www.vlib.org/ (дата обращения: 20.04.2019).
3. Гонсалвес Э. Изучаем Java EE 7 [Текст]: книга / Э. Гонсалвес. — Санкт-Петербург: Питер, 2014. — 640 с.
4. Каталог образовательных интернет-ресурсов [Электронный ресурс].
— Режим доступа: http://www.edu.ru/index.php?page_id=6(дата обращения: 20.04.2019).
5. Макфарланд Д. JavaScript и jQuery — исчерпывающее руководство [Текст]: учебник / Д. Макфарланд. — Москва: «Эксмо», 2015. — 880 с.
6. Немцова Т. И. Компьютерная графика и web-дизайн [Текст]: учебное пособие для вузов / Т. И. Немцова, Т. В. Казанкова, А. В. Шнякин. — под ред. Гагариной Л. Г. — Москва: ИНФРА-М, 2014. — 399 с.
7. Основные принципы подготовки презентаций [Электронный ресурс]. — Режим доступа: https://studme.org/50391/menedzhment/osno-vnye _printsipy_podgotovki_prezentatsiy (дата обращения: 24.03.2019).
8. Пескова С. А. Сети и телекоммуникации [Текст]: учебник для вузов / С. А. Пескова, А. В. Кузин. — 5-е изд., перераб. — Москва: Академия, 2014.—313 с.
9. Прохоренок Н. А. HTML, JavaScript, PHP и MySQL. Джентельменский набор web-мастера [Текст]: учебник / Н. А. Прохоренок, В. А. Дронов.
— Санкт-Петербург, 2015. — 768 с.
10. Рафаэлло Ч. Графика на JavaScript [Текст]: учебник / Ч. Рафаэлло.
— Санкт-Петербург: Питер, 2013. — 272 с.
11. Резиг Д. JavaScript для профессионалов [Текст]: учебник / Д. Ризиг, Р. Фергюсон, Д. Пакстон. — Москва: ООО «И.Д. Вильямс», 2016. — 240 с.
12. Резиг Д. Секреты JavaScript ниндзя [Текст]: учебник / Д. Ризиг, Б. Бибо, И. Марас. — Санкт-Петербург: ООО «Альфа-книга», 2017. — 544с.
13. Разработка электронного учебного пособия [Электронный ресурс]. — Режим доступа: https://sites.google.com/site/razrabotkaelektronnogoposobia/(дата обращения: 20.03.2019).
14. Российская государственная библиотека [Электронный ресурс]. — Режим доступа: https://www.rsl.ru/(дата обращения: 20.04.2019).
15. Симпсон К. ES6 и не только [Текст]: учебник / К. Симпсон. — Санкт-Петербург: Питер, 2017. — 336 с.
16. Сергеев А. Н. Создание сайтов на основе WordPress [Электронный ресурс]. — Режим доступа: https://e4anbook.com/book/68457/(дата обращения: 20.04.2019).
17. Столбовский Д. Н. Основы разработки web-приложений на ASP.NET[Электронный ресурс]. — Режим доступа: http://www.iprbookshop.ru/52193.html(дата обращения: 20.03.2019).
18. Сысолетин Е. Г. Проектирование интернет-приложений [Электронный ресурс]. — Режим доступа: http://elar.urfu.ru/handle/10995/34785(дата обращения: 20.03.2019).
19. Тукеев У. А. Программирование web-приложений информационных систем [Электронный ресурс]. — Режим доступа: http://www.iprbookshop.ru/61206 (дата обращения: 27.04.2019).
20. Удовицкий И. А. Электронное учебное пособие «Программирование на JavaScript» [Электронный ресурс]. — Режим доступа: https://cyberleninka.ru/article/n/elektronnoe-uchebnoe-posobie-programmirovanie- na-javascript(дата обращения: 24.04.2019).
21. Учебник «jQuery» [Электронный ресурс]. — Режим доступа: https://wisdomweb.ru/JQ/jquery-first.php(дата обращения: 20.03.2019).
22. Учебники, задачники, справочники по web языкам [Электронный ресурс]. — Режим доступа: http://code.mu/(дата обращения: 25.04.2019).
23. Флойд К. С. Введение в программирование на PHP5 [Электронный ресурс]. — Режим доступа: http://www.iprbookshop.ru/73667.html(дата обращения: 20.03.2019).
24. Центральный JavaScript-ресурс [Электронный ресурс]. — Режим доступа: https://javascript.ru/(дата обращения: 20.04.2019).
25. HTML, CSS, JavaScript и jQuery [Электронный ресурс]. — Режим доступа: https://html5book.ru/(дата обращения: 22.04.2019).
26. labs.org.ru[Электронный ресурс] / Практические работы и задания по программированию, их выполнение. — Режим доступа: http://labs.org.ru/(дата обращения: 25.04.2019).
27. Metanit.com[Электронный ресурс] / Сайт о программировании. — Режим доступа: https://metanit.com/(дата обращения: 28.04.2019).
28. Rainbow [Электронный ресурс] / Javascript Code Syntax Highlighting. — Режим доступа: https://craig.is/making/rainbows(дата обращения: 28.04.2019).
29. site-do.ru[Электронный ресурс] / Как создать свой сайт бесплатно, быстро сделать сайт самому. — Режим доступа: https://site-do.ru/(дата обращения: 30.04.2019).
30. wm-school.ru[Электронный ресурс] / Сайт для web-мастеров, учебники для web-программистов. — Режим доступа: http://wm-school.ru/(дата обращения: 02.05.2019).