Процесс создания web-сайта строительной компании ООО «СКИТ»



Содержание

Введение

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

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

Развитие Интернета расширило возможности работы с удалёнными подразделениями, общение, помощь и поддержка по различным вопросам через Интернет и многое другое.

В составе информационных систем можно выделить две относительно независимые составляющие:

- компьютерную инфраструктуру, представляющую собой совокупность сетевой, телекоммуникационной, программной, информационной и организационной инфраструктур;

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

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

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

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

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

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

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

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

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

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

Целью дипломной работы является создание web-сайта для строительной компании ООО «СКИТ».

Объект исследования – процесс создания  web-сайта строительной компании ООО «СКИТ».

Предмет исследования – средства реализации web-сайта строительной компании.

Цель работы, объект и предмет исследования обусловили следующие задачи дипломного проектирования:

- рассмотреть понятие и классификацию Web-сайтов;

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

- рассмотреть инструментальные средства разработки Web-сайтов;

- обосновать необходимость разработкиWeb-сайта для ООО «СКИТ»;

- описать краткую характеристику предриятия;

- определить круг потенциальных пользователей сайта;

- описать входную и выходную информацию;

- разработатьWeb-сайт для ООО «СКИТ» по строительству недвижимости, используя результаты проведенного анализа;

- оценить эффективность разработки.

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

Глава 1. ОБЩАЯ ХАРАКТЕРИСТИКА ОБЪЕКТА ИССЛЕДОВАНИЯ

  1. ИспользованиеWeb-технологий в коммерческой деятельности

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

- реклама;

- ознакомление потенциальных клиентов с продукцией и/или услугами предлагаемыми компанией,

- повышение доверия к компании (ведь, зачастую, фирмы-однодневки не имеют своих персональных интернет-ресурсов);

- повышение качества работы компании, экономия времени и др.[12]

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

Не последнюю очередь играет размещение на сайте своего фирменного логотипа и печатного каталога продукции. Данные инструменты напрямую влияют на привлекательность компании в глазах потенциальных клиентов.[5]

1.1.1 Понятие и классификацияWeb-сайтов

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

Web-сайт - это информация, представленная в определенном виде, которая располагается на web-сервере и имеет свое имя (адрес). Для просмотра web-сайтов на компьютере пользователя используются специальные программы, которые называются браузерами. В зависимости от того, какое имя (адрес) сайта мы зададим в строке "Адрес", браузер будет загружать в свое окно соответствующую информацию.

Web-сайт состоит из связанных между собой web-страниц. web-страница представляет собой текстовый файл с расширением *.html, который содержит текстовую информацию и специальные команды - HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио- и видеоинформация непосредственно в web-страницу не входит и представляет собой отдельные файлы с расширениями *.gif, *.jpg (графика), *.mp3 (звук), *.avi (видео).

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

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

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

Классификация сайтов по используемым технологиям:

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

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

2. Динамичные сайты. Динамичные страницы физически не существуют на сервере, а формируются, исходя из определённых входных данных. К примеру, по одному и тому же адресу мы можем наблюдать различную информацию в зависимости от времени суток, авторизации пользователя или данных принятых из какой-нибудь формы. Подобный результат достигается при помощи языков веб-программирования, самыми распространёнными из которых являются PHP, ASP и Perl.

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

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

3. Флеш-сайты. Технология Flash позволяет создавать эффектные сайты с анимацией и звуком. Однако красивый внешний вид является, пожалуй, единственным плюсом подобных сайтов на данный момент времени. Их изготовление весьма сложно и трудоёмко, они имеют большой вес и долго загружаются, а некоторые пользователи и вовсе не могут просмотреть их содержимое из-за отсутствия в системе необходимых для работы компонентов. Всё это приводит к тому, что пока flash-сайты большого распространения не получили. Но с развитием интернета, а также совершенствованием самой технологии flash (к примеру объединение её с другими веб-технологиями, такими как Ajax) вполне вероятно, что подобные сайты займут значимое место среди ресурсов интернета.[17]

Классификация сайтов по принадлежности:

