Официальный сайт Федерации Альпинизма и Скалолазания с функцией разграничения доступа к контенту

ER-диаграмма представлена в приложении А.

2.5 Построение основной части сайта

Для решения задачи построения основной части сайта, основную задачу можно разделить на следующие подзадачи:

- Разработка макета дизайна сайта.

- Организация навигации сайта

- Установка системы управления контентом сайта и определение ее дополнений под задачи сайта.

- Разработка шаблонной страницы сайта и создание основных модулей сайта.

Разработка макета дизайна сайта.

Принято решение сделать 2-х колоночный макет прямоугольной формы со сглаженными углами. На рисунке 3 представлен эскиз расположения основных блоков сайта на главной странице.

Рабочее пространство макета сайта делится на 5 основных блоков.

- Верхний блок сайта, так называемая «шапка - сайта» содержит в себе логотип и название сайта.

- Основная панель навигации расположена в верхней части (ниже «шапки - сайта») - здесь находится верхнее меню сайта компании.

Рисунок 3 - Расположение основных блоков web-сайта

- Основной информационный блок (занимает большую часть экрана) - в этой части, на главной странице, располагается блок основных событий и важных новостей, а на остальных страницах - отображается выбранная в меню информация.

- Левый блок сайта - в этой части располагаются блоки главного меню, поиска по сайту и регистрации пользователя, а так же дополнительные вспомогательные блоки. В блок главного меню вынесены важные пункты сайта, такие как «Главная», «Альпинизм», «Скалолазание», «Ледолазание», «Маршруты» и «Документы».

- Нижний блок сайта, так называемый «подвал - сайта»- содержит в себе счетчик HotLog . Далее, на рисунке 4 представлен макет главной страницы сайта.

Рисунок 4 - Макет главное страницы сайта

Организация навигации сайта

Горизонтальное меню. Для первоначальной навигации на сайте решено сделать простое горизонтальное меню. В этот блог вынесены важные пункты меню - «О Федерации», «Контакты», «Календарь», «Форум». В разделе «Контакты» размещены адрес лицея, телефоны администрации, электронный адрес и схема проезда.

Вертикальное меню. Левый блок сайта - в этой части располагаются блоки главного меню, поиска и регистрации пользователя. Для удобства навигации вертикальное меню решено сделать многоуровневым. Структура многоуровневого меню представлена на рисунке 5.

Главное (боковое) меню - включает в себя пункты «Главная», «Альпинизм», «Скалолазание», «Ледолазание», «Маршруты», «Документы».

Разработка шаблонной страницы сайта и создание основных модулей сайта.

Для создания шаблона страницы системы управления Joomla! используется блочная верстка.Страница делится на блоки модули, с указанием к какому модулю сайта привязываются блоки (Рисунок 6).

Рисунок 5 - Структура многоуровневого меню

Рисунок 6 - Шаблон страницы web-сайта

Создается файл templateDetails.xml, в котором будут храниться блоки (основные модули), информация об авторе, прописываются все изображения, используемые для сайта, а также файлы, входящие в состав шаблона.

Для web-сайта созданы следующие модули:

<positions>

<position>debug</position>

<position>position-1</position>

<position>position-2</position>

<position>position-4</position>

<position>position-5</position>

<position>position-7</position>

<position>position-9</position>

<position>position-10</position>

<position>position-11</position>

<position>position-12</position>

<position>position-15</position>

<position>position-16</position>

<position>position-17</position>

<position>position-18</position>

<position>position-19</position>

<position>position-20</position>

<position>position-21</position>

<position>position-22</position>

<position>position-23</position>

<position>position-24</position>

<position>position-25</position>

<position>position-26</position>

<position>position-27</position>

<position>position-28</position>

<position>position-29</position>

<position>position-30</position>

</positions>

