Проектирование и разработка интернет-магазина брендовой одежды "BlackWear"

Размещено на http://www.allbest.ru/

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ

«Московский политехнический университет»

Кафедра «Прикладная информатика»

КУРСОВАЯ РАБОТА

Дисциплина: «Электронный бизнес»

Тема: «Проектирование и разработка интернет-магазина брендовой одежды «BlackWear»

Группа 151-383 Студент Седова Е.А.

Преподаватель Чернова В.М.



Содержание

Введение

1. Анализ Интернет-магазинов как систем электронной торговли

1.1 Понятие интернет-магазина

1.2 Интернет-магазин как информационная система

1.2.1 Основные функции интернет-магазина

1.2.2 Структура и функциональные модули Интернет-магазина

1.3 Клиент-серверные технологии разработки

1.4 CMS системы. Описание и выбор средства разработки

1.5 Выбор хостинга

2. Проектирование и разработка Интернет-магазина

2.1 Проектирование и разработка интерфейса сайта

2.1.1 Этапы проектирования и разработки интерфейса

2.1.2 Определение требований к разработке сайта

2.1.3 Разработка структуры сайта интернет-магазина

2.2 Проектирование и разработка базы данных

2.2.1 Проектирование логической модели базы данных

2.2.2 Представление базы данных MySQL в OpenCart

2.3 Программная реализация информационной системы

2.3.1 Установка CMS на хостинг

2.3.2 Первоначальные настройки CMS

2.3.3 Настройка каталога

2.3.4 Корзина товаров и оформление заказа

2.3.5 Личный кабинет пользователя

2.3.6 Аналитика и отчеты в CMS OpenCart

Заключение

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

Приложение А



Введение

интернет магазин электронный торговля

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

Актуальность темы выполняемой работы состоит в том, что создать интернет магазин - значит решить несколько задач одновременно: оказать воздействие на определенную целевую аудиторию, привлечь дилеров, начать реализацию своих товаров и услуг по всей стране. Структура, направленность, тематика сайта может быть разной. К примеру, интегрированная в сайт система 1С, платежная система позволяет получать ощутимую прибыль при минимальных затратах [1].

Проблематика. В данной курсовой работе решается проблема создания интернет-магазина брендовой одежды «BlackWear» при помощи CMS (Content Management System - система управления контентом).

Объект курсовой работы - интернет-магазин.

Предметом курсовой работы является разработка интернет-магазина.

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

При выполнении курсовой работы выполняются следующие задачи:

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

2. Изучить понятие интернет-магазина, сущность, функции, классификацию.

3. Спроектировать интернет-магазин.

4. Разработать интернет-магазин брендовой одежды «BlackWear».

5. Оценить эффективность разработанного программного продукта.



1. Анализ Интернет-магазинов как систем электронной торговли

1.1 Понятие интернет-магазина

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

Основным и наиболее полным определением интернет магазина является следующее: интернет-магазин (англ. Online shop или e-shop) - интерактивный веб-сайт, рекламирующий товар или услугу, принимающий заказы на покупку, предлагающий пользователю выбор варианта расчета, способа получения заказа и выписывающий счет на оплату [2].

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

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

1. Затраты на аппаратное обеспечение (необходимо приобрести хороший сервер, который имеет хорошие каналы связи).

2. Программное обеспечение (разработка структуры будущего интернет-магазина стоит достаточно дорого, но также возможно использование бесплатных систем).

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

4. Расходы на сопровождение системы (обучение и содержание дополнительного персонала, поддержание работоспособности сервера; к данным расходам можно отнести содержание складов, офисов, стационарных торговых точек и т.д.).

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

Деятельность интернет-магазинов регулируется и регламентируется рядом Законов и Постановлений РФ. Основным является ФЗ «Об электронной торговле».

1.2 Интернет-магазин как информационная система

1.2.1 Основные функции интернет-магазина

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

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

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

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

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

