Министерство транспорта Российской Федерации 

Федеральное агентство железнодорожного транспорта 

Федеральное государственное бюджетное образовательное учреждение высшего образования

«Дальневосточный государственный университет путей сообщения» 

Кафедра «Вычислительная техника и компьютерная графика» 

К ЗАЩИТЕ ДОПУСТИТЬ 

Заведующий кафедрой 

________Ю. В. Пономарчук 

«____»_____________2016 г. 

WEB-САЙТ КОМПАНИИ-АВТОТЕХЦЕНТРА

Выпускная квалификационная работа 

ВКР 09.03.01.ИВТ.03.00.943– ПЗ

Студент 943 гр.____________________________________Е.В. Баранов 

Руководитель 

профессор, д.ф.-м.н._______________________________В.А. Рукавишников

Нормоконтроль 

доцент, к.т.н______________________________________Е.В. Буняева 

Хабаровск 2016 

СОДЕРЖАНИЕ

Введение 3

1 Анализ предметной области и обзор технологий 5

1.1 Обзор деятельности предприятия 5

1.2 Актуальность создания сайта для автотехцентра 6

1.3 Средства разработки web-сайта 8

1.3.1 Язык разметки гипертекстовых страниц HTML 8

1.3.2 Каскадная таблица стилей CSS 12

1.3.3 Препроцессор гипертекста php 13

1.4 Macromedia DreamWeaver 17

1.5 Система управления содержимым сайта 18

1.5.1 CMS «1С-Битрикс: Управление сайтом» 19

2 Проектирование сайта 22

2.1 Требования к дизайну сайта 22

2.2 Требование к функциональности сайта 22

2.3 Требование к содержимому сайта 23

2.4 Диаграмма вариантов использования 28

2.5 Макеты страниц 29

3 Разработка сайта для автотехцентра 31

3.1 Верстка сайта 31

3.2 Программирование сайта. Наполнение сайта информацией 33

3.3 Интеграция 1С-Битрикс с 1С:Предприятие 40

4 Технико-экономическое обоснование 47

4.1 Оценка системного влияния проекта на работу предприятия 47

4.3 Экономические показатели 48

4.3.1 Планирование комплекса работ по разработке темы и оценка трудоемкости 48

4.3.2 Расчет затрат на разработку проекта 48

4.3.3 Расчет рентабельности проекта 51

Заключение 52

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

ВВЕДЕНИЕ

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

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

Целью выполнения выпускной квалификационной работы является создание сайта для автотехцентра на платформе 1С- Битрикс.

Для создания сайта необходимо решить следующие задачи:

• ознакомиться с современными интернет-технологиями ;

• изучить программный инструментарий, применяемый для разработки и создания Web-сайтов;

• ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и следовать им в своей практике;

• определиться со структурой Web-страниц;

• выбрать стратегию разработки и создания Web-сайта.

Какие же преимущества получаем при создании сайта для автотехцентра:

• клиенты круглосуточно владеют самой свежей информацией;

• записать на нужную услугу можно не выходя из дома;

• бизнес существенно расширяется;

• значимость и запоминаемость компании, товарного знака продукции увеличивается.

Актуальность проекта заключается в настройке интеграции баз данных «1С:Предприятие» и системы разработки сайтов 1С-Битрикс для работы с интернет-магазином и полным обменом информацией между программными продуктами.

Разработка web-приложения с помощью выбранной системы поможет компании обеспечить:

• привлечение новых клиентов;

• сокращение затрат;

• увеличение объема продаж;

• расширение зоны влияния на рынке Хабаровского края и соседних регионов.

1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ И ОБЗОР ТЕХНОЛОГИЙ

   1. Обзор деятельности предприятия

Автомобильный технический центр (автотехцентр) – это совокупность средств, способов и методов предоставления платных услуг по приобретению, эффективному использованию, обеспечению работоспособности, экономичности, дорожной и экологической безопасности автотранспортных средств в течение всего срока их службы [1].

Исполнителем и потребителем платных услуг могут быть юридические и физические лица.

Исполнитель предоставляет услуги юридическим и физическим лицам – владельцам автотранспортных средств (потребителям). Потребитель приобретает услуги по техническому обслуживанию и ремонту автотранспортных средств.

Рассмотрим, какие же услуги предоставляет автотехцентр:

• торговые услуги: продажа автомобилей и запасных частей, предоставление автомобилей во временное пользование (аренду или прокат), оценка стоимости подержанных автомобилей;

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

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

• диагностические работы могут включаться в комплекс проведения ремонтных работ, но могут представлять собой и отдельную услугу;

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

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

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

1. Актуальность создания сайта для автотехцентра

Каждый день в интернете появляются большое количество разных сайтов. С помощью таких сайтов люди могут узнавать множество интересной и полезной информации, не выходя из дома [2].

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

Web-сайт – это лицо предприятия, поэтому он должен быть оригинальным, приятным в использовании и легко доступным. Информация, которая размещается на таком сайте, должна быть всегда достоверной и обновляться.

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

С помощью такого анализа можно исправить ошибки, максимально улучшить качество данного проекта и закрепить позиции среди конкурентов.

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

Учитывая все выше сказанное, можно сделать вывод, что создание web-сайтов для предприятий очень важно и актуально в наши дни, поскольку лучше создать сайт, который могут увидеть миллионы пользователей, чем печатать множество визиток.

Рассмотрим значимость сайта для автосервиса.

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

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

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

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

1. Средства разработки web-сайта

   1. Язык разметки гипертекстовых страниц HTML

Язык разметки гипертекстовых страниц (HTML – Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет [3].

Документ HTML содержит текст (содержимое страницы) и встроенные теги – инструкциями о структуре, внешнем виде и функции содержимого. Документ HTML разделяется на две основные части: заголовок – head и тело – body. Заголовок содержит такие сведения о документе, как его название и методическая информация, описывающая содержимое. В теле находится само содержимое документа (то, что выводится в окне браузера).

Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >. Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега. Как правило, имя и атрибуты внутри тега не чувствительны к регистру. Тег <BODY BGCOLOR=white> будет работать так же, как <body bgcolor=white>. Однако значения определенных атрибутов могут быть чувствительны к регистру. Это относится, в частности, к именам файлов и URL.

Большинство тегов являются контейнерами. Это означает, что у них имеется начальный (открывающий или стартовый) и конечный (закрывающий) теги. Текст, находящийся между тегами, будет выполнять содержащиеся в них инструкции.

Конечный тег имеет то же имя, что и начальный, но перед ним стоит слеш (/). Его можно рассматривать как «выключатель» тега. Конечный тег никогда не содержит атрибутов.

В некоторых случаях конечный тег не обязателен, и браузер определяет конец тега из контекста. Чаще всего опускают конечный тег <р> (абзац). Браузеры раньше поддерживали этот тег без соответствующего завершения, поэтому многие авторы Web привыкли использовать краткую форму. Это разрешено не всем тегам, и не все браузеры прощают их отсутствие.