Разработка и внедрение веб-сайта для организации ООО «ПромЛитСнаб»: проектирование, разработка и оценка эффективности

АННОТАЦИЯ 

Данная выпускная квалифицированная работа посвящена созданию дизайна макета для ООО «ПромЛитСнаб». 

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

Во введение выпускной квалифицированной работы описывают цели, задачи и актуальность выборочной теме. В аналитической части рассмотрена характеристика организации ООО «ПромЛитСнаб» г. Чебоксары. Также проанализированы сайты конкурентов для выявления достоинств и недостатков. Продуман дизайн макета для организации ООО «ПромЛитСнаб» г. Чебоксары. 

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

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

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

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

В заключительной части работы представлены выводы о проделанной работе. 

СОДЕРЖАНИЕ

ВВЕДЕНИЕ 7

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

1.1 Характеристика организации ООО «ПромЛитСнаб» г.Чебоксары 9

1.2 Понятие сайта, типы и основные виды 12

1.3 Виды и структур веб-сайтов 13

1.4 Техническое задание на разработку макета сайта 21

1.5 Анализ сайтов конкурентов 24

1.6 Дизайн сайта 28

Вывод 31

2 КОНСТРУКТОРСКАЯ ЧАСТЬ 32

3 ТЕХНОЛОГИЧЕСКАЯ ЧАСТЬ 40

3.1 Проектирование шапки и подвала 40

3.2 Проектирование главной страницы 44

3.3 Анимация на сайте 46

3.4 Адаптивный дизайн сайта 46

Вывод 47

4 БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ 48

4.1 Требование к рабочему месту 49

4.2 Производственная гимнастика 50

4.3 Противопожарная безопасность 51

Вывод 52

5 ЭКОНОМИЧЕСКАЯ ЧАСТЬ 53

5.1 Стоимость одного часа машинного времени 53

5.2 Расчёт стоимости разработки программы 56

5.3 Расчёт экономической эффективности от внедрения программы 57

Вывод 58

ЗАКЛЮЧЕНИЕ 59

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ 61

ПРИЛОЖЕНИЯ 65

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

1 Алексеев А.. Введение в Web-дизайн. Учебное пособие для вузов. — М.: ДМК Пресс, 2019. — 184 c. — (Высшее образование).— ISBN978-5-534-24714-6. — Текст: электронный // Образовательная платформа Юрайт [сайт]. — URL:https://urait.ru/bcode/519714 (дата обращения: 26.10.2023).

2 Дакетт Д. HTML и CSS. Разработка и дизайн веб-сайтов: учебное пособие для вузов — М.: Эксмо, 2019. — 480 c. (Высшее образование).— ISBN978-5-534-114615-6. — Текст: электронный // Образовательная платформа Юрайт [сайт]. — URL:https://urait.ru/bcode/519714 (дата обращения: 30.10.2023).

3 Диков А. В. Клиентские технологии веб-дизайна. HTML5 и CSS3. Учебное пособие для вузов — М.: Лань, 2019. — 188 c. .— (Высшее образование).— ISBN978-5-534-33515-6. — Текст: электронный // Образовательная платформа Юрайт [сайт]. — URL:https://urait.ru/bcode/519714 (дата обращения: 28.10.2023).

4 Дронов В.А. HTML5, CSS3 и web2.0. Разработка современных Web-сайтов / В.А. Дронов. – Спб : БХВ-Петербург, 2021. – 416 с. (дата обращения: 26.10.2023).

5 Киселев С.В. Веб-дизайн: учебное пособие для вузов/ / С.В. Киселев. — М.: Academia, 2019. — 285 c. .— (Высшее образование).— ISBN978-5-534-15865-6. — Текст: электронный // Образовательная платформа Юрайт [сайт]. — URL:https://urait.ru/bcode/519714 (дата обращения: 05.11.2023).

6 Кузнецов, М.В Практика создания Web-сайтов / М.В Кузнецов. – БХВ-Петербург : Эксмо, 2019. – 911 с. (дата обращения: 05.11.2023).

7 Леврик, М. Дизайн-мышление. От инсайта к новым продуктам и рынкам / М. Леврик, Л. Лейфер, П. Линк. – Санкт-Петербург : Питер, 2020. – 334 с. (дата обращения: 05.11.2023).

8 Литвинова, И. В. Разработка дизайна макета сайта / И. В. 

Литвинова. – Москва : Издательство Юрайт, 2019. – 251 с. (дата обращения: 13.11.2023).

9 Нильсен Я. Web-дизайн: удобство использования Web-сайтов / Я. Нильсен, Х. Лоранжер. – Москва : Вильямс, 2021. – 366 с. (дата обращения: 13.11.2023).

