Файл: Разработка сайта кондитерского комбината «Кубань» (Описание интерфейса «Обычный пользователь»).pdf
Добавлен: 31.03.2023
Просмотров: 552
Скачиваний: 3
Рисунок 20 Сохранение и преобразование в веб формат
Работа с шаблоном только началась, но в таком виде его уже можно передавать на сервер.
Существует несколько подходов к разработке сайтов по отношению к месту разработки из которых можно выделить два:
- сайт разрабатывается на локальной машине, устанавливается локальный сервер на машину разработчика, чаще всего Apache и сервер баз данных MySQL (обычно устанавливается уже готовый пакет разработчика XAMPP или WAMP);
- сайт разрабатывается на сервере, мы будем использовать второй вариант разработки, в соответствии с Agile технологией программного обеспечения и уже на первых итерациях разработки сайт будет доступен в сети и его можно будет сразу использовать, в то время как функционал сайта будет постепенно расти и расширяться до полного завершения. Данный подход более перспективен и по другой причине – SEO оптимизация сайта начинается с первых шагов его разработки, т.к. он с самого начала регистрируется в поисковых системах и к моменту полного окончания сайт уже хорошо знаком поисковым системам.
И в первом и во втором случае перенос сайта предполагает использование специальных программ-клиентов. Из таких программ можно выделить три FileZilla, FireFTP, c-panel.
Данные программы представляют собой не что иное, чем ftp клиенты и имеют стандартный двухпанельный интерфейс (рис.21).
После передачи файлов на сервере устанавливается CMS система.
Для управления контентом сайта рассматривалось несколько бесплатных систем исходя из тех соображений, что наиболее популярные системы такие как Joomla, Drupal, Wordpress имеют хорошую защиту, хорошо администрируются имеют развитую поддержку и достаточно большое количество платных и бесплатных модулей, которые расширяют функциональность.
Рисунок 21 Передача файлов на сервер
Описание структуры клиентской части
Описание интерфейса «Обычный пользователь»
После анализа этих систем была выбрана Joomla исходя из соображений, описанных ниже.
Joomla! относится к категории WCMS (Web Content Management Systems - система управления веб содержанием), поскольку ее функциональность администрируется из браузера в Web, хотя чаще иакие системы называют сокращенно CMS (Content Management System).
Joomla! - Наиболее широко распространенная система управления веб содержанием (Web Content Management System - WCMS).
WCMS состоит из клиентской и серверной частей.
Клиентская часть - это веб-сайт, который видят посетители и зарегистрированные пользователи.
В дизайне корпоративного сайта используется дизайн в стиле технологии WEB2.0, которая не является технологией, в широком смысле, но имеет ряд правил, средств и методов разработки клиентского интерфейса со стороны оформления и функциональности. Под юзабилити сайта понимают не только дизайн интерфейсной части, но и удобство использования элементов сайта с пользовательской точки зрения.
Юзабилити (от англ. Usability) - простота и удобство использования сайта.
Основной принцип разработки дизайна современного сайта заключается в том, что сайт должен быть простым и понятным посетителю, сайт создается для посетителя и ни для кого больше. Этот принцип означает, что в той мере, насколько это достижимо, веб-страница должна быть максимально простой, понятной и «самоочевидной».
При разработке сайта учитывают правила веб-дизайна, например, используют стратегию «satisfacing», при которой пользователь выбирает не оптимальный вариант, а первый подходящий, поэтому на первом месте располагают наиболее важную, сточки зрения целей сайта информацию (в нашем случае верхнее горизонтальное меню).
Страницы с ясной визуальной иерархии имеют три особенности:
Чем важнее элемент, тем более он заметен на странице. Важные заголовки делаются либо больше, либо жирнее, либо выделяются цветом, могут применяться элементы анимации и т.д.
Элементы, логически связанные между собой, должны быть связаны и визуально. Например, можно показать, что какие-то элементы равнозначны, сгруппировав их под одним заголовком, или применив к ним одинаковый стиль, или поместив их в одну четко отделенную область страницы.
Элементы представляются в виде вложений, если являются частями друг друга.
В веб дизайне одним из граничных понятий является понятие визуального шум.
Описание интерфейса «Администратор»
С другой стороны, серверная часть содержит слой администрирования веб сайта, с которым имеет дело администратор. Конфигурация обслуживания, очистки, генерация статистики и создание нового контента - все это делается в серверной части специалистами. Серверная часть доступна через другой URL, отличный от того, по которому доступен сам сайт.
Когда речь идет об управлении контентом, говорят о администрировании существующих ресурсов. В CMS имена пользователей и групп присваиваются людям, вовлеченным в этот процесс, и каждому из них выдаются определенные различные права доступа. Они от прав гостя, посетителя без регистрации в системе до зарегистрированного пользователя, вплоть до «супер администратора», который имеет полный контроль над всей системой. В зависимости от этих прав, система может отображать для каждой категории пользователей различный контент; открывать доступ к контенту и управления системой непосредственно на стороне клиента.
Контент (content), или содержание, может принимать различные формы от текста, изображения, ссылки, музыкальным фрагментом, фрагментом приложения вроде Google Map или комбинацией всего перечисленного. Чтобы сохранять контроль над контентом, он структурируется; например, текст разбивается на разные категории, при этом категории также являются контентом, который также требует администрирования.
Компоненты, модули, шаблоны и модули, подключаемые называются расширениями - (Extensions). Они предоставляют дополнительные функции, которых нет в ядре Joomla! и расширяют функциональность всей системы
Расширение, которое обеспечивает дополнительную функциональность, которая, администрируются Joomla! отдельно, называются компонентами. Наиболее, типичными компонентами последних лет стали онлайновый магазин, галерея картин, рассылка новостей или система форумов. Для реализации интерактивных функций сайта используются системы авторизации и регистрации, форумы, формы, комментарии, чаты, гостевые книги и другие. Сегодня такие вещи, как оптимизация механизма, права доступа пользователей, многостраничные формы и переменная структура контента становятся все более и более важными.
Рисунок 22 Установка системы на сервер
Компоненты содержат бизнес-логику своих сайтов и отображают контент в «основном теле» сайта. Наш сайт содержит бизнес-логику интерактивного сайта медицинского учреждения, что накладывает специфику не только на контент, но и на структуру и предполагаемую функциональность.
Описывается ход разработки приложения:
- этапы разработки (описание + скриншоты);
- выбранные методы, алгоритмы реализации и т.п.
После установки переходим в административную часть и занимаемся настройкой системы (рис.23).
Рисунок 23 Административная панель системы
Инструкция пользователя
Заходим на сайт Кондитерский комбинат «Кубань». Смотрим вкладку «Каталог товаров». Вписываем нужное наименование. К примеру «паста». И нажимаем поиск. Выбираем товар. К примеру, выбираем «Паста с фундуком и какао "Кубанская лакомка", 350 г» и нам представится вся необходимая информация по данному виду продукции.
ЗАКЛЮЧЕНИЕ
В результате выполнение задания на курсовую работу проанализировано понятие сайта и этапы его создания.
На следующем этапе выполнения задания курсовой работы было проанализировано и выполнено задание по проектированию структуры сайта кондитерского комбината. Для выполнения данной задачи был проведен детальный анализ всех видов требований к данному программному продукту на основании которых, была разработана структура сайта и его содержание.
Для повышения качества и скорости разработки сайта была проанализирована возможность использования автоматизации на этапе разработки. Затем, были рассмотрены возможности и средства автоматизации на этапе продвижения сайта, методы, формы и системы продвижения сайта.
Для разработки шаблона использовался редактор автоматизированной системы разработки дизайна сайта Artister и шаблон с адаптивной доработкой.
Затем была определена система разработки сайта CMS Joomla!.
Следующим этапом была разработка прототипа сайта, проекта сайта. Используя современные инструменты разработки были определены детали интерфейса сайта, его структура на базе которых было разработано техническое задание на разработку сайта. На этапе конструирования программного продукта была определена хост площадка, куда была перенесена CMS, были определены элементы сайта, цели, задачи, функции, элементы навигации.
На следующем этапе была разработана структура основной части сайта и создан каркас сайта, который частично был заполнен информацией.
Сайт был разработан.
Таким образом, все поставленные задачи были выполнены задачи решены.
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ
- Тереза Нейл, Билл Скотт. Проектирование веб-интерфейсов = Designing Web Interfaces. М.: Символ-Плюс, 2017. 352 c.
- Коггзолл, Джон. РНР 5. Полное руководство: Пер. с англ. — М.: Издательский дом "Вильяме", 2016. 752 с.: ил. — Парал. тит. англ.
- Томсон Лаура, Веллинг Люк. Разработка Web-приложений на РНР и MySQL: Пер. с англ. — 2-е изд., испр. СПб: ООО ДиаСофтЮП, 2018. 672 с.
- ВайкАллен. JavaScript. Энциклопедия пользователя: Пер.з англ. К.: ТОВ "ТИД" ДС", 2017. – 480 с.
- Вильямсон X. Универсальный Dynamic HTML. Иблиотека программиста. СПб.: Питер, 2016. - 304 с.
- Гудман Д. JavaScript.Библия пользователя, 4-е изд.: Пер. з англ. М.: Изд.дом "Вильямс", 2017. - 960 с.
- Коггзолл Джон. РНР 5. Полное руководство.: Пер. з англ. М.: Издательский дом "Вильямс", 2016. - 752 с.
- Грызлов В. Java Script. Изд. 3-е.М.: ДМК Пресс, 2015. 416 с.
- Хестер Н. Создание Web-страниц в Dreamweaver. М.: НТ Пресс, 2015. – 104 с.
- Гудман Д. JavaScript и DHTML. Сборник рецептов. Для профессионалов, Питер, 2016. - 122 с.
- Лещев.Д.Создание интерактивного web-сайта: учебный курс. СПб.:Питер, 2017. - 544 с.
- Шапошников И. Web-сайт своими руками. БХВ – Санкт-Петербург, 2016. - 398 с.