Разработка веб-приложения приемки онлайн заказов

Обязательное поле

Пример данных

id

PK

Int(10)

Да

5

type

FK

Varchar(50)

Да

html

name

Varchar(50)

Да

test

caption

Varchar(80)

Да

test

description

Varchar(255)

Да

test

editor_type

Int(11)

Да

3

category

Int(11)

Да

2

locked

Tinyint(4)

Да

1

elements

Text

testtext

rank

Int(11)

Да

1

display

Varchar(20)

Да

test

display_params

Text

test

default_text

Text

test

Таблица 2.12 Реляционная таблица «modx_site_templates»

Объект	Ключ	Физические характеристики	Обязательное поле	Пример данных
id	PK	Int(10)	Да	3
templatename		Varchar(50)	Да	test
description		Varchar(255)	Да	test
editor_type		Int(11)	Да	1
category		Int(11)	Да	2
icon		Varchar(255)	Да	url
template_type		Int(11)	Да	3
content		Mediumtext		text
locked		Tinyint(4)	Да	1
selectable		Tinyint(4)	Да	3

Таблица 2.13 Реляционная таблица «modx_site_content»

Объект	Ключ	Физические характеристики	Обязательное поле	Пример данных
id	PK	Int(10)	Да	1
modx_site_templates_id	FK	Int(10)		2
type		Varchar(20)	Да	doc
contentType		Varchar(50)	Да	html
Pagetitle		Varchar(255)	Да	testtitle
Longtitle		Varchar(255)	Да	testtitle
description		Varchar(255)	Да	desc
Alias		Varchar(255)		alias
link_attributes		Varchar(255)	Да	test
published		Int(1)	Да	1
Pagetitle		Varchar(255)	Да	testtitle
Longtitle		Varchar(255)	Да	testtitle
description		Varchar(255)	Да	desc
Объект	Ключ	Физические характеристики	Обязательное поле	Пример данных
Alias		Varchar(255)		alias
link_attributes		Varchar(255)	Да	test
published		Int(1)	Да	1
pub_date		Int(20)	Да	20.12.2017
unpub_date		Int(20)	Да	21.12.2017
Parent		Int(10)	Да	1
Isfolder		Int(1)	Да	2
Introtext		Text		text
Content		Mediumtext		text
Richtext		Tinyint(1)	Да	text
Template		Int(10)	Да	2
menuindex		Int(10)	Да	3
searchable		Int(1)	Да	4
cacheable		Int(1)	Да	5
createdby		Int(10)	Да	6
createdon		Int(20)	Да	7
Editedby		Int(10)	Да	1
Editedon		Int(20)	Да	1
deleted		Int(1)	Да	2
deletedon		Int(20)	Да	34
deletedby		Int(10)	Да	4
publishedon		Int(20)	Да	5
publishedby		Int(10)	Да	1
Menutitle		Varchar(255)	Да	2
donthit		Tinyint(1)	Да	4
Haskeywords		Tinyint(1)	Да	1
Объект	Ключ	Физические характеристики	Обязательное поле	Пример данных
hasmetatags		Tinyint(1)	Да	1
privateweb		Tinyint(1)	Да	1
privatemgr		Tinyint(1)	Да	1
content_dispo		Tinyint(1)	Да	1
hidemenu		Tinyint(1)	Да	1
alias_visible		Int(2)		0

Таблица 2.13 Реляционная таблица «modx_site_tmplvar_contentvalues»

Объект	Ключ	Физические характеристики	Обязательное поле	Пример данных
id	PK	Int(10)	Да	2
modx_site_tmplvars_id	FK	Int(11)	Да	3
modx_site_content_id	FK	Int(10)	Да	4
tmplvarid		Int(10)	Да	5
contentid		Int(10)	Да	6
value		Text		test

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

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

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

Иными словами хостинг - это услуга, которая необходима для размещения вашего сайта в сети интернет, чтобы ваш интернет ресурс функционировал и был доступен другим пользователям 24 часа в сутки 365 дней в году.

Перенос сайта на хостинг сводится к нескольким простым шагам:

1) Выбор и заказ хостинга и доменного имени

2) Копирование файлов вашего сайта в определенную папку на сервере

3) Создание базы и пользователя базы данных у хостера с последующим копированием в нее содержимого базы с локального компьютера

4) Редактирование конфигурационного файла для подключения созданной базы данных к сайту

5) Сброс настроек и кэша, которые остались в системе управления с локального компьютера

2.6 Запуск и сопровождение, SEO-оптимизация