Интернет-магазин включает в себя следующие основные компоненты:

1. Фронт-офис - интернет-витрина, расположенная на веб-сервере и снабженная виртуальной потребительской корзиной, системой приёма платежей, антифродовой системой.

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

Основные функции интернет-магазина:

1. Предоставление онлайновой помощи покупателю;

2. регистрация покупателей;

3. предоставление интерфейса к БД продаваемых товаров (в виде каталога, прайс-листа);

4. работа с электронной корзиной покупателя;

5. оформление заказов с выбором метода оплаты, доставки, страховки и выпиской счёта;

6. резервирование товаров на складе;

7. проведение расчётов (при выборе электронных методов оплаты) или контроль факта оплаты (при использовании традиционных форм расчётов);

8. формирование заявок на доставку товаров покупателям и выписка сопроводительных документов;

9. предоставление покупателю средств отслеживания исполнения заказов;

10. доставка товаров;

11. сбор и анализ различной маркетинговой информации;

12. обеспечение безопасности личной информации покупателей;

13. автоматический обмен информацией с бэк-офисом компании.

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

1.2.2 Структура и функциональные модули интернет-магазина

Исходя из описанных функций интернет магазина можно представить структуру интерфейсной (клиентской) части магазина (Приложение А).

Данная структура является схематичной и примерной. В реальности могут отсутствовать некоторые пункты в зависимости от назначения и тематики интернет-магазина.

Все аппаратное обеспечение интернет-магазина можно разделить на две части: клиентское и серверное. Клиентское ПО - персональные компьютеры пользователей, чаще всего не обладают высокой мощностью, оснащены средствами мультимедиа. Серверное ПО представлено мощными и надежными компьютерами, которые организуют продажу электронных товаров или услуг. Чаще всего интернет-магазины имеют аппаратный сервер, на котором располагается сам сайт и база данных. Разделяют внутренний и внешний серверы. Иметь внутренний сервер не выгодно, так как стоимость содержания и обслуживания очень высока, поэтому большинство компаний пользуются внешними серверами.

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

Рисунок 1.2.2.1 Функциональные модули системы

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



1.3 Клиент-серверные технологии разработки

Клиентские технологии (JavaScript, CSS, HTML5)

Типичный сайт состоит из трех частей -- интерфейса (который также известен как пользовательская часть), программной и серверной частей. Для начала рассмотрим подробнее пользовательскую часть сайта. Ее также называют frontend и она отвечает за графический интерфейс -- правильное отображение контента сайта. Для построения пользовательской части используется HTML-разметка, CSS-стили и JavaScript.

HTML (HyperText Markup Language, т.е. язык разметки гипертекста) позволяет отобразить информационный контент -- текстовые блоки, ссылки и изображения. Простейшая веб-страница может быть создана используя исключительно HTML, но из-за отсутствия стилевых элементов она скорее всего будет выглядеть грубовато и не слишком привлекательно, поэтому важный элемент создания веб-страницы -- это оформление контента. Как будет выглядеть шрифт текста, как будет располагаться сам текст, где будут находиться различные объекты, -- за все это отвечает CSS (Cascading Stylesheets) [3].

JavaScript нужен для того, чтобы сайт мог взаимодействовать с пользователем -- анализировать введенные данные, проверять их корректность, изменять контент страницы согласно запросам, выдавать оповещения, модальные окна или показывать выпадающие меню. Технология AJAX (Asynchronous JavaScript and XML) позволяет сайту отправлять запросы и получать данные с сервера без видимой перезагрузки страницы, что значительно ускоряет работу. AJAX используется, к примеру, в Google Maps -- во время прокрутки карты не нужно каждый раз перезагружать страницу. Для упрощения разработки клиентской части сайта можно использовать библиотеки, содержащие готовые сборники компонентов для написания типичных программ. Например, бесплатная библиотека JQuery содержит полезные функции для решения типовых задач на JavaScript.

