Разработка сайта управляющей компании с функцией обратной связи, форума, фотогалереи

Основные параметры таблицы jos_ menu (разделы сайта) следующие:

- id (идентификатор);

- menutype (тип меню);

- alias (псевдоним);

- link (ссылка);

- type (тип);

- published (статус публикации раздела, для обозначения используется двоичная система 0 - не опубликовано, 1 - опубликовано);

- ordering (порядок показа раздела);

- access (доступ, на данном сайте просмотр разделов, категорий и материалов доступен всем пользователям).

Рисунок 5 - Структура таблицы jos_menu

На рисунке 6 показана таблица jos_menu (Разделы сайта) с заполнением основных данных, которые хранит таблица. Таким же образом хранится большая часть данных сайта и каждое изменение в Административной панели меняет и структуру таблиц MySQL.

Рисунок 6 - Таблица jos_menu с заполненными данными

Точно также вновь установленный Компонент обычно создает хотя бы одну таблицу для хранения своей информации. Например, данные материалов компонента для создания форм "artforms" хранятся в "jos_artforms".

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

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

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

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

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

4. Создание основных модулей сайта.

Решаем каждую из подзадач последовательно.

Рабочее пространство сайта делится на 5 блоков. Макет сайта представлен на рисунке 7.

Рисунок 7 - Эскиз расположения основных блоков сайта

Рабочее пространство сайта делится на 5 блоков. Макет сайта представлен на рисунке 10.

- Сверху в центре располагается логотип компании, слоган и главное меню навигации сайта;

- Боковое меню (справа вверху) - здесь располагается дополнительное меню навигации сайта;

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

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

- Блок дополнительной информации - здесь располагается счетчик, правовая информация

На рисунку 8 отображен макет главной страницы сайта

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

Для навигации на сайте все меню сделаны одноуровневыми, без вложенных меню. Данный тип навигации отличается удобством для пользователя сайта - с главной страницы можно попасть в любой раздел сайта. Также данный тип меню корректно отображается браузерах Mozila Firefox, Safari, Google Chrome, Opera и Internet Explorer.

2.5 Организация обратной связи на сайте

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

Более всего для создания форм к сайту компании компонент ArtForms для Joomla. Этот компонент дает широкие возможности для создания разнообразных индивидуальных форм на сайте. ArtForms имеет следующие преимущества:

- неограниченное количество форм и полей;

- сохранение форм в базе данных;

- индивидуальный стиль для разных полей;

- поддержка Captcha.

Этапы создания «обратной связи»:

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

- обязательные - e-mail отправителя (ввод данных), тема сообщения (ввод данных), текст сообщения (текстовое поле);

- необязательные -имя (ввод данных).

Установка компонента ArtForms через Установку/Удаление расширений в Административной панели Joomla!

2. Настройка формы (происходит во вкладке Формы) - название формы, электронный адрес получателя формы, отправка копии формы клиенту (да/нет), пользовательский JavaScript код, загрузка пользовательского CSS-кода, возможность включения проверочной системы (Captcha), указать параметры публикации.

Для сайта используются следующие настройки:

- название формы - «Обратная связь»;

- e-mail адрес - lyga@mail.ru;

- проверочная система - EasyCaptcha.

- Разрешение загрузки файлов - если загрузка разрешена, то определяется размер прикрепляемого файла, количество вложенных файлов, выбор разрешенных типов файлов. Для вложения используются следующие типы файлов: doc (Microsoft Word), xls (Microsoft Excel), pdf (Adobe Acrobat), jpg, bmp (графические файлы).

- Создаются поля обратной связи в соответствии с типом поля, важностью выполнения, если необходимо выполняется проверка полей, например, проверка e-mail или номера.

Интерфейс формы обратной связи приведен на рисунке 9.

Рисунок 9 - Форма обратной связи сайта компании

2.6 Организация фотогалереи на сайте

С целью информирования жителей о проведенных работах на сайте была создана фотогалерея.

Более всего для создания фотогалереи на сайте подходит компонет Phoca Gallery для Joomla. При всей своей простоте фотогалерея Phoca Gallery позволяет реализовать массу возможностей, в том числе и разнообразные слайдшоу для Joomla. Phoca Gallery - позволяет размещать изображение, делать их доступными для скачивания, сами изображения можно увеличивать для подробного просмотра. Этот компонент галереи для Joomla позволяет размещать не только изображения, но и видео ролики. Как изображения, так и видео ролики можно ставить на голосование, присваивать им рейтинг. Кроме того, Phoca Gallery синхронизирована с Google и можно пометить на карте Google, где были сделаны фотографии или видеоролики. Категории можно настроить разным стилем изображения, разным размером. Способ и стиль изображения картинок - регулируется с помощью плагинов Phoca Gallery, который надо загружать, после того, как установлен основной компонент галереи Joomla.

Создание фотогалереи на сайте

- В категориях Phoca Gallery создается новая категория «Примеры работ»;

- Во вкладке «Изображения» добавляются необходимые фотографии

- Делается привязка фотографий к категории;

2.7 Организация форума на сайте

Форум на сайте организован по типу «Вопрос-ответ» с помощью компонента Joomla SM FAQ. Компонент имеет множество различных функций и настроек.

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

Благодаря функции опроса пользователей администратор может посмотреть, насколько тот или иной ответ на него помог посетителям сайта.

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

Пользователь, который задал вопрос, может оформить подписку на получение ответа по e-mail.

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

Заключение

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

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

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

Определение состава средств разработки обусловлена на выборе CMS Joomla 1.5.22, ввиду высокого уровня ее развития и широкого выбора компонентов, модулей, плагинов, а также соответствие требованиям безопасности. Административная часть содержит все необходимые инструменты для осуществления любых изменений на сайте.

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

Литература

1. Классификация сайтов [Электронный ресурс]. - Режим доступа: http://ru.wikipedia.org/wiki/%D0%A1%D0%B0%D0%B9%D1%82 (дата обращения: 20.12.2010).

2. Apache-сервер [Электронный ресурс]. - Режим доступа: http://wikipedia.org/wiki/Apache.ru (дата обращения: 20.12.2010).

3. PHP [Электронный ресурс]. - Режим доступа: http://ru.wikipedia.org/wiki/PHP (дата обращения: 20.12.2010).

4. MySQL [Электронный ресурс]. - Режим доступа: http://ru.wikipedia.org/wiki/MySQL (дата обращения: 20.12.2010).

5. Определение CMS [Электронный ресурс]. - Режим доступа: http://ru.wikipedia.org/wiki/%D1%E8%F1%F2%E5%EC%E0_%F3%EF%F0%E0%E2%EB%E5%ED%E8%FF_%F1%EE%E4%E5%F0%E6%E8%EC%FB%EC (дата обращения: 20.12.2010).

6. Доли рынка CMS [Электронный ресурс]. - Режим доступа: http://itrack.ru/research/cmsrate (дата обращения: 20.12.2010).

7. Система управления контентом uCoz [Электронный ресурс]. - Режим доступа:

http://ru.wikipedia.org/wiki/UCoz (дата обращения: 20.12.2010).

8. Система управления контентом 1С-Битрикс [Электронный ресурс]. - Режим доступа: http://ru.wikipedia.org/wiki/1%D0%A1-%D0%91%D0%B8%D1%82%D1%80%D0%B8%D0%BA%D1%81 (дата обращения: 20.12.2010).

9. Система управления контентом Joomla [Электронный ресурс]. - Режим доступа http://ru.wikipedia.org/wiki/Joomla (дата обращения: 20.12.2010).

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