ВВЕДЕНИЕ 5
1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ 7
1.1. Анализ аналогичных проектов 7
1.2. Инструменты и технологии 9
2. ПРОЕКТИРОВАНИЕ 12
2.1. Постановка задачи 12
2.2. Функциональные требования 12
2.3. Нефункциональные требования 13
2.4. Проектирование интерфейса 13
2.5. Макет веб-страницы 15
2.6. Варианты использования системы 16
2.7. Диаграмма активности 17
2.8. Описание базы данных 18
3. РЕАЛИЗАЦИЯ 21
3.1. Разработка темы в системе WordPress 21
3.2. Разработка темы 22
3.2. Реализация формы обратной связи 23
3.3. Реализация адаптивности 24
3.5. Сбор статистических данных 25
4. ТЕСТИРОВАНИЕ 27
4.1. Функциональное тестирование 27
4.2. Usability-тестирование 27
4.3. Тестирование верстки 28
ЗАКЛЮЧЕНИЕ 29
ПРИЛОЖЕНИЯ 32
ПРИЛОЖЕНИЕ А - Эскизы 32
ПРИЛОЖЕНИЕ Б - Макеты 36
ПРИЛОЖЕНИЕ В - Листинги 40
ПРИЛОЖЕНИЕ Г - Адаптивный дизайн 45
ПРИЛОЖЕНИЕ Д - Акт о внедрении 48
Актуальность
Интернет является одним из важных элементов современной цивилизации. Он может удовлетворить почти все потребности человека: покупки, заключение деловых отношений, поиск клиентов, развлечение, общение. С ростом объема контента количество сайтов, соответственно, также увеличивается. Поэтому создание сайтов стало таким популярным.
Информация, получаемая из интернета, является наиболее удобной и доступной для потребителя. Веб-сайт - позволит широкому кругу пользователей интернета узнать о предоставляемых товарах и услугах, а также поможет привлечь дополнительных клиентов. Вследствие этого, создание веб-сайта становиться одной из наиболее актуальных и востребованных услуг.
Открытое общество с ограниченной ответственностью «Г арда» - это организация в городе Челябинске, которая занимается обслуживанием и монтажом пожарной и охранной системы. Охранная сигнализация - это совокупность технических устройств, которые оповещают о незаконном проникновении на частный объект
Реализация сайта для предприятия ООО «Г арда» облегчит получение подробной информации о фирме и ее услугах, позволит получать мгновенную обратную связь от своих клиентов и поможет проанализировать спрос на услуги. Именно поэтому руководством организации «Гарда» было принято решение разработать и внедрить веб-сайт
Цель и задачи работы
Целью данной работы является разработка веб-сайта для ООО «Гарда».
Для достижения поставленной цели необходимо решить следующие задачи:
1) проанализировать данную область и аналогичные проекты;
2) разработать дизайн и бриф для веб-сайта;
3) сверстать страницы сайта;
4) выбрать и изучить подходящую систему управления сайтами;
5) реализовать основные функции сайта;
6) произвести тестирование веб-сайта;
7) развернуть сайт на хостинге.
Структура и объем работы
Работа состоит из введения, трех разделов, заключения, и библиографии. Объем работы составляет 48 страниц, объем библиографии - 18 источников.
В разделе «Анализ предметной области» проводится анализ аналогичных проектов и обзор используемых инструментов.
Во второй главе, «Проектирование», разрабатывается функциональные и нефункциональные требования, фирменный стиль, эскизы и макеты сайта, описывается диаграмма активности и использования.
В третьей главе, «Реализация», содержится описание реализации основных функций веб-сайта.
В четвертой главе, «Тестирование», приводятся основные результаты тестирования.
В заключении описываются основные результаты, полученные при выполнении дипломной работы.
В приложении А представлены эскизы веб-страниц. В приложении Б представлены макеты веб-страниц. В приложении В представлены листинги реализаций функций сайта. В приложении Г представлено отображение сайта на различных устройствах. В приложении Д представлен акт о внедрении.
В ходе выполнения данной работы были получены следующие основные результаты, представленные ниже.
1. Проведен анализ предметной области и аналогичных проектов.
2. Разработан бриф и дизайн для веб-сайта.
3. Сверстаны страницы веб-сайта.
4. Выбрана и изучена подходящая система управления сайтом.
5. Реализована требуемая функциональность.
6. Проведено тестирование.
7. Выполнено размещение сайта по адресу garda74.ru.
Разработанный веб-сайт внедрен в опытную эксплуатацию. Акт о внедрении представлен на рисунке Д. 1.