3
СОДЕРЖАНИЕ
ВВЕДЕНИЕ ……………………………………………………………………....….5
ГЛАВА 1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ…………………….………....8
1.1 Понятие и структура интернет-магазина, преимущества его использования
для торговой организации….…………………………….……….………………...8
1.2 Этапы разработки web-сайта......…..............................................................…..11
1.3 Инструментальные средства разработки интернет-магазина……………….12
1.4 Тестирование, выбор хостинга и метода оплаты….........................................16
1.5 Начало эксплуатации и поддержка сайта …………………………………….18
ГЛАВА 2. ПОСТАНОВКА ЗАДАЧИ И ОБОСНОВАНИЕ ВЫБОРА
ТЕХНИЧЕСКИХ СРЕДСТВ ДЛЯ ЕЕ РЕШЕНИЯ.................................................23
2.1 Краткая характеристика предприятия ООО «Тоника»….........................…...23
2.2 Обоснование необходимости создания интернет-магазина................…...….23
2.3 Постановка задачи проектирования интернет-магазина…………………….25
2.3.1 Разработка клиентской части……..………………......……...….........25
2.3.2 Разработка администраторской части………………....…….....…….29
2.3.3 Распределение ролей и привилегий пользователей ......….............…30
2.4 Выбор средств разработки интернет-магазина и его обоснование……..…..32
ГЛАВА 3. ПРОЕКТНАЯ ЧАСТЬ РАЗРАБОТКИ ИНТЕРНЕТ-МАГАЗИНА ДЛЯ
ООО «ТОНИКА»………………………….………………………………………..40
3.1 Создание дизайна сайта и проектирование интерфейсов……………………40
3.1.1 Клиентская часть сайта………………………..………………………40
3.1.2 Административная часть сайта…………………..…………………...46
3.2 Верстка страниц……………………………………………………………...…49
4
3.3 Разработка базы данных……………………………………………………….55
3.4 Программирование, тестирование, перенос на хостинг…………………….60
ЗАКЛЮЧЕНИЕ …………………………………………………………….............67
БИБЛИОГРАФИЯ………………………………..………...............………............69
5
ВВЕДЕНИЕ
В настоящее время интернет-коммерция довольно прочно вошла в нашу
жизнь. Покупки в электронных магазинах стали привычным делом для
значительной части населения.
По данным, полученным GfK по результатам регулярного опроса населения
РФ, к началу 2018 года пользовательская аудитория сети Интернет в РФ среди
населения старше 16 лет выросла на 3.5% и составила 87 миллионов интернет-
пользователей. Уровень проникновения интернета в России в 2017 году среди
населения старше 16 лет вырос с 70.4% до 72.8%, а аудитория мобильного
интернета выросла на 20% — с 47% до 56% (данные с сайта
https://www.kommersant.ru/doc/3521715).
Создание своего веб-представительства в глобальной сети по-прежнему
актуально. Новая аудитория, новые возможности ведения бизнеса стимулируют
компании переносить значительную часть торговых процессов в интернет-
пространство.
Разработка интернет-магазина производится для осуществления прямых
продаж с ресурса и служит для решения следующих задач:
экономия расходов на содержание торговых и складских помещений;
экономия расходов вследствие сокращения торгового персонала;
значительное расширение географии и, как следствие, объемов продаж.
Обозначенные преимущества имеют финансовый характер, однако сложно
поспорить с тем, что наличие интернет-магазина для торговой организации несет
еще и имиджевую составляющую: информирование общественности,
повышение узнаваемости, поддержка бренда и статуса.
Значительную часть аудитории сети Интернет составляют люди,
проводящие свой рабочий день за компьютером. При этом, как правило, высокая
загруженность на работе не позволяет им тратить много времени на походы по
магазинам; к тому же режим работы «физических» магазинов не всегда бывает
подходящим. Возможность сделать заказ в сети Интернет для них оказывается
действительно выходом из ситуации. Интернет-магазин привносит безусловное
6
удобство покупателям, которым нет необходимости выходить из дома, чтобы
приобрести нужный товар. Забота об удобстве покупателя — обязательное
условие успешного развития бизнеса.
Целью выпускной квалификационной работы является разработка
интернет-магазина по продаже авторских товаров для ООО «Тоника»,
занимающегося изготовлением тортов и кондитерских изделий индивидуальной
работы. Данный интернет-магазин должен содержать информацию о компании
и продукции, предоставлять посетителям возможность оформления заказа, а
администратору — возможность управления продукцией, заказами и
пользователями из административной части магазина.
Для достижения поставленной цели необходимо выполнить следующие задачи:
провести анализ предметной области: понятия и структуры интернет-
магазинов
изучить процесс разработки интернет-магазинов, выделить основные
этапы
ознакомиться с основными характеристиками предприятия-заказчика и
производимого продукта, выявить особенности
выявить основные характеристики, которыми должен обладать интернет-
магазин для ООО «Тоника», а также определиться с его функционалом
исходя из поставленных задач, выбрать средства разработки интернет-
магазина
разработать интернет-магазин в соответствии с поставленными задачами,
спроектировать базу данных
протестировать интернет-магазин и разместить на хостинге.
Объектом исследования данной работы является организация интернет-
коммерции предприятия ООО «Тоника». Предметом исследования является
разработка интернет-магазина, инструменты и методы его создания.
Для всестороннего изучения темы в работе использовались книги как
отечественных авторов, так и зарубежных. Выбор источников производился
7
исходя из их надежности и актуальности. В частности, были выбраны работы
известных авторов, таких как Дэвид Макфарланд (David McFarland, автор
множества книг по компьютерной тематике, более двадцати лет занимается
созданием сайтов и их управлением), Ларри Ульман (Larry Ullman, известный
писатель и преподаватель, web-разработчик), Люка Веллинга (Luke Welling) и
Лоры Томсон (Lora Thomson) - преподавателей Школы компьютерных наук и
информационных технологий университета города Мельбурн, Прохоренок Н. А.,
профессиональный программист, автор книг по web-разработке.
В процессе разработки интернет-магазина наиболее активно
использовалась информация с официального сайта Laravel, поскольку
документация по фреймворку, представленная на нем, является
первоисточником, а, следовательно, наиболее актуальна.
Практическая значимость данной работы - потенциальное привлечение
новой целевой аудитории, сокращение издержек и, как следствие, повышение
рентабельности предприятия.
Выбранная тема, безусловно, является актуальной на сегодняшний день,
поскольку покупки в электронных магазинах — норма для современного
поколения; кроме того, мы наблюдаем постоянный рост количества интернет-
покупателей, и причин для изменения данной тенденции на сегодняшний день
нет.
8
ГЛАВА 1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ
1.1 Понятие и структура интернет-магазина, преимущества его
использования для торговой организации
Торговля через интернет уже давно перешла из модного увлечения в
разряд необходимого дополнения для любого бизнеса, реализующего свои
товары и услуги.
Интернет-магазин, как новый канал сбыта продукции, имеет следующие
достоинства:
- позволяет комплексно управлять процессом реализации продукции (вся
необходимая информация о заказе, покупателе, выбранных позициях и т.д.
содержится в административной части и доступна для редактирования
менеджером или администратором);
- позволяет быстро и гибко добавлять и изменять ассортимент товаров;
- позволяет поддерживать базу покупателей, отслеживать их активность,
заказы;
- позволяет просматривать детальную информацию по любому текущему
или уже исполненному заказу;
- позволяет получать обратную связь от посетителей посредством
специальной формы обратной связи
- позволяет расширить аудиторию, не ограничиваясь территорией
близлежащего района. [3, 15]
Типовой вариант интернет-магазина включает следующие компоненты:
каталог продукции
поисковая система
корзина
форма регистрации
форма аутентификации
форма оформления заказа. [20]
9
Каталог служит для упорядочивания товаров. Его наличие является
обязательным условием для удобного и быстрого поиска товаров.
Поисковая система дает пользователю возможность быстрого поиска
нужного товара по его названию или, например, артикулу. Наличие поисковой
системы на сайте особенно важно в случае, когда каталог представляет собой
сложную разветвленную структуру с большим количеством разделов и
подразделов. Без поисковой системы пользователю будет непросто
сориентироваться на новом сайте и найти нужный товар, что может повлечь за
собой уход пользователя на другой ресурс.
Корзина покупателя представляет собой некоторый массив данных,
служащий для хранения выбранных пользователем товаров. [3]
Форма регистрации необходима для сохранения данных новых
пользователей в базе данных. В дальнейшем эта информация используется в
форме аутентификации пользователей (аутентификацией называется процедура
проверки подлинности пользователя путем сравнения введенного им пароля с
паролем, хранящимся в базе данных). [14]
Форма оформления заказа служит для ввода контактной информации
заказчика, ее сохранения в базе данных и последующего извещения менеджера
о поступлении нового заказа.
Система оплаты товара предоставляет покупателю выбор варианта оплаты
(наличный расчет, кредитные карты, электронные кошельки).
Для осуществления этих функций существует множество вариантов
программного обеспечения, в частности, так называемые «движки» интернет-
магазинов, среди которых можно найти как платные, так и бесплатные варианты.
Выбор программного обеспечения для магазина - задача весьма серьезная.
Важны безопасность, функциональность, надежность, возможность гибкого
изменения структуры, настройки параметров продаж, изменения дизайна
магазина. [15]
При разработке интернет-магазина необходимо помнить, что цель любого
магазина — это продажи, соответственно, необходимо обеспечить возможность
10
изучения посетителей для отслеживания их поведения и предпочтений. Для
этого существуют различные технологии. В частности, широко используются
cookie для хранения персональных предпочтений и настроек пользователя.
Cookie — это небольшой фрагмент данных, отправленный веб-сервером и
хранимый на компьютере пользователя. [14] Веб-клиент при очередном
открытии страницы соответствующего сайта передает этот фрагмент данных на
сервер в составе HTTP-запроса. Это позволяет, например, идентифицировать
пользователя без повторного введения пароля при выбранной им ранее функции
«запомнить меня». [25]
Обработка заказа. Формирование заказа происходит в корзине покупателя.
Минимально необходимый набор действий в корзине — это добавление
позиций, изменение их количества и удаление. Перегружать корзину лишними
функциями не стоит, поскольку покупатель не должен отвлекаться от процесса
оформления заказа.
Для увеличения продаж в интернет-магазине необходимо обеспечить не
только различные способы оплаты, но и разные методы заказа. Несмотря на то,
что интернет-торговля прочно вошла в нашу жизнь, ситуации, когда покупатель
звонит и просит оформить заказ по телефону, все еще не редкость. Для
оформления такого «телефонного» заказа в интернет-магазине будет
реализована возможность оформления заказа менеджером от имени
абстрактного покупателя через административную панель. [15]
Проведя анализ сайтов схожей тематики, было сделано заключение, что
современные интернет-магазины в большинстве своем используют
автоматическую отправку e-mail-сообщения о подтверждении заказа. Данная
возможность также реализована в интернет-магазине TheCake. Подтверждение
содержит всю информацию о заказе, а именно: номер и дату заказа, все
заказанные товары и их стоимость, дату и адрес доставки, и контактные данные
компании на случай, если у покупателя возникнут вопросы. Аналогичное письмо
отправляется и менеджеру для обеспечения быстрого реагирования на заказ. Это
позволяет автоматизировать процесс оформления заказа и облегчает работу
11
менеджера, а также сокращает расходы на телефонную связь с покупателем.
Важно отметить, что в целях безопасности в письмо-подтверждение заказа не
должны включаться данные кредитной карточки.
1.2 Этапы разработки web-сайта
Web-разработка — это процесс создания web-сайта или web-приложения.
Ларри Ульман в своем руководстве «РНР и MySQL: создание интернет-
магазинов» выделяет следующие основные составляющие процесса:
планирование, верстка страниц, проектирование базы данных,
программирование, эксплуатация, поддержка и улучшение (Рисунок 1). [20]
Рисунок 1. Блок-схема процесса создания интернет-магазина
В данном проекте можно выделить следующие этапы создания интернет-
магазина:
планирование: определение целей создания сайта
сбор и анализ требований, определение типа и структуры сайта
создание дизайна сайта
проектирование интерфейсов
верстка страниц
проектирование базы данных
программирование
тестирование и доработка
перенос проекта на хостинг
обслуживание работающего сайта. [20]
12
На этапе планирования необходимо определиться с целью создания сайта,
выявить будущую целевую аудиторию, проанализировать соответствующий
контент. Это позволит определиться с типом сайта, его структурой,
расположением основных элементов и навигацией. Структура подразумевает
разделы сайта, в соответствии с которыми будет формироваться меню
разрабатываться дизайн проекта. [1]
1.3 Инструментальные средства разработки интернет-магазина
За этапом планирования следует проектирование интерфейсов и
разработка дизайна сайта. На этом этапе полностью определяется внешний вид
сайта. Важно решить, как будет выглядеть дизайн в целом, выбрать цветовые
решения, определиться, какая структура будет у страниц. Приступая к
проектированию интерфейса, важно не только создать привлекательное для
посетителей оформление сайта, но и добиться совершения пользователями
нужных действий, опираясь на сферу деятельности заказчика. В случае
разработки интернет-магазина конечным итогом перемещения посетителей по
сайту ожидается оформление заказа. Поэтому важно, чтобы ничто не отвлекало
потенциального покупателя от процесса совершения покупки. [20] Следует
уделить особое внимание характеристикам пользовательского интерфейса:
простота, удобство, навигация, отсутствие отвлекающих деталей, доступность
корзины. Для лучшего понимания поведения покупателей следует обязательно
провести изучение целевой аудитории. [15]
После разработки дизайна можно приступать к верстке страниц. Верстка
страницы выполняется поэтапно. Пишется HTML-код при помощи тэгов. При
разметке необходимо следить за типом информации и размещением ее в
подходящих блоках (заголовки, параграфы, списки и так далее). При разметке
тэгам задаются классы и идентификаторы. Важно, чтобы их названия давали