Сайт кондитерского комбината

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

Перед разработкой сайта на основе требований и предварительных моделей структуры и дизайна сайта проектируют сайт. Для этих целей используются редакторы прототипов. Наиболее известный и продвинутый Axure Pro.(Рис.7).

Рис. 7 Построение прототипа сайта в редакторе Axure Pro.

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

8).

Рис.

8. «Подгонка» шаблона в редакторе под структуру прототипа На этом этапе нужно подготовит графические элементы шаблона и графику вообще, для чего использовался редактор Adobe Photoshop (рис.

9).

Рис.

9. Обработка элементов шаблона.

Рис. 10 Сохранение.

Преобразование грайики в веб формат Работа сшаблоном только началась, но в таком виде его уже можно передавать на сервер.

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

— сайт разрабатывается на локальной машине, устанавливается локальный сервер на машину разработчика, чаще всего Apache и сервер баз данных MySQL (обычно устанавливается уже готовый пакет разработчика XAMPP или WAMP).

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

И в первом и во втором случае перенос сайта предполагает использование специальных программ-клиентов. Из таких программ можно выделить три FileZilla, FireFTP, c-panel.

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

11).

Рис.

11. Передача файлов на сервер После передачи файлов на сервере устанавливается CMS система.

Для управления контентом сайта рассматривалось несколько бесплатных систем исходя из тех соображений, что наиболее популярные системы такие как Joomla, Drupal, Wordpress имеют хорошую защиту, хорошо администрируются имеют развитую поддержку и достаточно большое количество платных и бесплатных модулей, которые расширяют функциональность.

После анализа этих систем была выбрана Joomla исходя из соображений, описанных ниже.

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

Joomla! — Наиболее широко распространенная система управления веб содержанием (Web Content Management System — WCMS).

WCMS состоит из клиентской и серверной частей. Клиентская часть — это веб-сайт, который видят посетители и зарегистрированные пользователи.

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

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

Контент (content), или содержание, может принимать различные формы от текста, изображения, ссылки, музыкальным фрагментом, фрагментом приложения вроде Google Map или комбинацией всего перечисленного. Чтобы сохранять контроль над контентом, он структурируется; например, текст разбивается на разные категории, при этом категории также являются контентом, который также требует администрирования.

Компоненты, модули, шаблоны и модули, подключаемые называются расширениями — (Extensions). Они предоставляют дополнительные функции, которых нет в ядре Joomla! и расширяют функциональность всей системы Расширение, которое обеспечивает дополнительную функциональность которая, администрируются Joomla! отдельно, называются компонентами. Наиболее, типичными компонентами последних лет стали онлайновый магазин, галерея картин, рассылка новостей или система форумов. Для реализации интерактивных функций сайта используются системы авторизации и регистрации, форумы, формы, комментарии, чаты, гостевые книги и другие. Сегодня такие вещи, как оптимизация механизма, права доступа пользователей, многостраничные формы и переменная структура контента становятся все более и более важными.

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

Рис.

12. Установка системы на сервер Описывается ход разработки приложения:

этапы разработки (описание + скриншоты);

выбранные методы, алгоритмы реализации и т. п.

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

13).

Рис.

13. административная панель системы Вот теперь начинаем работу с ситемой. Система состоит из отдельных модулей с общим интерфейсом и практически каждый модуль нуждается в настройке (рис.

14).

Рис. 15. Начало управления ситемой.

Рис.

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

17).

Рис.

18. Подключение дополнительных модулей сайта.

Рис.

19. Результат подключения Итоговый вид подключенных модулей (рис.

20).

Рис.

20. Продключенные и активированные модули На следующем этапе сосдаем структуру сайта (рис.

21).

Рис.

21. Создание элемента структуры сайта Структура состоит из категорий с неограниченным количеством вложений, конечным элементом которых является материал. На рис. 23 представлена примерная структура сайта.

Рис. 22. Фрагмент структуры сайта Структура заполняется материалами в редакторе (рис.

23).

Рис.

23. Материалы сайта.

Рис.

24. Графические элементы материалов сайта После создания структуры устанавливаем шаблон, котрый был предварительно подготовлен и адаптируем ег к сайту (рис.

25).

Рис. 23 .Фрагмент сайта.

Заключение

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

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

Для повышения качества и скорости разработки сайта была проанализирована возможность использования автоматизации на этапе разработки. Затем, были рассмотрены возможности и средства автоматизации на этапе продвижения сайта, методы, формы и системы продвижения сайта.

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

Затем была определена система разработки сайта CMS Joomla!

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

На следующем этапе была разработана структура основной части сайта и создан каркас сайта, который частично был заполнен информацией.

Сайт был разработан.

Таким образом, все поставленные задачи были выполнены задачи решены.

Адресс сайта:

http://kuban.virtlabse.com/index.php.

Адрес админ панели сайта:

http://kuban.virtlabse.com/administrator/.

Логин: student.

Пароль: kursovik_2015.

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ Тереза Нейл, Билл Скотт. Проектирование веб-интерфейсов = Designing Web Interfaces. М.: Символ-Плюс, 2010. 352 c.

Коггзолл, Джон. РНР 5. Полное руководство: Пер. с англ. — М.

: Издательский дом «Вильяме», 2006. 752 с.: ил. —.

Парал. тит. англ.

Томсон Лаура, Веллинг Люк. Разработка Web-приложений на РНР и MySQL: Пер. с англ. — 2-е изд., испр. СПб: ООО Диа.

СофтЮП, 2003. 672 с.

Вайк.

Аллен. JavaScript. Энциклопедия пользователя: Пер. з англ. К.: ТОВ «ТИД» ДС", 2001. 480с.

Вильямсон X. Универсальный Dynamic HTML. Иблиотека программиста. СПб.: Питер, 2001. — 304 с.: рис.

Гудман Д. JavaScript. Библия пользователя, 4-е изд.: Пер. з англ. М.: Изд. дом «Вильямс», 2003. -960с.

Коггзолл Джон. РНР 5. Полное руководство.: Пер. з англ. М.: Издательский дом «Вильямс», 2006.

— 752 с.: рис. — Парал. тит. англ.

Грызлов В. Java Script. Изд. 3-е.М.: ДМК Пресс, 2005. 416 с.

Хестер Н. Создание Web-страниц в Dreamweaver. М.: НТ Пресс, 2005. — 104с.

Гудман Д. JavaScript и DHTML. Сборник рецептов. Для профессионалов, Питер, 2004 г.

Дэвис С. Языки JavaScript и VBScript. — К.: Диалектика, 1996. 654с.

Лещев.Д.Создание интерактивного web-сайта: учебный курс. СПб.:Питер, 2003. 544 с.: ил.

Шапошников И. Web-сайт своими руками. БХВ — Санкт-Петербург, 2000.

Приложение.

Приложение 1. Форма авторизации.