Разработка сайта магазина "Чай и кофе"

«Joomla» имеет много платных и бесплатных шаблонов которые легко модифицируются. Недостатки «Joomla»:

«Joomla» не очень быстра на локальном сервере.

В 2008 году система перешла на новую ступень развития (версия 1.5.х), поэтому часть дополнений, сделанных под версию 1.0.х стали недоступными.

В 2009 году выпускается 7 обновлений. Заметно продвинулись работы в разработке версии Joomla! 1.6.

Ведется разработка следующей версии — Joomla! 1.6.  Судя по предварительным данным она будет совместима с Joomla! 1.5, однако полностью перейдет на PHP 5,0 и не будет поддерживать режим Legacy Mode и, соответственно расширения, разработанных для Joomla! 1.0.

В 2010 году все силы брошены на производство инновационной Joomla! 1.6 — выпущено несколько бета версий, и к концу года уже подготовлен релиз-кандидат. Так же в 2010м году было выпущено 7 релизов безопасности для Joomla! 1.5 .

10 января 2011года выходит первая  стабильная версия Joomla! 1.6

Вышла так же промежуточная версия Joomla 1.7 . Версии 1.6 и 1.7 являются вполне функциональными,но, в то же время, это подготовительные проекты к выходу новой версии.

К началу 2012 выходит версия Joomla 2.5, являющаяся, на данный момент, самой популярной среди  систем управления сайтами. До конца года в ней будут воплощены последние достижения разработчиков.

 

 1.6 Общая структура сайта

 

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

Страница «О нас» содержит рекламу предприятия, содержит переход на страницу «Контакты».

Страница «Наш кофе» содержит общую информацию о кофе, содержит переход на страницу «Сорта кофе»

Страница «Наш чай» содержит краткую информацию о чае, содержит переход на страницу «Сорта чая»

 

Глава 2 Технологическая часть

 

2.1 Дизайн веб-сайта

 

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

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

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

 

2.2 Описание создания страниц сайта

 

Разработка сайта ведется в программном пакете компании Joomla 2.5.

Выбор данного пакета обоснован тем, что его освоение отнимает мало времени, доступно множество функций (организация интерактивных элементов сайта, создание гиперссылок в несколько нажатий мыши и т.п.), пакет поддерживает большое количество технологий (HTML, PHP, ASP, Java, XML, XSLT, CSS и др.).

При создании сайта использовался стандартный шаблон Beez_20

 

Рисунок 3 Вид шаблона Beez_20

 

2.3 Панель управления

 

Денвер - набор дистрибутивов и программная оболочка, предназначенный для создания и отладки сайтов на локальной Windows-машине, без подключения к сети Интернет. Название пакета представляет собой сокращение от «джентльменский набор web-разработчика» - д. н. w. р. - «дэ» «эн» «вэ» «эр» - если прочитать быстро, то получится «Денвер».

Базовый пакет состоит из следующих компонентов:

Apache 2.2, SSI, SSL, mod_rewrite, mod_php.

PHP 5.3.1

MySQL 5.1.40.

phpMyAdmin 3.2.3.

Ядро Perl без стандартных библиотек

Эмулятор sendmail

Для доступа к административной панели управления Joomla запускаем Денвер и после используем адрес нашего веб-сайта (или полный путь к папке, в которую установлена Joomla) с добавлением в конце пути "/ administrator" т.е. доступ к панели управления возможен по адресу www.site.ru/administrator. После введения адреса, откроется страница авторизации:

Рисунок 4 Вид панели управления

 

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

 

Рисунок 5 Ввод логина и пароля

2.4 Создание разделов сайта

 

Раздел - это главный (верхний) объект в основе иерархии структуры содержимого.

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

Будет открыта страница "Менеджер разделов". На странице "Менеджер разделов", используя кнопки на панели инструментов, можно (перечисление справа налево):

- открыть в новом окне страницу  описания по данному окну ("Управление  разделами"). Нажмите кнопку "Помощь".

- Создать новый раздел. Нажмите кнопку "Создать".

- Изменить существующий раздел. Нажмите на название раздела  или отметьте нужный раздел  и нажмите кнопку "Изменить".

- Удалить существующий раздел. Отметьте нужный раздел и нажмите  кнопку "Удалить".

- Копировать существующий раздел. Отметьте нужный раздел и нажмите кнопку "Копировать".

- Скрыть (сделать неопубликованным) существующий раздел. Отметьте нужный  раздел и нажмите кнопку "Скрыть".

- Допустить (Опубликовать) существующий  раздел. Отметьте нужный раздел  и нажмите кнопку "Показать".

- Для создания нового раздела  нажмите кнопку "Создать". Будет  открыта страница редактирования  раздела.

На странице редактирования раздела с помощью кнопок на панели инструментов (перечисление справа налево):

- Помощь - открыть в новом окне  страницу описания по данному окну (редактирование раздела). Нажмите кнопку "Помощь".

- Применить (сохранить) изменения, но  остаться на странице редактирования  раздела. Нажмите кнопку "Применить".

