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

Содержание

• Введение
• 1. Анализ предметной области темы дипломного проекта
• 1.1 Обзор и анализ методов и средств по созданию и проектированию Web-сайтов
• 1.2 Анализ существующих технологий создания Web-сайтов
• 1.3 Языки программирования для создания Web-сайтов
• 1.4 Системы управления базами данных для интернет -приложений
• 2. Выявление задач и требований к Web -сайту предприятия
• 2.1 Анализ достоинств и недостатков систем управления сайтом CMS
• 2.2 Основные задачи сайта предприятия
• 2.3 Требования к сайту
• 2.4 Структура сайта
• 3. Описание разработки веб -приложения
• 3.1 Разработка дизайна и макета оригинал -макетов сайта
• 3.2 Проектирование и разработка базы данных
• 4. Апробация функционирования сайта организации
• 5. Организационно-экономическое обоснование работы
• 5.1 Расчет общей трудоемкости разработки ПО
• 5.2 Расчет затрат на разработку программного продукта
• 6. Сведения об охране труда
• 6.1 Пожарообеспеченность помещений управленческой деятельности
• Заключение
• Список использованных источников
• Перечень условных обозначений и сокращений
• Приложения
• Введение
• Актуальность темы дипломного проекта обусловлена отсутствием у КУП «ИВЦ Гомельоблсельхозпрода» своего Web - ресурса.
• Основной целью написания дипломного проекта являлась разработка Web -ресурса КУП «ИВЦ Гомельоблсельхозпрода»., г. Гомель.
• Назначение Web -ресурса:

- предоставление информации о КУП «ИВЦ Гомельоблсельхозпрода»;

- предоставление полной информации о товарах магазина;

- предоставление контактной информации.

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

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

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

В третьем разделе было представлено описание разработки веб -ресурса, а также описаны все этапы разработки дизайна и макета оригинал -макетов сайта также привидены макеты Web -ресурса.

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

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

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

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

1. Анализ предметной области темы дипломного проекта

1.1 Обзор и анализ методов и средств по созданию и проектированию Web -ресурсов

сайт дизайн макет программирование

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

Сегодня все современные методы создания веб -сайта сложно поделить на две основные группы.

К первой категории можно отнести методы ручного написания сайта на одном или нескольких языках программирования. При этом работа может происходить как в простых текстовых редакторах, так и в визуальных редакторах. Если необходимо создать статический сайт, то достаточно использование вместе HTML и CSS. Если же необходим динамический веб -сайт, в таком случае не обойтись без таких языков программирования как PHP и так далее.

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

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

Вторая категория включает в себя автоматизированные методы.

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

Самые популярные это ucoz, narod, sites.google.com. Блог-сервисы. Самые популярные из них это: LiveJournal или LiveInternet. Это тоже своеобразные конструкторы.

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

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

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

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

1. концептуальное проектирование;

2. логическое проектирование;

3. физическое проектирование.

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

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

Подпробное описание проектов проектирования Web - ресурса.

Концептуальное проектирование.

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

На этом этапе следует описать следующее:

1. Основные и второстепенные цели;

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

3. Состав пользователей;

4. Интересы групп пользователей;

5. Разделы сайта;

6. Критерии достижения цели.

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

Логическое проектирование.

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

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

На этом этапе следует описать следующее:

1. тип структуры сайта (линейная, иерархическая, контекстная, другая);

2. названия разделов;

3. что будет содержать в себе каждый раздел;

4. организация и связь разделов между собой;

5. какая информация будет размещена на определенных страницах сайта.

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

Физическое проектирование.

Этап решений проблем, а их поиска, связанных, по большей части, с технической реализацией сайта.

На этом этапе следует описать следующее:

1. технологии, которые будут применяться на сайте;

2. используемое программное обеспечение;

3. возможные проблемы и способы их устранения;

4. администрирования.

