Сайт для предприятия «СБ-Комплект»

Государственное бюджетное образовательное учреждение

среднего профессионального образования

«Волгоградский экономико-технический колледж»

ПЦК информационных технологий

Специальность 230 105 Программное обеспечение вычислительной техники и автоматизированных систем Дипломный проект

Сайт «СБ-Комплект»

Пояснительная записка

ВЭТК 230 105 ДП 18 ПЗ

Разработал студент группы Кульнев Владимир Сергеевич Руководитель проекта Еловенко Н.А.

Консультант по экономической части Тимошина О.В.

Нормоконтроль Синельник Т.Е.

Консультант по ТБ и ППБ Тимошина О.В.

Волгоград, 2012

• Введение
• 1 Общая часть
• 1.1 Техническое задание на разработку программного продукта
• 1.2 Анализ средств программирования
• 2 Специальная часть
• 2.1 Описание алгоритма
• 2.2 Текст программы с описанием
• 2.3 Описание процесса отладки программы
• 3 Организация производства
• 4 Экономическая часть
• 5 Мероприятия по технике безопасности
• 5.1 Общие требования
• 5.2 Электробезопасность при эксплуатации технических средств
• 5.3 Требования к помещению
• 5.4 Мероприятия по противопожарной безопасности
• Заключение
• Список литературы
• Приложение A Структура сайта
• Приложение B Алгоритм решения задачи
• Приложение C Формы выдачи результата
• Приложение D Технико-экономические показатели
• Приложение E Тестирование программы
• Приложение F Листинг программы
• Введение
• Практически все крупные и средние компании в настоящее время обзавелись собственными web-сайтами. Даже начинающие компании имеют свой сайт. Его наличие свидетельствует о процветании компании, о ее солидности и современности. Наличие профессионального сайта в сети Интернет — это образ компании — современной, открытой, развивающейся.
• Интернет — это одна из возможностей продвигать и рекламировать свой товар или услуги. Сайт — это не только инструмент для привлечения потенциальных клиентов, но и отличное средство работы с компанией для клиентов.
• Инструментом для привлечения новых клиентов и продвижения товаров и услуг, безусловно, служит реклама. Реклама в Интернете, с одной стороны, дешевле рекламы в печатных изданиях. Если сравнивать, во сколько обходится информирование одного человека с помощью буклета и информирование посетителя сайта, который при этом получает неограниченное количество интересной ему информации, то посетитель сайта окажется в 5−6 раз выгоднее обладателя буклета. С другой стороны, она действует на наиболее активную часть населения с более высоким уровнем дохода. Более того, на сегодняшний день многие технологии позволяют выделять исключительно целевую аудиторию в Интернете. Реклама в сети Интернет оказывается не просто дешевле, но и гораздо эффективнее рекламы в печатных изданиях.
• Темой моего дипломного проекта стала разработка сайта для организации «СБ-Комплект», деятельностью которой является заправка картриджей и ремонт оргтехники. Получая заказ от руководителя фирмы, Каратунова А. Б., передо мной была поставлена следующая задача: продвижение услуг и товаров организации «СБ-Комплект» в сети Интернет с помощью сайта.
• Цель дипломного проекта — разработка сайта «СБ-Комплект».
• Объектом исследования является процесс разработки сайта предприятия, предмет исследования — сайт предприятия «СБ-Комплект».
• Для достижения поставленной цели необходимо решить следующие задачи:

— разработать структуру проектируемого сайта;

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

— создать сайт организации «СБ-Комплект»;

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

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

1 Общая часть

1.1 Техническое задание на разработку программного продукта

Полное наименование программной разработки: Сайт «СБ-Комплект», в дальнейшем именуемый как «программа». Краткое название программы — «СБ-Комплект».

Программа «СБ-Комплект» предназначена для продвижения услуг данной организации в Интернете.

Разработчик данного программного продукта — студент группы 411-П ВЭТК Кульнев Владимир Сергеевич, в дальнейшем именуемый как «разработчик».

Заказчик программного продукта — ООО «СБ-Комплект» в лице директора Каратунова А.Б.

Работа ведётся на основании задания на дипломное проектирование по специальности 230 105 Программное обеспечение вычислительной техники и автоматизированных систем.

Тема и задание дипломного проекта утверждены на заседании ПЦК информационных технологий и выданы преподавателем ПЦК Еловенко Н.А.

Наименование темы разработкисайт «СБ-Комплект».

Данная разработка является дипломным проектом по специальности 230 105 «Программное обеспечение вычислительной техники и автоматизированных систем».

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

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

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

Создание данной программы преследует ряд технико-экономических целей:

— создание программного продукта, предоставляющего необходимую информацию о сервисном центре «СБ-Комлект»;

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

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

Сайт должен:

— содержать полную информацию о предоставляемых услугах организации «СБ-Комплект»;

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

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

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

Структура сайта должна соответствовать Приложению A.

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

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

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

— Intel Pentium II 600 MHz и выше;

— 64 Mb оперативной памяти;

— клавиатура, мышь;

— Интернет браузер (Internet Explorer, Mozilla Firefox и др.).

Для решения задачи использовать частично автоматизированный метод при помощи редактора для HTML Website x5 evolution.

Разработка программы должна вестись на одном из следующих языков: HTML, с использованием CSS и PHP.

Выбор других языков нецелесообразен.

Для работы сайта на стороне клиента рекомендуется операционная система Microsoft Windows XP и выше, а также стандартный web-браузер.

Технико-экономические показатели определяются в Приложении D.

Разработка программы должна выполняться по следующим этапам:

1) разработка, согласование и утверждение технического задания;

2) разработка рабочего проекта программы с комплексным тестированием;

3) составление и оформление документации к программному продукту;

4) приемка-сдача программы и программной документации;

5) защита.

Проверка документации программы осуществляется руководителем дипломного проекта.

Испытания и тестирование программы должны проводиться в процессе создания программы самим разработчиком:

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

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

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

1.2 Анализ средств программирования

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

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

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

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров.

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

Язык программирования PHP -— скриптовый язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. Ныне поддерживается подавляющим большинством представителей хостингов. Входит в LAMP — «стандартный» набор для создания вебсайтов.

Программы PHP могут выполняться двумя способами: как Web-приложение HTTP-сервером или как консольные программы. Поскольку, нашей задачей является программирование web-приложений, мы преимущественно будем рассматривать первый способ.

Дело в том, что PHP, как правило, используется сугубо для программирования приложений, связанных с Интернетом. Однако, PHP можно еще использовать в качестве интерпретатора командной строки, в основном в *nix-системах. Последнее возможно при помощи CORBA и COM интерфейсов, а также при помощи расширения PHP-GTK. При таком использовании PHP возможно решение следующих задач:

— создание приложений интерактивной командной строки;

— создание кросс-платформенных GUI приложений при помощи библиотек PHP-GTK, PHP-Qt или WinBinder;

— автоматизация некоторых задач под Windows и Linux.

Язык программирования Javascript — объектно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript.

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

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

Для моего дипломного проекта основным языком программирования был выбран HTML с применением каскадных таблиц стилей.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989;1991 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

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

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

Все тэги HTML начинаются с «<» (левой угловой скобки) и заканчиваются символом «>» (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг.

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

Некоторые тэги, такие, как

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

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

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

помещается непосредственно перед тэгомразмещается сразу после окончания описания документа.

Большинство WEB-браузеров отображают содержимое тэга и, размещается внутри

-тэгов. Заголовок документа не появляется при отображении самого документа в окне.

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