Файл: Разработка сайта интернет-магазина мягких игрушек «Мишка».pdf

Введение

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

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

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

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

Объектом исследования курсового проекта являются процессы сбора, хранения, обработки и представления клиентам информации о магазине детских игрушек.

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

Основные задачи курсовой работы – это разработать структуру серверной и клиентской частей сайта интернет-магазина и спроектировать сайт.

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

Для достижения цели были поставлены и решены следующие задачи:

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

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

Для того чтобы обеспечить полноценную работу интернет-магазина «Мишка» необходимо реализовать такие функции:

• Информационная функция сайта
• Рекламная функция сайта
• Брендовая функция сайта

Рассмотрим детальнее функции интернет-магазина.

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

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

Брендовая функция интернет-магазина - это функция развития бренда интернет-магазина мягких игрушек, является частью рекламной функции. Главная цель развития бренда магазина – это создать у пользователей позитивную ассоциацию с магазином, доверие к компании, что приведёт к увеличению продаж, развитию бизнеса и отрасли.

Технические требования к разделам сайта:

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

• Главный раздел - описывает детально интернет-магазин мягких игрушек и содержит ссылки на остальные разделы.
• Раздел «О нас» - описывает детально интернет-магазин.
• Раздел «Цены» - содержит цены на медведей (мягкие игрушки), которые продаются в интернет-магазине.
• Раздел «Отзывы» - содержит отзывы клиентов интернет-магазина мягких игрушек.
• Раздел «Наши продукты» - содержит информацию про мягкие игрушки медведей, которые продаются в интернет-магазине.
• Раздел «Контакты» - содержит информацию про то как связаться с интернет-магазином, контакты, адрес, ссылки на социальные сети.

Для реализации разделов необходимо использовать язык гипертекстовой разметки HTML для создания страниц, таблицы каскадных стилей CSS для создания стилей страниц и язык программирования Javascript для описания функций на клиентской стороне сайта. Для реализации серверной части сайта можно использовать язык программирования PHP.

Актуальность данных технологий объясняется их распространением. HTML и CSS используются в реализации всех веб-ресурсов в интернете, поскольку все веб-страницы содержат описание разметки на языке HTML, поскольку именно этот язык интерпретируется всеми браузерами и поддерживается всеми версиями браузеров.

CSS используется в связке с HTML и так само широко распространён как и HTML. Поддержка CSS такая же, как и у HTML - он поддерживается всеми браузерами и всеми версиями браузеров. Используется как средство описания и оформления внешнего вида сайта.

JavaScript используется как встроенный язык доступа клиентской части к объектам приложения. JavaScript является одним из самых распространённых языков программирования, особенно для клиентской части приложений. JavaScript зачастую используется как дополнение к технологиям HTML и CSS по время веб-разработки.

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

Для реализации веб-сайта также необходимо выбрать IDE с помощью, которой будет происходить разработка веб-сайта. Для реализации данной курсовой работы был выбран редактор исходного кода Visual Studio Code. Основные позитивные стороны редактора состоят в том, что он поддерживает ряд языков программирования, среди которых есть все языки, которые будут использоваться для разработки интернет-магазина. Visual Studio Code также имеет поддержку контроля версий Git, что позитивно влияет на разработку системы. Visual Studio Code имеет поддержку плагинов, доступных через Visual Studio Marketplace посредством встроенной в продукт системы можно загрузить и установить несколько тысяч расширений только в категории языки программирования.

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

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

Рис. 1 - Дерево функций

Сайт должен содержать реализацию таких страниц:

• Главная страница сайта
• Страница «Сделать заказ»
• Страница раздела «Отзывы»
• Страница раздела «Цены»
• Страница «О нас»
• Страница каталога
• Страница «Контакты»

Детально структура страниц описана на рисунке структуры клиентской части сайта, изображенном ниже.

Рис. 2 - Структура клиентской части сайта

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

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

Браузеры взаимодействуют с веб-серверами при помощи HTTP протокола - гипертекстового транспортного протокола. Нажатие на ссылку на странице приводит к заполнению формы и отправки запроса с данными из браузера к серверу. Запрос включает в себя URL, определяющий затронутый ресурсы, метод, определяющий требуемое действие и может включать дополнительную информацию, закодированную в параметрах URL, POST запрос.

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

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

Далее на рисунке детально изображена структура серверной части сайта.

Рис. 3 - Структура серверной части сайта

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

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

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

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

Основные модули приложения это :

• Основная процедура работы вебсайта
• Форма «Сделать заказ»
• Форма «Отзывы»
• Форма «Цены»
• Форма «Цены»
• Форма «О нас»
• Форма «Каталог»
• Форма «Контакты»

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

Рис. 4 - Дерево вызовов программных модулей

Далее в таблице описано программные модули и их описание.

Табл. 1 - Таблица с описанием программных модулей

3. Описание структуры базы данных и ее функций

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

MySQL поддерживается многими платформами. Среди основных преимуществ MySQL отмечают следующие: