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

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

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

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

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

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

Дипломный проект

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

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

ВЭТК 230105 ДП 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-П ВЭТК Кульнев Владимир Сергеевич, в дальнейшем именуемый как «разработчик».

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

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

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

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

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

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

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

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

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

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

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

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

Сайт должен:

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

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

- иметь возможность выделения и копирования текстовых и графических данных в стандартный системный буфер обмена 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 очень далеко от его изначальной задачи. Например, тег <TABLE>, несколько раз использованный для форматирования страницы, которую вы на даный момент читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическомо формлении.

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

Завершающий тэг выглядит так же, как стартовый, и отличается от него прямым слешем перед текстом внутри угловых скобок. Тэг <TITLE> говорит WEB-браузеру об использовании формата заголовка, а тэг </TITLE> - о завершении текста заголовка.

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

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

Тэг заголовочной части документа должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тэг представляет собой общее описание документа. Стартовый тэг <HEAD> помещается непосредственно перед тэгом <TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа.

Большинство WEB-браузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-браузером. Заголовок, ограниченный тэгами <TITLE> и </TITLE>, размещается внутри <HEAD>-тэгов. Заголовок документа не появляется при отображении самого документа в окне.

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

<!-- комментарий --!>

Комментарии могут встречаться в документе где угодно и в любом количестве.

Основные тэги, присутствующие в исходном коде сайта:

- тело документа <BODY>

Тело документа должно находиться между тэгами <BODY> и </BODY>. Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация вашего документа

- уровни заголовков <Hx>

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

- тэг абзаца <P>

В отличии от большинства текстовых процессоров, в HTML-документе обычно игнорируются символы возврата каретки. Физический разрыв абзаца может находиться в любом месте исходного текста документа (для удобства его читаемости). Однако браузер разделяет абзацы только при наличии тэга <P>. Если вы не разделите абзацы тэгом <P>, ваш документ будет выглядеть как один большой абзац

- центрирование элементов документа

Можно центрировать все элементы документа в окне браузера. Для этого можно использовать тэг <CENTER>

- разрыв строки <BR>

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

- формы <FORM>

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

- горизонтальные линии <HR>

Тэг вставляет в текст горизонтальную разделительную линию.

- CSS-стили

Любой элемент HTML может иметь CSS селектор. Селектор определяет стиль элемента, для которого он создан.

Псевдокласс состоит из элементов одного типа, отвечающему определенному критерию. Псевдоклассы и псевдоэлементы при определении отделяются знаком «:».

Глобальные стили задают вид элементов всего документа. Для этого используется тег <STYLE>. Он размещается в заголовке документа.

В настоящее время все чаще Web-программисты используют Dynamic HTML или DHTML.

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

DHTML -- это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками -- тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег. Язык DHTML не чувствителен к регистру букв, поэтому все тэги можно задавать как прописными, так и строчными буквами. Броузер будет их однозначно интерпретировать в любом написании. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства. Атрибуты указываются в открывающем теге.

Кроме элементов, в HTML-документах есть и сущности (англ. entities) -- «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN -- код символа в Юникоде в десятеричной системе счисления.

Для написания сайта на языке DHTML, были использованы теги и свойства:

- <HEAD> -- определяет заголовок HTML-документа. В заголовке описываются общие правила интерпретации HTML-документа в целом и содержится вспомогательная информация о документе, указывается информация для браузера;

- <TITLE> -- задает название страницы, отображаемое в заголовке окна браузера;

- <BODY> содержит HTML-элементы и теги, задающие свойства документа и отвечающие за то, что мы видим на экране монитора;

- абзац задается тегами <P> и </P>, между которыми помещается текст. Фактически работа тега <P> сводится к выводу пустой строки перед текстовым фрагментом, поэтому парный тег </P> можно не использовать;

- теги физического форматирования задают вид отображения выделенных участков текста в окне браузера (<B>...</B> -- жирный, <I>...</I> -- курсив, <U>…</U> -- подчеркивание);

- <marquee> -- служит для создания бегущей строки;

- <A>…</A> -- гипертекст -- это способ структурирования документов путем размещения ссылок внутри одного документа или между документами. В отличие от обыкновенного текста гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Гипертекстовые ссылки среди других элементов текста обычно выделяются другим цветом и подчеркиванием. Причем может различаться цвет активной ссылки, не просмотренной ссылки и неактивной ссылки. Цвет просмотренной ссылки, цвет активной ссылки и цвет не просмотренной ссылки можно задать в качестве атрибутов тега <BODY>: Link -- задает цвет не просмотренной ссылки, Alink -- задает цвет активной ссылки, Vlink -- задает цвет просмотренной ссылки.

