ПЗ Плиско А.В. 941 группа (1190851)
Текст из файла
Министерство транспорта Российской Федерации
Федеральное агентство железнодорожного транспорта
Федеральное государственное бюджетное образовательное учреждение
высшего образования
«Дальневосточный государственный университет путей сообщения»
Естественно-научный институт
Кафедра «Вычислительная техника и компьютерная графика»
К ЗАЩИТЕ ДОПУСТИТЬ
Заведующий кафедрой
______О.А. Графский
«_____»___________2017
WEB-ПРИЛОЖЕНИЕ ЭЛЕКТРОННОЙ КОММЕРЦИИ ДЛЯ СТУДИИ КОСМЕТОЛОГИИ «AXYBEAUTY»
Выпускная квалификационная работа
ВКР. 09.03.03.ПрИ.12.00.941 – ПЗ
Исполнитель
студент ____________________________________________А.В. Плиско
Руководитель
к.т.н., доцент _______________________________________Ю.А. Сухобок
Нормоконтролер
к.т.н., доцент________________________________________Е.В. Буняева
Хабаровск 2017
Содержание
Введение 3
1 Требования к веб-приложению 5
1.1 Характер и анализ деятельности компании 5
1.2 Назначение и задачи web-приложения 5
1.3 Требования к структуре web-приложения 6
1.4 Требования к дизайну приложения 8
1.5 Описание работы сервиса web-приложения 10
2 Обзор технологий, используемых для разработки и продвижения web-приложений 11
2.1. Технологии разработки дизайна сайта 11
2.2. Технологии разработки web-приложений 16
2.3. Технологии продвижения web-приложений 20
2.4. Выбор технологий для реализации проекта 22
3 Проектирование web-приложения 24
3.1. Разработка Дизайна Web-приложения 24
3.2. Разработка клиентской части web-приложения 29
3.3. Разработка серверной части web-приложения 32
4 Внедрение проекта 40
4.1 Публикация web-приложения 40
4.2 Продвижение web-приложения 41
4.3 Технико-экономическое обоснование 43
Заключение 48
Список использованных источников 49
Введение
Потоки информации, циркулирующие в мире, который нас окружает, огромны и имеют тенденцию к увеличению. Поэтому в любой организации, как большой, так и маленькой, возникает проблема такой организации управления данными, которая обеспечила бы наиболее эффективную работу. Для любого предприятия самое главное это прибыль. Прибыль создают новые, и также постоянные клиенты. Web-приложение – отличный инструмент для привлечения новых, и для сопровождения постоянных клиентов компании, а также является эффективным инструментом в области онлайновой торговли.
Электронная коммерция (e-commerce) - это ускорение большинства бизнес-процессов за счет их проведения электронным образом. В этом случае информация передается напрямую к получателю, минуя стадию создания бумажной копии на каждом этапе. Таким образом, электронную коммерцию можно характеризовать как ведение бизнеса через Интернет. В современном обществе всё больше компаний переносят значительную часть делового общения в Сеть [5].
Web-приложение – это клиент-серверное приложение, в котором клиентом выступает браузер, а сервером – Web-сервер. Логика Web-приложения распределена между сервером и клиентом, хранение данных осуществляется преимущественно на сервере, обмен информацией происходит по сети[35].
Целью выпускной квалификационной работы является разработка Web-приложения электронной коммерции для студии косметологии «AxyBeauty».
Для реализации поставленной цели необходимо решить следующие задачи:
-
дать характеристику деятельности предприятия и выявить, какие процессы деятельности компании необходимо автоматизировать;
-
определить требования к разрабатываемому продукту;
-
изучить и выбрать технологии для разработки;
-
описать процесс разработки;
-
опубликовать и провести поисковую оптимизацию разработанного продукта;
-
дать технико-экономическое обоснование процессу разработки.
Структура пояснительной записки к выпускной квалификационной работе состоит из введения, четырёх разделов с выводами, заключения, списка используемых источников.
В первом разделе дана характеристика и анализ деятельности предприятия, определены требования к структуре, дизайну, а также описана работа сервиса Web-приложения. Во втором разделе рассмотрены программное обеспечение для разработки дизайна, технологии разработки, технологии продвижения, а также произведен выбор технологий для разработки Web-приложения. В третьем разделе описан процесс разработки дизайна, клиентской и серверной части Web-приложения. В четвертом разделе описан процесс публикации, произведено поисковое продвижение, а также дано технико-экономическое обоснование процессу разработки Web-приложения.
Основанием для разработки Web-приложения электронной коммерции для студии косметологии «AxyBeauty» является заказ индивидуального предпринимателя ИП «Мосиенко Н.К.» от 18 мая 2017 года.
1 требования к Web-приложению
-
Характер и анализ деятельности компании
Студия косметологии «AxyBeauty» расположена в Хабаровском крае города Хабаровска по адресу: ул. Гоголя, 27. Основным видом деятельности студии является оказание профессиональных услуг в сфере косметологии.
Основной целью студии косметологии является привлечение новых и удержание имеющих клиентов, оказание качественных услуг, продажа сертифицированной продукции и получение максимальной прибыли.
Миссия компании – «открыть каждой представительнице прекрасной половины человечества, самые лёгкие и комфортные пути к красоте».
Основными процессами деятельности студии косметологии являются:
-
привлечение потенциальных клиентов;
-
оказание качественных профессиональных услуг;
-
продажа сертифицированной продукции
Успешная реализация данных процессов влияет на качество предоставляемых услуг, а также на конкурентоспособность в сфере косметологических услуг.
Основными целями внедрения Web-приложения в студию косметологии «AxyBeauty» являются:
-
выход на новый рынок, для привлечения заинтересованных клиентов;
-
поиск нового рынка сбыта продукции, а также Расширение границ бизнеса
-
автоматизация механизма работы с клиентами
-
автоматизация механизма продажи сертифицированной продукции.
-
Назначение и задачи Web-приложения
Целью разработки интернет-магазина для студии косметологии «AxyBeauty» является создание удобного и эффективного инструмента онлайн продаж сертифицированной косметики из ряда популярных стран (Израиль, США, Италия, Франция), а также планирование имиджевой составляющей интернет-магазина.
Задачами Web-приложения является:
-
удобный и простой способ заказа товаров и услуг;
-
автоматизация механизма покупки товаров клиентом;
-
уменьшение почтовых/телефонных контактов с покупателем за счет удобного предоставления информации на страницах Web-приложения;
-
увеличение заказов за счет систем оплаты в интернет-магазине;
-
повышение позиций на рынке, за счет увеличения лояльности клиентов;
-
упрощение работы менеджера по продажам товаров и услуг студии косметологии «AxyBeauty»;
-
привлечение новых покупателей и расширение рынка сбыта реализуемой продукции.
Целевой аудиторией магазина являются физические лица, желающие приобрести профессиональную косметологическую продукцию мировых брендов: женщины и мужчины, имеющие различные проблемы с кожей лица, а также пользовавшиеся услугами студии косметологии.
-
Требования к структуре Web-приложения
Структура Web-приложения представлена на рисунке 1.1.
Рисунок 1.1 – Структура Web-приложения
Web-приложение должно иметь интуитивно понятную навигацию по всем ресурсам и отображать соответствующую актуальную информацию. Для реализации навигации использовано стилизованное меню, которое находится в верхней части странице. Для многоуровнего меню предусмотрен выпадающий список.
Пользователи Web-приложения разделены на 3 группы:
-
посетитель;
-
администратор;
-
супер администратор.
Каждая группа обладает определенными привилегиями доступа к ресурсам.
Посетитель:
-
просматривать любой ресурс Web-приложения;
-
добавлять в корзину неограниченное количество товаров;
-
производить покупку добавленных ранее товаров в корзину;
-
оставлять вопросы в форме обратной связи.
Администратор, имеет такие же привелегии доступа, кроме того:
-
доступ к административной части Web-приложения;
-
добавление разделов на сайт;
-
добавление новостей;
-
управление заказами.
Супер администратор, имеет такие же привилегии доступа, кроме того:
-
добавление нового функционала в Web-приложение;
-
доступ к редактированию дизайна;
-
доступ к редактированию структуры Web-приложения.
Авторизация Администратора и Супер администратора в административной части интернет магазина осуществляется с использованием уникального логина и пароля.
-
Требования к дизайну приложения
Стиль Web-приложения должен быть не шаблонным, а индивидуальным эксклюзивным решением. Основная концепция дизайна – нарисованные карандашом от руки элементы. Так как основная деятельность предприятия – красота, то дизайн был выполнен в нежных корпоративных цветах предприятия, а также с учетом всех пожеланий заказчика.
Цветовая схема Web-приложения представлена на рисунке 1.2.
Рисунок 1.2 – Цветовая схема приложения
В дизайне категорически запрещено использовать агрессивные графические и цветовые решения. Дизайн должен символизировать легкость и воздушность.
Так как предприятие не имеет логотипа, стояла задача спроектировать логотип, который так же должен соответствовать общей концепции.
Логотип (рисунок 1.3) представлен двумя видами: для информационной части Web-приложения, и для части интернет магазина. Так как логотип будет использоваться не только в Web-приложение, но и на печатной продукции, на сувенирной продукции, то дизайн логотипа должен быть адаптирован к поверхности любого цвета.
Рисунок 1.3 – Логотип
Клиентская часть Web-приложения разделена на две части, каждая из которых отличается друг от друга.
Информационная часть должна быть спроектирована таким образом, чтобы пользователь не потерялся.
Шапка сайта состоит из двух частей: левая, в которой должен располагаться логотип, и правая, в которой должно располагаться навигационное меню.
Основная информация должна располагаться по центру страницы, все графические и текстовые элементы на страницы должны быть выдержаны в одном стиле.
Изображения должны иметь квадратную ориентацию, а также обладать хорошим качеством. Формат изображений может быть любым.
Так как дизайн Web-приложения эксклюзивный, обычные, часто используемые шрифты не подходят. Для заголовков любого уровня должен быть использован стилизованный рукописный шрифт Ariston normal. Из-за своих свойств и особенностей он не подходит для применения к обычному тексту, так как размер обычного текста меньше заголовков, и его много, поэтому для отображения обычного текста должен быть использован шрифт Century Gothic.
-
Описание работы сервиса Web-приложения
Взаимодействовать с Web-приложением будет несколько групп пользователей, каждая из которых обладает теми или иными правами доступа.
Посетитель имеет право просматривать любой опубликованный ресурс, если у посетителя возникли какие либо вопросы, он может связаться с администратором путем отправки сообщения из контактной формы. Также посетитель имеет право просматривать любые опубликованные товары, узнавать подробную информацию о любом из них и при желании добавлять неограниченное количество товаров в корзину. После добавления в корзину интересующих товаров, посетитель может приобрести их, выбрать тип доставки, а также оплатить товар любым удобным для себя способом: наличным либо безналичным способом, предоставляемым Web-приложением.
Администратор имеет доступ к административной части Web-приложения.
Характеристики
Тип файла документ
Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.
Будьте внимательны на мобильных устройствах, так как там используются упрощённый функционал даже в официальном приложении от Microsoft, поэтому для просмотра скачивайте PDF-версию. А если нужно редактировать файл, то используйте оригинальный файл.
Файлы такого типа обычно разбиты на страницы, а текст может быть форматированным (жирный, курсив, выбор шрифта, таблицы и т.п.), а также в него можно добавлять изображения. Формат идеально подходит для рефератов, докладов и РПЗ курсовых проектов, которые необходимо распечатать. Кстати перед печатью также сохраняйте файл в PDF, так как принтер может начудить со шрифтами.