114
Рисунок 3.15– Форма заявки
3) Новости;
В данном разделе представлена информация о последних новостях.
Вначале выводится краткое описание новости и ее картинка, после нажа-
тия кнопки «Подробнее…» открывается полная версия новости. Содержание
страницы раздела «Новости» изображено на рисунке 3.16. Содержание страни-
цы раздела «Подробное описание новости» изображено на рисунке 3.17.
115
Рисунок 3.16– Новости
Рисунок 3.17–Подробное описание раздела новости
4) Научные статьи;
В этом разделе планируется публикация научных статей. Интерфейс и
функционал взят с модуля «Новости».
5) 3D туры;
116
При нажатии на данный раздел горизонтального меню – пользователю
откроется страница местами расположения объектов, доступных для виртуаль-
ного путешествия и список объектов для виртуального путешествия.
6) Видео;
В этом разделе будут выкладываться видео материалы образовательной
тематики.
7) Фотогалерея;
В этом разделе будут созданы фотоальбомы с фотографиями связанных с
образованием.
8) Форум;
Отдельная система управления, отдельный сайт расположенный на под-
деменном имени http://forum.edu-kz.com/ созданный на IPB. Предназначен
для общения на тематику основного сайта.
9) Онлайн образование.
Данный раздел выделен красным цветом для привлечения внимания по-
сетителей. Данный раздел является автономным проектом, связанным с
основным Порталом и находится по адресу http://online.edu-kz.com/
Пункты верхнего меню:
1) Наши услуги
2) Наши проекты
3) Реклама на сайте
4) Разработка сайтов
5) Блог
6) Отдых
7) Медицина
8) Интернет магазин
Все пункты данного меню не имеют технического функционала, а несут в
себе чисто информационный контент и гиперссылки на другие проекты.
117
На этом же уровне расположена кнопка выбора языков от googletranslate.
Сайт поддерживает 3 языка: русских, казахский и английский, как говорилось
ранее. На рисунке 3.18 изображено верхнее меню сайта с модулем выбора язы-
ка.
Рисунок 3.18–Верхнее меню
В левой части портала располагается вертикальное меню, отображающее
категории сайта, состоящие из следующих разделов:
«Автошколы», «Академии», «Военные учебные заведения», «Детские дома»,
«Детские сады», «Детские лагеря», «Дошкольная подготовка», «Иностранные
языки», «Институты», «Колледжы», «Компьютерные курсы», «Курсы и
учебные центры», «Лици (училища)», «Музыкальные», «Научные
организации», «Обучение за рубужом», «Религия», «Семинары, трененги»,
«Спортивные», «Танцевальные», «Университеты», «Ходожественные»,
«Школы», «Школы-интернаты», «Школы бизнеса», «Школы моделей»,
«Школы-гимназии». Боковое меню с категориями образовательного портала
изображено на рисунке 3.19
Рисунок 3.19–Вертикальное меню «Категории»
118
При нажатии на любой подраздел вертикального меню откроется страни-
ца, на которой будет интерактивная карта с маркерами учебных заведений дан-
ной категории, ниже карты располагается список самих заведений с фотогра-
фиями и адресами. Пример карты представлен на рисунке 3.20
Рисунок 3.20 –Карта Алматы с учебными заведениями
Под вертикальным меню находится информер «Курсы валют».Данный
модуль нужен для быстрого расчета стоимости обучения в иностранной валю-
те. Модуль представляет собой информационную область, на которой пред-
ставлена подробная информация о курсах валют в обменных пунктах города
Алматы. Информация о курсах валют обновляется каждый день с WEB–сервера
сайта www.kurs.kz. При нажатии на область модуля мы попадём на страницу
сайта www.kurs.kz. Информер «Курсы валют» изображён на рисунке 3.21
119
Рисунок 3.21–Информер «Курсы валют»
В каждой категории есть свой фильтр по параметрам, изображенный на
рисунке 3.22. Пользователь может выбрать несколько наиболее важных для не-
го критериев и скрипт сайта выведет только те учебные заведения, которые со-
ответствуют данным требованиям. Данная функция взята с интернет магазина,
где при выборе товара мы выбираем его параметры и характеристики.
Данный вид сортировки очень облегчает поиск учебного заведения, т.к
запросы пользователя будут удовлетворены по всем критериям. Пример: Чело-
век выбирает город, район города, среднюю стоимость обучения, уклон обуче-
ния, наличие столовой и интернета и другие параметры и получает все учебные
заведения, которые соответствуют этим критериям. В круглых скобках на фор-
ме фильтрации указывается количество доступных учебных заведений с этими
параметрами. Если нет ни одного заведения с определенным требованием, то
оно не отображается для пользователя вообще и его нельзя выбрать.
120
Рисунок 3.22– Фильтрация по критериям
На главной странице сайта отображаются последние оставленные отзывы.
Также можно почитать все отзывы об учебных заведениях. Сами отзывы остав-
ляются на странице самого заведения, там же можно посмотреть и все отзывы о
конкретно об этом учреждении. Каждый комментарий проверяется модерато-
ром и отображается только после его одобрения в панели администратора.
Пример отображения комментариев показан на рисунке 3.23.
Рисунок 3.23 –Модуль отзывов на главной странице портала
121
Модуль «Топ 100» на главной странице образовательного портала выво-
дит рейтинг лучших 100 учебных учреждений на основании оценок оставлен-
ных во время отзыва. Модуль изображен на рисунке 3.24.
Рисунок 3.24–Модуль «Топ 100»
Карточка учебного заведения, она же личная страница учебного заведе-
ния состоит из названия, главной фотографии, дополнительных фотографий,
краткого описания с адресом и телефоном, рейтингом, QR–кодом, кнопок срав-
нения, кнопки «Нашли ошибку», социальных сетей, полного описания, карты с
местонахождением и отзывами.
На каждой странице с заведением находится модуль, который называется
«QR-Код». Данный модуль представляет собой область на которой изображён
QR-код портала - зашифрованный URL адрес данной страницы.
QR код «QR – Quick Response – Быстрый Отклик» – это двухмерный
штрихкод, предоставляющий информацию для быстрого ее распознавания с
помощью камеры на мобильном телефоне.
При помощи QR–кода можно закодировать любую информацию, напри-
мер: текст, номер телефона, ссылку на сайт или визитную карточку. В инфор-
мационном портале использование данной технологии очень важно, т.к. облег-
чает использование мобильных устройств. Пример: пользователь находит нуж-
ное ему учреждение на сайте с персонального компьютера, чтобы не переписы-
вать длинную ссылку или информацию об интересующим его заведении, он
122
просто подносит камеру мобильного устройства и считывает код с открытой
ссылкой, затем тут же открывает ее уже со своего гаджита.
Карточка заведения и модуль «QR-Код» представлен на рисунке 3.25
Рисунок 3.25 – Карточка учебного заведения и QR – code
Таблица сравнения также взята из функционала интернет магазина. При
нажатии кнопки "добавить в сравнение" выбранное заведение попадает в базу,
после чего выбираем еще несколько и нажимаем кнопку "Посмотреть сравне-
ние". Формируется таблица, состоящая из названия, фотографии, рейтинга в
виде звездочек, количества отзывов и всех параметров называемыми "атрибу-
тами" в системе. Таблица показана на рисунке 3.26.
123
Рисунок 3.26–Сравнение трех учебных заведений
Слайдер предназначен для привлечения внимания к проводимым акциям и
конкурсам, а также для рекламы ближайших вебинаров и онлайн тренингов.
Слайдер состоит из нескольких изображений, сменяющие друг друга поочеред-
но с задержкой в 5 секунд и гиперссылки на рекламируемые страницы. Также
может еще быть добавлен текст. Пример слайдера изображен на рисунке 3.27.
Рисунок 3.27–Слайдер с тремя изображениями