Графический интерфейс

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

Ниже представлена основная разметка страниц будущего шаблона (см. рис. 7).

логотип	Название сайта		Поиск
Слайд–шоу с использованием детских фото
Горизонтальное меню
Вертикальное меню		Контент Информационное содержание страницы
информация об авторских правах

Рис. 7. Макет страницы

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

Требования к дизайну

Так как веб–сайт разрабатывается для дошкольного учреждения, следует выбирать спокойные и приятные цвета. Исходя из этого, и из пожеланий администрации ДОУ сайт будет выполнен в трех цветовых гаммах (розовый, голубой и зеленый).

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

Сайт должен иметь интуитивно-понятный интерфейс, содержать детские рисунки или рисунки на детскую тематику.

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

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

• для статических страниц и шаблонов — HTML и CSS;

• для интерактивных элементов клиентской части — JavaScript и DHTML;

• для динамических страниц — PHP;

Также все рисунки должны быть в формате gif или jpg.

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

• Веб-сервер — Apache версии не ниже 1.3.26;

• СУБД — MySQL версии не ниже 3.23;

• PHP — версия 5.3.10.

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

• Chrome/26.0.1410.64;

• Safari/537.31;

• Mozilla Firefox 1.0;

• Mozilla/5.0

Реализация Описание этапов работы

Для реализации проекта необходимо выполнить следующую работу:

• выбрать CMS для написания сайта;

• выбрать подходящий шаблон на детскую тематику;

• установить модули форума и фотогалереи;

• наполнить сайт необходимой информации.

Выбор cms

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

Бывают бесплатные cms системы и платные. Бесплатно cms движки распространяются довольно часто, большинство из них (речь о популярных) регулярно обновляются, для них есть большое количество шаблонов дизайна и дополнений. Для многих задач, особенно в некоммерческих тематиках, подойдут бесплатные cms системы.

Самые популярные CMS системы⁴:

1. WORDPRESS CMS

В 2009 году на «Open Source CMS Award» признан как лучшая cms. WordPress подойдет для создания блогов и простых сайтов. WordPress блог бесплатен и свободен к распространению. Язык написания — РНР, в качестве базы данных используется MySQL, распространяется под универсальной общедоступной лицензией GNU.

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

Главные преимущества системы WordPress:

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

- простота установки;

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

- удобство управления сайтом;

- при доделывании на этом движке можно сделать любой тип сайта;

- возможность публикаций с помощью сторонних скриптов;

Недостатки WordPress:

- высокая нагрузка на сервер при невысокой посещаемости;

- конфликты между плагинами;

- необходимость установки значительного количества дополнений.

2. DLE (DATA LIFE ENGINE)

С истема управления сайтом, изначально предназначенная для создания новостных ресурсов. Представляет из себя коммерческое программное обеспечение для управления контентом, разрабатываемая SoftNews Media Group.

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

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

Как и у любого продукта, у DLE есть и бесплатная демо–версия. Но так как она распространяется бесплатно, то имеет ряд минусов, как, например, ограничение в количестве новостей — 100, комментариев — 200. Вдобавок, данная версия будет иметь закрытый исходный код. DataLife Engine — русскоязычный движок, ориентированный на создание новостных лент и максимально оптимизированный под высокую нагрузку.

2. J OOMLA

CMS Joomla — производная ветвь от широко известного проекта Mambo, отделившаяся от материнской компании. Причиной этого послужило несогласие по вопросам экономической политики. Первая версия, с исправлениями ошибок и уязвимостей, обнаруженных на тот момент, вышла в свет 16 сентября 2005 года и явилась, по сути, переименованной Mambo 4.5.2.3. К середине 2008 года новый проект занял второе место по числу ежедневных скачиваний, уступая лишь WordPress.

В арсенале CMS Joomla самые различные инструменты для разработки веб–сайта. Загромождение административной панели ненужными элементами устраняется за счет важной особенности CMS — минимального набора инструментов при начальной установке. Благодаря чему снижается нагрузка на сервер, а так же экономится место на хостинге.

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

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

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

Joomla написана на языках PHP и JavaScript, использующая в качестве хранилища базу данных MySQL.

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

Присутствует модуль безопасности, применяемый для многоуровневого распознавания пользователей и администраторов (применяется собственный алгоритм распознавания и «ведения» сессий).

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

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

Возможность joomla:

• создания неограниченного числа страниц;

• начало и конец публикации любой информации можно запрограммировать по календарю;

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

• блоки новостей, товаров или услуг легко редактируются и управляются;

• опросы и голосования для осуществления обратной связи;

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

• возможность организации нескольких форм обратной связи для любого контакта;

• генератор отображения случайной новости;

• имеется возможность распечатки и отправки другу на его почту любую статью с сайта;

• предварительный просмотр данных перед конечным размещением;

• возможность легкого изменения дизайна;

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

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

2. DRUPAL

Т акже входит в самые популярные cms для сайта и распространяется бесплатно. На конкурсе «Best open source applications 2010» drupal победила в категории лучшая cms.

Drupal можно применять для построения различных сайтов, начиная от блогов, новостных порталов, информационных сайтов, форумов и заканчивая социальными сетями. Довольно большую функциональность можно расширять установкой дополнительных «модулей», которые можно скачать с официального сайта. По умолчанию уже включает в себя такие функции, как голосование, форум, сборщик новостей, новостная лента, движок для блога, загрузка файлов и поиск. Из недостатков drupal можно выделить повышенное требование к оперативной памяти на стороне сервера, обычно не менее 128 МБ.

Основные направления разработок на Drupal:

• блоги;

• социальные сети;

• персональные сайты;

• корпоративные сайты;

• порталы сообществ;

• форумы;

• магазины;

• сайты–справочники.

Drupal ориентирован на платформу LAM, но допустимо использование и других вариантов системного программного обеспечения. Используется операционная система Unix, Windows. Работает на веб–сервере Apache, Lighttpd (теоретически, любой веб–сервер, допускающий исполнение РНР–кода), РНР версии 4.3.3 и выше.

2. UCOZ.RU.

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

Преимущества ucoz:

- быстрое начало работы;

- большой выбор бесплатных доменов;

- возможность добавить свой домен;

- большое число шаблонов.

Недостатки ucoz:

- отсутствие поддержки php и mysql (компенсируется наличием большого количества модулей);

- сложность при переносе сайта на другой движок и хостинг;

- необходимость ежемесячной оплаты за дополнительные функции и место на диске;

- слабая служба поддержки (компенсируется фанатскими форумами).

Из проанализированных систем управления контентом можно выделить наиболее подходящую для реализации сайта дошкольного учреждения — CMS Joomla, так как она имеет такие важные преимущества, как:

- бесплатная;

- имеется открытый исходный код;

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

- большое количество шаблонов, модулей и расширений;

- для работы может подойти практически любой хостинг с поддержкой php и mysql;

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