Проектирование и разработка веб-сайта интернет-магазина

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

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

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

Объектом исследования выпускной квалификационной работы является процесс разработки веб-сайта, по предоставлению товаров компании ООО «АвтоМакси».

Предметом исследования работы является интернет-магазин компании ООО «АвтоМакси».

Целью выпускной квалификационной работы является разработка интернет-магазина товаров компании ООО «АвтоМакси». Для того, чтобы разработать сайт интернет-магазина [21] необходимо выполнить следующие задачи:

1. Установка интеграции с БД в «phpmyadmin» и вывод данных на шаблон разметки сайта;
2. Разработка готового программного модуля регистрации пользователя;
3. Разработка готового программного модуля – «Личный кабинет»;
4. Разработка готового программного модуля – «Корзина»;
5. Разработка готового программного модуля оформления заказа;
6. Разработка готового программного модуля администраторской панели.

После анализа и изучения предметной области, бизнес-процессы компании будут представлены в различных видах:

1.                 Графическая форма;

2.                 Текстовая форма;

3.                 Табличная форма.

Методологии, которые будут использоваться при разработке:

¾              DOM;

¾              MVC.

Для выполнения работы будут использоваться следующие технологии:

¾              HTML5, CSS3;

¾              Bootstrap v 3.0;

¾              PHP3;

¾              JavaScript Native;

¾              AJAX;

¾              SQL;

¾              Slider plugin – «Cycle2».

В процессе выполнения работы, будут задействованы следующие инструменты:

¾              Open Server x64;

¾              FTP Client – «FilleZilla»;

¾              Хостинг – «000webhost»;

¾              Sublime Text 3;

¾              СУБД – «MySQL»;

¾              Веб-интерфейс – «phpMyAdmin».

1. АНАЛИТИЧЕСКАЯ ЧАСТЬ

1.1 АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ

1.1.1 ЭКОНОМИЧЕСКИЙ АНАЛИЗ ДЕЯТЕЛЬНОСТИ ОБЪЕКТА ИССЛЕДОВАНИЯ

ООО «АвтоМакси» - компания, существующая на рынке более 22-ух лет, и основными видами деятельности, которой является установка, продажа, ремонт, тонировка автостекол.

В настоящее время компания «АвтоМакси» является официальным представителем на территории РФ следующих брендов:

• «Benson»  — имеют хорошее соотношение цены и качества;
• «FYG» —  широко известная во всем мире китайская. компания FYG(полное название: FUYAO GLASS INDUSTRY GROUP) является на сегодняшний день одним из самых крупных производителей высококачественного стекла во всей Азии;
• «NORDGLASS» — известная польская компания NordGlass с 1991 года производит высококачественные автомобильные лобовые стекла под торговыми брендами Nordglass и Lamex;
• «Pilkington» — известная компания Pilkington, которая является производителем автомобильных стекол начала свое существование в 1826 году;
• «StekloLux» — Завод по производству автостекла «Стекло-Люкс» (г. Бор) основан в 1997 г;
• «XYG»— это ведущий китайский производитель стекла, ориентированный на глобальный рынок;
• «Spektr Glass» —  крупный производитель и поставщик крупногабаритного и автомобильного стекла для автомобилей и спецтехники.

Основные миссии предприятия:

• Оптово-розничная продажа автостекла;
• Продажа материалов, необходимых для установки автостекла;
• Установка автостекла;
• Ремонт автостекла;
• Тонировка автостекла.

Экономический анализ работы предприятия за 2017 – 2018 год представлен в таблице 1.

Таблица 1 – Динамика показателей за 2017–2018 гг.

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

В 2018 году выручка от реализации продукции уменьшилась по сравнению с 2017 годом на 5 % и при этом стала меньше себестоимость продаж на 4 %, что привело к уменьшению валовой прибыли предприятия на 12%.

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

По данным портала «СБИС» - предприятие [22] ООО «АвтоМакси» по объему выручки занимает 490 место в категории «запчасти для транспорта, двигатели, аксессуары» и 30925 место в Регионе Свердловская область.

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

Рисунок 1 – График динамики

Организационная структура и система управления предприятия ООО «АвтоМакси» представленная на рисунке 2.

Рисунок 2 – Структура ООО «АвтоМакси»

1. «Eloquent JavaScript» [Text] / Marijn Haverbeke

2. «Kotlin. Программирование для профессионалов»: [Текст]. Гринхол Дэвид, Скин Джош— 2019.

3. «Основы электронной коммерции»: [Текст]. Учебное пособие / Юрасов А. В., Горячая линия-Телеком, Москва, 2007 год.

4. Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript[Text] /  David Herman

5. JavaScript Patterns[Text] / Stoyan Stefanov

6. JavaScript Patterns[Text] / Stoyan Stefanov

7.                 JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание [Текст]. Учебное пособие / Кириченко А.В.

8.                 JavaScript на примерах [Текст]. Учебное пособие / Никольский А.П., 2017

9.                 JavaScript. Подробное руководство [Текст]. Учебное пособие / Дэвид Флэнаган

10. Programming Entity Framework: Code First / Lerman J., Miller R. – O’Reilly Media, Inc, 2011. – 177 с

11. Programming Entity Framework: DbContext [Text] / Lerman J., Miller R. – O’Reilly Media, Inc, 2012. – 256 с.

12. Web Application Architecture: Principles, Protocols and Practices 2nd Edition[Text] /Leon Shklar