После завершения данного этапа следует вернуться к концептуальному проектированию и проверить, не нужно ли внести изменения, в связи с переосмыслением проекта на других стадиях [2].

1.2 Анализ существующих технологий создания Web - ресурсов

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

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

Виды Технологии Web - разработки:

Клиентские технологии

HTML - «язык гипертекстовой разметки» стандартизированный язык разметки документов во Всемирной паутине. Большинство Web - ресурсов содержат описание разметки на языке HTML (или XHTML).

Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста. Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования.

И несмотря на то что язык HTML не сильно прогрессивно развивается на сегоднешний день уже существует HTML5 а также XHTML которые могут тесно взаимодействовать с каскадными таблицами стилей (CSS).

Каскадные таблицы стилей

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

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

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

CSS предполагает 3 типа таблиц стилей - встроенные, внедренные (внутренние) и связанные (внешние).

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

Уникальность JavaScript состоит в том, что такие технологии как ActiveX, VBScript, XUL - поддерживаются не в каждом браузере (не кросс-браузерны). Такие технологии как Flash, Silverlight, Java - не полностью интегрированы с браузером, работают в своем окружении.

Поэтому Javascript - уникальная технология, и таковой останется. Сейчас она развивается, создается язык Javascript 2 и новый интерпретатор.

Серверные технологии

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

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

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

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

XML - является независимым языком разметки и предназначен для описания и передачи информации. Он призван стать наиболее распространенным инструментом для всех манипуляций с данными и передачи данных. XSL это язык для определения, преобразования и форматирования XML - документов.

MySQL - это быстрый, с открытым исходным кодом, язык реляционной системы управления базами данных, которая использует популярный Structured Query Language (SQL). Она идеально подходит для большинства веб-сайтов, которые должны иметь функциональные возможности базы данных. MySQL работает рука об руку с PHP.

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

Microsoft Silverlight -- это программная платформа для написания и запуска многофункциональных интернет-приложений RIA (Rich Internet application), схожая с Adobe Flash, включающая в себя модуль для браузера, который позволяет запускать приложения, содержащие анимацию, векторную графику и аудио-видео ролики, что характерно для RIA (Rich Internet application). Версия 2.0 добавила поддержку для языков .NET и интеграцию с IDE.

Adobe Flash - мультимедийная платформа компании Adobe Systems для создания веб-приложений или мультимедийных презентаций. Широко используется для создания рекламных баннеров, анимации, игр, а также воспроизведения на веб-страницах видео- и аудиозаписей. Платформа включает в себя ряд средств разработки, прежде всего Adobe Flash Professional а также программу для воспроизведения flash-контента -- Adobe Flash Player, хотя flash-контент умеют воспроизводить и многие плееры сторонних производителей.

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

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

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

1.3 Языки программирования для создания Web -ресурсов

Основные языки программирования, которые используются при создании Web -ресурсов. При создании динамических Web -ресурсов в большинстве случаев применяется какой -нибудь язык программирования. К числу широко используемых в Web -разработках языков относятся JavaScript, PHP, Perl, Python, Ruby. Самыми распространенными являются языки PHP и JavaScript.

PHP - ("PHP: Препроцессор Гипертекста") создавался специально для ведения Web -разработок и может использоваться непосредственно в HTML -коде. PHP является языком сценариев общего назначения с открытым исходным кодом. Синтаксис языка берет начало из C, Java и Perl и является легким для изучения. Преимущественным назначением PHP является предоставление web -разработчикам возможности быстрого создания динамически генерируемых web -страниц, однако, область применения PHP не ограничивается только этим.

Perl - Язык Perl создан системным программистом Ларри Уоллом (Larry Wall) как средство UNIX, позволяющее "склеивать" из программок, выполняющих отдельные функции, большие сценарии для решения комплекса задач, связанных с администрированием, обработкой текста и т. д. В дальнейшем Perl вышел за эти рамки, превратился в настоящий язык программирования, в котором нашли отражение многие тенденции, обозначившиеся в технологии программирования за последнее десятилетие, и получил широкое распространение в связи с развитием Internet.

