Файл: Разработка сайта кондитерского комбината «Кубань» (Описание интерфейса «Обычный пользователь»).pdf

ВВЕДЕНИЕ

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

За последний год в стране появилось почти 6 миллионов новых пользователей, это как четыре Новосибирска. Ещё сильнее выросла дневная аудитория — на 6,7 миллиона человек.

Одним из развивающихся секторов в сети Интернет является электронная коммерция, функции которой позволяют пользователям приобретать товар в глобальной сети. По результатам исследования ACNielsen, проведенного в 2019 году, через Интернет делал покупки каждый десятый житель планеты (627 млн. человек). При этом самым популярным товаром выступают книги (приобретают 212 млн. человек), далее идут DVD и видеоигры (135 млн. человек). Примерно столько же предпочитают оплачивать через Интернет авиабилеты. Еще 128 млн. человек пользуются онлайн-сервисами для покупки одежды и обуви.

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

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

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

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

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

---

Заданием курсовой работы является разработка сайта кондитерского комбината «Кубань».

Цель курсовой работы – разработка сайта.

Задачи на курсовой проект:

• рассмотреть техническое задание и выбор средств реализации;
• выполнить описание модулей серверной части программы и их взаимодействие;
• проанализировать структуры базы данных и ее функций;
• провести описание структуры клиентской части.

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

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

Структура работы: курсовая работа состоит из четырех глав. В заключении подведены основные итоги проделанной работы и сделаны выводы по исследованию.

Техническое задание и выбор средств реализации

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

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

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

• переговоры с клиентом;
• постановка задачи;
• составление технического задания, которое является основным документом определяет все требования клиента, которым является руководитель отдела маркетинга кондитерского комбината по разработке сайта.

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

---

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

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

С точки зрения разработчика, процесс проектирования можно условно разбить на следующие стадии проектирования:

1. Концептуальное.

2. Логическое.

3. Физическое.

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

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

• назначение программы;
• формат входных данных;
• формат выходных данных;
• пользовательский интерфейс и т.п.

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

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

Основная цель разработки сайта состоит в реализации представительства кондитерского комбината в Интернет сегменте.

Исходя из функций определяем несколько типов пользователей, а именно,

• технологии веб разработки;
• технологии front-end разработки;
• технологии разметки (HTML5+CSS3, SASS, SCSS).

Клиентская разработка является достаточно сложной и проблемной частью веб-проекта. К сожалению, в ней до сих пор нет единого стандарта разработки и существует множество технологий, языков и не было стандартов разработки. Сейчас в качестве стандарта предложена связка HTML5+CSS3+JavaScript. Данный стандарт будет поддерживаться с 2021 года всеми видами браузеров, как основной.

В современной разработке клиентской части сайта на этапе проектирования пользовательского интерфейса используется HTML5 в связке с таблицами стилей CSS3.

HTML5 - язык разметки, который отличается от предыдущей версии средствами программирования CANVAS на базе JavaScript, расширенными возможностями работы с медиа, расширенными элементами форм. Этот язык называют языком семантической разметки из-за четкой структуры представления элементов сайта. Появилась возможность разбиения страницы на логические области с помощью новых тегов <HEADER><BODY><FOOTER> и семантического разбиения <SECTION> <ARTICLE><DIV><ASIDE><NAV>

---

CSS3. Расширенные таблицы стилей. CSS3 - новый стандарт оформления HTML документов значительно расширяющий возможности предыдущего стандарта CSS2.

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

1. Создание элементов со сглаженными углами.
2. Задание цветов несколькими новыми способами.
3. Оформление границ, фонов, текста.
4. Гибкое оформление фоновых картинок элементов.
5. Создание линейных и сферических градиентов.
6. Создание анимаций и различных эффектов переходов.
7. Добавление к элементам и к тексту тени.
8. Создание различных трансформаций.
9. LESS, SASS, SCSS так называемые препроцессоры.

Для введения в стилевые свойства работы с переменными. Чаще всего используют SCSS, который более логичен при составлении кода и имеет больше возможностей, даже ветвления и циклы. Для разных систем для Windows используются специальные системы Compass или Koala или стандартные средства языка Ruby.

Sass (Syntactically Awesome Stylesheets) — модуль, включенный в Haml. Sass — это метаязык на основе CSS, предназначенный для увеличения уровня абстракции CSS кода и упрощения файлов каскадных таблиц стилей.

Язык Sass имеет два синтаксиса:

1. старый – sass - отличается отсутствием фигурных скобок, в нём вложенные элементы реализованы с помощью отступов;
2. новый — SCSS (Sassy CSS) — использует фигурные скобки, как и сам CSS.

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

Препроцессор встроен во все современные веб редакторы.

LESS имеет более сложный синтаксис и на сегодня уже устарел.

JavaScript+jQuery+JQueryUI+Ajax

Для реализации клиентской части сайта и создания динамического контента и функционала сайта используют клиентские языки программирования. Таких языков много, все они называются скриптовыми. Стандартом клиентской части считают язык клиентского веб программирования - JavaScript. Основной особенностью клиентского языка программирования является то, что они выполняются браузером и не имеют прямого доступа к файловой системе, а значит, и к базам данных, кроме XML файлов. JavaScript является объектным, объектно-ориентированным и, как объектный язык поддерживает DOM (технологию представления документа в виде группы объектов на некоторой подложке, которая носит название window). Окно может быть только одно, при этом оно обладает свойствами. В окне располагается документ (со своими свойствами), на документе располагаются элементы последовательно. Порядок расположения элементов может быть нарушен при применении CSS стилей, которые, могут управляться командами JavaScript.

---

Язык развивается и к нему пишутся библиотеки, которые собираются в фреймворки. Наиболее распространенными сегодня являются фреймворки jQuery c фреймворком внутри себя jQuery UI, Bootstrap, Angular. jQuery выполняет функции клиентской части сайта, значительно расширяет и упрощает код благодаря разработанным в нем функциям. jQuery UI построен на базе фреймворка и направлен на оформление основных элементов интерфейсной части сайта (меню, текстовые блоки, галереи и т.д.). Bootstrap используется при оформлении, Angular – при реализации AJAX технологии.

Использование фреймворков - является характерными признаками современного сайта и упрощает работу программиста.

Набор веб инструментов разработчика.

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

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

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

Описание модулей серверной части программы и их взаимодействие

На серверную часть сайта возлагается основной функционал сайта, поэтому количество языков программирования больше, чем клиентской и нет одной технологии, которая была бы определена в качестве стандарта разработки. Из серверных языков программирования выделяют Ruby, ASP, JSP, Python, Perl. Наиболее распространенным является язык PHP версии 5 с полной поддержкой объектно-ориентированной технологии программирования, которая упрощает работу по повторному использованию кода, улучшает читаемость кода и позволяет реализовать командную разработку сайта. На PHP написано достаточно большое количество фреймворков (каркасов разработки структурных и функциональных элементов сайта). Среди наиболее распространенных фреймворков можно выделить Symphony, Zend, Yii, Doctrine, Smarty, Drupal, Wordpress, Jooomla! и др. Среди этих фреймворков существуют универсальные и специализированные (предназначенные для реализации только некоторых функций и задач веб разработки). Использование фреймворков позволяет значительно ускорить процесс разработки, сделать код более стандартным и читаемым. На базе фреймворков были разработаны CMS (Content Manager System), системы управления контентом сайта, позволяющие создать структуру сайта и добавлять функционал, в зависимости от требований к сайту.

---