Серверные технологии (PHP, MySQL)

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

Среди серверных языков можно выделить Ruby, ASP, JSP, Python, Perl, но наиболее распространенным (более 5 млн. серверов) является язык PHP версии 5. Особенностью данного языка, именно в 5 версии, является полная поддержка объектно-ориентированной технологии программирования, что упрощает работу по повторному использованию кода, улучшает читаемость кода и позволяет работать над созданием сайта команде разработчиков.

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

Современные динамические сайты обязательно используют базу данных как для хранения различного контента, так и для реализации своих функций. Наиболее распространёнными системами управления базами данных являются MySQL, PostgreSQL, ORACLE. Эти базы данных являются облегченными, т.е. обладают урезанным функционалом, достаточным для задач веб разработки. Наиболее распространенной является MySQL. Данная база достаточно проста в использовании и обладает высокой скоростью обработки запросов, что важно при большом количестве обращения пользователей к серверу, на котором располагается сайт [4].

В back-end разработке, наиболее распространенной является связка PHP+MySQL. PHP имеет достаточно средств для организации полномасштабной работы с базой данных.



1.4 CMS системы. Описание и выбор средства разработки.

Термин CMS в последнее время достаточно часто встречается на просторах интернета. Что же это? Одни говорят, что это «движок» и «сердце» сайта, другие - инструмент для эффективного решения рутинных задач по размещению информации и редактированию или созданию разделов. В данном случае обе стороны правы.

CMS (от английского Content Management System) - система управления содержимым (контентом) - компьютерная программа или информационная система, которая используется для организации и обеспечения процесса по совместному созданию, управлению и редактированию содержимого сайта [5].

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

Для того, чтобы определиться с выбором CMS для разработки сайта интернет-магазина, определим некоторые требования:

1. Доступ к контенту сайта при гостевом визите: CMS должна предусматривать доступ к товарам без регистрации.

2. Безопасность. Защита персональных данных и финансовых операций.

3. Производительность.

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

5. Возможность интеграции с корпоративными системами бухгалтерского учета (например, 1С: Предприятие).

В настоящее время существует огромное множество различных CMS. Рассмотрим топ 5 самых популярных бесплатных CMS для интернет-магазина.

1. Joomla. Очень давно на рынке. Имеет достаточный функционал и является бесплатной. Для того чтобы превратить эту платформу в интернет-магазин, необходима установка одного из компонентов - лучше JoomShopping или VirtueMart, а вдобавок к нему несколько модулей для расширения функционала.

2. OpenCart. Эта простая и удобная CMS разработана специально для интернет-магазинов, и не является такой универсальной, как Joomla. Ее основной функционал предназначен для электронной коммерции. Данная CMS появилась в 2012 году, но уже успела занять свою долю в качестве движка для небольших интернет-магазинов. Является бесплатной.

3. WordPress. На CMS WordPress можно создать интернет-магазин совершенно бесплатно. Для этой цели предназначены модули WooCommerce, WP eCommerce, WP-Shop. Есть и много платных плагинов, но они зачастую нерусифицированные.

4. Magento. Magento - очень мощная и полноценная CMS для интернет-магазина. Первая версия выпущена в 2008 году. Хоть она требует хорошего хостинга, зато достаточно гибкая и рассчитана на большие каталоги товаров. Ее функционал, как и у прочих CMS, дополняется установкой модулей, коих разработано достаточно. Жаль только, что большинство их - платные, а стоимость разработки готового интернет-магазина сравнима с Битрикс и непозволительна для новичков.

5. PrestaShop. Давно на рынке. Это очень функциональная платформа для интернет-магазина. Подходит для бизнеса средней руки. На PrestaShop можно быстро собрать интернет-магазин, используя платные и бесплатные модули, хотя и без них движок позволяет запустить продажи. Хорошим отличием от Magento является небольшая цена на модули и шаблоны, а помощь программистов может и не понадобиться. По внешнему виду схож с OpenCart, но уже в базовой версии более функционален, и соответственно, более требовательный к системным ресурсам. При необходимости доработать сайт самостоятельно можно столкнуться со сложностью и затратами.

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