Запуск и сопровождение. После исправления ошибок и презентации сайта в сети Internet, начинается новый этап работ, связанный с его сопровождением. Основная цель сопровождения - поддержание стабильности работы web - ресурса и актуальности информации. Обязательным условием квалифицированного сопровождения web - сайта является защита информации, включающая в себя антивирусную защиту и защиту баз данных на сервере от действий злоумышленников, в частности, от SQL injeсtion.

Кроме того, необходимо своевременное обновление содержимого сайта, исправление ошибок, не выявленных или не исправленных на стадии проверки качества. Ещё одним важным моментом сопровождения является постоянный мониторинг эффективной работоспособности сайта, контроль посещаемости и учёт данных статистики.

SEO - оптимизация. Поисковая оптимизация (Seаrсh Engine Optimizаtion) - это комплекс мероприятий, целью которых является увеличение посещаемости Internet - ресурса за счет достижения им высоких позиций в выдаче поисковых систем по заданному набору целевых запросов. SEO - оптимизация базируется на семантическом ядре - списке ключевых слов, по которым планируется продвижение сайта в поисковых системах. Ключевые слова группируются по высоко - , средне - и низкочастотным запросам. От правильности подбора данных слов напрямую зависит успех сайта.

SEO - оптимизация учитывает:

1) внутренние факторы ранжирования: число, плотность и расположение ключевых слов на страницах сайта, стилистическое оформление текста, правильность формирования тегов, мета - тегов и т. д.;

2) внешние факторы ранжирования: индекс цитируемости, содержание внешних ссылок, релевантность ссылающихся страниц и пр.

Современные системы web - поиска (поисковые машины) анализируют большинство элементов web - страниц: текст, заголовки, служебные html - теги, стилевые и структурные особенности содержания. Результаты работы SEO - роботов сохраняются в специальной базе данных - индексе поисковой системы, - из которой по запросу пользователя выдаются в определенном порядке. Специалисты, чьей профессиональной областью деятельности является SEO - оптимизация, постоянно изучают алгоритмы ранжирования поисковых машин.

3. Технологический раздел

3.1 Описание процесса администрирования и управления контентом

Администрирование сайта осуществляется с панели управления сайтом. Панель управления предоставляет возможность полностью контролировать и редактировать содержимое сайта.

Рис. 3.1 - Окно авторизации в MODX

После успешной авторизации будет доступна панель управления.

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

Ресурс - это один из объектов MODX, доступ к которому можно осуществить через (URL/URI - Uniform Resource Locator/Identifier). Ресурс представляет собой страницу сайта. Каждому такому ресурсу должен быть назначен шаблон, который, в свою очередь, может определять дополнительные поля (переменные шаблона, TV) этого ресурса. Самый распространённый ресурс, веб - страница. Состоит из заголовка, описания, аннотации, подробного содержимого, дат и других полей ресурса;

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

Переменные шаблона (Template Variables) - это дополнительные настраиваемые поля ресурсов MODX. Применяются TV в тех случаях, когда вам необходимо создание новых пользовательских полей ресурса, отсутствующих в стандартном наборе атрибутов документа.

Дополнительное поле для описания услуги, изображение, которое будет выводиться в анонсах, адрес ссылки, куда будет перенаправляться пользователь при нажатии на кнопку - вот некоторые примеры использования переменных шаблона.

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

Рис. 3.2 - Главная страница администраторской части MODX

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

Рис. 3.3 - Окно создания ресурса

Каждая страница MODx - Это содержимое, которое отображается в соответствии с определенным шаблоном и имеет определенные атрибуты:

Заголовок - это название вашей страницы.

Расширенный заголовок - в этом поле вы можете вписать расширенный заголовок вашей страницы. Можете сюда скопировать содержимое поля «Заголовок». Обычно шаблон создают так, что расширенный заголовок может выводиться в содержимое ресурса или входить в состав title. Поэтому его лучше заполнить.

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

Псевдоним - имя страницы (латинскими буквами), которое вы хотите видеть в URL. Если не задать псевдоним, то он будет сформирован автоматицески на основе заголовка.

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

Шаблон - это то, как будет выглядеть страница. То есть заданная структура. В каждый шаблон могут быть добавлены свои функции. Обычно шаблонов несколько: Главная страница, Внутренняя страница, Фотогалерея и пр. В зависимости от того, как вы хотите чтобы выглядела страница, такой шаблон и присваивайте.

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

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

Показывать в меню - можно оставить по умолчанию. Убрав галочку с этого пункта, вы запретите показ вашей страницы в меню.

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

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

Содержимое ресурса - это именно то, что находится на странице. Чтобы добавить в содержимое ресурса текст, нужно либо набрать его прямо здесь, либо скопировать с помощью сочетания клавиш Ctrl+C и вставить Ctrl+V с другого сайта или документа. С помощью редактора (чем - то похожего на Word) можно редактировать содержимое: менять тип заголовков, выровнять по центру, изменить шрифт, цвет, добавлять на страницу фото и видео и пр.

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

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

Рис. 3.4 - Страница управления веб-пользователями

В этом же разделе создаются новые пользователи для администраторской части сайта. Которым можно присваивать уровень доступа.

Рис. 3.5 - Страница редактирования данных пользователя

Во вкладке «Модули», через подключенный ранее модуль Shopkeeper можно просмотреть заказы и информацию о них, сделанных пользователями сайта.

Рис. 3.6 - Страница модуля Shopkeeper

3.2 Взаимодействие пользователя с системой онлайн заказов

Рис. 3.7 - Главная страница сайта

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

Для выполнения заказа требуется выбрать вид пиццы, количество и подтвердить свой выбор. После этого товар добавляется в корзину.

Рис. 3.9 - Страница выбора заказа

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

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

Рис. 3.10 - Отображение добавленного в корзину товара

Рис. 3.11 - Страница оформления заказа



Рис. 3.12 - Страница с указанием адреса

Рис. 3.13 - Страница с отзывами

Заключение

Целью данной работы являлась разработка и создание веб - приложения приема онлайн заказов для компании «Catherines». В ходе анализа существующих решений, для выполнения данной задачи была выбрана система управления контентом MODX, которая имеет отличные качества и гибкость, предоставляя возможности для качественной реализации на её основе системы приема онлайн заказов. В данной курсовой работе рассмотрены актуальные средства разработки и создания современного веб - приложения.

В процессе работы были изучены современные средства и технологии разработки веб - приложений, правила и шаги к проектированию веб - проектов. Применение и возможности различных технологий и языков программирования. Изучены и анализированы недостатки и сильные стороны актуальных систем управления контентом. Освоена работа с CMS MODX, её основные функции и возможности. Изучена работа с веб - серверами, методы и инструменты для их настройки и поддержания функционирования. Ознакомление с основами, правилами и требованиями веб - дизайна.

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

Список использованных источников

1. Бергер А. Microsoft SQL Server 2005 Analysis Services. OLAP и многомерный анализ данных / А. Бергер. ? СПб.: БХВ - Петербург, 2007. - 928 с.

2. Бройдо В. Л. Вычислительные системы, сети и телекоммуникации: учеб. пособие / В. Л. Бройдо. ? СПб.: Питер, 2006. ? 703 с.

3. Йордон Э. Управления сложными Интернет - проектами / Э. Йордон. ? М.: «Лори», 2003. - 344 с.

4. Козырев А. А. Информационные технологии в экономике и управлении: учебник / А. А. Козырев, В. А. Михайлова. - 4 - е изд., перераб. и доп. ? СПб.: Питер, 2005. ? 448 с.

5. Коннолли Т. Базы данных: проектирование, реализация, сопровождение. Теория и практика / Т. Коннолли, К. Бегг. - М.: Изд - во «Вильямс», 2003. - 1436 с.

6. Сахаров А. А. Концепция построения и реализации информационных систем, ориентированных на анализ данных / А. А. Сахаров // СУБД. - 1996. - № 4. - С. 55 - 70.

7. Роббинс Д. HTML5. Карманный справочник / Роббинс Д. - М.: Изд - во «Вильямс», 2015. - 192 с.

8. Макфарланд Д. Новая большая книга CSS / Макфарланд Д. - СПб.: Питер, 2016. - 720 с.

9. Макфарланд Д. PHP и MySQL. Исчерпывающее руководство/ Макфарланд Д. - СПб.: Питер, 2014. - 544 с.

10. Кофлер М. Linux. Установка, настройка, администрирование / Кофлер М. - СПб.: Питер, 2014. - 786 с.

11. Колисниченко Д. Н. Серверное применение Linux / Колисниченко Д. Н. - СПб.: BHV, 2011. - 528 с.

12. Ульман Л. PHP и MySQL. Создание интернет-магазинов / Ульман Л. - М.: Изд - во «Вильямс», 2015. - 544 с.

13. Флэнаган Д. JavaScript. Карманный справочник / Флэнаган Д. - М.: Изд - во «Вильямс», 2015. - 320 с.

14. Пьюривал C. Основы разработки веб-приложений/ Пьюривал C - СПб.: Питер, 2015. - 272 с.

15. Роб П. Системы баз данных: проектирование, реализация и управление / Роб П. - СПб.: BHV, 2004. - 1040 с.

Размещено на Allbest.ru

...