Параметры модулей задаются во вкладке Менеджер модулей Администраторской панели, здесь можно создать модуль со свободным HTML-кодом или выбрать готовые (все модули для данного сайта прописываются HTML-кодом). Указывается позиция в соответствии с файлом templateDetails.xml, состояние публикации (включен/выключен), права доступа, выбираются страницы, на которых должен отображаться модуль, каждый модуль имеет свой идентификатор.

Создается файл index.php, в котором и происходит разметка страницы сайта и разделение на блоки.

Для того чтобы задать стиль блоков сайта, создается каскадная таблица стилей (CSS), назовем ее template.css.

Разграничение доступа к материалам сайта.

Для осуществления функции разграничения доступа к контенту было создано три группы пользователей с различными правами доступа к базе данных и материалам сайта.

Первая группа пользователей - незарегистрированные пользователи. Любой незарегистрированный пользователь имеет возможность перемещаться по сайту исключая пунктов меню «Панель управления», «Маршруты», «Описания маршрутов». Пункты меню, к котором у пользователя нет доступа, на сайте отображаться не будут. На рисунке 7 представлены права доступа на этой группы пользователей.

Вторая группа пользователей - зарегистрированные пользователи. После регистрации на сайте, пользователи смогут ознакомиться с пунктом меню «Маршруты», а так же комментировать новости, иметь доступ к форуму сайта. На рисунке 8 представлены права доступа для зарегистрировавшихся пользователей.

Рисунок 7 - Права доступа незарегистрированных пользователей

Рисунок 8 - Права доступа зарегистрированных пользователей

Третья группа пользователей - «Члены федерации». Каждому члену ФАиС будет выдана именная карта с уникальным номером, отправив заявку администратору сайта, с указанием номера карты, пользователь сможет иметь практически полный доступ к сайту, исключая «Панель управления». На рисунке 9 представлены права доступа для членов ФАиС.

Рисунок 9 - Права доступа для членов ФАиС

Четвертая группа пользователей - Администраторы имеет полный доступ к сайту. Их права представлены на рисунке 10.

Рисунок 10 - Права доступа администраторов

сайт контент дизайн

Заключение

В общей части был проведен обзор существующих типов сайтов, обеспечения работы веб-сайта: описание информационного, программного и технического обеспечения сайта. Рассмотрены теоретические основы построения веб-сайтов: основы языка разметка HTML, основы построения сайта на языке PHP, основы работы с базой данных MySQL, дан обзор средств управления контентом (CMS).

В практической части охарактеризованы основные этапы разработки сайта ФАиС: рассмотрены задачи, которым будет соответствовать будущий сайт, установлено необходимое программное обеспечение. Исходя из поставленных перед сайтом задач, выявлена наиболее оптимальная концепция дизайна сайта. Для обеспечения дееспособности системы управления контентом сайта была создана база данных в среде СУБД MySQL. Разработан 2 колоночный макет сайта, а так же организована навигация по сайту, при помощи двух блоков меню. Разработана шаблонная страница сайта и система разграничения доступа к контенту.

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

Список использованных источников

1. Joomla! Официальный сайт.

2. MySQL - это самый популярный вид управления базой данных, который часто используется в комбинации с PHP.

3. phpMyAdmin по-русски [Электронный ресурс]: описание приложения.

4. Дизайн-студия Smart [Электронный ресурс]: типы сайтов, или классификация интернет ресурсов.

5. Дюбуа П. MySQL. Полное и исчерпывающее руководство по применениюи администрированию баз данных MySQL, а также программированию приложений [Текст]: учебник - 2-е изд. - пер. с англ. - М.: Изд. дом "Вильямс", 2004. -- 1056 с.

6. Дэвис Е.М. Изучаем PHP и MySQL [Текст]: учебник / Дэвис Е.М., Филипс Дж.А. - пер. с англ. - СПб.: Символ-Плюс, 2008. - 448 с.

7. Ульман Л. MySQL / Лари Ульман; Пер. с англ. Слинкина А.А. - М.:ДМК Пресс; СПб.:Питер, 2004.- 352с.:ил.

Приложение А

ER-диаграмма базы данных web-сайта

Размещено на Allbest.ru