В качестве CMS для разработки интернет-магазина «BlackWear» мной была выбрана именно CMS OpenCart по вышеперечисленным причинам.

1.5 Выбор хостинга

Существует два способа разработки сайта на CMS:

1. Развернуть систему на локальном компьютере, создать сайт, наполнить содержимым и перенести на сервер.

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

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

Второй вариант более прост в реализации и при правильном подходе не имеет минусов. В качестве сервера для разработки интернет-магазина мной был выбран хостинг beget.com

Данный хостинг имеет понятный интерфейс, с которым удобно работать. Также здесь значительно облегчен процесс установки CMS и работы с ней. Большим преимуществом является бесплатный доступ к СУБД PHPMyAdmin и PHP5.



2. Проектирование и разработка Интернет-магазина

2.1 Проектирование и разработка интерфейса сайта

2.1.1 Этапы проектирования и разработки интерфейса

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

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

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

2. Пользовательские сценарии: создание списка задач (пользовательских сценариев), которые пользователь может выполнять в рамках данного интерфейса.

3. Структура интерфейса: полученный список шагов на предыдущем этапе, ложится в основу структуры интерфейса. Становится известно количество экранов, их краткое содержание и положение в общей структуре.

4. Создание прототипа интерфейса: создание схем страниц со всеми кнопками, текстами, чекбоксами, формами и прочими элементами. В прототипах планируется функционал, расположение элементов страниц относительно друг друга.

5. Определение стилистики: составление мудбордов страниц сайтов, имеющих схожую стилистику

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

7. Оформление всех экранов: финализация внешнего вида: становится ясно правильно ли подобран кегль или интерлиньяж, хорошо ли сочетается толщина линий иконок с текстом, не конфликтует ли оформление форм (кнопок, полей ввода) с другими элементами экрана и многие другие случаи.

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

9. Подготовка материалов для разработчиков

2.1.2 Определение требований к разработке сайта

Бизнес требования

Предоставление полной информации о компании. Разработка сайта интернет-магазина брендовой одежды «BlackWear», который предлагает клиенту одежду в черно-белой гамме.

Целевая аудитория: молодые люди и девушки от 16 до 35 лет, проживающие на территории Российской Федерации, имеющие средний достаток.

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

Решение проблемы: заказ модной одежды на сайте «BlackWear» в актуальной цветовой гамме, которой нет у других людей.

Цели создания интернет-магазина:

1. Привлечение внимания пользователей к бренду (реклама, промоакции).

2. Совершение заказов пользователями.

3. Совершение повторных продаж пользователями.

Нефункциональные требования

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

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

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

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

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

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

Функциональные требования

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

Возможности администрирования. Возможность в административной панели создания/удаления/редактирования карточки товара, акций, новостей. Возможность редактирования контактов, добавления/удаления дополнительной информации.



2.1.3 Разработка структуры сайта интернет-магазина

На рисунке 2.1.3.1 отображена примерная структура будущего сайта.

Рисунок 2.1.3.1 Структура сайта интернет-магазина

Также был разработан прототип главной страницы сайта, который показан на рисунке 2.1.3.2.



Рисунок 2.1.3.2 Прототип главной страницы сайта

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

1. Шапка сайта: главное меню, логотип, корзина, личный кабинет, поиск по сайту.

2. Слайдер с изображениями лучших товаров.

3. Рекомендуемые товары.

4. Футер со всей правовой информацией, контактами, ссылками на формы обратной связи и др.

Благодаря всем вышеперечисленным действиям был спроектирован и разработан интерфейс сайта интернет-магазина.

2.2 Проектирование и разработка базы данных