Perl является основным средством создания приложений CGI, удобен для решения задач администрирования Web-серверов, электронной почты и других систем. Благодаря быстроте и легкости написания сценариев на этом языке он распространился и на другие платформы: DOS, Windows, OS/2, Mac, VMS и пр.

Одно из основных достоинств языка Perl - его открытость и доступность. В сети Internet можно получить совершенно бесплатно исходные тексты интерпретатора perl (язык Perl - интерпретируемый, что в некоторых случаях является преимуществом) и модулей его расширения.

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

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

Наиболее часто Python сравнивают с Perl и Ruby. Эти языки также являются интерпретируемыми и обладают примерно одинаковой скоростью выполнения программ. Как и Perl, Python может успешно применяться для написания скриптов (сценариев). Как и Ruby, Python является хорошо продуманной системой для ООП.

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

У JavaScript есть свой стандарт: ECMAScript. Кто-то говорит, что JavaScript похож на Python, кто-то говорит о схожести с языками Ruby, Self. Правда заключается в том, что JavaScript сам по себе. Это действительно особенный язык.

Основные области использования JavaScript таковы:

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

2. проверка правильности заполнения пользователем форм до пересылки их на сервер;

3. решение «локальных» задач с помощью сценариев и некоторые другие сферы.

Возможности JavaScript:

1. Изменять страницу, писать на ней текст, добавлять и удалять теги, менять стили элементов;

2. Реагировать на события: скрипт может ждать, когда что -нибудь случиться (клик мыши, окончание загрузки страницы) и реагировать на это выполнением функции;

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

4. Устанавливать и считывать cookie, проверять корректность данных, выводить сообщения и многое другое.

Уникальность и прелесть Javascript заключаются всего в нескольких пунктах:

1. Полная интеграция с браузером;

2. Простые вещи делаются просто;

3. Поддерживается почти везде.

Этот набор преимуществ нельзя найти ни в одной из других технологий. Например, такие технологии как ActiveX, VBScript, XUL - поддерживаются не в каждом браузере (не кросс - браузерны). Такие технологии как Flash, Silverlight, Java - не полностью интегрированы с браузером, работают в своем окружении. Поэтому Javascript - уникальная технология, и таковой останется. Сейчас она развивается, создается язык JavaScript 2 и новый интерпретатор[3].

1.4 Системы управления базами данных для интернет - приложений

Традиционно используемые для Web -разработок языки программирования (Perl, PHP, ASP и другие) позволяют реализовывать практически любые задачи. Но обрабатывать с их помощью большие объемы данных, имеющих к тому же сложную структуру, достаточно затруднительно. Разработка подобных программ требует все возрастающих затрат труда программистов, в геометрической прогрессии растет объем программного кода и количество ошибок, снижается надежность программного обеспечения.

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

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

Лидером среди баз данных, применяемых для разработки Web-приложений, на сегодняшний день, безусловно, является MySQL.

PphMyAdmin - это самая распространенная полноценная серверная СУБД. PphMyAdmin очень функциональная, свободно распространяемая СУБД, которая успешно работает с различными Web - ресурсами и веб приложениями. Обучиться использованию этой СУБД довольно просто, так как на просторах интернета вы легко найдете большее количество информации [4].

Достоинства MySQL:

1. Простота в работе;

2. Богатый функционал;

3. Безопасность;

4. Масштабируемость;

5. Скорость.

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

2. Выявление задач и требований к web -сайту предприятия

2.1 Анализ достоинств и недостатков системы управления сайтом CMS

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

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

В основном сегодняшние массовые CMS используют генерацию HTML/XML-документов под управлением двух скриптовых языков: PHP - на стороне сервера, JavaScript - на стороне клиента (браузера). При этом возможности стандартного web -сервера, состоящего из трех основных частей: сетевого сервера, транслятора РНР, системы управления базами данных (обычно MySQL), могут использоваться в различной степени.

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