Для создания таблицы используется тэг <TABLE>…</TABLE>. Внутри этих тэгов задаются строки командами <TR> ... </TR>. Наконец, внутри строк задаются клетки (ячейки) командами <TD> ... </TD>.

Атрибуты команды TABLE:

- align - left, right - выравнивание таблицы по горизонтали;

- width - число или процент - ширина таблицы по отношению к окну браузера;

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

- cellpadding - число - расстояние между содержимым ячейки и рамкой;

- cellspacing - число - расстояние между ячейками таблицы;

- bgcolor - цвет - цвет фона таблицы;

- background - файл - фоновая картинка;

- border - число - ширина линий рамки;

- bordercolor - цвет - цвет линий рамки;

- bordercolordark - цвет - цвет рамки (снизу и справа);

- bordercolorlight - цвет - светлый цвет рамки (сверху и слева).

Для создания формы в html-документе, используется тег FOR. Его атрибуты:

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

- method -- определяет способ отправки;

- post -- применяется в тех случаях, когда полученные из формы данные необходимо сначала обработать (например, проверить правильность заполнения формы), при этом содержимое формы при отправке кодируется);

- name -- определяет имя формы. Используется при наличии нескольких форм;

- enctype -- определяет способ кодировки содержимого формы при отправке.

Практически любой элемент интерфейса формы можно создать с помощью тега INPUT. Этот тег не имеет закрывающего. Атрибуты тега: name -- определяет идентификационное имя, используемое при передаче содержания данной формы на сервер; type -- определяет тип управляющего элемента.

Если необходимо предоставить пользователю возможность вводить в форму достаточно объемную текстовую информацию, то лучше использовать многострочное текстовое поле, которое создается тегом TEXAREA. Этот тег имеет парный. Используются следующие атрибуты данного тэга: name -- задаёт название области; cols -- задаёт ширину области в количестве печатных символов; rows -- задаёт количество видимых строк текстового поля.

При работе с каскадными таблицами стилей используются следющие свойства:

- document - содержит ссылку к объекту документа, в котором содержится элемент;

- id - присваивает уникальное имя определенному элементу, что впоследствие помогает к нему обратиться;

- style - определяет конкретный стиль для конкретного элемента.

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

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

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

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

1. запустить Главную страницу (index.html);

2. выбрать интересующую страницу, раздел или предложенную функцию.

В алгоритме присутствуют шесть основных разделов: Главная, Услуги, Информация, Прайс-лист, О нас, Контакты. Каждому этапу соответствует свой блок программы. Алгоритм решения задачи в виде блок-схемы представлен в Приложении B.

2.2 Текст программы с описанием

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

В корневом каталоге сайта находятся графические изображения, css-стили, без которых сайт не будет правильно отображаться в браузере и файл index.html, который запускает web-сайт.

Файл index.html запускает главную страницу сайта. C этой страницы можно попасть во все разделы сайта, доступные пользователю.

Текст программы находится в Приложении F.

2.3 Описание процесса отладки программы

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

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

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

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

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

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

Таблица результатов тестирования находится в Приложении Е.

3. Организация производства

Размещение сайта в сети интернет

Для размещения сайтов используют Wordpress (http://codex.wordpress.org) - самый популярный в мире бесплатный блоговый движок сайтов.

В первую очередь необходимо заключить ряд договоров:

1) договор с регистратором доменного имени (имя сайта);

2) договор с хостинг провайдером;

3) выбор оптимального тарифа.

Опасно совмещать хостинг и регистрацию домена в одном месте (у одного оператора), в случае конфликта с хостингом есть риск потерять доменное имя.

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

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

Регистрируем домен у регистратора, он спросит «name server», оставляем поле пустым, вносим деньги на счет и ждем сообщения о том, что домен зарегистрирован (3-4 часа).

Заказываем услугу хостинга у хостинг провайдера, в случае вопроса о том, регистрируем новый домен или уже существующий, выбираем «уже существующий» и указываем зарегистрированное нами имя. Узнаем названия «name server».

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

Возвращаемся в наш аккаунт у регистратора, и вписываем и вписываем эти имена в поля «DNS», для nic.ru это делается в разделе «услуги», «изменить».

Если все нормально, то примерно через час-два получим в почту сообщение о благополучном тестировании «name server» и еще через 5-6 часов новый сервер станет доступен через браузер, обычно хостинг провайдер выкладывает там какую-нибудь рекламную страничку.

