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

Web- сайт

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

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

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

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

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

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

Л.И. Адиева

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

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

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

Н. Бекиров

Содержание

Введение 5

Общий раздел

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.1 Постановка задачи 19

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

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

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

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

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

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

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

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

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

Заключение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).

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

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

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

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

Цель дипломного проекта: разработка web-сайт «Автомобильный центр Porsche».

Областью применения дипломного проекта является сеть Интернет, а также лица, интересующиеся автомобилями Porsche.

НАЗНАЧЕНИЕ РАЗРАБОТКИ

Web-сайт «Автомобильный центр Porsche», предназначен для предоставления требующей информации о представительстве фирмы Porsche в г. Симферополе

ТРЕБОВАНИЯ К ПРОГРАМНОМУ ОБЕСПЕЧЕНИЮ

Для работы с Web-сайтом необходим компьютер, который будет подключен к сети интернет.

Программное обеспечение

При разработке сайта использовалось следующие ПО:

-Программа Apache. Apache – это web-сервер. Он нужен для того, чтобы пользователь мог запустить сайт на локальном компьютере.

-MySQL – это одна из самых популярных и распространенных СУБД в Интернете. Она не предназначена для работы с большими объемами информации, но ее применение идеально для Интернет сайтов, как небольших, так и достаточно крупных.

-PhpMyAdmin - это утилита для управления базами данных через интерфейс браузера.

-Интернет-браузер с поддержкой JavaScript.

-СMS Joomla 2.5- система управления содержимым (CMS), написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных СУБД MySQL или другие индустриально-стандартные реляционные СУБД. Является свободным программным обеспечением, распространяемым под лицензией GNU GPL.

Так как при разработке Web-сайта использовались языки программирования PHP и HTML целесообразно будет написать краткую характеристику и историю каждого из языков.

Краткая история PHP

PHP изобретен Расмусом Лердорфом в конце 1994 года. Первая версия выпущена в 1995 году с именем "Инструментарий Персональных Домашних Страниц" (Personal Home Page Tools). Затем она была переработана и получила название PHP/FI Version 2. Аббревиатурой FI обозначался модуль обработки данных для форм. Также была добавлена поддержка баз данных mSQL. С этого времени в разработке языка стали принимать участие добровольцы.

Согласно исследованию, проведенному Netcraft, в начале 2001 года PHP использовался на более чем 5 300 000 сайтах по всему миру. В это время число серверов на платформе IIS было примерно таким же. Разработка интерпретатора PHP приняла форму организованного командного процесса, но ядро интерпретатора разрабатывает компания Zend.com. И при этом PHP распространяется свободно. Его последнюю версию можно загрузить с сайта php.net. Модули PHP поставляются в комплекте с сервером Apache и в комплектах систем Linux. В 2005 году доля веб-серверов, поддерживающих PHP (PHP5), превысила 90 %.

Язык PHP

PHP - это интерпретируемый язык для создания активных Web-страниц. Программа на PHP, подобно тексту на JavaScript, VBScript или ASP, вставляется в HTML-файл. Начало и конец программы отмечаются специальными скобками <?php и ?>. Текст вне этих скобок PHP не интерпретирует: он передается Web-браузеру "как есть".

Синтаксис PHP основан на синтаксисе языков Си, Java и Perl. Способы заставить сервер правильно реагировать на HTML-файлы со вставками на PHP, вообще говоря, различны для разных серверов, но чаще всего бывает достаточно дать имени файла расширение *.php3. PHP - это Си-подобный язык, предназначенный для быстрого создания программ на WEB-сервере. Он похож на Perl и ASP, но на порядок удобней их! Программы на PHP защищены от взлома методом "кривых символов". PHP вместе с Apache - самый популярный WEB-сервер - работает гораздо эффективней, чем Perl+Apache (RTFM). Если вы веб-мастер (а не держатель домашней странички) и вы установите этот PHP под Windows или Unix, вы поймете что значит выражение "крутой программер" :).

PHP - это система разработки скриптов, включающая в себя CGI - интерфейс, интерпретатор языка и набор функций для доступа к базам данных и различным объектам WWW. На данный момент PHP является наиболее удобным и мощным средством разработки приложений WWW и интерфейсов к БД в Интернет.

