МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ, МОЛОДЕЖИ И СПОРТА РЕСПУБЛИКИ КРЫМ

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

К защите допущен

Зав. отделением

В.А. Кондрашкин

______________________

Web- сайт

«Автомобильный центр Porshe»

Пояснительная записка к дипломному проекту

САТТ.ОКСС.1.4.10.ДП.0.__.00.ПЗ

Руководитель проекта

С.С. Салацкий

Консультант по экономическому разделу

Л.И. Адиева

Консультант по разделу охрана труда

А.Н. Дьяченко

Разработал студент

Н. Бекиров

2014

Содержание Введение 5

1. Общий раздел

1.1 Аналитический обзор существующих решений 8

1.2 Техническое задание

1.2.1 Наименование и область применения 14

1.2.2 Назначение разработки 14

1.2.3 Требования к программному обеспечению 14

1.2.4 Этапы разработки проекта 15

1.2.5 Порядок контроля и приема 18

2. Разработка проекта

2.1 Постановка задачи 19

2.2 Разработка сайта 19

2.3 Исходный код 21

2.4 Тестирование и отладка 44

3. Специальный раздел

3.1 Инструкция по инсталляции программного обеспечения 45

3.2 Инструкция по использованию тестовых наборов 47

3.3 Инструкция по эксплуатации сайта 48

4. Экономический раздел

5. Охрана труда и техника безопасности

Заключение 82

Литература 83

Введение

Информация, доступная пользователям Internet, располагается на компьютерах (Web-серверах), на которых установлено специальное программное обеспечение. Значительная часть этой информации организована в виде Web-сайтов. Web-сайт – это информация, представленная в определенном виде, которая располагается на Web-сервере и имеет свое имя (адрес).

Сейчас Интернет уже является самодостаточной отраслью экономики, а веб-сайты стали полноправными представительствами фирм в Интернете.

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

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

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

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

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

В дипломном проекте разработан сайт «Автомобильный центр Porshe». На сайте представлены различные материалы для желающих ознакомится с фирмой Porshe.

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

1. Общий раздел

1. Аналитический обзор существующих решений.

Веб-сайт (англ. Website, от web — паутина и site — «место») — в компьютерной сети объединённая под одним адресом совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет. Все веб-сайты Интернета в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб-сайтам на серверах был специально разработан протокол HTTP. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят «своя страничка в Интернет», то подразумевается целый веб-сайт или личная страница в составе чужого сайта. Кроме веб-сайтов в сети Интернет так же доступны WAP-сайты для мобильных телефонов.

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

В большинстве случаев в Интернете одному веб-сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Гугла на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my-site-name/.

Аппаратные сервера для хранения веб-сайтов называются веб-серверами. Сама услуга хранения называется веб-хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас сервера для хранения только одного сайта называются выделенными (англ. dedicated).

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

Классификация веб-сайтов

По доступности сервисов:

Открытые — все сервисы полностью доступны для любых посетителей.

Полуоткрытые — для доступа необходимо зарегистрироваться (обычно бесплатно).

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

По природе содержимого:

Статические — всё содержимое заранее подготавливается. Пользователю выдаются файлы в том виде, в котором они хранятся на сервере.

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

По физическому расположению:

Внешние сайты сети Интернет.

Локальные сайты — доступны только в пределах локальной сети. Это могут как корпоративные сайты организаций, так как и сайты частных лиц в локальной сети провайдера.

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

Интернет-представительства владельцев (торговля и услуги не связанные напрямую с Интернетом):

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

Каталог продукции — в каталоге присутствует подробное описание товаров/услуг, сертификаты, технические и потребительские данные, отзывы экспертов и т. д. На таких сайтах размещается информация о товарах/услугах, которую невозможно поместить в прайс-лист.

Интернет-магазин — веб-сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом или автоматической пересылки счета по факсу до расчетов с помощью пластиковых карт.

Промо-сайт — сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).

Информационные ресурсы:

Тематический сайт — веб-сайт, предоставляющий исчерпывающую информацию о какой-либо теме.

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

Веб-сервис — обычно решает конкретную пользовательскую задачу напрямую связанную с сетью Интернет:

Поисковые сервисы — например, Яндекс, Google.

Почтовый сервис.

Форумы.

Блоговый сервис.

Фотохостинг — например, Flickr, ImageShack, Panoramio, Photobucket.

Хранение видео — например, YouTube, RuTube.

Доска объявлений.

Каталог сайтов — например, Open Directory Project

По отношению к посетителю:

Вовлекающий сайт.

Безразличный к посетителю.

Устройство сайтов

Страницы сайтов — это файлы с текстом, размеченным на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, обрабатываются браузером и выводятся на его средство отображения (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением в неё таблицы стилей на языке CSS или сценариев на языке JavaScript.

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

Создание сайтов

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

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

Веб-дизайн

Веб-дизайнеры разрабатывают макеты шаблонов веб-страниц. Дизайнер определяет каким образом конечный потребитель будет получать доступ к информации и услугам сайта. То есть занимается непосредственно разработкой пользовательского веб-интерфейса. В большинстве случаев веб-страницы не обходятся без графических элементов. Их подготовкой занимаются художники и фотографы. Готовые шаблоны показываются заказчику. В этот момент страницы ещё не могут содержать конечного наполнения (это в обязанности дизайнера не входит). Чтобы макеты выглядели более наглядно в них помещается произвольное содержимое. На слэнге дизайнеров такое содержимое называется рыбой. Если заказчик удовлетворён внешним видом шаблонов, то они передаются верстальщику.

Верстальщик получает макеты шаблонов в виде изображений (обычно в формате PSD). Его задача — сделать из них гипертекстовые веб-страницы с вставленными в них отдельно нарезанными и подготовленными для Интернета изображениями. Содержимое верстальщик так же размещать не обязан — он всего-лишь изменяет формат. Одним из сложных моментов в работе верстальщика является обеспечение совместимости с множеством браузеров — программами для просмотра веб-страниц. Веб-обозреватели могут одни и те же элементы разметки или правила CSS интерпретировать по-своему, в результате чего некоторые пользователи могут увидеть содержимое не так, как задумывал дизайнер и ожидает увидеть заказчик. Когда верстальщик убедится что большинство браузеров идентично отображают шаблоны, они передаются дальше.

Существует множество сайтов, которые являются значимыми ресурсами. На этих ресурсах могут располагаться персональные данные пользователей (например, личная переписка, адреса, телефоны) или финансовая информация (например, банковские сайты). Взлом таких ресурсов может повлечь как прямые денежные убытки (например, злоумышленник может перечислить деньги с чужого счёта на свой собственный), так и косвенные, связанные с распространением конфиденциальной информации или просто злоумышленник может испортить содержимое сайта. Для многих сайтов важно обеспечить некоторый уровень безопасности. Требуемый уровень безопасности во многом зависит от располагающейся на сайте информации.

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

Основное отличие корпоративного сайта от любого другого веб-ресурса – интеграция сайта в бизнес-процессы компании.

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

В состав корпоративного сайта включаются следующие основные модули:

• Система администрирования и управления сайтом.

• Лента новостей, публикации и подписка на их рассылку.

• Поиск по сайту, счетчик посещений сайта, карта сайта.

• Анонсирование товаров и услуг, каталог продукции, прайс-листы. Модули для хранения файлов, фото- и видео-галерея.

• Модули веб 2.0 – форумы и блоги, доска объявлений и гостевая книга, опросы и голосование, вопросы и ответы (FAQ).

• Обратная связь – связь посредством формы на сайте, включая форму онлайн-заявки.

• Корпоративные почтовые ящики.