Коммерческие коробочные CMS - продукты, созданные коммерческими организациями с целью извлечения прибыли от продажи лицензии и/или технической поддержки. Среди известных платных систем управления можно выделить: 1С -Битрикс, UMI.CMS, NetCat, HostCMS и другие.

Бесплатные CMS появились, как альтернативное бизнес -решение, с той лишь разницей, что в первом случае компания зарабатывает на продаже лицензий, а во втором -- на поддержке и внедрении какого либо Web - ресурса. По своей функциональности бесплатные CMS не уступают платным аналогам и также популярны среди разработчиков. К таким системам относятся: Joomla, WordPress, Drupal, MODx, OpenCart и другие.

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

Подключение CMS.

Плюсы:

– возможность самостоятельного наполнения;

– возможность распределенного администрирования;

– структурированность информации;

– расширение возможностей с помощью готовых модулей;

– автономность (клиент «не будет зависеть от Web -студии»).

Минусы:

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

– последующие доработки сайта также сопряжены с правкой CMS;

– плата за лицензию (в случае платной CMS);

– повышенная оплата хостинг -площадки;

– требовательность к ресурсам (сайт дольше загружается);

– наличие уязвимостей;

– низкий уровень безопасности (чаще для бесплатных CMS).

Как видно, основным аспектом установки CMS является получение возможности самостоятельного редактирования Web -ресурса.

2.2 Основные задачи Web -ресурса предприятия

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

Цели создания Web -ресурса:

1. Облегчение получения пользователями актуальной информации о компании;

2. Необходимость увеличения трафика;

3. Сокращение звонков в службу поддержки клиентов;

4. Упрощение процесса продаж;

5. Упрощение процесса обратной связи.

Задачи создания Web -ресурса:

1. Увеличение лояльности клиентов;

2. Увеличение продаж за счет новых клиентов;

3. Сокращение расходов на службы технической и/или информационной поддержки;

4. Увеличение объема продаж; Совершенствование и модернизация продукта и/или услуг;

5. Привлечение целевых клиентов на ресурс;

6. Проведение исследований целевых групп.

Преимущества получаемые предприятием при создании своего Web -ресурса:

1. Веб сайт - бесплатный круглосуточный канал предоставления актуальной информации посетителям сайта, клиентам, партнерам и сотрудникам компании в неограниченном объеме и формате;

2. Сокращение расходов на другие виды рекламоносителей;

3. Неограниченные возможности демонстрации продукта;

4. Бесплатная и высоко -информативная обратная связь;

5. Возможность уточнения интересов потенциальных и постоянных клиентов;

6. Увеличение дохода компании за счет интернет - продаж;

7. Платформа для обучения и тестирования сотрудников;

8. Средство обмена конфиденциальной информацией между удаленными офисами [6].

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

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

Разработкай Web - стондартов занимается Консомрциум Всемимрной паутимны (World Wide Web Consortium, W3C) - организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины. Консорциум возглавляет сэр Тимоти Джон Бернерс-Ли, автор множества разработок в области информационных технологий.

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

Web - ресурсы должны быть сделаны по всем правилам, которые разработаны и приняты как обязательные к использованию[7].

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

Главное, чтоб навигация Web - ресурса была удобной для посетителя.

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

По своим функциям система навигации делится на следующие виды:

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

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

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

– Тематическая - навигация по страницам сайта одной определенной тематики (рубрики).

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

– Указательная - по-другому, справочная. Гиперссылка указывает, в какой области сайта сейчас находится посетитель.

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

По визуальному оформлению выделяют следующие виды навигации:

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

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

– HTML-формы - помогают в экономии места с помощью выпадающих или открывающихся элементов.

– Java и Flash технологии - с помощью них можно организовать определенную реакцию на действия при наведении курсора, нажатии кнопок мыши или клавиатуры [8].

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

2.4 Структура Web -ресурса

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