Входим в панель управления хостингом, находим пункт «Управление базами данных», в котором: создаем новую базу; создаем нового пользователя и пароль для него; связываем пользователя с базой данных.

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

Присоединяемся к нашему сайту при помощи FTP. Для этого в FTP клиенте создаем «аккаунт» (настройки подключения).

Host - обычно выглядит, как ftp.вашдомен.ru, иногда провайдер сообщает имя хоста, как это видно на рисунке, иногда используется IP адрес из письма провайдера, что-то похожее на 192.168.122.133.

Логин и пароль, те, что Вы зарегистрировали, и/или получили в письме от провайдера.

В «настройках подключения» обратите внимание на галочку «Passive mode».

Обычно у большинства провайдеров эта галочка должна быть установлена, у редких, например, «web+», снята, проверяется экспериментально.

Папка, в которой должны находиться файлы, из которых состоит сайт в 99% случаев называются public_html, но иногда их называют publicdocs, httpdocs и т.п. по усмотрению провайдера.

Копируем полученный комплект файлов на сайт.

Удаляем или переименовываем на сайте файл index.html (это рекламная страничка провайдера).

Входим на сайт, вводим свой e-mail и название сайта. Все сайт работает!

Удаление сайта

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

Для запуска сайта необходимо запустить файл index.html (в дальнейшем планируется размещение сайта в сети интернет).

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

Основные пункты меню:

- кнопка «Главная» (Переход на главную страницу);

- кнопка «Услуги» (Информация о услугах которая предоставляет организация «СБ-Комплект»);

- кнопка «Прайс лист» (Отображения списка стоимость заправки картриджей);

- кнопка «Информация» (Полезная информация для пользователя);

- кнопка «О нас» (Информация о компании);

- кнопка «Контакты» (Информация о местонахождении организации).

Любую страницу можно распечатать с помощью средств браузера.

Экранные формы находятся в Приложении С.

4. Экономическая часть

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

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

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

Для того чтобы оценить стоимость сайта рассчитаем цену программного продукта по формуле:

Ц = С/С_пол + Пр + НДС, (1)

где С/Сполн - полная себестоимость программы (денежное выражение всех затрат на производство и реализацию товара);

Пр - прибыль(денежный результат работы предприятия);

НДС - налог на добавленную стоимость (взимание денег в пользу государства).

Рассчитаем полную себестоимость программного продукта:

С/С_полн = (МЗ - Отх) + ФОТ + Налог + А + Сев.обс + Прочие ден.расх., (2)

где МЗ - материальные затраты;

Отх - возвратные отходы;

ФОТ - фонд оплаты труда;

А - амортизационные отчисления за месяц;

Серв.обс. - расходы на сервисное обслуживание.

Материальные затраты рассчитываются по формуле 3:

МЗ = С_бум + С_кр + Э/Эн, (3)

где С_бум - стоимость бумаги;

С_кр - стоимость печати;

Э/Эн - стоимость электроэнергии.

Э/Эн = 2,53 (руб/ кВтч.) * 290 (кВтч) = 733,7 (руб.) (4)

С_бум = 155 (листов) / 500 (литов в пачке) * 150 (руб.) = 46,5 (руб.)

С_кр = 155 (листов) * 1 (руб./лист) = 155 (руб.)

МЗ = 46,5 + 155 + 733,7 = 935,2 (руб.)

Фонд оплаты труда рассчитывается по формуле:

ФОТ = ЗП_повр. + Премия,, (5)

где ЗПповр - заработная плата;

ФОТ = 9000 + 1000 = 10000 (руб.)

Для нахождения налога используется формула 6:

Налог = 10000 (руб.) * 34,2(%) / 100(%) = 3420 (руб.) (6)

Амортизационные отчисления рассчитываются по формуле 7:

Амес = ((Сп * На_год) / 100%) / 12, (7)

где Cп - первоначальная стоимость оборудования;

На_год - норма амортизации (20%).

А = 27000 (руб.) * 0,2 / 12 (мес.) = 450 (руб./мес.)

С/С_полн = 935,2 + 10000 + 3420 + 450 +250 = 15055,2 (руб.)

Для нахождения прибыли используется формула 8:

Налог на прибыль РФ 20% от полной себестоимости товара.

Прибыль = (8)

Прибыль - 15055,2(руб.) * 0,2 = 3011,04 (руб.)

Налог на добавленную стоимость рассчитываются по формуле 9:

НДС = (9)

НДС = (15055,2(руб.) + 3011,04(руб.)) * 0,18 = 3251,9232 (руб.)

Ц = 15055,2 + 3011,04 + 3251,9232 = 21318,1632 (руб.)

В результате всех подсчетов стоимость учебного пособия составляет 21318,16 руб. Итоговая таблица расчетов находится в Приложении D.

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

5. Мероприятия по технике безопасности

5.1 Общие требования

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

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

Перед началом работы следует:

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

- во время работы расположить элементы рабочего места так, чтобы угол зрения на экран дисплея составлял + 15 градусов, а расстояние до экрана 400 - 500 мм;

- время непрерывной работы на компьютере должно быть не более 2 часов, с обязательным 15 минутным перерывом;

- после окончания работы следует навести порядок на рабочем месте;

- выключить питание компьютера.

5.2 Электробезопасность при эксплуатации технических средств

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

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

ПЭВМ должна подключаться к однофазной сети с номинальным напряжением 220в и заземлённой нейтралью. Заземляющие контакты розеток для соединения с заземляющими контактами сетевых вилок должны быть надёжно соединены с контуром защитного заземления помещения.

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

- не более 4 Ом при активной нагрузке не более 1000 ВА;

- не более 10 Ом при активной нагрузке более 1000 ВА.

Перед подключением ПЭВМ к сети необходимо:

- проверить цепь защитного заземления в сетевых розетках;

- до включения электропитания визуально проверить целостность соединительных кабелей;

- не подключать и не отключать соединители электропитания при поданном напряжении сети;

- не оставлять ПЭВМ включенной без наблюдения;

- по окончанию работы отключать ПЭВМ от сети;

- категорически запрещается работать на ПЭВМ при снятом кожухе любого устройства;

- при необходимости выключить главный щиток электроэнергии.

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

5.3 Требования к помещению

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

Помещение должно обеспечиваться освещением не менее 500 лк, при общем и комбинированном освещении.

Устройства ЭВМ должны располагаться на расстоянии не меньше 1 метра от нагревательных приборов. Также они не должны подвергаться воздействию прямых солнечных лучей. Должен быть обеспечен свободный доступ воздуха к декоративной решётке, которая находиться с левой стороны модуля. Помещение должно быть оснащено кондиционерами для исключения перегрева устройств. ПЭВМ эксплуатируется в помещении, площадь которого не меньше 2x3 кв. м, температура воздуха от 20 5 градусов C, влажность воздуха от 55 15%, атмосферном давлении от 84 до 107 к Па (630 - 800 мм рт ст). Содержание вредных веществ, пыли, подвижность воздуха в рабочей зоне должна соответствовать нормам, указанным в ГОСТ 12.1.007 - 92, ГОСТ 12.1.005 - 88. В процессе эксплуатации, хранения не допускается воздействие на ПЭВМ и гибкие магнитные диски магнитных полей напряжённостью более 4000 А/м.

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

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

Шум на рабочих местах в помещении ВЦ создаётся внутренними источниками: техническими средствами, устройствами кондиционирования воздуха, компрессорами, а также шумом, проникающим в помещение извне. Для снижения шума, создаваемого на рабочих местах внутренними источниками, особенно при превышении значения в 70 дБ, а также шума, проникающего извне, следует:

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

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

- применять рациональное расположение оборудования;

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

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

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

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

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

5.4 Мероприятия по противопожарной безопасности

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

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

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

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

В случае загорания или пожара дежурный персонал обязан:

- сообщить по телефону 112 или 010101;

- обесточить ЭВМ и периферийные средства, систему кондиционирования, освещения, вентиляции;

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

- приступить к тушению очага пожара имеющимися в помещении первичными средствами пожаротушения.

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

Заключение

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

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

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

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

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

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

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

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

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

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

1. ГОСТ 19.001-77. ЕСПД. Общие положения. Введ. 01.01. 1980. - М.: ИПК Издательство стандартов, 2001. - (Государственный стандарт Российской Федерации);

2. ГОСТ 19.102-77. ЕСПД. Стадии разработки. Введ. 01.01. 1980. - М.: ИПК Издательство стандартов, 2001. - (Государственный стандарт Российской Федерации);

3. ГОСТ 19.105-78. ЕСПД. Общие требования к программным документам. Введен 01.01. 1980. - М.: ИПК Издательство стандартов, 2001. - (Государственный стандарт Российской Федерации);

4. ГОСТ 19.106-78. ЕСПД. Требования к программным документам, выполненным печатным способом. Введ. 01.01. 1980. - М.: ИПК Издательство стандартов, 2001. - (Государственный стандарт Российской Федерации);

5. ГОСТ 19.201-78. ЕСПД. Техническое задание, требования к содержанию и оформлению. Введ. 01.01. 1980. - М.: ИПК Издательство стандартов, 2001. - (Государственный стандарт Российской Федерации);

