Создание информационного Web-сайта для строительной компании ООО "Скит"

Размещено на http://www.allbest.ru

Размещено на http://www.allbest.ru

Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Общая характеристика объекта исследования

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

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

- реклама;

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

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

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

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

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

Информация, доступная пользователям 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]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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]

Для реализации пользовательского интерфейса при создания Web-сайта строительной компании ООО «СКИТ» были выбраны каскадные таблицы стилей CSS.

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

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

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

Для создания Web-сайта строительной компании ООО «СКИТ» в качестве среды разработки использовался текстовый редактор Notepad++.

Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Поддерживает открытие более 100 форматов.

Возможности программы заявлены на официальном сайте, среди них:

- подсветка синтаксиса;

- сворачивание кода;

- автодополнение и автоматическое закрытие скобок и тэгов;

- закладки;

- регулярные выражения для поиска и замены;

- запись и воспроизведение макросов;

- сравнение файлов;

- менеджер проектов и т.д.;[1]

NotePad++ был выбран потому, что:

- он абсолютно бесплатный. Его постоянно обновляют и поддерживают;

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

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

1.3 Краткая характеристика предприятия ООО «СКИТ»

Строительная компания ООО «СКИТ» была создана как единая структура, объединяющая ряд компаний, успешно действующих в г. Ростове-на-Дону.

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

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

Кроме того, компания осуществляет сдачу объектов Государственной комиссии и оформление документов на передачу в собственность заказчиков. Накоплен значительный опыт возведения объектов любой степени сложности: административных и жилых зданий, торговых комплексов, коттеджных поселков и отдельных зданий малоэтажного строительства, спортивных и развлекательных комплексов. Подбор и применение в оптимальном сочетании материалов и оборудования, а также постоянное совершенствование способов ведения работ, позволяют наиболее полно удовлетворять требования заказчиков.
ООО «СКИТ» занимается как строительством новых зданий, так и реконструкцией, капитальным ремонтом существующих, осуществляет эксплуатационное обслуживание построенных или реконструированных объектов. В число предоставляемых услуг входит также выполнение дизайн-проектов и элитная отделка внутренних помещений.

Организационно-управленческая структура строительной компании «СКИТ» соответствует требованиям рынка и специфике услуг компании. В ее основу заложен функционально-матричный способ управления производством, что позволяет эффективно координировать работу подразделений и избегать коммуникационных потерь.[2]

1.4 Цель и задачи дипломной работы

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

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

Задачи дипломной работы:

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

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

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

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

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

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

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

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

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

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

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

2. Проектная часть

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

Web-сайт компании ООО «СКИТ» - программный продукт, предоставляющий клиентам информацию о компании, ее сфере деятельности, а также, товарах и услугах, предлагаемых данной организацией.

Назначение Web-сайта компании ООО «СКИТ»:

- предоставить информацию о компании в сети Интернет;

- представить товары и услуги;

- представить советы покупателю в области строительства.

Сайт должен способствовать:

- увеличению притока покупателей при одновременном снижении расходов на рекламу;

- привлечению новых поставщиков (металлопрокат, цемент, и т.д.);

- более четкому формированию портфеля заказов;

- нахождению новых корпоративных клиентов для долговременного сотрудничества (строители - СМУ, СУ и т.д.).

Пользователями Web-сайта строительной компании ООО «СКИТ» в основном являются люди, интересующиеся строительством зданий (жилых домов, торговых комплексов, построек индивидуального назначения) а также, готовыми проектами домов. Это могут быть как семьи, так и отдельные люди.

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

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

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

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

Web-сайт строительной компании ООО «СКИТ» должен обеспечивать реализацию следующих функций:

- предоставить информацию о компании;

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

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

- возможность рассчитать стоимость услуг компании;

- возможность связаться с менеджером для уточнения заказа.

Сайт строительной компании обязательно должен содержать:

- техническую информацию

- планы;

- чертежи;

- схемы инженерных коммуникаций и т. п.

Очень важна наглядность - проекты домов и квартир лучше делать в цветном формате с сохранением геометрии.

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

На сайте строительной компании, обязательно наличие разделов:

- о компании;

- услуги;

- работы;

- новости;

- прайс-лист или калькулятор стоимости работ;

- контакты (схема проезда, способы связи).

Входная информация - информация, которую система воспринимает от окружающей среды. Такого рода информация называется входной информацией (по отношению к системе).

Выходная информация (по отношению к окружающей среде) - информация, которую система выдает в окружающую среду.[4]

Входной информацией для Web-сайта строительной компании ООО «СКИТ» являются документы о компании, сведения о ее сфере деятельности, предоставляемых товарах и услугах, а также их стоимости.

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

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

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

Вся выходная информация представлена в виде интерактивных Web-страниц, на которых располагался меню, подменю и поле отображения информации о товарах.

2.2 Графическое отображение спецификаций

сайт сервер тег

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

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

UML (англ. Unified Modeling Language -- унифицированный язык моделирования) - язык графического описания для объектного моделирования в области разработки программного обеспечения, моделирования бизнес-процессов, системного проектирования и отображения организационных структур.[10]

В процессе создания информационного Web-сайт строительной компании ООО «СКИТ» были разработаны следующие виды диаграмм:

- структурная схема программного обеспечения (приложение А);

- схема пользовательского интерфейса (приложение Б);

- диаграмма вариантов использования (приложение В);

- диаграмма деятельности (приложение Г);

- диаграмма последовательности (приложение Д).

2.3 Требования к дизайну Web-сайта

Среди требований к созданию сайта можно выделить:

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

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

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

- хорошая конверсия - сайт должен превращать посетителя в покупателя.

Основные требования к дизайну сайта:

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

- быть стильным, подчеркивать имидж компании;

- сочетаться с фирменным стилем компании;

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

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

- к макету должна прилагаться пояснительная записка.

Чем сайт качественней, привлекательней и удобнее, тем больше шансов, что посетитель вернется на него вновь, и тем больше он будет заметен среди других. Создание сайта дело творческое, и многое зависит от воображения и таланта мастера.[9]

2.4 Этапы и стадии разработки

В процессе создания сайта строительной компании ООО «СКИТ» были пройдены следующие этапы:

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

В данном случае, цель - это создание информационного Web- сайта компании ООО «СКИТ», для представительства данной организации в сети Интернет.

2 этап -- проведение исследований по теме. Прежде, чем преступить к разработке, необходимо проанализировать тему, изучить сайты потенциальных конкурентов. В дальнейшем это поможет в создании собственной концепции.

Перед началом разработки данного Web-сайта были проанализированы сайты фирм-конкурентов, выявлены их положительне и отрицательные стороны, и на этой основе было решено, какой именно контент стоит разместить на сайте компании ООО «СКИТ».

3 этап -- определение типа сайта, разработка ТЗ и структуры. На этом этапе совместно с разработчиком было составлено техническое задание (ТЗ) на создание сайта. ТЗ включало следующие пункты:

- тип сайта (информационный Web-сайт);

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

- стиль дизайна (строгий, светлые тона);

- структура сайта (какие страницы должны быть на сайте);

- структура страниц (какие блоки должны быть на страницах и в каком виде).

4 этап -- разработка макета дизайна сайта. На данном этапе проводились:

- генерация идей дизайна;

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

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

- разработка внутренних страниц по аналогичному алгоритму.

5 этап -- HTML-CSS вёрстка. Верстка страниц, при разработке данного Web-сайта, проводилась исходя из следующих требований:

- кроссбраузерность;

- гибкость вёрстки;

- быстрота обработки кода браузером;

- валидность (соответствие стандартам);

- семантическая корректность (логичное и правильное использование элементов HTML).

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

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

8 этап -- тестирование сайта и исправление ошибок. Тестирование сайта проводил как разработчик, так и заказчик.[24]

2.5 Описание пользовательского интерфейса

При посещении Web-сайта строительной компании ООО «СКИТ» пользователь, первым делом попадает на главную страницу (см. Рисунок 1).



Рисунок 1 - Главная страница Web-сайта компании ООО «СКИТ»

Главная страница содержит следующие разделы:

- о компании;

- проекты;

- цены;

- наши работы;

- статьи;

- контакты.

Главная страница данного сайта предоставляет общую информацию о строительстве домов и коттеджей в г. Ростове-на-Дону, материалах с которыми работает данная компания (см. Рисунок 2), и основных услугах компании (см. Рисунок 3).

Рисунок 2 - Ссылки на страницы с описанием строительных материалов



Рисунок 3 - Услуги компании ООО «СКИТ»

При выборе вкладки «О компании», пользователь попадает на страницу с основной информацией о сфере деятельности данной организации (см. Рисунок 4).

Рисунок 4 - Страница «О компании»

При переходе на станицу «Проекты», клиент видит информацию о готовых проектах компании ООО «СКИТ», представленную в удобном виде. Это информация о площади помещения и его стоимости (см. Рисунок 5).



Рисунок 5 - Страница «Проекты»

Для просмотра подробной информации о каждом проекте, необходимо перейти по гиперссылке с указанием названия проекта (см. Рисунок 6).

Рисунок 6 - Просмотр информации о проекте

Каждый проект содержит следующую информацию:

- общая площадь;

- площадь застройки;

- строительная площадь;

- этажность;

- фундамент;

- стены;

- кровля;

- фасад;

- планировка (см. Рисунок 7).



Рисунок 7 - Пример планировки проекта

На странице «Цены» пользователь может найти информацию о ценах на строительство зданий, в зависимости от интересующих его параметров (см. Рисунок 8), а также рассчитать стоимость дополнительных услуг (см. Рисунок 9).

Рисунок 8 - Таблица с ценами на строительство



Рисунок 9 - Калькулятор дополнительных услуг

На странице «Наши работы» клиенты могут ознакомиться с фотографиями уже построенных компанией объектов (см. Рисунок 10).

Рисунок 10 - Страница «Наши работы»

Посетив страницу «Статьи», пользователь сможет найти много полезной информации о строительстве (см. Рисунок 11). Это советы и рекомендации по выбору строительной компании, информация о том, как построить дом своими руками, а также полезные сведения о правильном выборе строительных материалов для различных объектов строительства (см. Рисунок 12).



Рисунок 11 - Страница «Статьи»

Рисунок 12 - Пример оформления статьи

На странице «Контакты» содержится информация о режиме работы организации, адресах офисов продаж, телефонах отделов и филиалах компании ООО «СКИТ». Также, на данной странице расположена форма обратной связи, с помощью которой, пользователь может связаться со специалистом компании и задать интересующий его вопрос (см. Рисунок 13).



Рисунок 13 - Страница «Контакты»

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

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

Уровни тестирования:

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

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

- системное тестирование - тестируется интегрированная система на её соответствие исходным требованиям.[21]

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

Процесс отладки включал в себя:

- действия, направленные на выявление ошибок (тестирование);

- диагностику и?локализацию ошибок (определение характера ошибок и?их местонахождение);

- внесение исправлений в?программу с?целью устранения ошибок.

Из трех перечисленных видов работ самым трудоемким является тестирование.

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

3. Техника безопасности, охрана труда

3.1 Общие требования по охране труда

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

В течение трудовой деятельности оператор ПК обязан проходить повторные инструктажи на рабочем месте - не реже 1 раза в 6 месяцев, периодический медосмотр - в соответствии с Приказом Минздрава № 302н, очередную проверку знаний требований охраны труда - не реже 1 раза в год.

Оператор ПК проходит внеплановый инструктаж: при изменении технологического процесса или правил по охране труда, замене или модернизации оборудования, изменении условий и организации труда, при нарушениях инструкций по охране труда, перерывах в работе более чем на 60 календарных дней (для работ, к которым предъявляются повышенные требования безопасности - 30 календарных дней). [14]

Оператор ПК обязан:

-- соблюдать Правила внутреннего трудового распорядка;

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

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

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

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

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

Монитор должен находиться на расстоянии 50-70 см от глаз оператора ПК и иметь антибликовое покрытие. Покрытие должно также обеспечивать снятие электростатического заряда с поверхности экрана, исключать искрение и накопление пыли.

Нельзя загораживать заднюю стенку системного блока или ставить ПК вплотную к стене, это приводит к нарушению охлаждения системного блока и его перегреву.

Режим работы и отдыха должен зависеть от характера выполняемой работы. При вводе данных, редактировании программ, считывании информации с экрана непрерывная продолжительность работы с ПК не должна превышать 4 часа за рабочий день при 8-ми часовом рабочем дне. Через каждый час работы необходимо делать перерывы на отдых по 5-10 минут или по 15-20 минут каждые два часа работы.

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

В процессе работы на оператора ПК могут воздействовать следующие опасные и вредные факторы:

-- повышенные уровни электромагнитного излучения;

-- повышенный уровень статического электричества;

-- повышенный уровень прямой блесткости;

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

-- напряжение зрения;

-- напряжение внимания;

-- эмоциональные нагрузки;

-- длительные статические нагрузки;

-- монотонность труда;

-- большой объем информации;

-- интеллектуальные нагрузки.[22]

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

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

За невыполнение данной инструкции виновные привлекаются к ответственности согласно действующему законодательству Российской Федерации.

3.2 Требования охраны труда перед началом работы

Подготовить свое рабочее место к работе, убрать посторонние предметы.

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

Включить ПК в сеть 220В, при этом штепсельную вилку держать за корпус.

Обо всех обнаруженных неисправностях оборудования, электропроводки и других неполадках сообщить своему непосредственному руководителю и приступить к работе только после их устранения.[15]

3.3 Требования охраны труда во время работы

Во время работы быть внимательным, не отвлекаться на посторонние дела и разговоры, не отвлекать других.

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

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

...