Разработка интернет- сайта производственного предприятия

ДИПЛОМНЫЙ ПРоеКТ НА ТЕМУ:

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


СОДЕРЖАНИЕ

[0.1] 3.2. Требования к программному обеспечению

[0.1.1]
4.1.2. Структурная схема

[0.2]
4.3. Аномалии и защитное программирование

[1]
5. Анализ результатов решения


Введение

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

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

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

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

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


I.Специальная часть

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

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

Сайт должен отвечать следующим требованиям:

  1. Внешнее оформление должно быть выполнено в классическом стиле.
  2. Дизайн сайта не должен повторять сайты конкурирующих фирм.
  3. Сайт должен давать полную и правильную информацию о предоставляемых услугах.
  4. Пользователь должен получить интересующую его информацию за минимальное число обращений.


2.Формалицация

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

Реализация проекта выполняется в несколько этапов:

  1. Предварительные исследования;
  2. Разработка технического задания;
  3. Создание концепции дизайна сайта;
  4. Программирование создание сайта;
  5. Тестирование;
  6. Устранение недостатков;
  7. Сдача проекта заказчику.

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

  • Уточнение целей и задач;
    • Изучение бизнеса клиента, определение и анализ целевой аудитории;
    • Анализ решений использованных конкурентами;
    • Составление календарного плана работ;
    • Формирование бюджета и рабочей группы;

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

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


3.Описание среды программирования

Всемирная паутина World Wide Web (WWW) состоит из Web-страниц, которые создаются с помощью языка разметки гипертекста HTML (HyperText Markup Language). Хотя многие говорят о программировании на этом языке, HTML вовсе не является языком программирования в традиционном понимании. HTML – язык разметки документа. При разработке HTML-документа выполняется разметка текстового документа точно так же, как это делает редактор при помощи красного карандаша. Эти пометки служат для указания формы представления информации, содержащейся в документе.

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

Специальные программы просмотра HTML-документов, которые часто называют браузерами, служат для интерпретации файлов, размеченных по правилам языка HTML, форматирования их в виде Web-страниц и отображении их содержимого на экране компьютера пользователя. Существует большое количество программ-браузеров, разработанных различными компаниями, однако, на сегодняшний день из всего разнообразия программ явно выделяются две программы-лидера – Netscape Communicator и Microsoft Internet Explorer.

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


3.1. Требования к техническому обеспечению

Данный проект проектировался и тестировался на компьютере с процессором Intel Pentium III (1.8 GHz), объём ОЗУ DDR 1024 МБ, 120 ГБ HDD, видеокарта GeForce 256 МБ.

3.2. Требования к программному обеспечению

Операционная система: 32 – разрядная, семейства MS Windows XP, с поддержкой сетевых протоколов TCP /IP. Интернет - обозреватели для предварительного тестирования на совместимость с разными браузерами: Internet Explorer v.8.0.6.

Для разработки и редактирования web-сайта использовался программный продукт Adobe Photoshop.

В качестве редактора для программного HTML-кода использовался редактор PHP Expert Editor v.4.2.


4. Методика разработки проекта.

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

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

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

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

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

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


4.1. Алгоритмизация задачи.

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

  1. Создание функционального HTML кода для отображения внешних форм и элементов управления.

Создание активных элементов дизайна, базирующихся на объектно-ориентированных языках HTML.

Проще говоря, алгоритмизация задачи сводится к решению двух основных задач:

- Разработка функционального внешнего интерфейса пользователя, на языке HTML.


4.1.1. Описание алгоритма.

В развернутом, подробном виде алгоритм задачи представляет собой следующее:

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

2. Создание процедур защиты от несанкционированного доступа.

3. Создание обработчика всех возможных ошибок.

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


4.1.2. Структурная схема

Рисунок 2.

Создание дизайна – разработка основной графической концепции дизайна сайта на примере главной страницы. Адаптация элементов фирменного стиля клиента для сайта.

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

Тестирование работоспособности сайта на наличие ошибок, тестирование страниц на корректность работы в браузере (Internet Explorer);

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


4.2.Программирование

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

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

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

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


4.3. Аномалии и защитное программирование

Описание аномалии

Реакции на аномалию

Способ защиты

Невозможность загрузки ленты новостей с адреса www.yandex.ru во время просмотра сайта

Поле ленты новостей остается свободным, никакие дополнительные сообщения не выводятся.

Защищено разработчиком

Попытка открыть временно недоступные при аварии сервера страницы

Выводится сообщение 403 – страница не найдена

Защищено администратором Интернет - сайта


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

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

С точки зрения ISO 9126, Качество (программных средств) можно определить как совокупную характеристику исследуемого ПО, с учётом следующих составляющих:

• надёжность;

• сопровождаемость;

• практичность;

• эффективность;

• мобильность;

• функциональность.

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

  1. модульное тестирование (юнит – тестирование) — тестируется минимально возможный для тестирования компонент, например, отдельный класс или функция;
  2. интеграционное тестирование — проверяет, есть ли какие-либо проблемы в интерфейсах и взаимодействии между интегрируемыми компонентами — например, не передается информация, передаётся некорректная информация.
  3. системное тестирование — тестируется интегрированная система на её соответствие исходным требованиям
  4. альфа-тестирование — имитация реальной работы с системой штатными разработчиками, либо реальная работа с системой потенциальными пользователям заказчиком на стороне разработчика. Часто альфа-тестирование применяется для законченного продукта в качестве внутреннего приёмочного тестирования. Иногда альфа-тестирование выполняется под отладчиком или с использованием окружения, которое помогает быстро выявлять найденные ошибки. Обнаруженные ошибки могут быть переданы тестерам для дополнительного исследования в окружении, подобном тому, в котором будет использоваться ПО.

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

Тестирование «белого ящика» и «чёрного ящика»

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

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

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

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

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


5. Анализ результатов решения