Разработка сайта автосервиса с адаптивной версткой

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

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

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

Одними из наиболее распространённых направлений ведения бизнеса являются B2B и B2C. B2B представляет собой продажу товаров для нужд фирм. То есть в данной схеме взаимодействия товары приобретаются для поддержания функционирования организации, а не для личного использования. Учитывая специфику производства исследуемой компании, её клиентов и конкурентов можно отнести организацию к B2B представителю.

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

Объектом исследования данной работы стал сайт ООО " Кузов 96"

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

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

Задачи, необходимые для достижения поставленной цели:

¾ найти и проанализировать деятельность организации;

¾ изучить возможные инструменты для достижения цели;

¾ разработать дизайн сайта;

¾ спроектировать работу сайта;

¾ разработать веб-сайт;

¾ анализ экономической эффективности.

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

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

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

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

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

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

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

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

Введение 4

1. Аналитическая часть 7

1.1. Анализ предметной области 7

1.1.1. Экономический анализ деятельности объекта исследования 8

1.1.2. Характеристика организационной структуры 9

1.2. Анализ существующей организации прикладных и информационных процессов 13

1.2.1. Описание существующей организации прикладных и информационных процессов 13

1.2.2. Анализ недостатков существующей организации бизнес и информационных процессов 16

1.2.3. Формирование предложений по автоматизации бизнес-процессов 17

1.3. Постановка задачи автоматизации прикладных процессов 18

1.3.1. Цель и задачи проекта автоматизации 18

1.3.2. Построение и обоснование модели новой организации прикладных процессов 18

1.3.3 Спецификация функциональных требований к информационной системе 21

1.4. Обоснование инструментальных средств 23

1.4.1. JavaScript 24

1.4.1.1 Сферы применения 24

1.4.2. React 27

1.4.3. SCSS 28

1.4.4. MySQL 28

1.4.5. Visual Studio Code 30

1.4.6. Figma 31

1.5. Календарно-ресурсное планирование проекта 32

2. Проектная часть 35

2.1. Информационное обеспечение 35

2.1.1. Инфологическая модель и схема данных 35

2.1.2. Входная информация 44

2.1.3. Выходная информация 47

2.1.4. Разработка дизайна 48

2.1.4.1 Дизайн макета 51

2.2. Программное обеспечение 53

2.2.1. Спецификация программных модулей 53

2.2.2. Пользовательский интерфейс 60

2.3. Техническое обеспечение 61

2.3. Тестирование и оценка качество информационной системы 63

2.4. Оценка эффективности проекта 67

Заключение 73

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

Приложении 78

Приложение А. 78

Приложение Д 85

1. Берд Д. Веб-дизайн. Руководство разработчика: производственно-практическое издание [Текст]: Джейсон Берд; [пер. с англ. О. Сивченко]. - Санкт-Петербург [и др.]: Питер, 2012. - 218 с.

2. Дакетт Джон «HTML и CSS. Разработка и дизайн веб-сайтов» 2013г.

3. Курс по изучению MySql [Видеозапись] / Гузив М. – Udemy, 2019г.

4. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 [Текста]: Питер, 2016 г.- 768 с.

5. Плещёв В.В. Программная инженерия [Текст]: Издательство Уральского государственного экономического университета, 2014. –274 с.

6. Плещёв В.В. Разработка и стандартизация программных средств и информационных технологий. CASE-средства BPwin, Erwin c примерами и упражнениями: учебное пособие. [Текст] - отв.за вып. В. Ж. Дубровский, А. Ф. Шориков — М-во образования РФ, Урал. гос. экон. ун-т, Центр дистанционного образования. – Екатеринбург. [Издательство УрГЭУ], 2004.

7. Русаков М. Ю. «Создание сайта от начала до конца» 2014г

8. Безопасность сайтов и веб-приложений: [Электронный ресурс]. - Режим доступа:

9. Библиотека JQuery: [Электронный ресурс]. – Режим доступа

10. Введение в CSS: [Электронный ресурс]. – Режим доступа:

11. Введение в HTML: [Электронный ресурс]. – Режим доступа:

12. Основы UML: [Электронный ресурс]. – Режим доступа:

13. Современный учебник JavaScript: [Электронный ресурс]. – Режим доступа:

14. Создание UML-диаграмм: [Электронный ресурс]. – Режим доступа:

15. Софт для администрирования MySQL: [Электронный ресурс]. – Режим доступа:

16. Справочное руководство MySQL: [Электронный ресурс]. – Режим доступа:

17. Справка по PHP-программированию: [Электронный ресурс]. – Режим доступа:

18. Требования к аппаратному обеспечению: [Электронный ресурс]. – Режим доступа:

19. Юрина Е. Оптимизация бизнес-процессов компании/ Юрина Елена. – Электрон. текстовые дан. – Москва: [б.и.], 2016.: [Электронный ресурс]. – Режим доступа:

20. Джон Дакетт. HTML и CSS. Разработка и дизайн веб-сайтов 2013

..........итого 40 источников