Разработка. 
Современная информационно-образовательная среда

Разработка сайта включает в себя:

• · Веб-дизайн — создание графических элементов макета сайта, стилей и элементов навигации.
• · Разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте.
• · Установка и настройка всего необходимо ПО
• · Тестирование и размещение сайта в сети Интернет.

Структура сайта На основании поставленного технического задания была предложена структурная схема web-сайта.

На Рисунке 2 представлена структурная схема сайта, которая учитывает всю специфику разрабатываемого приложения.

Содержимое разделов:

На главной странице отображаются последние новости и основная информация.

• · Раздел «Факультет» содержит:
  • o Исторические сведения,
  • o Архивные видеозаписи и презентации,
  • o Новости,
  • o Достижения,
  • o Контактная информация,
  • o Информация о структуре, руководстве,
  • o Планы работы.
• · Раздел «Кафедры» по каждой кафедре содержит:
• o Основную информацию о кафедре,
• o Историческую информацию,
• o Преподавательский состав.
• · Раздел «Научная работа» содержит:
  • o Информацию о текущей научной деятельности факультета,
  • o Информацию о планирующихся конференциях,
  • o Научные публикации преподавателей и студентов.
• · Раздел «Посетителям» содержит:
• o Различную информацию для абитуриентов, учащихся, выпускников,
• o Фотоальбом,
• o Информацию для работодателей.

При открытии страницы «Форум» пользователь попадает в форум факультета.

Роли пользователей Платформа Wordpress позволяет создавать пользователей с разными правами (ролями) для управления и ведения сайта. Это позволяет владельцу сайта контролировать возможности привлечённых пользователей в рамках сайта.

Администратор сайта, создать учётную запись для редактора, или может публиковать и редактировать статьи сам. Можно создать учётные записи для каждого автора, и они смогут публиковать материалы от своего имени и работать с ними в дальнейшем.

Рисунок 5 — Структурная схема сайта В WordPress предустановлены 6 ролей. Каждая роль обладает разными возможностями (правами) и позволяет выполнять разные задачи, для каждой роли можно создать синонимы, более привычные для пользователя сайта ОУ, такие как «Преподаватель» или «Студент». Возможности каждой роли:

· Администратор — учётная запись создаётся автоматически при установке WordPress, либо назначается другим администратором. У данной роли есть доступ ко всем функциям управления сайтом.

Рисунок 6 — Панель управления администратора.

· Редактор — пользователь с этой ролью может создавать и редактировать страницы, записи, рубрики, метки, управлять комментариями. А также управлять материалами пользователей с ролью автора и участника. Данная роль может быть назначена ответственному преподавателю.

Рисунок 7 — панель управления редактора.

· Автор (Преподаватель) — может публиковать и редактировать свои статьи (записи), добавлять медиафайлы, а также управлять комментариями к своим материалам. Не может создавать страницы.

Рисунок 8 — Панель управления автора.

· Участник (Студент) — может создавать и управлять записями, но не может их публиковать. Также не может создавать страницы. Созданные записи не будут отображаться на сайте пока не будут проверены и опубликованы пользователем с правами не ниже редактора.

Рисунок 9 — Панель управления участника Разработка базы данных Так как сайт написан при помощи системы управления содержимым Wordpress, база данных которой представлена в виде MySQL. База данных после установки уже содержит в себе таблицы и все они начинаются с префикса. При установке можно задать свой префикс для таблиц, это рекомендуется в целях повышения безопасности. Созданная база данных WordPress содержит 11 таблиц[21], а именно:

• 1. wp_commentmeta
• 2. wp_comments
• 3. wp_links
• 4. wp_options
• 5. wp_postmeta
• 6. wp_posts
• 7. wp_terms
• 8. wp_term_relationships
• 9. wp_term_taxonomy
• 10. wp_usermeta
• 11. wp_users

Рисунок 10 — Структура БД WordPress.

Разработка интерфейса Титульная страница (главная) любого сайта должна максимально информативно и в сжатом объёме отображать необходимую пользователю информацию о сайте. На главной странице необходимо поместить логотип кафедры, основное меню сайта (для навигации по его структуре), форму аутентификации (входа зарегистрированных пользователей), регистрационную ссылку (регистрация новых клиентов), ленту новостей, ссылку на форум и другую информацию.

Рисунок 11 — Логотип сайта факультета Разработка web-сайта велась в основном в пакете Wordpress 4.4. Выбор данного пакета обоснован тем, что его освоение отнимает мало времени, во время разработки доступен предварительный просмотр каждой отдельно сделанной операции, доступно большое количество функций (организация интерактивных элементов сайта, создание гиперссылок в несколько кликов мышки и т. п.), пакет поддерживает большое количество технологий (HTML, PHP, ASP, Java, XML, XSLT, CSS и другие).

При создании сайта использовались стандартные шаблоны и внешние модули (плагины).

Дизайн web-сайта В соответствии с разработанной структурой была спроектирована главная страница сайта. Она содержит все основные структурные элементы, переход по которым осуществляется с помощью гиперссылок.

Рисунок 12 — Главная страница сайта Как и планировалось на этапе постановки задачи, сайт содержит все необходимые структурные и навигационные элементы: форму поиска, навигационное меню (в виде текстовых ссылок в сопровождении соответствующих изображений).

При нажатии на ссылке «История кафедры» выводится информация о возникновении последней, информация о дисциплинах и ссылки на их краткое описание.

Рисунок 13 — Регистрационная форма При вводе административного логина и пароля активируется меню администратора (рисунок 5).

Рисунок 14 — Панель администрирования Платформа online телеконференций.

Существует множество различных проектов позволяющих реализовать функционал на сайте ОУ, из них можно выделить OpenMeetings — open-source проект web-видеоконференции без клиентского программного обеспечения. С ее помощью можно организовать проведение аудиои видеоконференций в многоточечном режиме. Обеспечивается несколько вариантов конференций как непосредственно видеоконференции, так и лектории известные как вебинары. OpenMeetings имеет множество возможностей, прост и удобен в эксплуатации, имеет невысокие системные требования, бесплатен.

Рисунок 15 — Функционал телеконференций на сайте факультета.

Рисунок 16 — Активная телеконференция Возможности телеконференций на основе OpenMeetings:

• · Общение в реальном времени используя:
  • o Видео (с веб камеры или загруженное на сайт)
  • o Фото
  • o Аудио (с микрофона или загруженное на сайт)
• · Отображение текстовой информации:
• o Презентации,
• o Документы,
• o Ввод текста во время конференции
• o Рисование, выделение и другие возможности
• · Поддержка большой аудитории, благодаря технологии RTMP трансляция может осуществляться для сотен слушателей одновременно.