Существует несколько основных структур:

– иерархическая - страницы разбиты по категориям и подкатегориям.

Такая структура наиболее удобна;

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

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

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

- «Паутина» - это структура, практически идентичная концепции сервиса WWW(World Wide Web), но в масштабах отдельно взятого сайта. Она основана на установлении таких связей между страницами, которые позволяют быстро перемещаться между ними, минуя какие -либо промежуточные страницы (стартовую или страницы разделов). Подобная структура избыточна, управление ей сильно затрудняется с ростом числа страниц, а пользователь может элементарно «увязнуть» на страницах такого Web -ресурса [9].

– «Решетки» Если устоновить связь между страницами по данному принципу, то можно хорошо упорядочить Web - ресурс;

На данном Web - ресурсе используется иерархическая структура Web -ресурса (рисунок 2.1).



Рисунок 2.1 -- Структура Web -ресурса

3. Описание разработки веб - ресурса

3.1 Разработка дизайна и макета оригинал -макетов Web -ресурса

Принятие концепции семантического Web и переход к семантической верстке, привели к значительным изменениям в области веб-дизайна как в плане подхода, так и в плане технологий. На место табличного метода, как наиболее часто используемого, пришла верстка при помощи блоков (тег div) и CSS, или, так называемая блочная верстка.

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

Можно выделить следующие преимущества блочной верстки:

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

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

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

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

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

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

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

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

Рисунок 3.1 -- Макет Главной страницы

1 - область отображения логотипа и названия. 2 - горизонтальное меню навигации. 3 - поиск. 4 -блок всего контента. 5 - дата добавленой записи. 6 - название статьи. 7 - название рублики. 8 - отрывок текста из новости. 9 - кнопка для продолжения чтения необходимой овости. 10 - блок правого меню. 11 - список форумов. 12 - горизонтальное меню навигации. 13 - данные из архива за определенный период. 14 - недавние статьи. 15 - блок авторизации через mail и социальные сети. 16 - футер.

Исходя из этого, разработанный сайт имеет простой, удобный и интуитивно понятный интерфейс, состоящий из набора страниц.

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

– заголовок окна, содержащий название страницы или назначение текущей страницы;

– рабочее поле, на котором в виде текста отображена информация;

– строка времени и даты.

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

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

Рисунок 3.2 -- Макет форума

1 - Название страницы. 2 - поиск по форуму. 3 - описание контента. 4 -блок с форумами. 5 - количество тем на форуме. 6 - количество сообщений на форуме. 7 - дата поледнего сообщения и имя пользователя оставевшего сообщение.

4. Апробация функционирования сайта организации

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

При входе на сайт «Gomelivc.tk» появляется главная страница, предлагающая пользователю меню (рисунок 4.1).

Рисунок 4.1 -- Внешний вид страницы «Главная»

На главной странице представлено меню, при переходе по одному из пунктов можно перейти на выбранную вами страницу. Также на главной странице находятся последние новости, блок авторизации, блок с последними темами форума а также архив данных за оприделенный период. При выборе пункта меню «О Нас» вы переходите на страницу, где находится информация об организации, а также описана организации и история данной организации.

Внешний вид страницы «характеристика организации» представлен на рисунке 4.2.

Рисунок 4.2 -- Внешний вид страницы «О Нас»

При выборе пункта меню «Вакансии» вы перейдете на страницу на которой представлены рабосии вакансии а также дружественные организации с других регионов Республики (рисунок 4.3).

Рисунок 4.3 -- Внешний вид страницы «Вакансии»

При выборе пункта меню «Контакты» вы перейдете на страницу на которой будет находится контактная информация и карта проезда к организации(рисунок 4.4).

Рисунок 4.4 -- Внешний вид страницы «Контакты»

При выборе пункта меню «Форум» вы перейдете на страницу, где находится форум организации (рисунок 4.5).

При выборе пункта «Вход» вы должны ввести свой Логин И Пароль или авторизироватся через социальные сети(рисунок 4.6).



Рисунок 4.5 -- Внешний вид страницы «Форум»

Рисунок 4.6 -- Внешний вид страницы «Вход»

Если вы не зарегистрированы, то при выборе пункта меню «Регистрация» вы перейдете на страницу, где можно зарегистрироваться на сайте организации (рисунок 4.7).



Рисунок 4.7 -- Внешний вид страницы «Регистрация»

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

5. Организационно -экономическое обоснование работы

5.1 Расчет общей трудоемкости разработки ПО

Укрупненные нормы затрат труда на разработку программного обеспечения являются основой для определения общей трудоемкости разработки ПО, объемов финансирования на стадии его технико -экономического обоснования. На основе общей трудоемкости разработки ПО составляется смета затрат, а также определяется численность исполнителей (соисполнителей) и трудоемкость выполняемых ими работ по этапам разработки ПО. Общий объем ПО (V0) определяется исходя из количества и объема функций [приложение Д, таблица Д.1], реализуемых программой, по каталогу находящегося в таблице 5.1.1 и рассчитывается по формуле:

, (5.1)

где Vi -- объем отдельной функции программы;

n -- общее число функций.

Таблица 5.1.1 -- Каталог функций программного обеспечения

Код функции	Наименование, содержание функции	Объем функций строк исходного кода(LOC)
		По каталогу Vi	Уточненный Vvi
101	Организация ввода информации	130	115
202	Формирование базы данных портала	1480	1360
811	Администрирование и обновление сайта	90	90
707	Графический вывод результатов	420	368
107	Организация ввода -вывода инф. в интерактивном режиме	280	249
801	Простой поиск контента портала	55	46
805	Создание карты сайта	76	68
806	Сбор статистики о посетителях портала	95	89
809	Создание системы управления контентом	970	968
209	Загрузка базы данных	2360	2282
	ИТОГО:	5959	5635

Учитывая, что веб -приложений реализовано с использованием среды разработки приложений «Java» и нормативный объем строк исходного кода для выбранных категорий функций, получаем:

По формуле (5.1) производим расчет уточненного объема программного обеспечения (Vvi):

Разработанное в ходе выполнения дипломного проекта веб -приложение по своим характеристикам относится к первой категории сложности, т.к. обладает многими перечисленными характеристиками [приложение Д, таблица Д.2].

На основании принятого к расчету уточненного объема программы и ее категории сложности определяем нормативную трудоемкость выполняемых работ согласно [приложение Д, таблица Д.3] Тн = 340 чел. -дн.

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

, (5.2)

где Ki -- коэффициент, соответствующий степени повышения сложности;

n -- количество учитываемых характеристик.

Т.к. программа обеспечивает хранение, ведение и поиск данных в сложных структурах, а также интерактивный доступ, то коэффициентом, соответствующей степени повышения сложности является K1 = 0,12. Подставив указанные выше значения в формулу (5.2), получаем:

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

Таблица 5.1.2 -- Результат экспертной оценки новизны ПО

Категория новизны ПО	Степень новизны	Использование	Коэффициент новизны
		На основе нового типа ПК	В среде новой ОС
А	Принципиально новые ПО не имеющие подобных аналогов	-	-	1,10

Современные технологии разработки компьютерных программ предусматривают широкое использование коробочных продуктов (пакетов, модулей, объектов). Степень использования в разработанном ПО стандартных модулей определяется их удельным весом в общем объеме программного продукта. В созданной системе компьютерного моделирования используется до 70 % стандартных модулей, что соответствует значению коэффициента КТ = 0,55.

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

Таблица 5.1.3 -- Значения коэффициентов удельных весов трудоемкости стадий разработки

Категория новизны ПО	Значения коэффициентов
	ТЗ+ЭП+ТП	РП	ВН
А	0,60	0,30	0,10

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

- техническое задание (ТЗ);

- эскизный проект (ЭП);