Основные идеи современной информационной технологии базируются на концепции, согласно которой данные должны быть организованы в базы данных с целью адекватного отображения изменяющегося реального мира и удовлетворения информационных потребностей пользователей. Эти базы данных создаются и функционируют под управлением специальных программных комплексов, называемых системами управления базами данных (СУБД).

Основная цель проектирования БД - это сокращение избыточности хранимых данных, следовательно, экономия объема используемой памяти, уменьшение затрат на многократные операции обновления избыточных копий и устранение возможности возникновения противоречий из-за хранения в разных местах сведений об одном и том же объекте [6].

2.2.1 Проектирование логической модели базы данных

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

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

1. Исключить дублирование информации в таблицах.

2. Обеспечить возможность изменений в структуре таблиц.

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

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

Основными сущностями являются:

«Клиенты» - список всех клиентов интернет-магазина.

«Товары» - ассортимент товаров интернет-магазина.

«Заказы» - история заказов, совершенных в интернет-магазине.

Для начала изобразим схематически сущность «Клиент» (рисунок 2.2.1.1). Главными атрибутами данной сущности будут являться id, ФИО, адрес, телефон, e-mail. В форме таблицы данная сущность изображена в Таблице 1.

Рисунок 2.2.1.1 Сущность «Клиент»

Таблица 1

Клиенты

	Имя поля	Ключевое поле	Обязательное поле	Тип данных	Размер
ID	ID	Да	Да	Счетчик	Длинное целое
ФИО	ФИО	Нет	Да	Текстовый	Длинное целое
E-mail	E-mail	Нет	Да	Текстовый	Длинное целое
Телефон	Телефон	Нет	Да	Текстовый	Длинное целое
Адрес	Адрес	Нет	Да	Текстовый	Длинное целое

Далее разберем сущность «Товары». Атрибуты: id, название, описание, цена, количество (рисунок 2.2.1.2). В табличной форме - таблица 2.

Рисунок 2.2.1.2 Сущность «Товар»

Таблица 2

Товары

	Имя поля	Ключевое поле	Обязательное поле	Тип данных	Размер
ID	ID	Да	Да	Счетчик	Длинное целое
Название	Название	Нет	Да	Текстовый	Длинное целое
Описание	Описание	Нет	Да	Текстовый	Длинное целое
Цена	Цена	Нет	Да	Денежный	Длинное целое
Количество	Количество	Нет	Да	Числовой	Длинное целое

Далее разберем сущность «Заказ». Атрибуты: id, клиент, стоимость, адрес доставки, способ оплаты, дата, товары (рисунок 2.2.1.3). В таблично форме - таблица 3.



Рисунок 2.2.1.3 Сущность «Заказ»

Таблица 3

Заказ

	Имя поля	Ключевое поле	Обязательное поле	Тип данных	Размер
ID	ID	Да	Да	Счетчик	Длинное целое
Клиент	Клиент	Нет	Да	Текстовый	Длинное целое
Стоимость	Стоимость	Нет	Да	Текстовый	Длинное целое
Дата	Дата	Нет	Да	Числовой	Длинное целое
Товар	Товар	Нет	Да	Текстовый	Длинное целое
Стоимость	Стоимость	Нет	Да	Денежный	Длинное целое
Способ оплаты	Способ оплаты	Нет	Да	Текстовый	Длинное целое
Адрес доставки	Адрес доставки	Нет	Да	Текстовый	Длинное целое

Сущность «Заказ» объединяет в себе сущности «Товар» и «Клиент». Схематически можно изобразить концептуальную модель, которая строится по методу «Сущность-связь» (рисунок 2.2.1.4).



Рисунок 2.2.1.4 Концептуальная модель базы данных

В результате получаем:

1. Каждая таблица состоит из однотипных строк и имеет уникальное имя.

2. Строки имеют фиксированное число полей и значений, т.е. значения в ячейках атомарные.

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

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

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

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