PHP — это интерпретируемый язык программирования, код которого встраивается непосредственно в HTML-страницы. При запросе пользователя web-сервер просматривает документ, выполняет найденные в нем PHP-инструкции, а результат их выполнения возвращает пользователю. При этом статическая часть документа, написанная на языке HTML, фактически является шаблоном, а изменяемая часть формируется при исполнении PHP-инструкций. Для удаленного пользователя подобные документы ничем не отличаются от обычных статических HTML-документов, за исключением того, что в расширении имени файла для таких документов может стоять не htm или html, а phtml или php3(4).

Сами скрипты находятся на сервере и их содержимое посетителю сайта просмотреть невозможно. Файлы скриптов имеют расширение *.php3 или *.phtml. При активации скрипта серверная программа выполняет все команды php этого скрипта, не затрагивая статическую часть документа (HTML-код) и результат возвращается программе-браузеру. В итоге пользователь видит обычную веб-страницу, отличающеюся от других только расширением.

Краткая история HTML

Годом рождения World Wide Web считается 1989 - в этом году был изобретен язык, ставший впоследствии основным языком web-документов - это язык - HTML (HyperText Markup Language - язык разметки гипертекста).

Автором языка HTML является Тим Бернерс-Ли (Tim Berners-Lee), выпускник Оксфордского университета, работавший в то время по контракту в Женеве, в Европейской лаборатории физики элементарных частиц (CERN, Conseil Europeen pour la Recherche Nucleaire) консультантом по программному обеспечению. CERN - достаточно большая организация, и потому, чтобы лучше ориентироваться в ее структуре, не хранить в памяти данные о большом количестве проектов, должностных лиц и пр., Тим Бернерс-Ли разработал для своего личного пользования программу Enquire, на основе которой через несколько лет для лаборатории было создано своего рода информационное пространство. Программа Enquire позволяла осуществлять так называемый "нелинейный" поиск документов - т.е. переходить от одного документа к другому без обращения к оглавлению или справочнику.

HTML является упрощенной версией стандартного общего языка разметки - SGML (Standart Generalised Markup Language), который был утвержден ISO в качестве стандарта еще в 80-х годах. Этот язык предназначен для создания других языков разметки, он определяет допустимый набор тэгов, их атрибуты и внутреннюю структуру документа. Контроль за правильностью использования дескрипторов осуществляется при помощи специального набора правил, называемых DTD-описаниями, которые используются программой клиента при разборе документа. Для каждого класса документов определяется свой набор правил, описывающих грамматику соответствующего языка разметки.

Язык HTML

HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

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

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

HTML-тэги могут быть условно разделены на две категории:

· тэги, определяющие, как будет отображаться WEB-броузером тело документа вцелом.

· тэги, описывающие общие свойства документа, такие как заголовок или автор документа.

Аппаратное обеспечение

Для разработки данного сайта требуется компьютер со следующими минимальными параметрами:

Процессор Intel® Pentium® 4

Microsoft® Windows® XP с пакетом обновления 2

1 ГБ ОЗУ

600 МБ свободного места на диске

ЭТАПЫ РАЗРАБОТКИ

Разработка дипломного проекта состоит из следующих этапов:

· Анализ существующих решений.

· Информационное проектирование сайта. Это основополагающий этап, пренебрежительное отношение к которому может в дальнейшем привести к трудностям при продвижении и поддержке сайта, а также к необходимости впоследствии полной переработке сайта.

· Написание контента. Контент для сайтов тщательно планируется еще до создания самого ресурса. Содержимое для своего портала подбирается с учетом многих параметров: с точки зрения актуальности, тематики, направленности на определенную аудиторию, для восприятия потенциальным клиентом. Текстовый контент для сайта должен писать человек, который имеет представление о таких понятиях как «seo», «семантическое ядро сайта», «интернет-маркетинг» и т.д., не говоря уже об умении интересно и грамотно подать информацию.

· Написание кода - программирование, написание функциональной части.

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

Не нашли, что искали? Воспользуйтесь поиском по сайту: