ВВЕДЕНИЕ 3
1. Анализ решений и программного обеспечения для web-разработки 5
1.1. Обзор существующих обучающих приложений 5
1.2. Инструменты и технологии для создания обучающего веб-приложения 8
1.2.1. CMS 8
1.2.2. Эмулятор веб-сервиса 15
1.2.3. JavaScript 16
2. Разработка web-приложения для обучения основам создания сайтов 17
2.1. Постановка задачи 17
2.1.1. Функциональные требования к веб-сайту 18
2.1.2. Требования к usability 18
2.2. Реализация сайта 20
2.2.1. Установка и настройка локальной среды разработки 20
2.2.2. Установка CRM 21
2.2.3. Интерфейс страниц 24
2.2.4. Обучающий материал 28
ЗАКЛЮЧЕНИЕ 33
ЛИТЕРАТУРА 34
ПРИЛОЖЕНИЕ
В современном мире все сферы деятельности людей подвержены влиянию информационных технологий. Следовательно, ИТ оказывает большое влияние на интеллектуализацию общества и его образовательный процесс, способствует формированию информационной культуры личности, повышает эффективность и качество учебно-воспитательного процесса. Всё больше людей разного возраста начинают проявлять интерес к веб-разработке. Чем же может быть привлекательным интернет для начинающих заниматься программированием, помимо социальных сетей и роликов на YouTube? Конечно, внимание интернет-пользователей привлекают ресурсы с интересным и профессиональным веб-дизайном. Многие начинают задумываться о создании своего сайта. И в случае c web всё просто - можно программировать даже из блокнота и выводить результат в браузер. А благодаря Интернет-ресурсам, научится этому можно в разы быстрее.
Актуальность темы
Тема дипломного проекта актуальна и может представлять интерес как для широкого круга общественности, так и, в частности, для студентов высших учебных заведений, а также для самих учебных заведений. Так как уже MVP (минимально жизнеспособный продукт), получившийся бы в результате разработки, представлял бы собой ресурс, обладающий востребованным функционалом, таким как прохождение обучающих курсов для повышения уровня образованности.
Цель
Целью данной работы является создание обучающего веб-сайта, в котором пользователи с нуля могли бы изучить основы веб-разработки, в частности языков html и css. Для реализации поставленной цели в работе ставятся задачи:
• анализ создания сайтов
• выбор программных средств для разработки
• подбор материала для обучения
• написание javascript-кодов
Научная новизна работы состоит в разработке приложения, отвечающего основным потребностям целевой аудитории в сфере обучения. Проект разрабатывается на основе обобщения существующих теоретических и практических материалов.
Объект исследования - обучающие приложения для освоения основ вебразработки. Предмет исследования - ресурс для обучения основам html, css.
Результатом выпускной квалификационной работы является разработанный проект - Web-приложение на базе CMS WordPress для обучения основам HTML и CSS. Выполнен обзор существующих решений и выбор CMS для разработки сайта, изложены общие сведения о CMS, выполнены обоснование и выбор CMS, рассмотрены возможности WordPress. Установлена и настроена локальная среда разработки, установлена и настроена CMS WordPress.
В ходе выполнения данной работы была решены следующие задачи.
• проанализирована предметная область проекта;
• проведен анализ существующих аналогичных приложений;
• определен функционал разрабатываемого приложения;
• подобран обучающий материал;
• реализованы логика приложения с удобным интерфейсом, для обучения пользователя.
Таким образом, поставленные задачи выполнены - цель выпускной квалификационной работы достигнута.