1. Личные (персональные сайты). Как правило, таким сайтом владеет и осуществляет его поддержку один человек. Такие сайты сейчас составляют большинство, но лишь небольшая часть из них выполнена на высоком уровне. В наше время создать свой сайт в сети может каждый. Для этого даже не обязательно владеть особыми навыками, можно просто воспользоваться услугами специальных сервисов, которые позволяют легко и быстро «собрать» сайт при помощи готовых модулей. Однако подобные шаблонные сайты в большинстве случаев не отличаются оригинальностью, обладают весьма ограниченным набором возможностей и мало посещаемы.

2. Сайты коммерческих организаций. Уже сейчас подавляющее большинство более или менее крупных компаний обладают собственным сайтом, а то и несколькими. Постоянное увеличение числа пользователей сети Интернет делает эту среду весьма привлекательной и удобной для осуществления торговли, рекламы товаров и услуг. Некоторые компании ограничиваются сайтом-визиткой, где представлена только самая важная информация в небольшом количестве. Многие фирмы обладают хорошими корпоративными сайтами с широкими возможностями, где могут быть, в том числе представлены и ассортимент товаров, возможность отправки заказов, участия в обсуждениях. Кто-то осуществляет торговлю непосредственно через интернет-магазины и доля данного рынка непрерывно увеличивается.

3. Сайты некоммерческих организаций. Примеров подобных сайтов также великое множество. Это могут быть сайты государственных структур, спортивных клубов, университетов, политических движений. Весьма популярны в сети новостные сайты и онлайн-версии печатных СМИ. Как правило, такие сайты предполагают интерактив, и главными их задачами являются предоставление актуальной информации пользователю и организация общения на сайте.[4]

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

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

2. Тематические сайты. Такие сайты могут быть довольно большими, качественно выполненными и детально раскрывать некоторую тему. Однако, каждый из таких сайтов, скорее всего, будет интересен только определённой категории пользователей, интересующихся тем или иным вопросом. И если, к примеру, сайт о собаках при надлежащей организации и правильном подходе может быть востребован достаточно широким кругом пользователей, то посетителей на сайте, скажем, о пингвинах будет во много раз меньше по объективным причинам.

3. Многофункциональные сайты (порталы). Порталы занимают особое место в интернет-среде. Они могут быть интересны практически любой категории пользователей. Подобные сайты несут широкий набор функций, располагают обширной и разнообразной информацией. К примеру, такие крупные ресурсы как «Яndex» или «Mail» или социальные сети «Одноклассники» и «В контакте» известны каждому пользователю Рунета.[20]

Классификация сайтов по типу информации и возможностям, предоставляемым пользователям интернета:

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

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

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

4. Сайты, предоставляющие онлайн-сервисы. Весьма распространёнными ещё со времён зарождения интернета являются сервисы бесплатной электронной почты. Вообще, многие онлайн-сервисы трудно классифицировать потому, что при всей их огромной популярности и значимости для интернета, главные сайты, предоставляющие их, существуют всего в нескольких экземплярах. Например, одними из важнейших сервисов, необходимость в которых возникла ещё на заре развития интернета, являются поисковые сервисы. Но при этом достаточно популярных среди них (в рунете) всего три. Самым первым поисковиком Рунета был Рамблер. Сегодня лучшим и крупнейшим из поисковых сервисов в Рунете является Яндекс, а в мировом интернете лидерство держит Гугл (Google). Другие интересные сервисы - это, например, сервисы, предоставляющие онлайн-перевод веб-страниц (скажем, translate.ru), сервисы, помогающие вам проверить текст на орфографические ошибки (например, orfo.ru), сервисы, позволяющие собирать закладки на интересные вам сайты (такие как memori.ru или Яндекс.Закладки). В последнее время, особенно в западном интернете появилась тенденция пытаться создавать онлайн-версии популярных оффлайновых программ, таких, как Word, Excel и т. п. Насколько успешной будет эта попытка переноса в онлайн работы с приложениями, покажет время.[13]

1.1.2 ФункцииWeb-сайта предприятия

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

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

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

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

Задачи, которые решает информационный сайт предприятия:

- предоставление полной информации о компании, доступная 24/7/365;

- подробное описание предлагаемых компанией товаров, услуг и продуктов;

- расширение клиентской и партнерской базы за счет роста количества посещений и установление новых контактов;

- оперативная связь с клиентами и партнерами;

- привлечение новых клиентов за счет проводимых на сайте акций, розыгрышей;