2.2.2 Представление базы данных MySQL в OpenCart

Система OpenCart в процессе работы создает базу данных, в которой хранится вся информация обо всех товарах, категориях, атрибутах, изображениях, заказах, клиентах и многом другом. Всего в базе данных на данный момент 131 таблица. Часть базы данных отображена на рисунке 2.2.2.1.

Рисунок 2.2.2.1 База данных интернет магазина в CMS OpenCart

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



Рисунок 2.2.2.2 Таблица зарегистрированных пользователей

2.3 Программная реализация информационной системы

2.3.1 Установка CMS на хостинг

Установка CMS на хостинг происходит очень просто. Для начала регистрируем аккаунт на хостинге. В бесплатной версии хостинга нам доступен всего один домен: t99997su.beget.tech. Заходим в раздел Сайты, вводим имя сайта - создать. Нажимаем на кнопку «прилинковать домен» (рисунок 2.3.1.1).

Рисунок 2.3.1.1 Создание сайта и прикрепление домена

Теперь создаваемый сайт будет всегда расположен по данной ссылке. Приступим к установке CMS на созданный сайт. Из главного меню переходим в раздел CMS. В данной вкладке представлен весь список CMS, которые можно установить на сайт. Выбираем OpenCart. В появившемся окне вводим данные для входа в административную панель, имя базы данных и пароль к ней, выбираем последнюю версию системы и нажимаем Установить. После проведения всех действий сайт и версия CMS появляется в данном разделе (рисунок 2.3.1.2).

Рисунок 2.3.1.2 Список CMS и сайт с установленной системой

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

2.3.2 Первоначальные настройки CMS

После того, как сайт начал функционировать по ссылке, заходим в панель администрирования по ссылке http://t99997su.beget.tech/admin. Самое первое, что мы должны настроить это информацию о магазине. Для этого в боковом меню выбираем раздел Система - Настройки и нажимаем Редактировать. В данном разделе редактируется вся основная информация о магазине (рисунок 2.3.2.1).

Рисунок 2.3.2.1 Системные настройки интернет-магазина

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

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

Следующие вкладки заполняем по необходимости. Добавляем логотип и иконку, включаем e-mail оповещения о новых заказах.

Стандартный шаблон сайта на OpenCart предполагает выбор языка для сайта (русский/английский). Для того, чтобы не вводить информацию о товарах на двух языках, удалим английский язык. Для этого нужно перейти во вкладку Система - Локализация - Язык (рисунок 2.3.2.2).

Рисунок 2.3.2.2 Выбор языка сайта

2.3.3 Настройка каталога

Категории

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

1. Одежда: свитшоты, футболки, кроп-топы, юбки.

2. Обувь.

3. Рюкзаки.

4. Поясные сумки.

5. Аксессуары: чехлы, браслеты, броши, кольца, носки, патчи.

Для начала создадим категорию Одежда (рисунок 2.3.3.1).



Рисунок 2.3.3.1 Создание категории "Одежда"

Этот процесс является очень простым. Заполняем все поля, выбираем порядок сортировки (на каком месте категория будет располагаться в основном меню). Поле «Родительская категория» заполняется только для подкатегорий. Также создаются все остальные категории (рисунок 2.3.3.2).

Рисунок 2.3.3.2 Настройка категорий товаров

Все созданные категории отображаются следующим образом в главном меню: родительские категории в самом меню, подкатегории - выпадающим списком (рисунок 2.3.3.3).



Рисунок 2.3.3.3 Главное меню интернет-магазина

Опции

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

Рисунок 2.3.3.4 Опции товаров

Товары

Добавление товаров осуществляется в панели управления во вкладке Каталог - Товары. Нажмем иконку «добавить товар» (рисунок 2.3.3.5).



Рисунок 2.3.3.5 Добавление товара в панели управления

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

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



Рисунок 2.3.3.6 Товары категории «свитшоты» и боковое меню навигации

