Добавлен: 17.06.2023
Просмотров: 72
Скачиваний: 2
Табл. 2. Описание страниц
|
Заголовок страницы/раздела |
Информация |
Тип web–страницы (содержание элементов веб-страниц) |
|
Главная |
Девиз, логотип, описание работы ДОУ, задачи развития |
Статическая (текст, изображения) |
|
Документы |
|
Статическая (страница со списком ссылок на страницы) |
|
|
Статическая (страница со списком ссылок на .doc документы) |
|
|
Статическая (списки ссылок на сайты с законами) |
|
Образовательная деятельность |
Статическая (список ссылок на страницы) |
|
|
Информация о педагогах, работающих в детском саду |
Статическая (страница со списком ссылок на страницы с фото) |
|
Информация о кружках |
Статическая страница (текст) |
|
Информация об оплате детского сада |
Статическая (текст) |
|
Информация о саде |
||
|
Текст гимна |
Статическая (текст) |
|
|
Статическая (текст, изображение) |
|
Статьи из газет |
Статическая (текст, изображение) |
|
Время работы сотрудников |
Статическая (текст) |
|
Родителям |
Важная и полезная информация для родителей. |
Статическая (текст) |
|
Фотогалерея |
|
Динамический элемент (ссылки на фото) |
|
Форум |
Список тем обсуждений родителями |
Динамический элемент |
Следующий этап создания сайта — разработка графического интерфейса, на котором наглядно изображено как будут располагаться функциональные графические элементы (. рис.2. «Макет страницы»). Создавая макет страницы, разработчик должен учесть многие моменты, связанные с представлением информации на сайте, восприятием ее пользователем, организацией быстрого поиска и др.
Ниже представлена основная разметка страниц будущего шаблона (. рис. 2).
|
логотип |
Название сайта |
Поиск |
|
|
Слайд–шоу с использованием детских фото |
|||
|
Горизонтальное меню |
|||
|
Вертикальное меню |
Контент Информационное содержание страницы |
||
|
информация об авторских правах |
|||
Рис.2. Макет страницы
После того как составлен макет страницы, нужно определить наиболее подходящую цветовую гамму сайта.
Так как веб–сайт разрабатывается для дошкольного учреждения, следует выбирать спокойные и приятные цвета. Исходя из этого, и из пожеланий администрации ДОУ сайт будет выполнен в трех цветовых гаммах (розовый, голубой и зеленый).
Все тексты на сайте обязаны хорошо читаться и на плохо настроенном мониторе. Основные разделы сайта должны быть доступны с первой страницы. В дизайне сайта не должны присутствовать мелькающие баннеры и много сливающегося текста.
Сайт должен иметь интуитивно-понятный интерфейс, содержать детские рисунки или рисунки на детскую тематику.
Для реализации страниц сайта должны использоваться следующие языки:
- для статических страниц и шаблонов — HTML и CSS;
- для интерактивных элементов клиентской части — JavaScript и DHTML;
- для динамических страниц — PHP;
Также все рисунки должны быть в формате gif или jpg.
Для функционирования сайта необходимо следующее программное обеспечение:
- Веб-сервер — Apache версии не ниже 1.3.26;
- СУБД — MySQL версии не ниже 3.23;
- PHP — версия 5.3.10.
Сайт должен быть доступен для полнофункционального просмотра с помощью таких браузеров, как:
Для реализации проекта необходимо выполнить следующую работу:
- выбрать CMS для написания сайта;
- выбрать подходящий шаблон на детскую тематику;
- установить модули форума и фотогалереи;
- наполнить сайт необходимой информации.
CMS (от английского Content Management System) — система управления содержимым (контентом) — информационная система, которая используется для организации и обеспечения процесса по совместному созданию, управлению и редактированию содержимого сайта.
Бывают бесплатные cms системы и платные. Бесплатно cms движки распространяются довольно часто, большинство из них (речь о популярных) регулярно обновляются, для них есть большое количество шаблонов дизайна и дополнений. Для многих задач, особенно в некоммерческих тематиках, подойдут бесплатные cms системы.
CMS Joomla
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, но это, скорее, недостаток, ведь придется постоянно устанавливать новые версии. Да и это означает, что разработчики постоянно допускают ошибки. Еще одним недостатком, который не особо актуален для новичков, является сложность и избыточность программного кода, которая негативно сказывается на скорости работы сайта, а также на возможности нахождения и исправления ошибок.
DRUPAL
Также входит в самые популярные cms для сайта и распространяется бесплатно. На конкурсе «Best open source applications 2010» drupal победила в категории лучшая cms.
Drupal можно применять для построения различных сайтов, начиная от блогов, новостных порталов, информационных сайтов, форумов и заканчивая социальными сетями. Довольно большую функциональность можно расширять установкой дополнительных «модулей», которые можно скачать с официального сайта. По умолчанию уже включает в себя такие функции, как голосование, форум, сборщик новостей, новостная лента, движок для блога, загрузка файлов и поиск. Из недостатков drupal можно выделить повышенное требование к оперативной памяти на стороне сервера, обычно не менее 128 МБ.
Основные направления разработок на Drupal:
- блоги;
- социальные сети;
- персональные сайты;
- корпоративные сайты;
- порталы сообществ;
- форумы;
- магазины;
- сайты–справочники.
Drupal ориентирован на платформу LAM, но допустимо использование и других вариантов системного программного обеспечения. Используется операционная система Unix, Windows. Работает на веб–сервере Apache, Lighttpd (теоретически, любой веб–сервер, допускающий исполнение РНР–кода), РНР версии 4.3.3 и выше.
Из проанализированных систем управления контентом можно выделить наиболее подходящую для реализации сайта дошкольного учреждения — CMS Joomla, так как она имеет такие важные преимущества, как:
- бесплатная;
- имеется открытый исходный код;
- возможность добавления нужных для определенного сайта модулей;
- большое количество шаблонов, модулей и расширений;
- для работы может подойти практически любой хостинг с поддержкой php и mysql;
- проста в обучении и использовании — данный пункт особо важен, т.к. поддерживать сайт предстоит сотрудникам учреждения самостоятельно.
Было рассмотрено множество шаблонов. Наиболее подходящим оказался шаблон baby-center-template, т.к. он удовлетворяет всем требованиям заказчика: цветовая гамма сайта, расположение меню сверху и слева.
Рис.3. Шаблон baby-center-template
В выбранном шаблоне можно по желанию изменять цветовую гамму (голубой, розовый и зеленый). Был изменен стандартный логотип.
В ходе работы были добавлены следующие модули:
- Phoca Gallery — модуль для отображения фотографий;
- Kunena Forum — модуль форума, для общения родителей.
Phoca Gallery. В пользовательском интерфейсе отображается список фотоальбомов. Этот список представляет собой ссылки на каждую категорию альбома. В каждом альбоме находятся фотографии небольшого размера. При нажатии на фотографии, она открывается в большом размере. В этом модуле также доступен просмотр в режиме слайд шоу.
Kunena Forum. В этом модуле находится список тем, которые обсуждаются на форуме, список пользователей, которые в данный момент находятся на этом форуме, и статистика посещений форума, созданных тем и прокомментировавших обсуждения. При открытии какой-либо темы на форуме, можно просмотреть все комментарии.