Процесс создания 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]

1.2.2 Методы реализации пользовательского интерфейса

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

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

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

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

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

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

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

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

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

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

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

-закладки;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Глава 2. ПРОЕКТНАЯ ЧАСТЬ

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

2.1.1Назначение Web-сайта строительной компании

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

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

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

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

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

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

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

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

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

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

 

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

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

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

2.1.3 Определение функциональностиWeb-сайта

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

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

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

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

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

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

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

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

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

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

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

- планы;

- чертежи;

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

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

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

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

- о компании;

- услуги;

- работы;

- новости;

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

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

2.1.4Описание входной и выходной информации

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

Выходная информация (по отношению к окружающей среде) - информация, которую система выдает в окружающую среду.[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 Требования охраны труда во время работы

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

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

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

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

Оператору ПК во время работы запрещается:

— касаться одновременно экрана монитора и клавиатуры;

— прикасаться к задней панели системного блока при включенном питании;

— переключение разъемов интерфейсных кабелей периферийных устройств при включенном питании;

— загромождать верхние панели устройств бумагами и посторонними предметами;

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

— производить отключение питания во время выполнения активной задачи;

— производить частые переключения питания;

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

— производить самостоятельно вскрытие и ремонт оборудования.[6]

3.4 Требования охраны труда в аварийных ситуациях

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

В случае возгорания электропровода или ПК немедленно отключить его от сети, сообщить об этом в пожарную часть по телефону 101 или 112 и приступить к тушению пожара углекислотным или порошковым огнетушителем.

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

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

3.5 Требования охраны труда по окончанию работы

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

Привести в порядок рабочее место.[15]

Заключение

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

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

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

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

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

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

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

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

Сайт содержит следующие разделы:

- о компании;

- проекты;

- цены;

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

- статьи;

- контакты.

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

Задачи дипломного проектирования, решены:

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

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

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

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

- описана краткая характеристика предриятия;

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

- описана входная и выходная информация;

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

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

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

В перспективе планируется размещение сайта в сети Интернет, а также, дальнейшее его продвижение.

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

  1. HTML & CSS: Design and Build Web Sites. 2017. [Электронный ресурс].URL:   http://amzn.to/1biuvJi – статья в интернете
  2. Shklar L., Rosen R. Web Application Architecture: Principles, Protocols and Practices. Wiley, 2009 – 440 p.
  3. Welling L., Thomson L. PHP and MySQL Web Development (4th Edition). Addison-Wesley Professional, 2008 – 1008 p.
  4. Б. Лоусон, Р. Шарп — ИзучаемHTML 5, Издательство: Питер, 2012
  5. Гарретт, Д. Веб-дизайн. Элементы опыта взаимодействия / Д. Гарретт. - СПб.: Символ-плюс, 2015. - 192 c.
  6. Голомбински, К. Добавь воздуха! Основы визуального дизайна для графики веб и мультимедиа / К. Голомбински, Р. Хаген; Пер. с англ.Н.А. Римицан.. - СПб.: Питер, 2013. - 272 c.
  7. Дакетт, Д.HTML иCSS. Разработка и дизайн веб-сайтов / Д. Дакетт. - М.: Эксмо, 2015. - 480c.
  8. Дунаев В. В. HTML, скрипты и стили. Спб.: БХВ – Петербург, 2011 – 816 с.
  9. Иванова Г.С. Основы программирования: Учебник для вузов. - М.: Изд-во МГТУ им. Н.Э. Баумана, 2002. - 416 с.
  10. Кормен Т., Лейзерсон Ч., Ривест Р. Алгоритмы: построение и анализ. - М.: МЦНМО, 2009. - 960с.
  11. Кушнарев Л.И., Хицков Е.А., Гальчич М.А. Методические рекомендации по дипломному проектированию. - М.: ФГОУ ВПО МГАУ., 2015. - 114 с.
  12. Макгилливрей, К. Использование 3D-технологий при созданииWEB-сайтов +CD / К. Макгилливрей, Э. Хед. - М.: НТ Пресс, 2016. - 336c.
  13.  МерсерDrupal 6. Создание надежных и полнофункциональных веб-сайтов, блогов, форумов, порталов и сайтов-сообществ / Мерсер, Дэвид. - М.: Вильямс, 2009. - 272c.
  14. Мэтью Д. HTML5. Разработка веб-приложений. М.: Рид Групп, 2012 – 320 с.
  15. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript. Спб.: Питер, 2011 – 496 с.
  16. Окулов С.М. Основы программирования. - 3-е изд. - М.: БИНОМ. Лаборатория знаний, 2006. - 440с.
  17. Панфилов К. По ту сторону веб-страницы; Книга по Требованию - Москва, 2014. - 440 c.
  18.  Попов, А.А.FoxPro 2.5/2.6. Создание приложений дляFoxPro 2.5/2.6 вDOS иWindows / А.А. Попов. - М.: Калашников и К, 2013. - 660c.
  19.  Пьюполо, Дж.OLE: Создание элементов управления / Дж. Пьюполо. - М.: Киев:BHV, 2013. - 432c.
  20. Пьюривал С. Основы разработки веб-приложений. СПб: Питер, 2015 – 272 с.
  21. Снелл Абсолютно ясно о созданииWeb-страниц иWeb-сайтов / Снелл, Нэд. - М.: Триумф, 2012. - 224c.
  22. Сырецкий Г. Информатика. Фундаментальный курс. Том 1. Основы информационной и вычислительной техники.: БХВ-Петербург, 2005 - 832 с.
  23. Сырых Ю. А. Современный веб-дизайн. Эпоха Веб 3.0; Вильямс - Москва, 2013. - 376 c.
  24. Титоренко Г.А. Информационные технологии управления. - М.: ЮНИТИ-ДАНА, 2013 г.
  25. Уэйншенк, С. Интуитивный веб-дизайн / С. Уэйншенк. - М.: Эксмо, 2016. - 160c.
  26. Фельке-Моррис, Т. Большая книга веб-дизайна / Т. Фельке-Моррис. - М.: Эксмо, 2016. - 608c.
  27. Шкляр Леон, Розен Рич Архитектура веб-приложений; Эксмо - Москва, 2011. - 640 c.

Приложение А

Структурная схема программного обеспечения

Приложение Б

Схема пользовательского интерфейса

Приложение В

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

Приложение Г

Диаграмма деятельности

Приложение Д

Диаграмма последовательности

1. Менеджер по продажам дает указания разработчику на разработку, отладку и модификацию программного обеспечения.

2. Разработчик разрабатывает, отлаживает и модифицирует программный продукт.

3. Менеджер отдела продаж дает покупателю ссылку на Web-сайт организации.

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

5. Менеджер по продажам связывается с клиентом и оформляет сделку.

Приложение Е

Код формы «Расчет стоимости услуг»

 <h3>Расчет ориентировочной стоимости дополнительных услуг</h3><br>

<script type="text/javascript">

 function calc() {

 var type_cms = document.getElementById("type_cms");

 var type_design = document.getElementById("type_design");

 var type_host = document.getElementById("type_host");

 var soprovozhdenie = document.getElementById("soprovozhdenie");

 var content = document.getElementById("content");

 var seo = document.getElementById("seo");

 var type_forum = document.getElementById("type_forum");

 var comment = document.getElementById("comment");

 var gallery = document.getElementById("gallery");

 var eshop = document.getElementById("eshop");

 var eshop_content = document.getElementById("eshop_content");

 //Result

var result = document.getElementById("result_cms");

 var result = document.getElementById("result_design");

 var result = document.getElementById("soprovozhdenie");

 var result = document.getElementById("content");

 var result = document.getElementById("seo");

 var result = document.getElementById("type_forum");

 var result = document.getElementById("comment");

 var result = document.getElementById("gallery");

 var result = document.getElementById("eshop");

 var result = document.getElementById("eshop_content");

 var result = document.getElementById("result");

 var price_cms = 0;

var price_design = 0;

var price_host = 0;

var price_soprovozhdenie = 0;

var price_content = 0;

var price_seo = 0;

var price_forum = 0;

var price_comment = 0;

var price_gallery = 0;

var price_eshop = 0;

var price_eshop_content = 0;

var price = 0;

price_cms += parseInt(type_cms.options[type_cms.selectedIndex].value);

price_design += parseInt(type_design.options[type_design.selectedIndex].value);

price_host += (type_host.checked == true) ? parseInt(type_host.value) : 0;

price_soprovozhdenie += parseInt(soprovozhdenie.value)*1000;

price_content += parseInt(content.value)*500;

price_seo += (seo.checked == true) ? parseInt(seo.value) : 0;

price_forum += parseInt(type_forum.options[type_forum.selectedIndex].value);

price_comment += (comment.checked == true) ? parseInt(comment.value) : 0;

price_gallery += (gallery.checked == true) ? parseInt(gallery.value) : 0;

price_eshop += (eshop.checked == true) ? parseInt(eshop.value) : 0;

price_eshop_content += (eshop_content.checked == true) ? parseInt(eshop_content.value) : 0;

price=price_cms + price_design + price_host + price_soprovozhdenie + price_content + price_seo + price_forum + price_comment + price_gallery + price_eshop + price_eshop_content;

 result_cms.innerHTML = price_cms;

result_design.innerHTML = price_design;

result_host.innerHTML = price_host;

result_soprovozhdenie.innerHTML = price_soprovozhdenie;

result_content.innerHTML = price_content;

result_seo.innerHTML = price_seo;

result_forum.innerHTML = price_forum;

result_comment.innerHTML = price_comment;

result_gallery.innerHTML = price_gallery;

result_eshop.innerHTML = price_eshop;

result_eshop_content.innerHTML = price_eshop_content;

result.innerHTML = price;

}

</script>

 <table width="880">

<tr style="background-color:#eeeeee;border:1px solid #c6c6c6">

<th style="border:none;padding:7px;background-color:#eeeeee" width="239">Дизайниматариалы</th>

<td style="border:none" width="251"></td>

<td style="border:none" width="160"></td>

<td style="border:none"></td>

</tr>

 </table>

<table>

<tr>

<td width="150">Базовая цена доставки материалов на территорию объекта строительства</td>

<td width="250">&nbsp;</td>

<td width="100"><select onchange="calc()" id="type_cms">

<option value="0">Выбрать</option>

<option value="5000">Газоблок</option>

<option value="6000">Кирпич</option>

<option value="7000">ЛСТК</option>

<option value="1000">Paromax</option>

</select>

</td>

<td width="200"><span id="result_cms">0</span>руб.</td>

</tr>

<tr>

<td width="150">Дизайнпроект</td>

<td width="250"></td>

<td width="100"><select onchange="calc()" id="type_design">

<option value="0">Выбрать</option>

<option value="5000">Индивидуальныйдизайн</option>

<option value="1000">Шаблонныйдизайн</option>

<option value="550">Вашдизайн</option>

</select>

</td>

<td width="200"><span id="result_design">0</span>руб.</td>

</tr>

<tr>

<td width="150">Выезд мастера на объект для составления сметы</td>

<td width="250">&nbsp;</td>

<td width="100"><input type="checkbox" onchange="calc()" value="1500" id="type_host" /></td>

<td width="200"><span id="result_host">0</span>руб.<p>&nbsp;</td>

</tr>

  <th style="border:none;padding:7px;background-color:#eeeeee" width="239">Водоснабжение</th>

<td style="border:none" width="251"></td>

<td style="border:none" width="160"></td>

<td style="border:none"></td>

</tr>

 <tr>

<td width="150">Водоснабжение</td>

<td width="250">(кол.м<sup><font face="Arial">2</font></sup>)</td>

<td width="100"><input type="text" id="soprovozhdenie" value="0" onchange="calc()" /></td>

<td width="200"><span id="result_soprovozhdenie">0</span>руб.</td>

</tr>

 <tr>

<td width="150">Наружное водоснабжение</td>

<td width="250">(кол.м<sup><font face="Arial">2</font></sup>)</td>

<td width="100"><input type="text" id="content" value="0" onchange="calc()" /></td>

<td width="200"><span id="result_content">0</span>руб.</td>

</tr>

 <tr>

<td width="150">Консультация специалиста по выбору труб водоснабжения</td>

<td width="250">&nbsp;</td>

<td width="100"><input type="checkbox" onchange="calc()" value="1000" id="seo" /></td>

<td width="200"><span id="result_seo">0</span>руб.</td>

</tr>

 <th style="border:none;padding:7px;background-color:#eeeeee" width="239">Двериивентиляция</th>

<td style="border:none" width="251"></td>

<td style="border:none" width="160"></td>

<td style="border:none"></td>

</tr>

<tr>

<td width="150">Установка дверей</td>

<td width="250"></td>

<td width="100"><select onchange="calc()" id="type_forum">

<option value="0">Самостоятельно</option>

<option value="1500">Входныедвери</option>

<option value="1000">Межкомнатныедвери</option>

</select> </td>

<td width="200"><span id="result_forum">0</span>руб.</td>

</tr> <tr>

<td width="150">Установка блока вентиляции</td>

<td width="250"></td>

<td width="100"><input type="checkbox" onchange="calc()" value="100" id="comment" /></td>

<td width="200"><span id="result_comment">0</span>руб.</td>

</tr>  <tr>

<td width="150">3<span lang="en-us">D</span>чертеждома</td>

<td width="250">В системе автоматизированного проектирования Компас <span lang="en-us">3D</span></td>

<td width="100"><input type="checkbox" onchange="calc()" value="1000" id="gallery" /></td>

<td width="200"><span id="result_gallery">0</span>руб.</td>

</tr>

<tr style="background-color:#eeeeee;border:1px solid #c6c6c6">

<th style="border:none;padding:7px;background-color:#eeeeee">Отопление</th>

<td style="border:none"></td>

<td style="border:none"></td>

<td style="border:none"></td>

</tr> <tr>

<td width="150">Установка системы отопления</td>

<td width="250"></td>

<td width="100"><input type="checkbox" onchange="calc()" value="5000" id="eshop" /></td>

<td width="200"><span id="result_eshop">0</span>руб.</td>

</tr> <tr>

<td width="150">Установка электроосвещения</td>

<td width="250"></td>

<td width="100"><input type="checkbox" onchange="calc()" value="5000" id="eshop_content" /></td>

<td width="200"><span id="result_eshop_content">0</span>руб.</td>

</tr> <tr>

<td width="250" class="td_result">ИТОГО:</td>

<td width="150"></td>

<td width="100"></td>

<td class="td_result"><span id="result">0</span>руб.</td>




Похожие работы, которые могут быть Вам интерестны.

1. Разработка сайта для строительной компании «Технология»

2. Анализ деятельности промышленно-строительной компании «Группы ЛСР»

3. Разработка сайта компании ГИК

4. Проект подготовки ВКР на тему Стратегическое развитие строительной компании в кризисных условиях

5. Разработка и создание web-сайта компании «МаксАвто»

6. Разработка web-сайта для компании с оказанием психологических консультаций и вебинаров

7. Процесс создания мультимедийного веб-проекта на примере туристической платформы «Записки об усадьбах»

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

9. Финансовая диагностика компании и установление категории финансовой устойчивости компании

10. Формирование положительного имиджа компании-работодателя на примере компании Intermedia