Дипломная работа на тему: разработка веб сайта

Оглавление:

У вас нет времени на дипломную работу или вам не удаётся написать дипломную работу? Напишите мне в whatsapp — согласуем сроки и я вам помогу!

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

Собрала для вас похожие темы дипломных работ, посмотрите, почитайте:

Дипломная работа на тему: разработка веб сайта

Введение

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

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

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

Веб-сайт помогает привлечь новых клиентов, а также снизить нагрузку на сотрудников компании ООО «Нарателеком».

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

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

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

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

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

1) Внешний дизайн должен быть в классическом стиле.

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

3) Сайт должен содержать полную и точную информацию о предлагаемых услугах.

4) Информация на сайте должна быть разделена на разделы, а ее интерфейс должен соответствовать стандарту ISO 14915-1.

5) Пользователь должен получить интересующую его информацию для минимального количества просмотров.

Формализация

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

Реализация проекта будет осуществляться в несколько этапов:

1. предварительное исследование;

2. разработка резюме;

3. создание концепции дизайна сайта;

4. программирование создания сайта;

5. Тестирование;

6. Устранение дефектов;

7. передача проекта клиенту.

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

o Уточнение целей и задач;

o Изучение бизнеса клиента, определение и анализ целевой аудитории;

o Анализ решений, используемых конкурентами;

o Разработка рабочего плана для календаря;

Формирование бюджета и рабочей команды;

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

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

Всемирная паутина (World Wide Web — WWW) состоит из веб-страниц, которые создаются с помощью языка гипертекстовой разметки (HyperText Markup Language — HTML). Хотя многие говорят о программировании на этом языке, HTML вовсе не является языком программирования в традиционном понимании. HTML — это язык разметки документов. Когда вы разрабатываете HTML-документ, вы отмечаете текстовый документ красным пером, как это делал бы редактор. Эти знаки используются для указания формы представления информации, содержащейся в документе. Каждый раз, когда пользователь открывает веб-страницу, он фактически открывает документ, написанный в HTML. Все веб-документы отформатированы в HTML, а все гиперссылки, позволяющие пользователю легко переходить со страницы на страницу, также организованы в HTML. А те красочные изображения, которые появляются на веб-страницах, и заполняемые формы, и бегущие заголовки — мы видим все это благодаря языку HTML. Специальные программы для просмотра HTML-документов, часто называемые браузерами, используются для интерпретации файлов, помеченных по правилам HTML, их форматирования в виде веб-страниц и отображения их содержимого на экране компьютера пользователя. Существует большое количество браузерных программ, разработанных различными компаниями, но на сегодняшний день среди множества программ четко выделяются две — Netscape Communicator и Microsoft Internet Explorer.

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

Требования к технической поддержке

Данный проект был спроектирован и протестирован на компьютере с процессором Intel Pentium III (1.6 ГГц), объемом оперативной памяти DDR 512 MB, 80 GB HDD, видеокартой GeForce 256 MB.

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

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

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

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

Методология разработки проектов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. создание программы ASP модуль интернет-форума.

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

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

Блок-схема

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

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

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

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

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

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

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

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

Аномалии и оборонительное программирование

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

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

Как защитить себя

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

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

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

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

Отображается сообщение 403 — страница не найдена.

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

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

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

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

* Надежность;

*Устойчивость;

*практикальность

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

*Мобильность*

*Функциональность.

Более полный перечень атрибутов и критериев можно найти в самом стандарте ISO 9126 Международной организации по стандартизации. Состав и содержание документации, сопровождающей процесс тестирования, определены стандартом IEEE 829-1998 Стандарт для документации по тестированию программного обеспечения.

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

Блок-тестирование — тестирование наименьшего из исследуемых компонентов, например, одного класса или функции;

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

Тестирование системы — тестирование интегрированной системы на соответствие ее первоначальным требованиям.

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

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

тестирование белых и черных ящиков

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

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

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

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

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

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

После того, как программа была завершена, вся программа была полностью протестирована снова.

Все обнаруженные ошибки были успешно исправлены.

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

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

Примечания для пользователя

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

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

После загрузки сайта отображается главная страница:

На главной странице отображаются последние новости ООО «Нарателеком».

С этой страницы можно перейти по гиперссылкам на все страницы сайта:

1. Почему Нарателеком?

На данной странице представлены основные преимущества ООО «Нарателеком».

2. зона покрытия

Тарифы для физических лиц

Тарифы для юридических лиц

5. акции

6. подключение

7. документы

С этой страницы Вы можете скачать необходимые документы для подключения и оплаты.

Заключение

В данной диссертации ставилась цель разработать информационный ресурс в виде web-сайта.

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

После завершения программы мы все равно провели полное тестирование всей программы.

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

Анализ рентабельности показывает, что приложение является экономически выгодным. Срок окупаемости — 4 месяца.

Список литературы

— Матросов А., Сергеев А., Чаунин М., «HTML 4.0», Санкт-Петербург, 2009.

— Крейнак Д., Гебрайкен Д., «Интернет», Санкт-Петербург, 2012.