Автоматизация процессов разработки веб-приложения

Август 19, 2022

Главная
Информатика
Автоматизация процессов разработки веб-приложения

Содержание

2. Актуальность темы По данным We Are Social и Hootsuite о глобальном состоянии цифровых технологий на 2019
3. Цель и задачи Целью данной работы является автоматизация процессов разработки WEB-сайта для ООО «Иматон», способного представлять
4. Две стороны веб-разработки Frontend Backend Веб-дизайн HTML CSS JS Данные Сервер Формы Базы данных Языки программирования
5. HTML
6. CSS
7. JS
8. Входные данные для frontend-разработчика Веб-дизайн Backend Задачи руководителя проекта
9. Веб-дизайн
10. Backend Подготовил структуру проекта Настроил работу базы данных Настроил работу сервера (в том числе локального) Создал
11. Задачи от руководителя Автоматизировать и оптимизировать следующие этапы: Повторяющиеся блоки – на макетах видно, что на
12. Создание сборки для автоматизации Локальное размещение проекта Установка программного обеспечения (ПО) Скачивание и установка инструментов Настройка
13. Локальное размещение проекта
14. Установка ПО
15. Скачивание и установка инструментов автоматизации
16. Автоматизирование работы с разметкой
17. Автоматизирование работы со стилями
18. Пример работы со стилями без инструментов автоматизации
19. Автоматизирование работы с изображениями
20. Пример работы с изображениями без инструментов автоматизации
21. Вывод
23. Скачать презентацию

Слайд 2

Актуальность темы
По данным We Are Social и Hootsuite о глобальном состоянии

цифровых технологий на 2019 год:
Сегодня в мире 5,11 миллиарда уникальных мобильных пользователей, что на 100 миллионов (2%) больше, чем в прошлом году;
В 2019 году аудитория интернета насчитывает 4,39 миллиарда человек, что на 366 миллионов (9%) больше, чем в январе 2018 года.
____________________
Данные взяты с веб-портала https://www.web-canape.ru/business/vsya-statistika-interneta-na-2019-god-v-mire-i-v-rossii/

Слайд 3

Цель и задачи
Целью данной работы является автоматизация процессов разработки WEB-сайта для

ООО «Иматон», способного представлять текстовую и графическую информацию пользователю, осуществлять доступ к базе данных и файлам для получения интересующей информации, а также покупке представленных товаров. Для достижения поставленной цели были сформулированы следующие задачи:
Провести анализ материалов, касающиеся разработки и сайтов и её автоматизации;
Провести сравнительный анализ бизнес-процессов;
Подготовить рабочее пространство для разработки;
Выбрать инструменты автоматизации;
Автоматизировать процессы разработки сайта.

Слайд 4

Две стороны веб-разработки
Frontend
Backend
Веб-дизайн
HTML
CSS
JS
Данные
Сервер
Формы
Базы данных
Языки программирования
Веб-сайт

Слайд 5

HTML

Слайд 6

CSS

Слайд 7

JS

Слайд 8

Входные данные для frontend-разработчика
Веб-дизайн
Backend
Задачи руководителя проекта

Слайд 9

Веб-дизайн

Слайд 10

Backend
Подготовил структуру проекта
Настроил работу базы данных
Настроил работу сервера (в том числе

локального)
Создал новый репозиторий на gitlab

Слайд 11

Задачи от руководителя
Автоматизировать и оптимизировать следующие этапы:
Повторяющиеся блоки – на макетах

видно, что на разных страницах сайта могут повторяться блоки (шапка, подвал, карточки товаров и др.);
Гибкость в работе со стилями сайта;
Автоматизация «постпроцессов»;
Минификация файлов;
Сжатие изображений;
Встраиваемое использование векторных изображений – по макетам видно большое количество векторных изображений, с которыми будущий пользователь будет взаимодействовать.

Слайд 12