Болдырев М.Б._ПИп-1501. Разработка вебсайта автосервиса с элементами seoоптимизации
 Скачать 1.81 Mb.
|
|
МИНИСТЕРСТВО НАУКИ И ВЫСШЕГО ОБРАЗОВАНИЯ РОССИЙСКОЙ ФЕДЕРАЦИИ федеральное государственное бюджетное образовательное учреждение высшего образования «Тольяттинский государственный университет» Институт математики, физики и информационных технологий (наименование института полностью) Кафедра «Прикладная математика и информатика» (наименование кафедры) 09.03.03 Прикладная информатика (код и наименование направления подготовки, специальности) Прикладная информатика в социальной сфере (направленность (профиль)/специализация) БАКАЛАВРСКАЯ РАБОТА на тему «Разработка веб-сайта автосервиса с элементами SEO-оптимизации» Студент М.Б. Болдырев (И.О. Фамилия) (личная подпись) Руководитель А.П. Тонких (И.О. Фамилия) (личная подпись) Консультанты М.А. Четаева (И.О. Фамилия) (личная подпись) Допустить к защите Заведующий кафедрой к.т.н., доцент, А.В. Очеповский ________________ (ученая степень, звание, И.О. Фамилия) (личная подпись) «_____» _________________ 20___ г. Тольятти 2019 АННОТАЦИЯ Тема выпускной квалификационной работы: «Разработка веб-сайта автосервиса с элементами SEO-оптимизации». Целью работы является разработка веб-сайта с элементами SEO- оптимизации для обслуживания бизнеса ООО «АВТОЛИК». Объектом исследования является процесс оказания услуг по обработке автомобиля в ООО «АВТОЛИК». Предметом исследования является веб-сайт для автоматизации бизнес- процесса оказания услуг по обработке автомобиля, а также увеличение прибыли ООО «АВТОЛИК». В первой главе была описана деятельность ООО «АВТОЛИК». Разрабатываются контекстные диаграммы «КАК ЕСТЬ», «КАК ДОЛЖНО БЫТЬ» с их декомпозицией. Проводится сравнение похожих веб-сайтов. Вторая глава описывает современные технологии моделирования. Разрабатывается база данных и логическая модель веб-сайта. В третьей главе описывается практическая часть работы. Разрабатывается семантическое ядро и анализируются целевые запросы. Приобретается доменное имя и выбирается хостинг-провайдер. Реализуется база данных. Обосновывается эффективность веб-сайта. Заключение содержит выводы проделанной работы, описываются решеные задачи и возможные дальнейшие пути развития. Работа содержит 8 таблиц, 21 рисунок, 2 графика, список использованной литературы содержит 21 источник. Общий объем выпускной квалификационной работы составляет 52 страницы. ABSTRACT The topic of the given bachelor’s thesis is the development of a web site with elements of SEO-optimization for an automobile repair shop. The aim of the work is to develop a web site with elements of SEO- optimization for servicing the business of AVTOLIK LLC. The object of the study is the process of providing car processing services at AVTOLIK LLC. The subject of the study is the web site for automating the business process of providing car processing services, as well as an increase in the profit of AVTOLIK LLC. Structurally the work includes an introduction, three chapters, a conclusion, a list of references, and 3 appendices. The appendices contain snippets of code. The first chapter describes the activities of AVTOLIK LLC and compares similar web sites. This chapter sets the task. The second chapter focuses on modern modeling technologies. The third chapter presents the practical part of the work. The bachelor’s thesis describes in detail the web site development and the main features of website promotion in search networks. The special part of the project gives details about buying a domain name. The work is of interest to a narrow circle of readers. The bachelor’s thesis consists of an explanatory note on 52 pages, the introduction, 21 figures, 8 tables, 2 diagrams, the list of 21 references, including 5 foreign sources, and 3 appendices. 4 ОГЛАВЛЕНИЕ ВВЕДЕНИЕ .............................................................................................................. 6 Глава 1 Функциональное моделирование предметной области ......................... 8 1.1 Технико–экономическая характеристика компании .................................. 8 1.2 Концептуальное моделирование предметной области ............................ 10 1.2.1 Выбор технологии концептуального моделирования ........................... 10 1.2.2 Разработка и анализ модели бизнес–процесса «КАК ЕСТЬ» .............. 11 1.2.3 Обоснование необходимости автоматизированного варианта решения и формирование требований к проектируемой информационной системе . 12 1.3 Анализ существующих веб–сайтов на предмет соответствия сформулированным требованиям .................................................................... 13 1.4 Постановка задачи на разработку веб–сайта автосервиса ....................... 17 1.5 Разработка модели бизнес–процесса «КАК ДОЛЖНО БЫТЬ» .............. 18 Выводы по главе 1.............................................................................................. 20 Глава 2 Логическое проектирование веб–сайта автосервиса ........................... 21 2.1 Выбор технологии логического моделирования веб–сайта автосервиса с элементами SEO–оптимизации ........................................................................ 21 2.2 Логическая модель веб–сайта и её описание ............................................ 21 2.3 Проектирование БД автоматизированной информационной системы автосервиса ......................................................................................................... 24 2.4 Проектирование логической модели расчета стоимости обработки автомобиля .......................................................................................................... 25 2.5 Требования к аппаратно–программному обеспечению информационной системы ............................................................................................................... 26 2.6 Факторы, влияющие на ранжирование в поисковых системах ............... 27 5 Выводы по главе 2.............................................................................................. 30 Глава 3 Физическое проектирование веб–сайта автосервиса .......................... 31 3.1 Выбор технологии разработки веб–сайта .................................................. 31 3.2 Составление семантического ядра ............................................................. 32 3.3 Выбор доменного имени ............................................................................. 35 3.4 Выбор хостинг–провайдера ........................................................................ 37 3.5 Разработка SEO–оптимизированной страницы для поисковых систем . 39 3.6 Выбор системы управления базы данных ................................................. 41 3.7 Описание функциональность веб–сайта .................................................... 42 3.8 Оценка эффективности SEO–оптимизации веб–сайта............................. 45 3.9 Оценка эффективности разработки веб–сайта автосервиса .................... 46 Выводы по главе 3.............................................................................................. 47 ЗАКЛЮЧЕНИЕ ..................................................................................................... 48 СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ .................................................. 49 ПРИЛОЖЕНИЯ ..................................................................................................... 51 6 ВВЕДЕНИЕ Эффективное управление предприятием в современных условиях невозможно без использования компьютерных технологий. В настоящее время происходит ориентация Российского рынка на освоение новых секторов, новой аудитории - пользователей интернет. Современная тенденция роста интернета, при которой каждый второй житель Земли имеет доступ в сеть, однозначно требует серьезного отношения к предоставлению on-line информации о компании. Сегодня наличие веб-сайта - это не роскошь. Веб-сайт - это новые возможности по расширению, информационной поддержке или рекламе бизнеса. Для многих компаний, в дополнение к владению веб-сайта, чрезвычайно важным является высокое положение сайта в поисковых системах. Продвижение - это комплексная работа над сайтом как внутри его, так и снаружи. Такой процесс называется внутренней и внешней оптимизацией, или SEO-оптимизацией. Качественная SEO-оптимизация веб-сайта позволяет экономить огромные бюджеты компании на привлечение клиентов. Высокие позиции в поисковых системах позволяют привлечь целевых клиентов. Пользователи вводят в строку поиска интересующий их запрос и заходят на сайт. Актуальность выбранной темы обусловлена потребностью в привлечении новых клиентов и их автоматизированной консультации. Объект исследования: бизнес-процесс оказание услуги по обработке автомобиля в ООО «АВТОЛИК». Предмет исследования: веб-сайт с элементами SEO-оптимизации для автоматизации бизнес-процесса оказания услуги по обработке автомобиля в ООО «АВТОЛИК». Целью работы является разработка веб-сайта с элементами SEO- оптимизации для ООО «АВТОЛИК». 7 Для достижения поставленной цели, необходимо решить следующие задачи: проанализировать бизнес-процессы ООО «АВТОЛИК»; провести анализ существующих веб-сайтов автосервисов; разработать логическую модель веб-сайта; разработать базу данных; составить семантическое ядро; приобрести доменное имя и выбрать хостинг-провайдера; разработать интерфейс веб-сайта; наполнить веб-сайта оригинальным контентом с применением базы графических изображений, полученных от заказчика; подключить метрику и инструменты для разработчика. При написании работы использовались методы исследования: анализ, системный подход, методы моделирования бизнес-процессов, алгоритмы SEO-оптимизации. В первой главе была описана деятельность ООО «АВТОЛИК». Разрабатываются контекстные диаграммы «КАК ЕСТЬ», «КАК ДОЛЖНО БЫТЬ» с их декомпозицией. Проводится сравнение похожих веб-сайтов. Вторая глава описывает современные технологии моделирования. Разрабатывается база данных и логическая модель веб-сайта. В третьей главе описывается практическая часть работы. Разрабатывается семантическое ядро и анализируются целевые запросы. Приобретается доменное имя и выбирается хостинг-провайдер. Реализуется база данных. Обосновывается эффективность веб-сайта. Данный веб-сайт разрабатывается по заказу ООО «АВТОЛИК». и планируется к внедрению в данную организацию. 8 Глава 1 Функциональное моделирование предметной области 1.1 Технико-экономическая характеристика компании В течение последнего десятилетия в Российской Федерации совершается стремительное наполнение автомобильного парка. Годовой рост количества машин составляет от 1 миллиона единиц в год. Максимально активный рост прослеживается в области легковых машин персонального пользования. Для определенных людей автотранспортные средства представляются не только лишь средством передвижения, но и работой. Процесс автомобилизации, типичный для нашей области также, как и для иных частей нашей страны, с довольно развитой экономикой, никак не сводиться только к повышению количества транспортных средств. Большие темпы формирования автомобильного комплекса вызвали значительное увеличение размеров сопутствующих услуг и, в соответствии с этим, повышение численности компаний автотранспортной инфраструктуры. Необходимость в автосервисах предопределяется тем, что любому автомобилисту необходим ремонт или установка дополнительного оборудования на свой автомобиль. Данная работа посвящена работе компании ООО «АВТОЛИК». Данная компания предоставляет услуги по обработке кузова автомобиля антикоррозийными составами в городе Тольятти. Автосервис имеет арендуемую площадь на которой происходит оказание услуг. Предприятие состоит из 2 отделов: отдел продаж и информационный отдел. Организационная схема предприятия представлена на рисунке 1.1. 9 Рисунок 1.1 – Организационная структура ООО «АВТОЛИК» Качественное выполнение поставленных функций обеспечивает высокую конкурентоспособность на рынке услуг. Директор осуществляет контроль всех процессов предприятия, контролирует работу сотрудников, принимает ответственные решения в критических ситуациях и занимается раскруткой фирмы; Бухгалтер работает с финансовой отчётностью компании; Продавец обеспечивает максимальные объемы продажи продукции, проявляет поддержку покупателям в подборе продукта; Автослесарь выполняет монтаж оборудования на транспортное средство клиента; Системный администратор поддерживает работоспособность всех информационных компонентов организации. 10 Так как конкуренция на рынке оказания услуг высока, у организации возникла потребность в создании веб–сайта. По этой причине было принято решение о разработке и SEO-оптимизации веб-сайта. 1.2 Концептуальное моделирование предметной области 1.2.1 Выбор технологии концептуального моделирования В текущий период времени имеется огромное число прогрессивных методологий, применяемых с целью концептуального моделирования информативных систем. Для выбора методологии следует проанализировать ключевые аспекты по самым известным методологиям: IDEF0; IDEF3; DFD. IDEF0 – это легкий и вместе с тем показательный стиль отображения бизнес-процессов. С помощью нее возможно создать целостную обстановку работы компании - от ведения деятельности в небольших отделах до многоуровневых иерархических подразделений организации. Данный язык был сконструирован для бизнес-аналитики, он прошел продолжительную и кропотливую отладку. IDEF3 считается стандартом документирования технологических действий, совершающихся в организации. Дает инструменты для наглядного изучения и прогнозирования бизнес-сценариев с необходимыми документами. DFD – диаграммы потоков данных. Данная технология концептуального моделирования специализирована для графического и структурного анализа. Она демонстрирует, как любая процедура реорганизует собственные входные сведения в выходные. Оптимальным решением является применение методологии IDEF0. Она функциональна к разработке, проста в изучении. 11 1.2.2 Разработка и анализ модели бизнес-процесса «КАК ЕСТЬ» С целью рассмотрения и изучения слабых областей бизнес-процесса «КАК ЕСТЬ» будет применена технология IDEF0. Она предоставляет полное понимание об элементах бизнес-процесса в форме графической диаграммы. Процедура оказания услуги «КАК ЕСТЬ» описывается на рисунке 1.2. На входе находятся данные клиента. Роли управляющих механизмов выполняют устав организации и Законодательство Российской Федерации. Механизмы имеющейся системы содержат в себе персонал, в частности, продавца и автослесаря. На выходе из диаграммы находится договор на оказание услуги. Рисунок 1.2 – Контекстная диаграмма «КАК ЕСТЬ» процесса «Заказ услуги в автосервисе» С целью более точного понимания бизнес-процесса оказания услуги необходимо выполнить декомпозицию процесса А0. На рисунке 1.3 представлена декомпозиция процесса А0. 12 Рисунок 1.3 – Декомпозиция контекстной диаграммы «КАК ЕСТЬ» Сейчас возможно проанализировать наиболее детально процессы декомпозиции: процесс «Выбор товара» представляет собой получение рекомендаций от продавца в выборе определенного средства защиты транспортного средства, приобретение сведений о наличии товара. процесс «Получение характеристик автомобиля» подразумевает оценку размеров автомобиля и отнесение его к конкретному классу. процесс «Расчет стоимости услуги» подразумевает расчет стоимости услуги от параметров автомобиля и применяемых материалов. процесс «Прием оплаты» представляет собой получение денежных средств от клиента. процесс «Выдача чека» представляет собой выдачу чека и гарантийного талона. 1.2.3 Обоснование необходимости автоматизированного варианта решения и формирование требований к проектируемой информационной системе Разобравшись в процессе заказа услуги, выходит заключение, что это занимает большое количество времени, а кроме того требует от продавца 13 отлично разбираться в антикоррозийных составах и различать классы автомобилей. Сложная система подсчета стоимости не исключает ошибки. Для оперативной работы автосервиса необходимо иметь продуманный и заточенный под их область действий веб–сайт. Автосервис имеет ряд сущностей, с которыми приходиться иметь дело при решении задач оказания услуг: 1. связь клиента с менеджерами, а именно общение, которое подразумевает под собой действия по ведению диалога. Необходимо разработать форму для приема контактных данных клиента и возможных вопросов. Несомненно, телефонная связь не позволяет обработку данных в нерабочее время. Разумеется, никто не защищен от сбоев операторов мобильной сети. 2. клиент должен получать интересующую информацию на веб- сайте. Необходимо описать все достоинства того или иного состава. Наглядно показать проделанную работу, для получения доверия от клиента. Разработать калькулятор подсчета стоимости. Калькулятор будет содержать поля с типом покрытия, классом автомобиля и вариантами покрытия. 3. веб-сайт должен находится на высоких поисковых позициях. Проведение мероприятий с SEO-оптимизацией должны положительно сказаться на ранжировании в поисковых системах. Приток новых клиентов позволит организации получать максимальную прибыль с минимальными затратами. Без должного внимания к приведенным слагаемым успеха автосервис потеряет конкурентоспособность и клиенториентированность. 1.3 Анализ существующих веб-сайтов на предмет соответствия сформулированным требованиям Проведем детальный анализ, с точки зрения клиента, веб-сайтов конкурентов, выделим их основные преимущества и недостатки. Это поможет выбрать подход к решению и не упустить какие-либо детали. 14 1. http://sto–tolyatti.ru/, главная страница показана на рисунке 1.4. Рисунок 1.4 – Главная страница http://sto–tolyatti.ru/ Первое, что видит клиент, посещая веб-сайт – это эффектное высказывание, с указанием на доступные цены, в шапке. Веб-сайт имеет интуитивно понятный интерфейс. Каждая выбранная услуга размещена на отдельной странице. Общий дизайн выполнен в спокойных тонах. Присутствует форма обратной связи. К минусам можно отнести отсутствие изображений с проделанной работой. Расчет стоимости представлен в таблицах и не удобен для клиента. Веб-сайт занимает хорошие поисковые позиции и хорошо оптимизирован. 2. http://antikor–almaz.ru/, главная страница показана на рисунке 1.5. 15 Рисунок 1.5 – Главная страница http://antikor–almaz.ru/ Общий дизайн выполнен в черно-белых тонах. Мелкий и трудночитаемый шрифт. В каждой статье употребляется большое вхождение ключевых слов, что является переоптимизацией под поисковые системы, а не под посетителя. Малое количество изображений на веб-сайте. Отсутствует форма обратной связи. Автосервис занимается узким кругом деятельности, поэтому приведенные таблицы расчета стоимости понятны для клиента. Не отображается favicon. Важные страницы веб-сайта расположены далеко от главной страницы. Рабочая область каждой страницы имеет малую ширину и большие поля. Веб-сайт имеет среднюю популярность. 3. http://ремонт-авто-тольятти.рф/, сайт показана на рисунке 1.6. Веб-сайт содержит одну целевую страницу на которой размещена вся информация. Общий дизайн выполнен в светло-голубых тонах и приятен для восприятия. Используются крупные и читаемые шрифты. Присутствует форма обратной связи. Отсутствует калькулятор стоимости ремонта. Выражена слабая SEO-оптимизация. Основные заходы посетителей из рекламных компаний. Доменное имя содержит ключевые слова. 16 Рисунок 1.6 – Главная страница http://ремонт–авто–тольятти.рф/ В таблице 1.1 приведено сравнение основных параметров и готовых решений популярных веб-сайтов автосервисов. Таблица 1.1 – Сравнение схожих веб-сайтов № Критерии сравнения http://sto- tolyatti.ru/ http://antikor- almaz.ru/ http://ремонт- авто-тольятти.рф/ 1. Интуитивно-понятный интерфейс + – + 2. Использование графических изображений с проделанной работой – – – 3. Форма обратной связи + – + 4. Форма расчета стоимости – – – 5. Доменное имя с ключевыми словами + + + 6. Броская фраза в шапке + – + 7. Отсутствие переоптимизации + – + 8. Высокие позиции в поисковой выдаче + + – 9. Удобная рабочая область + – + Итого: 7/9 2/9 6/9 Подводя итог проделанного сравнения, ни один веб-сайт не имеет возможности удовлетворить абсолютно всем важным условиям. Таким 17 образом, создание веб-сайта автосервиса считается целесообразным. Разрабатываемая система будет учитывать все критерии в данной области рынка. 1.4 Постановка задачи на разработку веб-сайта автосервиса Разрабатываемый веб-сайт для работы автосервиса, должен получать клиентов из поисковых сетей по средствам его внутренней и внешней SEO- оптимизации под поисковые запросы и без использования рекламных сетей. Для эффективной деятельности автосервиса необходимо разработать форму отправки сообщений с сайта. Она позволит собирать заявки на обслуживание и оказание услуг в любое время. Для экономии времени сотрудников автосервиса и исключения ошибок необходимо разработать форму расчета стоимости. Она должна учитывать размеры автомобиля, марку выбранного материала и вариант покрытия. Необходимо в полной мере показать на изображениях проделанную работу, для получения лояльности и доверия клиента. С целью эффективного управления информационными ресурсами в распределенной системе в основу архитектуры веб-сайта автосервиса положена двухуровневая модель рисунок 1.7. Рисунок 1.7 – Концептуальное представление двухуровневой архитектуры Прикладной компонент (сервер второго уровня) обеспечивает - интерфейс пользователей, многофункциональную логику. Компонент доступа к ресурсам (сервер первого уровня) - основные функции хранения веб-страниц, текстовых и графических материалов. Все данные будут 18 располагаться на хостинг-провайдере. Доступ к панели управления хостингом сайта и доступ по загрузке файлов будет осуществляться по протоколам SSH либо FTP. Для просмотра сайта, можно использовать любой компьютер с выходом в интернет и установленным браузером Internet Explorer 9 и выше, или Firefox 33 и выше, или Opera 22 и выше, или Safari 8.0 и выше, или Google Chrome 38 и выше. Для анализа действий клиентов на веб-сайте, анализа поведенческих факторов нужно установить счетчик «Яндекс.Метрика». Необходимо использовать в дизайне графические решения, паттерны, цветовые схемы, разработанные в рамках фирменного стиля. Необходимо использовать анимационные эффекты на основе технологий JS, JQ, HTML 5 и CSS3. Произвести наполнение веб-сайта оригинальными статьями. Исходные материалы в виде текстов и изображений для информационного наполнения сайта предоставляются заказчиком и дорабатываются с учетом поисковой оптимизации для дальнейшего продвижения сайта. Веб-сайт должен содержать горизонтальное меню в «шапке» и включать следующие разделы: «Главная», «Антикоррозийная обработка», «Расчет стоимости», «Контакты». Необходимо составить семантическое ядро и проанализировать поисковые запросы. Для сбора ошибок и получения уведомлений подключиться к «Яндекс.Вебмастер». Дальнейшее сопровождение разрабатываемого веб-сайт сможет расширить количество оказываемых услуг. 1.5 Разработка модели бизнес-процесса «КАК ДОЛЖНО БЫТЬ» Проведя глубокий анализ работы автосервиса необходимо создать контекстную диаграмму «КАК ДОЛЖНО БЫТЬ», изображенной на 19 рисунке 1.8. Для увеличения прибыльности автосервиса и экономии времени сотрудников внедряется веб-сайт. Рисунок 1.8 – Контекстная диаграмма «КАК ДОЛЖНО БЫТЬ» С целью детального анализа бизнес-процесса заказа услуги в автосервисе необходимо выполнить декомпозицию процесса А0. На рисунке 1.9 представлена декомпозиция процесса А0. Рисунок 1.9 – Декомпозиция контекстной диаграммы «КАК ДОЛЖНО БЫТЬ» 20 Доработанная бизнес–модель автоматизирует процесс по ознакомлению клиента с товарами и консультирует его со стоимостью оказания услуги, путем введения характеристик автомобиля. Расчет стоимости должен убрать человеческий фактор. Основную массу монотонных и вычислительных процессов веб-сайт берет на себя. Данная реализация должна увеличить производительность автосервиса и экономить время сотрудников. Выводы по главе 1 В первой главе был проведен детальный анализ бизнес-процессов автосервиса, построены контекстные диаграммы «КАК ДОЛЖНО БЫТЬ» и «КАК ЕСТЬ». Выполнены декомпозиции бизнес-процессов. Анализ существующего бизнес-процесса «КАК ЕСТЬ», показал необходимость его доработки. Детальный анализ имеющихся решений показал целесообразность разработки. Внедрение автоматизированных процессов увеличит прибыльность автосервиса и сократит время обслуживания. Поставлены цели и задачи. 21 |