Разработка официального сайта для Волгодонского отделения партии «Единая Россия»

Задачей дипломной работы является разработка официального сайта для Волгодонского отделения партии «Единая Россия». Была разработана структура сайта, подробно описана его реализация на языке php с помощью фреймфорка Yii с большим количеством фрагментов кода.
Защищена в 2013 в Волгодонском институте сервиса, специалист, оценка -отлично. ...

Введение 5
1 Обзор и анализ поставленной задачи и технологий ее решения 6
1.1 Описание организации-заказчика 6
1.2 Техническое задание. Структура разрабатываемого сайта 6
1.3 CMS - Системы управления контентом 7
1.4 Краткий обзор распространенных CMS 11
1.5 Язык разметки гипертекста HTML 14
1.6 Каскадные таблицы стилей CSS 15
1.7 PHP: препроцессор гипертекста 17
1.8 JavaScript 19
1.9 MySQL 21
1.10 Фреймворк Yii 22
1.11 JavaScript фреймворк jQuery 24
1.12 Css и JavaScript фреймворк Twitter Bootstrap 25
2 Проектирование и базовые концепции 27
2.1 Базовые концепции фреймворка Yii 27
2.2 Структура данных 40
2.3 Общее описание 45
3 Физическая реализация 64
3.1 Публичная часть сайта 64
3.2 Административная панель 71
4 Информационная безопасность 81
4.1 Характеристика угроз безопасности 81
4.2 Оценка изначального состояния информационной системы 85
4.3 Оптимизация системы информационной безопасности 90
5 Экономический раздел 96
5.1 Расчет затрат на амортизацию технических средств 96
5.2 Расчет расходов на энергопотребление 97
5.3 Расчет заработной платы программиста 98
5.4 Расчет общих затрат на создание пакета программ 99
Выводы и рекомендации
Библиографический список

1.10 Фреймворк Yii
Yii — это высокоэффективный основанный на компонентной структуре PHP-фреймворк для разработки масштабных веб-приложений. Он позволяет максимально применить концепцию повторного использования кода и может существенно ускорить процесс веб-разработки. Название Yii (произносится как Yee или [ji:]) означает простой (easy), эффективный (efficient) и расширяемый (extensible) [17].
Превосходство Yii над другими фреймворками заключается в эффективности, широких возможностях и качественной документации. Yii изначально спроектирован очень тщательно для соответствия всем требованиям при разработке серьёзных веб-приложений. Yii не является ни побочным продуктом какого-либо проекта, ни сборкой сторонних решений. Он является результатом большого опыта авторов в разработке веб-приложений, а также их исследований наиболее популярных веб-фреймворков и приложений.
Yii используетархитектуру MVC (Model-view-controller).
ModelViewController (MVC) — архитектура программного обеспечения, в которой модель данных приложения, пользовательский интерфейс и управляю-щая логика разделены на три отдельных компонента, так, что модификация одного из компонентов оказывает минимальное воздействие на другие компоненты.
Шаблон MVC позволяет разделить данные, представление и обработку действий пользователя на три отдельных компонента
Модель (Model). Модель предоставляет данные (обычно для View), а также реагирует на запросы (обычно от контролера), изменяя свое состояние.
Представление (View). Отвечает за отображение информации (пользова-тельский интерфейс).
Контролер (Controller). Интерпретирует данные, введенные пользователем, и информирует модель и представление о необходимости соответствующей реакции.
Важно отметить, что как представление, так и контролер зависят от модели. Однако модель не зависит ни от представления, ни от контролера. Это одно из ключевых достоинств подобного разделения. Оно позволяет строить модель независимо от визуального представления.
MVC позволяет разделить бизнес – логику приложения и его интерфейсную часть. Например когда перед сдачей проекта станет вдруг необходимо поменять дизайн какого – либо модуля, потребуется лишь изменить один или несколько небольших файлов с html кодом (возможно смешанного с php) в которых происходит вывод данных, что менее трудоёмко чем разбирать логику приложения и искать необходимый абзац кода.
Стоит отметить, что Yii не единственный php framework.
Разработчики Yii приводят следующие достоинства:
– Высокая производительность относительно других фреймворков написаных на PHP
– Парадигма Модель-вид-контроллер
– Интерфейсы DAO и ActiveRecord для работы с базами данных (PDO)
– Поддержка интернационализации
– Кэширование страниц и отдельных фрагментов
– Перехват и обработка ошибок
– Ввод и валидация форм (англ.) русск.
– Аутентификация и авторизация
– Использование AJAX и интеграция с jQuery
– Генерация базового PHP-кода для CRUD-операций (скаффолдинг)
– Поддержка тем оформления для их лёгкой смены
– Возможность подключения сторонних библиотек
– Миграции базы данных
– Автоматическое тестирование
– Поддержка REST

