65
Таблица 2 – Описание основных таблиц модели данных
Название таблицы
Описание
wp_terms
Содержит названия рубрик, ссылок, параметров.
Названия являются уникальными, они привязываются к
определенной странице сайта.
wp_term_taxonomy
Содержит сопоставление терминов с их типами.
Например, рубрика сопоставляется с её названием.
wp_posts
Содержит информацию о страницах сайта.
wp_postmeta
Содержит дополнительные атрибуты для дополнения
основной информации о страницах сайта.
wp_term_relationships
Содержит связи между страницами и их рубриками,
метками.
wp_comments
Комментарии страницы.
wp_links
Список типов ссылок на страницы.
wp_users
Информация о пользователях.
wp_usermeta
Дополнительная информация о пользователях.
wp_options
Опции базы данных и сайта: название сайта, адрес,
почтовый адрес, телефоны и так далее.
База данных была создана в MySQL через phpMyAdmin, она имеет
название educationSiteBase. Кодировка базы utf8_general_ci для корректного
отображения русских букв.
Существует несколько категорий пользователей сайта:
1. Пользователь-лицо, желающее получить образовательные услуги,
предоставляемые сайтом.
2. Администратор-лицо, имеющее доступ к редактированию сайта.
2.4 Схема работы администратора
Любая CMS состоит из двух модулей:
- модуль работы с пользователями;
- модуль администрирования веб-сайта (веб-портал).
66
Административный модуль позволяет управлять сайтом. Любое
изменение страниц, элементов базы данных, плагинов происходит из этого
модуля. Система управления лентой активности образовательного сайта-это
функционал модуля администратора.
Модуль работы с пользователями - это «лицо» сайта, зона для студентов,
здесь отображается информация, которая была создана или добавлена
администратором сайта из административного модуля.
На рис. 5 представлены механизмы взаимодействия CMS, посетителя и
администратора веб-сайта.
Рисунок 5 – Схема работы посетителя и администратора веб-сайта
Благодаря этой CMS, администратор образовательной площадки может
управлять активностью ленте сайта без каких-либо специальных навыков, то
есть, создавать новые страницы, менять информацию на уже созданные
страницы, изменять цветовые схемы, загрузите изображения, видео и т. д.
При входе в админ панель CMS WordPress необходимо войти как
пользователь с правами администратора. На рис. 6 представлено как происходит
авторизация в CMS WordPress.
67
Рисунок 6 – Авторизация в CMS WordPress
После корректной авторизации администратор может с помощью
удобного меню слева административной консоли начать настраивать вебсайт.
Проанализируем, как существует система «веб-сайт» во времени. Начало
отсчета периода времени можно начинать с момента возникновения потребности
создания сайта, а конец периода приходится на момент его полного изъятия из
эксплуатации.
Исходя из данных этапов жизненного цикла интернет-сайта были
сформулированы классификационные признаки сайтов. Например, по цели
создания, потребности потребителя, по типу поддержки, по типу вывода из
эксплуатации.
68
На примере некоторых сайтов мы проанализируем какие потребности
пользователя относятся к тому или иному сайту. Духовые потребности
необходимы сайтам, таким как информационные и новостные службам,
поисковые сайты, сайты общественной организации. Потребность в
безопасности нужна поисковым сайтам и сайтам государственных организаций.
Физиологические потребности необходимы почти всем сайтам, разных
направлений. Наш сайт является Бизнес – сайтом и мы изучили его
потребности. В них входят: потребность в статусе, потребность
принадлежности к социальной группе, потребность в безопасности,
физиологическая потребность.
Так же, сайты можно классифицировать по типу технологии
материализации. По технологии создания веб-сайтов можно выделить
следующие типы:
1. Интернет сайт, разработанный при помощи онлайн серверов. Очень
удобно создавать сайт такого типа при ограниченном бюджете и времени.
2. Интернет сайт, созданный при помощи CMS (система управления
содержимым).
3. Интернет – сайт, разработанный с помощью специального пакета
программ.
4. Интернет-сайт, написанный на любом языке веб-программирования.
Например, html, php.
2.5 Выводы
Образовательный сайт имеет шаблонную структуру, то есть подходит для
стандартных решений с точки зрения веб-программиста. В случае стандартных
решений сайта, многие системы управления контентом (CMS) уже созданы.
Исходя из анализа, предпочтительнее для студента с небольшим опытом
создания сайтов до 3-х лет выбрать CMS WordPress.
При выборе сборки для запуска веб-сайта на локальном компьютере был
выбран XAMPP.
Существует несколько категорий пользователей сайта:
69
- пользователь-лицо, желающее получить образовательные услуги,
предоставляемые сайтом;
- администратор-лицо, имеющее доступ к редактированию сайта.
Любая CMS состоит из двух модулей:
- модуль работы с пользователями;
- модуль администрирования веб-сайта (веб-портал).
Административный модуль позволяет управлять сайтом. Любое
изменение страниц, элементов базы данных, плагинов происходит из этого
модуля. Система управления лентой активности образовательного сайта-это
функционал модуля администратора.
70
3. РАЗРАБОТКА ПРИЛОЖЕНИЯ
3.1 Описание структуры и дизайна пользовательского
интерфейса
Пользовательский интерфейс сайта понимается как набор элементов,
позволяющих пользователю контролировать свою работу и получать требуемые
результаты. По сути, пользовательский интерфейс - это канал, через который
осуществляется взаимодействие между Пользователем и сайтом [2, C. 101].
Пользовательский интерфейс сайта включает:
- средства отображения информации, отображаемая информация, форматы
и коды;
- командные режимы, язык пользовательского интерфейса»;
- устройства и технологии ввода данных;
- диалоги, взаимодействие и транзакции между Пользователем и
компьютером, обратную связь с пользователем;
- поддержка принятия решений в конкретной предметной области;
- как пользоваться сайтом и его документацией.
Пользовательский интерфейс часто понимают только как внешний вид
сайта. Однако на самом деле пользователь воспринимает через него весь сайт в
целом, а значит, это понимание слишком узкое.
На самом деле пользовательский интерфейс объединяет все элементы и
компоненты сайта, которые могут повлиять на взаимодействие пользователя с
программным обеспечением, это не только экран, который видит пользователь.
Эти элементы включают:
- набор задач пользователя, которые он решает с помощью сайта;
- метафора, используемая сайтом;
- элементы управления сайтом;
- навигация между блоками сайта;
- визуальный (и не только) дизайн экранов сайта;
- средства отображения информации, отображаемая информация и
форматы;
- устройства и технологии ввода данных;
71
- диалоги, взаимодействие и транзакции между Пользователем и
компьютером;
- обратная связь с пользователем;
- поддержка принятия решений в конкретной предметной области;
- как пользоваться сайтом и его документацией.
Для упрощения восприятия сайт Пользователем при разработке
пользовательского интерфейса желательно использовать метафоры.
Настоящие Правила хороших манер при создании сайта, рекомендуют
использовать современный дизайн в стиле Web 2. Этот стиль имеет следующие
элементы и детали [3, C. 231]:
- простота;
- центральное выравнивание;
- небольшое число ораторов;
- отдельная крышка;
- выделите области цветом;
- удобная навигация;
- очистить логотипы;
- большой текст;
- основной вводный текст;
- яркий цвет;
- 3D-эффекты;
- уклоны;
- отраженные волны;
- оригинальные иконки.
Создание хорошего веб-сайта требует вкуса и знания многих факторов,
которые заставляют его работать. Хорошее дизайнерское решение
уравновешивает эти часто противоречивые факторы.
Для форматирования информации используется CSS - (eng. Каскадные
Таблицы Стилей (cascading style sheets) - это формальный язык для описания
внешнего вида документа, написанного на языке разметки.
Он в основном используется как средство описания и форматирования
веб-страниц, написанных с помощью языков разметки HTML и XHTML.
72
Распечатка кода CSS-файла таблиц стилей сайта представлена в
Приложении А.
3.2 Описание процесса разработки
Образовательный сайт выполнен на базе CMS WordPress. Внешний вид
главной страницы сайта выполнена в виде Landing page и представлен на рис. 7,
8 и 9.
Рисунок 7 – Внешний вид главной страницы образовательного сайта
(верхняя часть Landing page)
В верхней части главной страницы расположены меню, контактная
информация, логотип, ссылки на социальные сети, а также здесь можно
записаться на курс или узнать подробную информацию о разных курсах,
которые есть на образовательном сайте.
73
Рисунок 8 – Внешний вид главной страницы образовательного сайта
(средняя часть Landing page)
Средняя часть главной страницы содержит:
1. Информацию о свежих записях на образовательном сайте.
2. Форму для связи.
74
Рисунок 9 – Внешний вид главной страницы образовательного сайта
(нижняя часть Landing page)
Нижняя часть главной страницы содержит:
1. Информацию о недавно активных пользователей ленты активности.
2. Информацию о текущих пользователей в сети образовательного сайта.
3. Форму для регистрации или авторизации нового пользователя.
Верхнее меню содержит два пункта:
1. Главная.
2. Лента активности.
На рис. 10 показана лента активности образовательного сайта.