13. Гвоздева, в. А. Информатика, автоматизированные информационные технологии и системы [Текст]: учебник для студентов технических специальностей / в. А. Гвоздева – москва: форум: инфра-м, 2015. – 544 с.

14.            Изучаем PHP и MySQL [Текст]. Учебное пособие / Майкл Моррисон, Линн Бейли

15.            Изучаем SQL [Текст]. Учебное пособие / Линн Бейли

16.            Изучаем программирование на JavaScript [Текст]. Учебное пособие / Фримен Э., Робсон Э.

17. Макфарланд Д. Большая книга CSS3 : [Текст]. Учебное пособие / Макфарланд Д. — СПб.: Питер, 2014. — 608 с.
18. Налоговый кодекс рф (нк рф) [Текст]: кодифицированный законодательный акт от 19.07.2017 (последняя редакция)
19. Об обществах с ограниченной ответственностью [Текст]: федеральный закон 08.02.1998 № 14-ф3 (последняя редакция)
20. Просветов Г.И. Математические методы и модели в экономике: задачи и решения: [Текст]: Учебно-практическое пособие. – М.: Издательство «Альфа-Пресс», 2016.
21. Разработка сайтов и Web-программирование. VBScript, HTML, ASP, Dreamweaver, PHP, MySQL, phpMyAdmin с примерами и упражнениями [Текст]: Учеб. пособие / Екатеринбург: Изд-во Урал. гос. экон. ун-та, 2014, 215 с. 
22. Робин Никсон. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 [Текст]: учебник для студентов технических специальностей (последняя редакция)
23. Российские законы как инструмент недобросовестной конкуренции в сфере электронной коммерции: [Текст]. Левшин Н. — 2014. — № 5. — С. 110-114.
24. CMS List. Обзор cms. Сайт о системах управления сайтом. [Электронный ресурс]. Режим доступа: http://www.cmslist.ru
25. Content management system [Electronic resource] - access Mode: http://www.brutto.ru/informacija/uznat-bolshe/content-management-system
26. Полное руководство 3-ье издание [Электронный ресурс]: Режим доступа: https://codernet.ru/books/sql/sql_polnoe_rukovodstvo_trete_izdanie/
27. Администрирование сети на примерах - Александр Поляк-Брагинский [Электронный ресурс]: Режим доступа: http://en.bookfi.net/book/555525
28. Администрирование сети на примерах - Александр Поляк-Брагинский [Электронный ресурс]: Режим доступа: http://en.bookfi.net/book/555525
29. Анализ защищенности и мониторинг компьютерных сетей. Методы и средства [Электронный ресурс]: Режим доступа: http://baumanpress.ru/books/620/620.pdf
30. Анализ структур и функциональное моделирование [Электронный ресурс]. – режим доступа: https://nsu.ru/smk/files/idef.pdf / госстандарт РОССИИ: Москва
31. Архитектура MVC: [Электронный ресурс]. - Режим доступа: https://github.com/codedokode/pasta/blob/master/arch/mvc.md
32. Виды требований к программному продукту: [Электронный ресурс]. – Режим доступа: https://www.webursitet.ru/article/vidy-trebovanii-k-programmnomu-produktu.html
33. Должностная инструкция программиста: [Электронный ресурс]. – Режим доступа: https://businessman.ru/doljnostnaya-instruktsiya-programmista-byudjetnogo-uchrejdeniya-osnovnyie-obyazannosti-programmista.html
34. Использование Google Lighthouse для аудита веб-приложений [Электронный ресурс]. – Режим доступа: https://webdevblog.ru/ispolzovanie-google-lighthouse-dlya-audita-veb-prilozhenij/
35. Компьютерные сети. Принципы, технологии, протоколы (4-ое изд.) - Олифер В.Г., Олифер Н.А [Электронный ресурс]: Режим доступа: https://lyapidov.ru/olifer-computer-networks-guide-5th-edition/
36. Методология IDEF3: [Электронный ресурс]. – Режим доступа: https://itteach.ru/bpwin/metodologiya-idef3
37. Организационная структура: [Электронный ресурс]. Режим доступа: https://ru.wikipedia.org/wiki/%D0%9E%D1%80%D0%B3%D0%B0%D0%BD%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B0
38. Основы UML — диаграммы использования (use-case): [Электронный ресурс]. – Режим доступа: https://pro-prof.com/archives/2594
39. Проектирование информационных систем: [Электронный ресурс]. –Режим доступа: http://i.voenmeh.ru/kafi5/Kam.loc/BaseDate/ProektirovanieIS.html
40. Разработка стратегии развития: [Электронный ресурс]. – Режим доступа: https://works.doklad.ru/view/hMah2uMUEqk.html
41. Рекомендуемые системные требования к автоматизированному рабочему месту: [Электронный ресурс]. – Режим доступа: http://www.r72.center-inform.ru/support/ARM/
42. Сбис предприятие: [Электронный ресурс]. – режим доступа: https://sbis.ru/contragents
43. Скб контур. Бухучет, зарплаты и кадры: [Электронный ресурс]. – режим доступа: https://kontur.ru/products/accounting
44. Требования к ПО: [Электронный ресурс]. – Режим доступа: http://foranalysts.blogspot.com/2011/08/blog-post_15.html
45. Управленческий и ИТ-консалтинг: [Электронный ресурс]: Режим доступа: http://topsbi.ru/services/it-konsalting/razrabotka_it-strategii_i_planov_razvitiya_informacionnyh_sistem_predpriyatiy/formirovanie_celevoy_arhitektury_predpriyatiya/