63
О центре
Об
образовательной
организации
Условия приема и обучения
Учебные программы
Ваши вопросы
Об МГУ
Основные сведения
Структура и органы управления
Документы
Образование
Образовательные стандарты
Материально-техническое обеспечение
Стипендии
Платные образовательные услуги
Руководство. Педагогический состав
Финансово-хозяйственная деятельность
Вакантные места для перевода
Рисунок 2.4. Пользовательская карта сайта
Структура сайта представлена набором веб-страниц. При запуске сайта
64
отображается главная страница сайта. С нее посредством главного меню
осуществляется переход к другим страницам сайта. Помимо этого с
использованием главного меню переход к другим страницам сайта может быть
осуществлен не только с главной страницы, но и с любой другой страницы
сайта.
На рисунке 2.5 представлен макет страницы создаваемого веб-сайта. При
разработке макета было решено не загромождать страницы и создать макет в
одну колонку. В шапке сайта был размещен баннер с наименованием кафе, а
под ним – главное меню сайта. Содержимое страниц сайта располагается под
меню.
Шапка сайта
Содержимое страниц
Подвал
Баннер
Главное меню
Рисунок 2.5. Макет страницы сайта
65
На основании созданного макета был разработан код главного меню
сайта.
На рисунке 2.6 представлена диаграмма вариантов использования веб-
сайта.
Рисунок 2.6. Диаграмма вариантов использования веб
представительства
2.3.2. Характеристика базы данных
При использовании CMS Joomla автоматически сгенерируется структура
базы данных [8], представленная в приложении А.
Схема БД представлена следующими таблицами:
Roles – роли, для определения прав пользователей в системе.
Pages – страницы, для хранения содержимого страниц.
Permissions – представления, для выполнения соответствия
пользователей правам в системе.
Admins – администраторы системы.
66
News – новости, для новостей на сайте.
NewsSelection – для выборки схожих по тематике новостей.
ForumThemes – темы форума.
ForumMessages – сообщения форума.
ForumUsers – пользователи форума.
2.3.3. Структурная схема пакета (дерево вызова программных модулей)
В разработанном веб представительстве применяется набор стандартных
модулей CMS Joomla:
Случайное изображение - будет показывать случайное
изображение, указанного формата и из указанной папки.
Баннер - позволяет показывать баннеры на сайте. Баннеры
находятся в Компонентах и имеют категорию и клиента. В модуле указывается
название, позиция, привязка к пункту меню.
Войти - это модуль авторизации на сайте. Позволяет
зарегистрированным пользователям ввести свой логин и пароль или вспомнить
его, если забыли. Показывает ссылку на регистрацию на сайте.
Краткие новости - модуль показывает одну из статей заданной
категории в случайном порядке. При каждом обновлении страницы статья
будет меняться.
Меню - создаёт меню, это может быть и главное и верхнее.
Опрос - позволяет сделать на сайте опрос пользователей.
Поиск - модуль поиска по сайту. Самый простой модуль.
Показать новость - модуль показа каналов новостей с других
сайтов.
Последние новости - отображает последние опубликованные статьи
на сайте.
Похожие статьи - модуль будет показывать похожие статьиПуть по
сайту - модуль отображает путь пройденный от главной страницы. Так
67
называемые "хлебные крошки".
Разделы - будет показывать список всех существующих разделов на
сайте.
Самое читаемое - модуль отображает самые популярные статьи по
количеству просмотров.
Статистика - модуль статистики. Показывает операционную
систему сервера, версию PHP, время, кэширование, количество пользователей и
статей.
Статьи в архиве - модуль показывает статьи в архиве по месяцам.
Например 5 статей помещены в архив в январе и 6 в феврале, модуль будет
показывать архив за январь и февраль.
Фрейм - модуль выводящий фрейм.
Экспорт - RSS-модуль экспорта новостей. RSS позволяет
пользователям получать последнюю информацию с сайта [16].
2.3.4. Описание программных модулей
Перед установкой joomla 3, необходимо установить denwer, а также
создать базу данных. После установки программы denwer на диске "C"
создалась папка "WebServers", в ней и будут находится все файлы сайта. А для
удобства создался диск "Z", который является логическим и по сути является
той же самой папкой с программой denwer. Перед началом установки
необходимо открыть диск "Z", и зайти в каталог «home». В папке home,
необходимо создать папку, с названием будущего сайта. Далее необходимо
зайти в каталог с именем сайта и создать в нем папку с названием "www".
Теперь необходимо разархивировать, скачанный архив joomla 3 в отдельную
папку. И все файлы, переместить в только что созданную папку www. После
этих действий необходимо приступить к самой установке joomla3 на denwer.
Необходимо перезапустить denwer. Для этого применяется одна из трёх
создавшихся иконок, с названием "Restart Denwer".
68
Шаг первый: конфигурация сайта. В браузере открылось окно, с
названием конфигурация сайта. Здесь необходимо заполнить восемь полей.
Рисунок 2.7. Окно «Конфигурация сайта»
1. Выберите язык – по умолчанию стоит русский язык.
2. Во втором поле, необходимо указать наименование сайта. В
будущем при настройке сайта, его легко можно изменить.
3. Описание, также легко меняется.
4. В четвёртом поле выключить сайт по умолчанию установлено нет.
5. Далее вводится email администратора сайта. Рекомендуется завести
отдельный почтовый ящик, чтобы в будущем было меньше путаницы с
письмами.
6. В данных полях необходимо придумать и ввести логин
69
администратора сайта.
7. В поле семь, указывается пароль. Он должен быть сложным,
состоять из больших и маленьких букв, а также цифр, длинной не менее десяти
символов.
8. В поле восемь, подтверждается пароль.
После заполнения этих полей, необходимо нажать далее, чтобы перейти к
следующему шагу установки.
Шаг второй: Конфигурация базы данных. Здесь тоже нет ни чего
сложного, к тому же почти все поля заполняются автоматически.
Рисунок 2.8 – Окно «Конфигурация базы данных»
1. Тип базы данных, остается MySQLi.
2. Во втором поле: localhost.
70
3. Имя пользователя: root
4. Поле пароль, остаётся пустым. Так как сайт устанавливаем на
денвер, в пароле нет необходимости.
5. Перед тем как устанавливать joomla 3, был установлен денвер и
создана база данных для будущего сайта. Сюда как раз и необходимо ввести,
имя базы данных, созданной ранее.
6. Префикс таблиц генерируется автоматически.
7. В седьмом поле выбирается пункт: переименовать.
Шаг третий: обзор. Здесь идёт последняя проверка перед установкой.
Проверив эти поля, осуществляется переход к установке. Для этого
используется кнопка «установка». После установки joomla 3 на денвер,
отобразиться окно, представленное на рисунке 2.9.
Рисунок 2.9. Окно завершения установки
71
1. Первым делом, необходимо установить языковые пакеты. Переход
на установку, выбирается из списка русский язык, языком по умолчанию также
ставится русский, далее установить. Это делается для того чтобы
административная панель сайта, была на русском языке.
2. Обязательно необходимо удалить директорию installation. Иначе
при переходе на сайт или в административную панель, заново начнётся
установка. Также можно удалить эту директорию, зайдя в корневую паку
"www", и удалить там папку "installation".
3. В поле три раположены две кнопки: сайт и панель управления.
Нажав на сайт, осуществится переход на сайт. Если нажать на кнопку панель
управления, откроется такое окно, представленное на рисунке 2.10. В данном
окне необходимо ввести логин и пароль, созданные при заполнении
конфигурации сайта.
Рисунок 2.10. Окно авторизации в административной панели сайта
После авторизации были созданы страницы сайта. На рисунке 2.11
представлено окно создания материала главной страницы.
72
Рисунок 2.11. Создание материала «Главная страница»
Аналогичным образом создаются все страницы веб-сайта. На рисунке
2.12 представлен перечень созданных страниц в разделе «материалы».
Рисунок 2.12. Перечень созданных страниц в разделе
«Материалы»
Дальнейшим шагом была осуществлена реализация главного меню сайта.