- Сохранить изменения и закрыть  страницу редактирования раздела  и вернуться (выйти) на страницу «Менеджер разделов» Нажмите кнопку "Сохранить".

- Загрузить изображение (сохраняется  в папку images \ stories). Нажмите кнопку "Изображение".

На странице редактирования раздела нужно:

- В поле "Псевдоним" ввести  короткое имя раздела, которое будет использоваться в меню или в выпадающих списках панели управления.

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

- В поле "Изображение" выбрать изображение, которое будет использоваться при отображении раздела в меню.

- В поле "Порядок отображения" после применения (сохранения) изменений  можно изменить порядок отображения  раздела в списке на странице "Менеджер разделов".

- В поле "Доступ" можно выставить права доступа на просмотр данного раздела (содержимого данного раздела):

- "Все" - для всех посетителей  веб-сайта;

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

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

- В поле "Опубликовано" - выбрать  публиковать сейчас или нет;

- В поле "Описание" можно написать  краткое описание (аннотацию) содержимого  раздела.

Кнопки на панели инструментов HTML-редактора помогают задавать стиль (формат) вводимого текста.

Закончив создавать или редактировать раздел, нажимаем кнопку «Сохранить» для сохранения результатов работы и выхода на страницу «Менеджер разделов» или кнопку «Применить» для сохранения результатов, не закрывая страницы редактирования раздела.

 

2.5 Создание категорий сайта

 

Категория - это второй (после раздела) объект в иерархии структуры содержимого. Создание категории похоже на создание раздела.

Для работы с категориями необходимо перейти на страницу «Менеджер категорий».

Есть два способа перейти на страницу «Менеджер категорий».

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

Второй способ: в основном меню выбрать "Содержимое", затем "Содержимое по разделам" и далее нужный нам раздел. И в выпадающем продолжении меню пункт "Добавить / изменить категории в выбранном вами разделе". Будет открыта страница «Менеджер категорий».

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

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

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

Рисунок 6 Создание категорий

 

На странице «Менеджер категорий», используя кнопки на панели инструментов, можно (перечисление справа налево):

- Помощь - открыть в новом окне  страницу описания поданному  окну ("Менеджер категорий»). Нажмите  кнопку «Помощь».

- Создать новую категорию. Нажмите  кнопку "Создать".

- Изменить существующую категорию. Нажмите на название категории или отметьте нужную категорию и нажмите кнопку «Изменить».

- Удалить существующую категорию. Отметьте нужную категорию и  нажмите кнопку «Удалить».

- Копировать существующую категорию. Отметьте нужную категорию и  нажмите кнопку "Копировать".

- Перенести - переместить существующую категорию и все ее содержимое в другой раздел. Отметьте нужную категорию и нажмите кнопку "Перенести".

- Скрыть (сделать неопубликованной) существующую категорию. Отметьте  нужную категорию и нажмите  кнопку "Скрыть".

- Допустить (Опубликовать) существующую категорию. Отметьте нужную категорию и нажмите кнопку "Показать".

- Для создания новой категории  нажмите кнопку "Создать". Будет  открыта страница редактирования  категории.

- Страница редактирования категории  аналогичная странице редактирования раздела. Основное отличие страниц редактирования "Категории" и "Раздела" - наличие поля выбора раздела, в который относиться категория. Создание новой категории почти полностью аналогично созданию нового раздела.

 

2.6 Создание объекта контента

 

Объект содержимого - это основное содержание сайта и нижний объект в иерархии структуры содержимого. Иными словами объект содержимого - это статья, которая должна содержаться в одной из наших категорий (соответственно и раздела).

Для работы с объектами содержимого необходимо перейти на страницу "Менеджер материалов".

Нужно нажать на главной странице панели кнопку "Менеджер материалов" или в основном меню выберем "Материалы", затем пункт "Менеджер материалов". Будет открыта страница "Менеджер материалов", при открытии страницы будет доступна фильтрация объектов по следующим критериям:

- по разделам;

- по категориям;

- по автору;

- по заголовку, значение указывается  в поле "Фильтр".

Рисунок 7 Менеджер материалов

 

На странице "Менеджер материалов", используя кнопки на панели инструментов, можно (перечисление справа налево):

- Помощь - открыть в новом окне  страницу описания поданному  окну ("Управление содержимым"). Нажмите кнопку «Помощь».

- Создать новый объект содержимого. Нажмите кнопку "Создать".

- Изменить существующий объект  содержимого. Нажмите на название  объекта или отметьте нужный  объект и нажмите кнопку «Изменить».

- Удалить существующий объект  содержимого. Отметьте нужный объект  и нажмите кнопку "В корзину".

- Копировать существующие объекты содержимого. Отметьте нужные объекты и нажмите кнопку "Копировать" и затем выберите, куда скопировать объекты.

- Перенести - переместить существующие  объекты содержимого. Отметьте нужные  объекты и нажмите кнопку "Перенести" и затем выберите, куда перенести объекты.

- Скрыть (сделать неопубликованным) существующие объекты содержимого. Отметьте нужные объекты и  нажмите кнопку "Скрыть".