6. ГОСТ 19.202-78. ЕСПД. Спецификация. Требования к содержанию и оформлению. Введ. 01.01. 1980. - М.: ИПК Издательство стандартов, 2001. - (Государственный стандарт Российской Федерации);

7. ГОСТ 19.401-78. ЕСПД. Текст программы. Требования к содержанию и оформлению. Введ. 01.01. 1980. - М.: ИПК Издательство стандартов, 2001. - (Государственный стандарт Российской Федерации);

8. ГОСТ 19.402-78. ЕСПД. Описание программы. Введ. 01.01. 1980. - М.: ИПК Издательство стандартов, 2001. - (Государственный стандарт Российской Федерации);

9. ГОСТ 19.502-78. ЕСПД. Описание применения. Требования к содержанию и оформлению. Введ. 01.01. 1980. - М.: ИПК Издательство стандартов, 2001. - (Государственный стандарт Российской Федерации).

10. CodeNET [Электронный ресурс]: электронный ресурс содержит огромное количество исходников по многим языкам программирования. Режим доступа: http://sources.codenet.ru.

11. Cyber Guru [Электронный ресурс]: портал содержит различную информацию по языкам программирования. Режим доступа: http:// www.cyberguru.ru.

12. Веллинг, Л. Разработка Web-приложений с помощью PHP и MySQL: самоучитель / Л. Веллинг, Л. Томсон. - М.: Издательство «Вильямс», 2007 г. - 880 с.

13. Ломов, А.А. HTML, CSS, скрипты: практика создания сайтов: учебный курс / А.А. Ломов. - СПб.: Издательство: БХВ-Петербург, 2007 г. - 416 стр.

14. Мейер, Э. А. CSS. Каскадные таблицы стилей. Подробное руководство: учебный курс / Э.А. Мейер. - CПб.: Издательство «Символ-Плюс», 2008 г. - 576 с.

15. Мержевич, В.А. HTML и CSS на примерах: самоучитель / В.А. Мержевич. - CПб.: Издательский дом «БХВ-Петербург», 2005 г. - 448 с.

16. Мир JavaScript [Электронный ресурс]: портал содержит электронные учебники по javascript и его исходники. Режим доступа: http://javascript.ru.

17. Реалкодинг.нет [Электронный ресурс]: Ежедневно обновляемый портал с множеством документаций, статей и примеров на различные темы. Охватывает различные технологии и языки программирования. Режим доступа: http://www.realcoding.net.

18. Сайт о документации и гостах. Режим доступа: http:// www.rugost.com

19. Флэнаган, Д. JavaScript. Подробное руководство: учебный курс / Д. Фленган. - М.: Издательство «Символ-Плюс», 2008 г. - 992 с.

Приложение A

Структура сайта

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

Приложение B

Алгоритм решения задачи

Приложение C

Формы выдачи результата

Приложение D

Технико-экономические показатели

№п/п	Показатели	Тыс.руб.
1	Полная себестоимость	15,055
2	Фонд оплаты труда	10
3	Амортизация	0,450
4	Прибыль	3,011
5	Стоимость программы	21,318

 Приложение E

Тестирование программы

Таблица 1 Контрольные тесты

№ теста	Тестовое задание	Ожидаемые результаты	Полученные результаты	Вывод
1	Проверка программы на синтаксические ошибки	Ошибок нет, программа загружается на выполнение	Транслятор обнаружил незначительные синтаксические ошибки	Исправить найденные синтаксические ошибки в программе
2	Корректная загрузка и отображение Web-документов	Все документы отображаются корректно	Документы отображаются корректно	Полученный результат соответствует ожидаемому
3	Переходы по ссылкам внутри Web-документа происходят в правильном порядке	Все ссылки работают верно	Переходы по ссылкам осуществляются правильно	Полученный результат соответствует ожидаемому
4	Соответствие загруженного документа выбранному узлу	Выбирая узел открывается соответствующий документ	Открытый документ не соответствует выбранному узлу	Исправить код программы, в котором осуществляется адресация
5	Печать выбранных документов осуществляется верно	При выводе на печать не возникло проблем	Вывод на печать осуществляется верно	Результаты совпадают
6	Правильность отображения списка объектов по категориям	При выборе категории отображается верный список объектов	При выборе категории отображается неполный список объектов	Исправить код программы, в котором осуществляется выборка объектов

Приложение F

Листинг программы

<html lang="ru" dir="ltr">

<head>

<meta charset="utf-8" />

<!--[if IE]><meta http-equiv="ImageToolbar" content="False" /><![endif]-->