Статьи

Еще одной важной вкладкой, которую необходимо настроить является вкладка Статьи (рисунок 2.3.3.7). Здесь располагаются такие статьи, как Доставка, о нас, Политика Безопасности и Условия соглашения, которые чаще всего находятся в нижней части сайта - футере (рисунок 2.3.3.8). Необходимо максимально подробно описать каждую из них для того, чтобы пользователь смог получить всю необходимую информацию.

Рисунок 2.3.3.7 Статьи



Рисунок 2.3.3.8 Футер сайта

2.3.4 Корзина товаров и оформление заказа

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

Рисунок 2.3.4.1 Корзина товаров

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

После нажатия на кнопку «оформление заказа» открывается окно, в котором нужно выбрать способ оформления заказа, указать платежную информацию и адрес доставки, выбрать способ доставки и оплаты и подтвердить заказ (рисунок 2.3.4.2).

Рисунок 2.3.4.2 Окно оформления заказа

После того, как заказ подтвержден, информацию о нем можно посмотреть в личном кабинете пользователя в разделе «История заказов».

2.3.5 Личный кабинет пользователя

Иконка для входа в личный кабинет располагается в главном меню рядом с корзиной. В личном кабинете можно редактировать учетную запись: сменить номер телефона, e-mail, добавить адреса доставки, посмотреть товары, которые находятся в закладках. Также полезной функцией, реализованной в личном кабинете, является просмотр истории заказов, возможность вернуть товар. Отдельно можно подписаться на новостную рассылку, которая будет реализована позже, когда магазин начнет реализовывать продукцию (рисунок 2.3.5.1).



Рисунок 2.3.5.1 Личный кабинет пользователя

2.3.6 Аналитика и отчеты в CMS OpenCart

CMS OpenCart позволяет узнать информацию о количестве заказов и клиентов, общей сумме всех заказов, количестве людей, в данный момент находящихся на сайте и др. Данная информация расположена в самой первой вкладке панели управления «Панель состояния» (рисунок 2.3.6.1).



Рисунок 2.3.6.1 Панель состояния

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

Еще одной полезной функцией являются отчеты, которые располагаются в панели администратора во вкладке «Отчеты». Здесь можно более подробно рассмотреть всю интересующую информацию (рисунок 2.3.6.2).



Рисунок 2.3.6.2 Отчеты в OpenCart

Для того, чтобы получать максимально подробную аналитику, можно установить модуль Google Analytics. Для этого необходимо зайти во вкладку Модули/Расширения, выбрать типа расширения - аналитика и активировать Google Analytics (рисунок 2.3.6.3). Для активации потребуется ввести трек-номер, полученный после настройки ресурса в самом Google Analytics.

Рисунок 2.3.6.3 Активация Google Analytics

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



Заключение

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

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

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

Адрес сайта интернет-магазина: http://t99997su.beget.tech



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

1. Актуальность создания интернет-магазина // joomla-master.org URL: http://joomla-master.org/stati/obzori/aktualnost-sozdaniya-internet-magazina.html (дата обращения: 01.12.2018).

2. Салбер А. Как открыть интернет-магазин / А. Салбер. 3-е изд., стер. М.: СмартБук, 2011. 302 с.

3. Основы Web-технологий // neplankton.ru URL: http://neplankton.ru/osnovy-web-tehnologii-post-105 (дата обращения: 14.12.2018).

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

5. Определение и виды CMS // moolkin.ru URL: http://moolkin.ru/joomla/cms/chto-takoe-cms-dlya-chego-ona-nuzhna-kakie-byvayut-cms (дата обращения: 14.12.2018).

6. Проектирование реляционной БД // Vuzlit.ru URL: https://vuzlit.ru/972656/proektirovanie_relyatsionnoy#232 (дата обращения: 19.12.2018).



Приложение А

Структура интерфейсной части интернет-магазина

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