Вход в административный раздел

Административный раздел

В данном уроке мы подробно ознакомимся с административным разделом. С уверенностью можно сказать, что административный раздел — это командный пункт вашего сайта. Именно здесь вы проводите все операции по разработке, улучшению, наполнению сайта и именно поэтому вы просто обязаны иметь максимальное представление о том, что и где в нём находится.

Вход в административный раздел осуществляется со страницы: http://site.ru/netcat/admin/, где:

  • http://site.ru — это домен вашего сайта;
  • /netcat/admin/ — путь к административному разделу, по-умолчанию.

Первое, что вы увидите при заходе на эту страницу — форму для ввода логина и пароля.

Логин и пароль основного пользователя (администратора) задаются на этапе установки CMS. После установки пользователь с правами администратора имеет возможность добавлять новых пользователей и присваивать им необходимые права.

После прохождения процедуры авторизации вы попадаете на главную страницу административного раздела.

Давайте разберём по порядку что находится на этой странице.

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

В правом верхнем углу находятся: логин текущего пользователя и назначенные ему права, ссылка для выхода из системы, а так же две кнопки, первая ведёт на страницу обновления система, а вторая для чтения системных сообщений. Способы обновления системы мы обсудим позднее.

Верхнее меню сайта.

Меню «Сайт». В данном меню вы можете осуществлять операции с вашими сайтами: добавлять новые и редактировать существующие.

Меню «Пользователи». В данном меню осуществляются все операции по работе с пользователями: добавление, удаление, редактирование, присвоение прав и т.д., а так же работа с группами пользователей. .

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

Меню «Разработка». Является дублем аналогичного меню в левой панели.

Меню «Настройки». Содержит в себе пункты на настройку системы, настройку текущего сайта и модулей.

Пункт меню «Карта сайта» содержит полное дерево созданных в системе сайтов, а так же их разделов/подразделов. В CMS NetCat, во всех редакциях у разработчиков есть возможность создания неограниченного уровня каталов/подкаталогов в карте сайта. В свежеустановленной системе карта сайта может выглядеть подобным образом:

В настроенной системе карта сайта может выглядеть так:

Компоненты — это конструктор для построения необходимого функционала у сайта. В компонентах задаются поля, стили отображения, форматы вывода и многое-многое другое.

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

Как вы видите на рисунке системные таблицы разделяются на 4 подраздела. Кажный из них имеет своё направление:

  • Сайты. Предположим, что у вас в системе не один, а несколько сайтов. Для каждого из сайтов вам нужно вписать свои копирайты, номера телефонов в шапке сайта, вставить свои коды счётчиков или использовать разные картинки в шапке сайта. Делается всё очень просто: добавляется новое поле в данном разделе

и теперь в настройках каждого из сайтов будет доступно данное поле для заполнения