1.11 JavaScript фреймворк jQuery
jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с AJAX [12].
Точно так же, как CSS отделяет визуализацию от структуры HTML, JQuery отделяет поведение от структуры HTML. Например, вместо прямого указания на обработчик события нажатия кнопки управление передаётся JQuery, которая идентифицирует кнопки и затем преобразовывает его в обработчик события клика. Такое разделение поведения и структуры также называется принципом ненавязчивого JavaScript.
Библиотека jQuery содержит функциональность, полезную для максимально широкого круга задач. Тем не менее, разработчиками библиотеки не ставилась задача совмещения в jQuery функций, которые подошли бы всюду, поскольку это привело бы к большому коду, бо́льшая часть которого не востребована. Поэтому была реализована архитектура компактного универсального ядра библиотеки и плагинов[2]. Это позволяет собрать для ресурса именно ту JavaScript-функциональность, которая на нём была бы востребована.
Возможности:
– Движок кроссбраузерных CSS-селекторов Sizzle[1], выделившийся в отдельный проект;
– Переход по дереву DOM, включая поддержку XPath как плагина;
– События;
– Визуальные эффекты;
– AJAX-дополнения;
– JavaScript-плагины.
1.12 Css и JavaScript фреймворк Twitter Bootstrap
Twitter Bootstrap — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения [20].
Bootstrap использует самые современные наработки в области CSS и HTML, поэтому необходимо быть внимательным при поддержке старых браузеров.
Основные инструменты Bootstrap:
– Сетки — заранее заданные размеры колонок, которые можно сразу же использовать, например ширина колонки 140px относится к классу .span2, который можно использовать в CSS описании документа.
– Шаблоны — Фиксированный или резиновый шаблон документа.
– Типографика — Описания шрифтов, определение некоторых классов для шрифтов таких как код, цитаты и т. п.
– Медиа — Представляет некоторое управление изображениями и Видео.
– Таблицы — Средства оформления таблиц, вплоть до добавления функциональности сортировки.
– Формы — Классы для оформления не только форм, но и некото-рых событий происходящих с ними.
– Навигация — Классы оформления для Табов, Вкладок, Страничности, Меню и Тулбара.
– Алерты — Оформление диалоговых окон, Подсказок и Всплы-вающих окон.

В данной главе были рассмотрены основные технологии разработки динамических веб сайтов на основе индивидуальной системе управления сайтами, это: язык разметки гипертекста – html, каскадные таблицы стилей – css, серверный язык программирования для генерации гипертекста и обработки информации – php, клиентский язык программирования javascript, система управления базами данных – mysql. Так же были рассмотрены основные инструменты для упрощения процесса разработки: php фреймворк yii, javascript фреймворк jquery а так же css и html фреймворк twiiter bootrap. Были описаны их достоинства и мотивация выбора.

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

implode(',', $ids).')'); } NewsPeople::model()->deleteAllByAttributes(array('news_id' => $this->id)); if(isset($_POST['news_people']) and is_array($_POST['news_people']) and count($_POST['news_people'])) { $news_people = array_filter(array_map('intval', $_POST['news_people'])); foreach($news_people as $item) { $model = new NewsPeople(); $model->news_id = $this->id; $model->people_id = $item; $model->save(); } } }Еще хороший метод afterDelete – «после удаления». Здесь если новость была удалена, происходит проверка на то, была ли указана обложка новости, если была то удаляем ее с сервера, чтобы не тратилось место впустую:public function afterDelete() { if(parent::afterDelete()) { if(!empty($this->main_photo)) { $filename = $this->main_photo; @unlink(ROOT_PATH.'/uploads/news/big/'.$filename); @unlink(ROOT_PATH.'/uploads/news/preview/'.$filename); @unlink(ROOT_PATH.'/uploads/news/full/'.$filename); @unlink(ROOT_PATH.'/uploads/news/carousel/'.$filename); } return true; } }Были описаны основные моменты при реализаций моделей в приложении. Моделей конечно же больше, но они являются по сути комбинацией различных правил валидации, набором атрибутов и обработкой событий, описывать каждый раз сути одно и то же не имеет смысла.2.2 Структура данныхНовостиРаздел новости разделен на два типа страниц, первый – это список новостей, второй – это подробный просмотр отдельной новости.Элементы новости (физическое имя таблицы - news):Идентификатор новостиТип: int(11), первичный ключНазначение: использование в URL адресах для уникального поиска новости.Физическое имя: idЗаголовок новостиТип: varchar(255) – строка переменной длины.Назначение: Отображение заголовка новости в краткое и полных новостях.Физическое имя: titleАнонсТип: text – текст.Назначение: вводный текст новости, для использования в списках новостейФизическое имя: anonsПолный текстТип: text – текстНазначение: отображение текста новости при подробном просмотре – по сути главный текст новости.Физическое имя: textДата публикацииТип: datetime – дата и времяНазначение: отображение даты публикации, а так же использование ее при формировании и отображении календаря событий на сайте (подробнее в разделе описывающим календарь), а так же выводе новостей по ссылкам из самого календаря (с учетом фильтра за определенную дату).Физическое имя: dateВидеоТип: связь – один к одному.Назначение: отображение в подробном просмотре новости определенного видео (строки в базе даных), из раздела «видео».Физическое имя: video_id – является внешним ключом, в таблицу video. Связь во внешней таблице по ее первичному ключу id. Т.е. video_id => video.idОбложкаТип: файлНазначение: отображение главного изображение как в кратком списке так и в подробном.Физическое имя: main_photo – в таблице является типом varchar(50) в нее записываетя физическое имя файла.Количество просмотровТип: int(11) Назначение: отображение количества просмотров новостиФизическое имя: viewsГаллереяТип: связь – один ко многим (у одной новости, может быть несколько изображений)Назначение: отображение галлереи при подробном просмотре новости.Физическая структура: получение записей из таблицы images (структура – изображения, по внешнему ключу таблицы images - news_id). КомментарииТип: связь – один ко многим (у одной новости могут быть несколько комментариевНазначеие: публикация и отображение комментариев пользователямиФизическая структура: получение записей из таблицы comments (структура – комментарии, по внешнему ключу таблицы comments – news_id). ЛюдиТип: связь – многие ко кногим (у одной новости могут быть «привязаны» несколько людей, так и с одним человеком могут быть связаны несколько новостей [16].Назначение: отображение списка людей, фигурирующих в новости.Физическая структура: получение записей из таблицы people (структура – люди, с участием промежуточной таблицы news_people у которого первичный ключ является составным ключом из двух полей – первичного ключа новости, и первичного ключа человека).АльбомыОтображение в публичной части сводится к двум типам, отображения списка альбомов, и подробный просмотр альбома. Таблица в БД – albums.Структура:Идентификатор альбомаТип: int(11), первичный ключНазначение: использование в URL адресах для уникального поиска альбома.Физическое имя: idНазвание альбомаТип: varchar(255) – строка переменной длиныНазначение: отображение названия альбомаФизическое имя: titleИзображенияТип: связь – один ко многим (у одного альбома может быть несколько изображений)Назначение: отображение изображенийФизическая структура: получение записей из таблицы images (структура – изображения, по внешнему ключу таблицы images - album_id)Количество изображений:Тип: автоматический подсчет (count) в базе данныхНазначение: отображение количества загруженных фотографийИзображенияДанный тип используется как было описано выше в двух разделах – новостях и альбомах (галлерея). Таблица в БД – images.Структура:Идентификатор новостиТип: int(11), первичный ключФизическое имя: idИзображениеТип: файлНазначение: отображение изображения.Физическое имя: file – в таблице является типом varchar(150) в нее записываетя физическое имя файла и путь до него.ДатаТип: datetime – дата и времяНазначение: отображение даты публикации изображенияФизическое имя: dateНовостьТип: связь – принадлежность к сущности раздела новостейНазначение: вывод изображений в новостяхФизическая структура: имя - news_id, является внешним ключом в таблицу news (структура – новости), news_id => news.idАльбомТип: связь – принадлежность к сущности раздела альбомовНазначение: вывод изображений в альбомеФизическая структура: имя - album_id, является внешним ключом в таблицу albums (структура – альбомы), album_id => albums.idЭто не вся структура, а лишь небольшой процент, описывать каждую структуру нет смысла – потому как различия будут лишь в наборе полей и типов связей.2.3 Общее описаниеПубличная часть сайтаПубличная часть сайта (рисунок 2.5) – эта та часть, которая доступна всем пользователям, в зависимости от привелегий. Некоторые из них могут быть недоступны для определенных пользователей. Например – страница создания темы форума, будет недоступна для неавторизованных пользователей на сайте, описанным в рамках данной дипломной работы.Для начала следует разобрать всю публичную часть на структурные элементы:Главное менюШапка сайта«Хлебные крошки»Контентная частьПравый сайдбарПодвалПостраничная навигацияРисунок 2.5 – Общий макет публичной части сайтаГлавное меню, показанное на рисунке 2.6 – это один из основных элементов навигации. Рисунок 2.6 – Главное меню сайтаВ нем расположены пункты разделов, а так же справа от них, реализована пользовательская часть, которая в зависимости от того авторизован пользователь или нет, может принимать различные формы. Т.е. если пользователь не авторизован то отображается ссылка «Войти» при нажатии на которую открывается форма ввода данных (рисунок 2.7) для авторизации, а так же несколько дополнительных ссылок – регистрация, и ссылка ведущая на страницу восстановления пароля, в случае если пользователь не может авторизоваться, хотя он ранее был зарегистрирован уже на сайте.Рисунок 2.7 – Форма авторизацииВ том случае, если пользователь авторизован, вместо ссылки «Войти» отображается ссылка с надписью в качестве имени пользователя, при нажатии на которую открывается дополнительное меню (рисунок 2.8), ведущее в административную панель (при условии что авторизованный пользователь обладает такими привилегиями), так же есть ссылка, ведущая на изменение данных пользователя, и на удаление авторизации.Рисунок 2.8 – Пользовательское менюЧто касается, пунктов ведущих на различные разделы сайта то они могут быть как одноуровневые, например: Главная, Кто есть кто и двух уровневые: Медиа, Партия (рисунок 2.9).Рисунок 2.9 – Двухуровневое менюНиже идет так называемая общая «Шапка» сайта (рисунок 2.10). Рисунок 2.10 – «Шапка» сайтаВ ней расположены логотип Единой России, он является ссылкой на главный сайт партии – er.ru. Правее логотип Ростовской области и так же ссылка которая ведет на Ростовское региональное отделение партии. Правее находится надпись, которая показывает что данный сайт относится к Волгодонскому отделению партии Единой России. Далее так же указана контактная информация: электронная почта и телефон.Чуть ниже расположен элемент, так называемые «Хлебные крошки» - они показывают путь от главной до текущей страницы сайта (рисунок 2.11).Рисунок 2.11 – «Хлебные крошки»На главной страницы этот элемент отсутствует, по причине его нецелесообразности.Справой стороны сайта, ниже «Шапки» расположен правый сайдбайр (англ. sidebar) или правое меню, показанное на рисунке 2.12. В зависимости от того, на какой странице находится пользователь, ему показывается различный набор элементов в данном меню. Если это главная страница то там будет: Календарь новости, партнерские ссылки, а так же виджет группы на сайте odnoklassniki.ru. Если же это внутренние страницы то там будет так же календарь событий, и список последних новостей с маленькой картинкой.Рисунок 2.12 – Правый сайдбарКонтентная часть сайта – является главной содержательной частью сайта, в ней например указаны текст новости, или список новостей, список тем форума либо сама тема. Она должно точно отображать ту информацию для которой предназначена конкретная страница, к примеру если пользователь находится на странице новостей, то в ней обятельно должны быть отображены либо новости, либо конкретная (подробная) часть новости.Постраничная навигация (рисунок 2.13) – используется для разделения, или «разбивки» списков, например – новостей. Рисунок 2.13 – Постраничная навигацияГлавная цель – это не перегрузить страницу, допустим на сайте 1000 новостей, и если вывести весь список на одной странице – то получится, очень «тяжелая» страница, которая будет долго грузиться, тормозить браузер и так далее. А так, разделяя список на страницы пользователь будет видеть например 10 новостей на одну страницу, без всяких перегрузок.«Подвал» сайта (рисунок 2.14) или как его называют по английски – footer. Завершающий вертикальный элемент сайта.Рисунок 2.14 – Подвал сайтаРазделы сайтаВесь сайт структурирован на несколько разделов, каждый из них включает в себя определенный набор структур данных которые были описаны ранее. Их может быть несколько, от одного до примерно 5. Так же одна структура данных может быть использована в разных разделах сайта. Вообще эти разделения так же могут быть весьма условными, так как в например в новостях может быть использована галерея, что является составной сущностью из структур данных новости и галерея. Более подробно будут описаны в каждом подразделе поянительной записке, посвященному каждому из разделов сайта. В публичной части сайта представлено несколько разделов:Новости (она же главная страница сайта)ГалереяВидеоКто есть ктоПроекты и комиссииПриемныеПартияФорумНовостиЭто стартовая – главная страница сайта. Этот раздел может быть разделен на два типа страниц: список новостей и подробный просмотр новости. Новости используются для публикации отчетов о различных мероприятий, так же могут быть опубликованы различные новости о самой партии, о региональном или местном отделениях. Список новостей выходит на главной странице и, по сути главная страница раздела новости. В этом списке отображается по 10 новостей (используется постраничная навигация), с сортировкой от самой новой к более старым новостям. Плюс в этом списке есть блок, который отражает самые свежие новости в горизонтальном положении (рисунок 2.15). Конечно, получается небольшой дублирование на главной странице, но здесь преследуется цель наибольшего удобства для пользователя – кому то проще пролистать горизонтальный список и посмотреть в компактном виде анонсы, чем листать по вертикали и просматривать довольно объемные блоки информации с кратким описанием новости. Рисунок 2.15 – «Карусель» НовостейРисунок 2.16 – Список новостей на главной страницеКаждая новость из списка (рисунок 2.16) состоит из:ЗаголовкаАнонсаДаты публикацииКоличества просмотровКоличества комментариевФотографииВ этом списке новостей используется только структура данных – «Новости».Следующий тип страниц раздела новости является – подробный просмотр. Здесь отображается полная информация о данной новости:ЗаголовокБольшое фотоПолный текст новостиДата публикацииКоличество просмотровГалереяВидеоКомментарииПерсоналииРисунок 2.17 – Пример отображения галереиНа рисунке 2.17 показан пример отображения галереи при просмотре новости.Рисунок 2.18 – Пример отображения комментариевНа рисунке 2.18 показана форма для добавления комментариев, а так же вывод самого комментария от анонимного пользователя, как видно отображено имя пользователя, дата добавления комментария, сам комментарий а так же аватарка пользователя, если она не загружено то отображается простое изображение «заглушка».Рисунок 2.19 – Пример основного содержания полной новостиНа рисунке 2.19 отображен полный текст новости, дата добавления, количество прочтений новости, а так же главное изображение.Рисунок 2.20 – Пример отображения персоналийНа рисунке 2.20 отображен пример вывода персоналий при подробном просмотре новости.Пункты 1-5 являются атрибутами структуры данных «новости». Пункты 6-9 являются связями со сторонними (в отличие от СД «Новости»). Галлерея это связь со структурой данных «Изображения» (получение записей из БД из структуры данных «Изображения» по полю news_id). Эти изображения были загружены при добавлении/редактировании новости, т.е. «прикреплены» к ней. В галерее есть список изображений, а так же каждую из них можно увеличить. Анимация увеличения (рисунок 2.21) реализована с помощью JavaScript библиотеки LightBox.Рисунок 2.21 – Отображение увелечинной фотографииКомментарии – СД «Комментарии». Если пользователь оставил комментарий как авторизованный пользователь, то для получения информации о пользователе, в списке комментариев, будет использована связь к СД «Пользователи». Помимо списка самих комментариев так же присутствует форма для добавления. Она может содержать разное количество полей для заполнения в зависимости от того, авторизован пользователь или нет. Если пользователь авторизован, то из полей только комментарий, если же не авторизован (рисунок 2.22), то пользователю необходимо так же указать сведения о себе: имя, e-mail и так же указать код с картинки для подтверждения того, что он не робот например для рассылки спама.Рисунок 2.22 – Форма комментариев для неавторизованного пользователяЕсли пользователь авторизован и он является администратором есть дополнительные кнопки для управления новостью: редактирования и удаления новости (рисунок 2.23).Рисунок 2.23 – Панель для администрирования новостиГалереяКак и новости, галерея разделена на два типа страниц – список альбомов и подробный просмотр альбома. При просмотре списка альбомов указана следующая информация (СД «Альбомы» и СД «Изображения» - рисунок 3.24):Название альбомаФотография из альбомаКоличество фотографий в альбомеНазвание альбома берется из СД «Альбомы», фотография берется по из СД «Изображения», количество фотографий подсчитывается автоматически при выводе.Рисунок 2.24 – Отображение главной страницы раздела «Галерея»Как и в новостях здесь так же используется, постраничная навигация, но здесь выводится по 21 альбому на страницу. При просмотре самого альбома, отображается список загруженных в данный альбом, каждое изображение (СД «Изображения») из этого списка можно увеличить, при увеличении используется так же библиотека «LightBox». Стоит отметить, что если к новости загружаются изображения в галерею, то система управления сайтом автоматически создает альбом и создает эту связь в базе данных. Таким образом, изображения относятся как самостоятельно к альбому, так и к новости, в которую они были загружены.Рисунок 2.25 – Список изображений при просмотре альбомаНа рисунках 2.25 и 2.26 показан альбом галереи при подробном просмотре, изначально показывается список маленьких изображений – рисунок 2.25 после чего каждое изображение можно увеличить рисунок 2.26.Рисунок 2.26 – Увеличенное изображениеКто есть ктоЭтот раздел отвечает за отображение списков людей, которые относятся к партии. Все они структурированы на несколько групп (СД «Персоналии»), на данный момент это:ДепутатыЧлены МКРКЧлены политсоветаПрезидиум Совета сторонниковСекретари первичных отделенийВОО "Молодая Гвардия Единой России"На главной странице данного раздела (рисунок 2.27) отображены эти персоналии, а так же несколько человек (СД «Биографии») которые принадлежат к этим группам. Стоит отметить, что один человек может принадлежать к нескольким группам. При выводе списка людей, отображается его имя и фотография.Главная страница (рисунок 2.27) здесь является – неким выводом сводной информации. Отсюда можно перейти в два типа страниц: подробный просмотр определенного человека (СД «Биографии») либо в просмотр определенной персоналии (СД «Персоналии»), например «Депутатов» - рисунок 2.28, в которой будут отображены список людей, которые относятся к этой группе людей, с возможностью просмотре биографии нужного человека. Сортировка биографий здесь является по алфавиту. Рисунок 2.27 – Главная страница раздела «Кто есть кто»Рисунок 2.28 – Пример отображений персоналии «Депутаты»В подробном просмотре определенного человека отображается:ИмяФотографияОбразованияБиографияРегалии – список групп, к которым принадлежит данный человекНовостиНовости здесь как и регалии двусторонняя связь в БД. Отражается несколько последних новостей, в которой был «прикреплен» этот человек. Правее есть ссылка на просмотр всех новостей с этим человеком.При отображении регалий, так же указывается его положение (должность) в данной категории.Рисунок 2.29 – Подробный просмотр биографииВ качестве примера были рассмотрены несколько разделов, все разделы рассматривать нет смысла, так как они во многом похожи.Административная панельБазовые концепцииАдминистративная часть сайта – это та часть, которая доступна только администорам для настройки, а так же управления материалами сайта. Базовыми операциями являются: добавление, удаление, редактирование материалов. Вход в эту часть сайта, могут осуществлять только те пользователи, у которых есть соотвествующий уровень доступа.Рисунок 2.30 – Вход в админцентрОсуществляется вход в пользовательском меню (рисунок 2.20), после авторизации. Если у пользователя есть уровень доступа администратора то добавится дополнительных пункт меню «Админцентр».Оформление выполнено с помощью HTML, CSS и JS фреймворка Twitter Bootstrap (в дальнейшем TB) о котором было рассказано ранее.Рисунок 2.31 – Главная страница административной панелиОбщий макет представления административной панели (рисунок 2.31) можно разделить на три части: главное меню, дополнительное меню, контентная (содержательная) часть.Главное меню (рисунок 2.32), расположено в самом верху сайта, оно может быть как одноуровневым так и двух уровневым.Рисунок 2.32 – Главное менюНапример, новости – одноуровневый пункт меню, а медиа – двухуровневый. Для создания меню использовался компонент navbar фрейморка TB. Левое меню (рисунок 2.33), используется для навигации внутри определенного раздела, например в новостях, как видно на рисунке есть два пункта: список новостей и добавить новость.Рисунок 2.33 – Левое менюЦентральная (контентная) часть (рисунок 2.34) используется для вывода главного содержания текущей страницы, по сути там два типа данных: таблица списков, и формы. Для вывода списков используются таблицы, которые стилизуются фреймворком TB. Рисунок 2.