- •Содержание
- •1 Анализ предметной области 6
- •Введение
- •1 Анализ предметной области
- •Исследование предметной области
- •1.2 Требования к программному обеспечению и разработке
- •1.3 Выбор технологий и средств реализации
- •2 Планирование и реализация разработки
- •2.1 Разработка электронного учебника
- •2.2 Дизайн электронного учебника
- •2.3 Представление основного контента web-учебника
- •2.4 Создание сайта в cms WordPress
- •2.5 Тестирование электронного учебника
- •3 Экономическое обоснование работы
- •3.1 Планирование работы
- •3.2 Расчет сметы затрат на разработку электронного учебника
- •4 Безопасность и экологичность работы
- •4.1 Параметры безопасности при работе за компьютером
- •4.2 Экологичность работы
- •Заключение
- •Список использованных источников
2.3 Представление основного контента web-учебника
Предлагаемое пособие подготовлено в соответствии с образовательными программами подготовки бакалавров и магистров по направлениям: «Конструкторско-технологическое обеспечение машиностроительных производств»; «Эксплуатация транспортно-технологических машин и комплексов» и предназначено для студентов вышеуказанных направлений, а также для специалистов ремонтно-восстановительных производств [1].
На рисунке 4 представлено основное меню web-учебника.
Рисунок 4 – Основное меню
Далее представлены скриншоты каждой из страниц. На рисунке 5 представлена главная страница web-учебника.
Рисунок 5 – Страница «Главная»
На рисунке 6 изображена страница «Практические работы».
Рисунок 6 – Страница «Практические работы»
На странице «Практические работы» можно открыть ссылку любой Практической работы, чтобы прочесть ее. На рисунке 7 изображена страница «Практика №1».
Рисунок 7 – Страница «Практическая работа №1»
На рисунке 8 изображена страница «Учебник».
Рисунок 8 – Страница «Учебника»
На странице «Учебник» находятся ссылки на все главы учебника.
На рисунке 9 изображена страница «Обратная связь».
Рисунок 9 – Страница «Обратная связь»
2.4 Создание сайта в cms WordPress
Для создания электронного учебника был выбран бесплатный хостинг-провайдер 000webhostapp и последняя версия CMS WordPress 5.3. После регистрации на сайте https://www.000webhost.com/, было выбрано и зарегистрировано уникальное доменное имя для электронного учебника, по которому он будет открываться в интернете. Для начала создания своего web-учебника, требуется создать учетную запись, стать первым пользователем своего сайта. На рисунке 10 представлен вход в учетную запись с помощью логина: admin и пароля: tgrfqweasd123.
Рисунок 10 – Вход в учетную запись
После входа в учетную запись открывается консоль WordPress, который доступен только админам. На рисунке 11 представлен консоль web-учебника.
Рисунок 11 - Консоль web-учебника
Дизайн-шаблон или тема WordPress отвечает за внешний вид и функциональность ресурса. Чтобы выбрать подходящую тему, необходимо открыть вкладку «Внешний вид». На рисунке 12 представлена страница «Темы». Для web-учебника была выбрана тема «Vantage».
Рисунок 12 – Страница «Темы»
На вкладке «Внешний вид» представлены несколько тем на выбор, необходимо выбрать готовую либо скачать более подходящую, а затем ее активировать.
Чтобы создать меню необходимо открыть вкладку «Внешний вид – Меню» Далее создать новое меню, ввести название и нажать на кнопку «Создать меню». На рисунке 13 представлена структура меню.
Рисунок 13 – Меню
Для того чтобы добавить новую страницу необходимо зайти на вкладку «Страницы – Добавить новую». Написать заголовок, как изображено на рисунке 14.
Рисунок 14 – Новая страница
Наполнение контента этой страницы осуществляются с помощью плагина Elementor, который является конструктором страниц. На рисунке 15 представлено наполнение контентом.
Рисунок 15 – Наполнение контентом
Так же для разработки электронного учебника по дисциплине «Технология восстановления деталей и сборочных единиц» были использованы дополнительные плагины, такие как: Elementor, Smart Slider 3, TablePress, WPForms Lite.
Elementor – самый продвинутый визуальный конструктор страниц, с помощью которого можно создавать высококачественные pixel perfect сайты в рекордные сроки. Пример результата использования плагина представлен страницей «Практические работы» на рисунке 16.
Рисунок 16 – Плагин «Elementor»
Smart Slider 3 – отличный универсальный слайдер для WordPress. Пример использование представлен с помощью шапки сайта на рисунке 17,18.
Рисунок 17 – Шапка сайта «Слайд 1»
Рисунок 18 – Шапка сайта «Слайд 2»
WPForms Lite – это плагин, позволяющий создавать различные контактные формы. На сайте используется форма для обратной связи, которая представлена на рисунке 20.
Рисунок 19 – Страница «Обратная связь»