Для вывода введённого значения в макете дизайна нужно всего лишь прописать код где вместо «Email» вставить имя вашего поля.

  • Разделы. Используется для добавления своих настроек в разделе. К примеру, вам нужно, чтобы картинка в шапке сайта была своя в каждом разделе. Добавляете поле для закачки файла и в месте вывода прописываете

    Аналогично работе с системной таблицей «Сайты» вы можете добавить поле типа «Файл» с именем, например, Pic. В макете дизайна или компоненте это поле будет доступно через вызов такой переменной: $current_sub[Pic]. Аналогично использование конструкции %Имяполя в шаблонах вывода навигации макета дизайна. Например, Вам нужно вывести меню сайта, а перед каждым из пунктов меню должна выводиться уникальная картинка раздела. Добавляете новое поле и в шаблоне вывода навигации дописываете макропеременную %Pic таким образом:

    • Пользователи. При наличии модуля «Личный кабинет» вам будет доступен функционал по работе с пользователями, а именно:

      — Формирование альтернативных форм для регистрации (добавления) пользователей на сайт, включая добавление необходимого количества полей.

      — Отображение списка пользователей.

      — Формироваие альтернативных форм для редактирования данных пользователей.

    • Макеты дизайна. Здесь добавляются поля, которые можно удобно использовать в шаблонах дизайна. Простой пример: вам нужно разместить на каждой странице счётчик посещаемости. Для удобства вы можете создать новое поле, назвав его, к примеру, Counter:

      не забудьте, при необходимости, поставить флажок на наследовании, иначе вам прийдётся заполнять поле с кодом в каждом из макетов.

      Теперь, чтобы данные, добавленные в это поле отобразились в нужном месте макета, необходимо прописать макропеременную следующим образом: %Имяполя, в нашем случае код будет выглядеть таким образом %Counter:

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

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

      Списки. Название говорит само за себя. В этот раздел вы добавляете/редактируете существующие списки каких-либо родственных элементов. Например, при добавлении нового объекта в доске объявлений вам нужно в форме вывести список городов. Для этого вы создаёте новый список и добавляете в него необходимые значения.

      С пунктом меню «Разработка» закончили, переходим к меню «Модули и виджеты».

      В данном пункте выводится список установленных в вашей системе модулей. Данный раздел является центром по управлению модулями и их настройке.

      Нам осталось только досмотреть главную страницу. В центральной части страницы располагаются:

      • информация о текущем пользователе
      • список избранных разделов для быстрого доступа и редактирования. Для добавления раздела в этот список воспользуйтесь кнопкой «Настройки» или установите флажок в поле «Показывать раздел в «Избранных разделах» на вкладке «Настройки» — «Основные»:

      На этом всё, мы рассмотрели с вами основные разделы, которые присутствуют в административном разделе.

      Вход в административную часть сайта

      Приложение № 1 к договору № 017 от «01» февраля 2012 г.

      Основание для разработки. 4

      Назначение разработки. 5

      Требования к сайту. 6

      Оформление сайта. 6

      Структура сайта. 6

      Содержание страниц сайта. Работа программных модулей. 7

      Главная страница. 7

      Типовая текстовая страница. 15

      Задай вопрос. 17

      Требования к системе администрирования. 18

      Структура сайта. 18

      Информация на сайте. 19

      Обработка 404 ошибки. 19

      Технические требования. 20

      Требования к серверному программному обеспечению.. 20

      Средства разработки. 20

      Требования к верстке. 21

      Визуальный редактор — текстовый редактор, позволяющий форматировать текст и вставлять картинки и ссылки.

      Администратор сайта — лицо, отвечающее за работу сайта, обладающее полномочиями и правами доступа к системе администрирования сайта.

      Блок (на странице сайта) — совокупность элементов — область страницы сайта, выделенная визуально и/или соответствующая одному программному модулю.

      Гиперссылка (ссылка) — текст или изображение на сайте, устанавливающие связь и позволяющие переходить к другим объектам сети Интернет.

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

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

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

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

      Посетитель (пользователь) — любой пользователь сети Интернет, обратившийся к сайту.

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

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

      Радиокнопка — элемент, который используют для выбора одного параметра.

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

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

      Страница — самостоятельная единица сайта, имеющая уникальный адрес (URL).

      Футер сайта — типовой блок в нижней части страницы сайта.

      Хостинг — услуга по предоставлению дискового пространства для физического размещения файлов сайта на сервере, постоянно находящегося в сети Интернет.

      Цель сайта— страница или действие пользователя, посещением или совершением которых, измеряется эффективность рекламы и продвижения сайта.

      Чекбокс — элемент, который используют для выбора нескольких параметров.

      Шапка сайта — типовой блок в верхней части страницы сайта.

      Якорь — ссылка на определенный абзац (слово, объект) на странице.

      Основание для разработки

      Настоящий документ разрабатывается в качестве проектной основы для осуществления работ по Договору № 17 от 23.01.12 г., заключенному между Ефимовых Алексеем Игоревичем, далее именуемый Исполнитель, и Струговым Евгением Сергеевичем, далее именуемый Заказчик.

      Все работы по разработке сайта производятся в соответствии с положениями настоящего Технического задания.

      После утверждения данного документа обеими сторонами, описанные в нем требования могут изменяться только по обоюдному согласию сторон. Все вносимые изменения должны быть зафиксированы в Дополнениях к Техническому заданию.

      Создать простой и понятный сайт, для повышения популярности организации, посвященный профсоюзной деятельности студентов УРФУ.

      • Спроектировать простую структуру сайта с интуитивной навигацией;
      • разработать дизайн соответствующий требованиям Заказчика;
      • предусмотреть на сайте инструменты для вовлечения пользователей в жизнь профсоюзной организации: интерактивные формы вакансий и резюме, объявления, возможность написать свой комментарий к фотографиям и видео материалам.

      Дизайн сайта должен быть информативным, молодежным, ярким. Пример такого сайта: http://sfu-prof.com/ — хорошая концепция оформления, подача информации, сочетание цветов.

      Верстка сайта статичная. Сайт разрабатывается под ширину экрана 1024 пикселя.

      Рисунок 1. Структура сайта

      Содержание страниц сайта. Работа программных модулей

      Сетка главной страницы сайта изображена на рисунке 2.

      Рисунок 2. Главная страница

      Сетка главной страницы разделена на блоки:

      • шапка с логотипом, надписью, блоком поиска и кнопкой «Задай вопрос»;
      • основное меню;
      • блок со «новость дня»;
      • блок 3 последние новости;
      • блок «Наши партнеры»

      Ниже приведено подробное описание и функционал этих блоков.

      Шапка с логотипом, надписью, блоком поиска и кнопкой «Задай вопрос»

      Шапка отображается на всех страницах сайта (в верхней части страницы) в неизменном виде и содержит:

      • Меню вертикальное. Все пункты меню выполнены текстом, их названия можно отредактировать, а сами пункты поменять местами между собой в системе администрирования. При наведении курсором мышки на раздел меню, содержащий подразделы, меню динамически раскроется и покажет подразделы;
      • пункт меню «Главная» — является ссылкой на главную страницу сайта. На главной странице этот пункт неактивен.
      • пункт меню «Новости» — является ссылкой на страницу новостей.

      Рисунок 2.1. Содержимое пункта меню «Медиа-архив».

      Каждая новость в формате: изображение, дата, заголовок и анонс. Внизу анонса содержится кнопка «Подробнее» для перехода на развернутую страницу новости.

      • пункт меню «Медиа-архив» — при наведении раздвигается и появляются подпункты «Видео» (Рисунок 2.3.) и «Фото» (Рисунок 2.2.), является ссылкой для перехода на страницу «Медиа-архив» (Рисунок 2.1.).

      Рисунок 2.1. Содержимое пункта меню «Медиа-архив».

      Рисунок 2.2. Содержимое пункта подменю «Фото».

      Рисунок 2.3. Содержимое пункта подменю «Видео».

      Рисунок 2.3. Одно выбранное видео.

      • пункт меню «Институты» — при наведении появляется полный список институтов, является ссылкой для перехода на страницу «Институты».
      • пункт меню «Команда» — при наведении появляются подпункты «О профкоме», «Структура», «Люди», является ссылкой для перехода на страницу «Команда».
      • пункт меню «Документы» — при клике пользователь переходит на страницу со списком документов.
      • пункт меню «Партнеры» — при клике пользователь переходит на страницу со списком партнеров. При клике на баннер партнера пользователь переходит по ссылке на сайт партнера, который открывается в новом окне.

      Рисунок 2.4. Страница партнеров.

      • пункт меню «Работа» — при наведении появляется полный список институтов, является ссылкой для перехода на страницу «Работа».

      Рисунок 2.5. Страница «Работа».

      • пункт меню «Общежития» — при наведении появляется полный список Студенческих корпусов, является ссылкой для перехода на страницу «Общежития».
      • администратор сайта может добавить дополнительные пункты меню, если это предусмотрено дизайном сайта.

      Вход в административную часть сайта

      При клике на ссылке «Авторизация» появляется форма авторизации.

      Форма содержит поля для ввода Электронной почты (используется как логин) и пароля, кнопку «Войти» и текстовое пояснение.

      При успешной авторизации ссылка «Вход в личный кабинет» в шапке сайта сменяется на ссылки «Личный кабинет» и «Выход».

      Если при авторизации произошла ошибка, то блок авторизации сменяется на блок с информацией об ошибке и ссылкой для повторной попытки (рисунок 2.4).

      Рисунок 2.4. Ошибка авторизации.

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

      При клике на экран вне области блока авторизации — он закрывается.

      Типовая текстовая страница

      Сетка типовой текстовой страницы изображена на рисунке 3.

      Рисунок 3. Текстовая страница

      Текстовая страница содержит:

      • шапку;
      • редактируемый текстовый блок с заголовком;
      • меню;
      • блок партнеров.