10 Полуэктова, Н.Р.Разработка веб-приложений: учебное пособие для вузов/ Н.Р.Полуэктова.— Москва: Издательство Юрайт, 2023.— 204с.— (Высшее образование).— ISBN978-5-534-13715-6. — Текст: электронный // Образовательная платформа Юрайт [сайт]. — URL:https://urait.ru/bcode/519714 (дата обращения: 15.11.2023).

11 Стоян Стефанов, C.C React. Быстрый старт. Создаем веб-приложение / C.C Стоян Стефанов. – Питер : OReilly, 2022. – 304 с. – ISBN 978-5-4461-2115-1. (дата обращения: 01.12.2023).

12 Сысолетин, Е.Г.Разработка интернет-приложений: учебное пособие для вузов/ Е.Г.Сысолетин, С.Д.Ростунцев; под научной редакцией Л.Г.Доросинского.— Москва: Издательство Юрайт, 2023.— 90с.— (Высшее образование).— ISBN978-5-9916-9975-4. — Текст: электронный // Образовательная платформа Юрайт [сайт]. — URL:https://urait.ru/bcode/514303(дата обращения: (дата обращения: 04.12.2023).

13 Сырых Ю. А. Современный веб-дизайн. Настольный и мобильный: учебное пособие для вузов/— М.: Диалектика, 2019. — 384 c. .— (Высшее образование).— ISBN978-5-534-16320-1. — Текст: электронный // Образовательная платформа Юрайт [сайт]. — URL:https://urait.ru/bcode/530767 (дата обращения: 08.12.2023). 

14 Тузовский, А.Ф.Проектирование и разработка web-приложений: учебное пособие для вузов/ А.Ф.Тузовский.— Москва: Издательство Юрайт, 2023.— 219с.— (Высшее образование).— ISBN978-5-534-16300-1. — Текст: электронный // Образовательная платформа Юрайт [сайт]. — URL:https://urait.ru/bcode/530767 (дата обращения: 08.12.2023).

15 Создание сайта с нуля. Урок 14: Верстка. Адаптивная шапка + адаптивное меню – URL:  http://webdesign-master.ru/blog/modx/577.html       (дата обращения: 08.12.2023).

16 Смирнов Н. Правила создания красивого сайта – URL: http://seoklub.ru/kak_sdelat_krasivyi_sait.html (дата обращения: 10.11.2023).

17 Как составить структуру сайта – URL:https://vc.ru/u/1770320-dmitriy-lashmanov/672455-kak-sostavit-strukturu-sayta (дата обращения: 08.12.2023).– Текст:  электронный.

18 Разработка структуры сайта – URL:  http://learn.center-rpo.ru/mod/book/tool/print/index.php?id=788 (дата обращения: 19.10.2023). – Текст:  электронный. Проектирование структуры веб-сайта – URL:  http://www.4stud.info/web-programming/designing-the-site-structure.html 

(дата обращения: 08.12.2023). – Текст:  электронный.

19 Гид по Фигме для начинающих веб-дизайнеров Parametric – URL: https://tilda.education/articles-figma (дата обращения: 21.12.2024). – Текст: электронный.

20 Как сделать анимацию в Фигме – простая инструкция – URL: https://texterra.ru/blog/animatsiya-v-figme-prostoe-rukovodstvo.html (дата обращения: 21.12.2024). – Текст: электронный.

21 Основы грамотного веб-дизайна – URL: https://mobios.school/blog/osnovy-gramotnogo-veb-dizayna (дата обращения: 21.12.2024). – Текст: электронный. 

22 Основы работы с Figma | Figma Community – URL: https://vc.ru/design/931299-osnovy-raboty-s-figma-instrumenty-i-vozmozhnosti-dlya-veb-dizaynera (дата обращения: 21.12.2024). – Текст: электронный.

23 Структура сайта: схемы, советы по разработке, примеры – URL:  https://sales-generator.ru/blog/struktura-sayta/ (дата обращения: 19.11.2023). –Текст:  электронный.

24 Структура сайта — какие бывают и как правильно создать с учетом SEO – URL: https://web-revenue.ru/seo/struktura-sayta (дата обращения: 08.12.2023).– Текст: электронный. 

25 Web-дизайн: искусство создания привлекательных и удобных сайтов – URL: https://vc.ru/u/1373045-desire/627477-web-dizayn-iskusstvo-sozdaniya-privlekatelnyh-i-udobnyh-saytov (дата обращения: 21.12.2024). – Текст: электронный.

26  История успеха Чебоксарского литейного завода «Промлитснаб»

– URL: https://xn--o1ab.xn--90aifddrld7a.xn--p1ai/archive/istoriya-uspekha-cheboksarskogo-liteynogo-zavoda-promlitsnab/ (дата обращения: 21.12.2024). – Текст: электронный.