- поиск новых сотрудников и подбор персонала за счет размещения объявления о вакансиях;

- организация работы филиалов, региональных представительств и координирование действий удаленных сотрудников;

- регулирование уровня доступа к разделам для разных категорий пользователей (гостей, клиентов, партнеров, сотрудников  т.д.);

- снижение нагрузки на офисных работников.[19]

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

Основные функцииWeb-сайта предприятия:

1. Рекламно-представительская функция. Очень часто сайт называют «лицом компании». И это не преувеличение – ведь зачастую именно с него клиент начинает свое знакомство с организацией.

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

2. Информационная функция. Любой посетитель заходит на сайт в первую очередь за информацией. И задача сайта обеспечить ее комфортный поиск и быстрый доступ к ней. То есть необходимо не просто «свалить все в кучу», а структурировать информацию максимально удобным для клиентов образом.

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

3. Координационная функция. Сайт является также и хранилищем информации «для внутреннего пользования». Тут расположена единая база данных компании, доступная как для работников центрального офиса, так для филиалов и региональных представительств. При этом любой сотрудник может иметь «привязанный» к сайту электронный почтовый ящик, что обеспечивает оперативную рассылку и своевременное получение важной корпоративной информации.[8]

  1. Выбор языка и среды разработки

Для создания web-сайтов используются специальные инструментальные средства, позволяющие создавать web-страницы, имея необходимые знания по основамWeb-дизайна иWeb-программирования. Основная нагрузка ложится на содержание сайта и его структурирование.[12]

1.2.1 Обоснование выбора языка разработки

HTML (HyperText Markup Language) - стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

Коды языка HTML, с помощью которых выполняется разметка исходного текста, называются тегами и вставляются непосредственно в текст документа.

Тег — это набор символов. Все теги начинаются с символа «меньше» (<) и заканчиваются символом «больше» (>). Пару этих символов иногда называют угловыми скобками. После открывающей угловой скобки идет ключевое слово, определяющее тег.

С функциональной точки зрения теги HTML можно распределить по следующим категориям:

- теги описания структуры документа и информации о нем, например, аннотации, списка ключевых слов и т.п.;

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

- теги форматирования текста, описывающие параметры шрифтов, цвета и т.п.;

- теги организации гиперссылок;

- теги, устанавливающие связи HTML-файла с внешними объектами, например, графическими, звуковыми файлами и т.п.;

- теги создания форм, обеспечивающие возможность пользователю вводить информацию и передавать ее Web-серверу.[26]

Для созданияWeb-сайта строительной компании ООО «Скит» язык HTML был выбран потому, что:

1. HTML сайты имеют значительно меньший вес.

2. Сайты “написанные” на HTML работают и загружаются намного быстрее, расходуя меньше ресурсов сервера.

3. В сайтах html типа отсутствует лишний код.

4. HTML-версии сайтов не требуют обновления как самого движка, так и отдельных модулей.

5. Упрощенная система создания резервной копии сайта. Необходимо просто скопировать файлы из родительской директории (главной папки). Это же касается и переноса сайта на другой хостинг.

6. Простота верстки макета проекта.

7. Менее дорогая стоимость разработки всего сайта.

8. Более низкая стоимость аренды хостинга (для html сайта чаще всего подходит самый дешевый хостинг).

9. Сохранность контента на html сайтах выше, так как информация хранится непосредственно в теле страницы (в файле), а не в отдельной базе данных, повреждение которой может сломать весь сайт.

10. Большая стабильность ресурсов из статичных страниц, в виду редактирования каждой страницы отдельно. Если где-то допущена ошибка, она испортит только конкретную страницу.

11. Простота поддержки, т.к. обслуживанием проектов может заниматься любой более или менее знающий html-язык человек (а в каждой cms-системе существуют свои принципы работы и последовательность действий).

Для реализации калькулятора цен в данной работе, был использован языкJavaScript.

JavaScript - мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Язык программирования JavaScript, был выбран потому, что:

- он максимально понятен для пользователя;

- поддерживается наиболее популярными браузерами «по умолчанию»;

- очень высокая скорость работы JavaScript;

- скрипты (программы, написанные на языке JavaScript) подключаются к HTML коду web страницы напрямую и при загрузке сразу же выполняются;

- программы можно запускать не только в браузере, но и на сервере.[11]