- технический проект (ТП);

- рабочий проект (РП);

- ввод в действие (ВН).

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

Таблица 5.1.4 -- Общая трудоёмкость разработки ПО

Показатели	Стадии	Итого
	ТЗ	ЭП	ТП	РП	ВН
Коэффициенты удельных весов трудоемкости стадии разработки ПО (К)	0,10	0,10	0,40	0,30	0,10	-
Распределение нормативной трудоемкости ПО (Тн) по стадиям, чел. -дн.	34	34	136	102	34	340
Коэффициент сложности ПО (Кс)	1,12	1,12	1,12	1,12	1,12	-
Коэффициент, учитывающий использование стандартных модулей (Кт)	-	-	-	0,55	-	-
Коэффициент, учитывающий новизну ПО (Кн)	1,10	1,10	1,10	1,10	1,10	-
Коэффициент учитывающий средство разработки ПО (Кур)	0,4	0,4	0,4	0,4	0,4	-
Общая трудоемкость ПО (То), чел. -дн.	17	17	67	28	17	146

Для распределения нормативной трудоемкости ПО по стадиям, которая измеряется в человеко -днях необходимо произвести следующие расчеты:

- для стадии ТЗ:

чел. -дн.

- для стадии ЭП:

чел. -дн.

- для стадии ТП:

чел. -дн.

- для стадии РП:

чел. -дн.

- для стадии ВН:

 чел. -дн.

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

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

- для стадии ТЗ:

; (5.3)

- для стадии ЭП:

; (5.4)

- для стадии ТП:

; (5.5)

- для стадии РП:

; (5.6)

- для стадии ВН:

. (5.7)

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

По формулам (5.3) -(5.7) производим расчет трудоемкости программного продукта по всем стадиям разработки:

чел. -дн.;

чел. -дн.;

чел. -дн.;

чел. -дн.;

чел. -дн.

Нахождение общей трудоемкости по всем стадиям определяется по следующей формуле:

, (5.8)

где Туi -- нормативная (скорректированная) трудоемкость разработки программного продукта на i -й стадии (чел. -дн.);

n -- количество стадий разработки.

чел. -дн.

Таблица 5.1.5 -- Определение сметной стоимости программы

Вид работ	Трудоемкость в часах
	Всего	Время машинное
Техническое задание (ТЗ)	136	-
Эскизный проект (ЭП)	136	136
Технический проект (ТП)	536	-
Рабочий проект (машинное время)	224	224
Внедрение в т.ч. - машинное время - немашинное время	118 18	118 -
Итого:	1168	478

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

- для стадии ТЗ:

часа;

- для стадии ЭП:

часа;

- для стадии ТП:

часа;

- для стадии РП:

часа;

- для стадии ВН:

часа.

Трудоемкость машинного времени разработки ПО на стадии «Техническое задание» отсутствует и компьютерные технологии нам не нужны, так как на этом этапе осуществляется:

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

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

- определение входных и выходных данных;

- предварительный выбор методов решения задачи;

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

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

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

Стадия «Технический проект» аналогично двум предыдущим стадиям не имеет трудоёмкости машинного времени. На этой стадии происходит:

- уточнение логической структуры БД, внешних интерфейсов, определение структуры входных и выходных данных;

- разработка алгоритма решения задачи;

- уточнение компонентов структуры;

- окончательно определяется конфигурация технических средств;

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

Трудоемкость машинного времени на стадии «Рабочий проект» равен 74 часа. Это можно обусловить тем, что отладка программы, разрабатывается исходя из согласования и утверждения порядка и методики испытаний, тестирования и корректирование.

«Стадии внедрения» -- последняя стадия, на которой происходит проведение испытаний программы, оформление и утверждение документов о передаче программы в постоянную эксплуатацию. Данные действия осуществлялись не только на компьютере, так как 13%, следовательно, трудоёмкость машинного и немашинного времени на стадии внедрения составляет: