Реферат: Комплекс программ для создания Web сайта

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

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

Список используемой литературы

1. Матросов А.В., Сергеев А.О., Чаунин М.П. HTML 4.0. – Санкт- Петербург, 1999.

2. Кудряшова А.В. Методические указания по курсовому и дипломному проектированию. – СПб.: "ЛРПТ". 1987.

3. Дронов В.А. JavaScript в Web-дизайне. - Санкт- Петербург, 2001.

4. Айзекс С. Dynamic HTML.- Санкт- Петербург, 2001

5. ЕСПД: ГОСТ 19.102-77; 19.402-78; 19.701-90; 19.781-90.

6. ЕСКД: ГОСТ 2.105-79.

3. ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ ЦЕЛЕСООБРАЗНОСТИ РАЗРАБОТКИ

3.1Цель работы.

Разработка комплекса программ для создания Web сайта.

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

Таблица 1.

Исходные данные

Дополнения к исходным данным.

P_н - норматив рентабельности = 10%

W_g - коэффициент учитывающий долю дополнительной заработной платы (15%* З_осн),

т.е. = 0,15

W_c - коэффициент, показывающий долю отчислений органам страхования 39% от (З_осн +З_доп )

т.е. = 0,39

W_н - коэффициент, показывающий долю накладных (общепроизводственных) расходов по отношению к заработной плате(основной) (140%* З_осн ), т.е. =1,4.

3.2 Стоимостная оценка затрат по проектируемой программе.

где P_н - норматив рентабельности (P_н = 10%);

n - количество разработчиков;

k - порядковый номер разработчиков (k,…,n);

t_pi - время затраченное на разработку программы работником i-ой квалификации;

B_opi - основная заработная плата разработчика i-ой квалификации;

W_g - коэффициент, показывающий долю дополнительной заработной платы разработчика по отношению к основной заработной плате;

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

W_н - коэффициент, показывающий долю накладных (общепроизводственных) расходов организации, в которой разрабатывалась программа, по отношению к основной заработной плате разработчиков;

t_mo - время отладки разработанной (внедряемой) программы;

l_r - стоимость машинного часа;

Т_р - расчетный период;

a_т - коэффициент дисконтирования, т.е. коэффициент привидения единовременных затрат к расчетному году;

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

Расчет:

а_т = (1+0,1)^1-1=1

З_т =(1+0,1)*{176*45,45*[(1+0,15)(1+0,39)(1+1,4)]-12*20}*1=

=1,1*{176*45,45*3,8364-240}= 33496,32 (руб./год)

3.3 Стоимостная оценка результата от вложенных средств.

где P₁ - расходы вычислительных работ до внедрения программной разработки;

P₂ - расходы связанные с эксплуатацией внедряемой программы;

а_т - коэффициент дисконтирования, т.е. коэффициент приведения единовременных затрат к расчетному периоду.

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

где ЗП - заработная плата работника, решавшего задачу раньше;

t₁ - время решения задачи до внедрения данной программы;

n - частота решения задачи.

Расчет:

P₁ =22,73*2*1500=68190(руб.\год)

2) Расходы связанные с эксплуатацией внедряемой программы.

где Т_МВ - расходы вычислительных работ до внедрения программной разработки;

l_r - стоимость одного часа машинного времени;

Т_МВ = t₂ * n,

где t₂ - время решения задачи на ЭВМ;

n - частота использования внедряемой программы.

Расчет:

Т_МВ =0,0003*1500=0,45

P₂ =0,45*20=9(руб./год)

3) Коэффициент дисконтирования

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

Т_р - расчетный период.

Расчет:

а_т =(1+0,1)^1-1=1

P_т =68190-9=68181 (руб./год)

3.4 Стоимостная оценка результата от внедрения программы.

где Э_т - экономический эффект за расчетный период;

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

З_т - стоимостная оценка затрат по проекту;

Расчет:

Э_т =68181-33496,32=34684,68 (руб./год)

Таблица 2.

Сравнительные характеристики параметров проектируемой программы и аналога.

3.5 Вывод.

Проведя экономические расчеты, мы определили, что экономический эффект проектируемой программы составит - 34,7 руб./год.

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

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

4. МЕРОПРИЯТИЯ ПО ОБЕСПЕЧЕНИЮ БЕЗОПАСТНОСТИ ЖИЗНЕДЕЯТЕЛЬНОСТИ.

1. Кондиционирование воздуха в ВЦ.

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

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

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

2. Электрозащитные средства (основные и дополнительные)

К электрозащитным средствам относятся:

1. Изолирующие средства (диэлектрические резиновые перчатки, рукавицы, боты, галоши, коврики и дорожки, а также изолирующие подставки);

2. Переносные токоизмерительные клещи.

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

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

К основным изолирующим защитным средствам относятся: в электроустановках напряжением выше 1000В изолирующие штанги, клещи, лестницы, площадки; в электроустановках напряжением до 1000В диэлектрические перчатки и инструменты с изолирующими рукоятками.

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

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

СОДЕРЖАНИЕ

Введение _____________________________________________________________________________________ 3

1. ТЕОРИТИЧЕСКАЯ ЧАСТЬ _________________________________________________________________ 4

1.1. Описание предметной области . . . . . . . . . 4

1.2. Анализ методов решения . . . . . . . . . . 4

1.3. Обзор средств программирования . . . . . . . . . 5

1.4. Описания языка программирования HTML и Java Script. . . . . . 5

1.4.1. Общие сведения . . . . . . . . . . 5

1.4.2.1. Элементы языка гипертекста HTML . . . . . . .. 6

1.4.2.2. Элементы языка JavaScript . . . . . . . . . 7

1.4.2.3. Операторы . . . . . . . . . . 9

1.4.2.4. Встроенные элементы . . . . . . . . . 10

6

2. ОПЫТНО-ЭКСПЕРИМЕНТАЛЬНАЯ ЧАСТЬ _________________________________________________ 12

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

2.1.1. Основания для разработки . . . . . . . . . 12

2.1.2. Назначение программы . . . . . . . . . . 12

2.1.3. Требования к программе . . . . . . . . . . 12

2.1.3.1. Требования к функциональным характеристикам . . . . . . 12

2.1.3.2. Требования к надежности . . . . . . . . . 12

2.1.3.3. Требования к техническим средствам . . . . . . . . 12

2.2. Описание схем . . . . . . . . . . . 12

2.3. Текст программы . . . . . . . . . . 12

2.4. Описание программы . . . . . . . . . . 13

2.4.1. Общие сведения . . . . . . . . . . 13

2.4.2. Функциональное назначение . . . . . . . . . 13

2.4.3. Описание логической структуры . . . . . . . . . 13

2.4.4. Вызов и загрузка . . . . . . . . . . 14

2.4.5. Входные данные . . . . . . . . . . 14

2.4.6. Выходные данные . . . . . . . . . . 14

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

2.6. Пример рузультатов работы программы . . . . . . . . 14

3. Экономическое обоснование целесообразности разработки __________________ 14

3.1. Цель работы . . . . . . . . . . 14

3.2. Стоимостная оценка затрат по проектируемой программе . . . . . 15

3.3. Стоимостная оценка результата от вложенных средств. . . . . 16

3.4. Стоимостная оценка результата от внедрения программы . . . . . 17

4. МЕРОПРИЯТИЯ ПО ОБЕСПЕЧЕНИЮ БЕЗОПАСНОСТИ ЖИЗНЕДЕЯТЕЛЬНОСТИ ____________ 19

4.1 Кондиционирование воздуха в ВЦ. . . . . . . . 19

4.2. Электрозащитные средства (основные и дополнительные) . . . . . 19

19

Заключение ___________________________________________________________________________________ 21

Список используемой литературы _______________________________________________________________ 22

Приложение 1 _________________________________________________________________________________

Приложение 2 _________________________________________________________________________________

Приложение 3 _________________________________________________________________________________

ПРИЛОЖЕНИЕ 2

Пример результатов работы программы

Рис 1. Загрузка языка “JavaScript”

Рис 2. Главная “Web страница”

Рис 3. Окно ссылки ”О фирме”

Рис 4. Окно ссылки “Файлы”

Рис 5. Окно “Ссылки”

Рис 6. Окно диалога “E-Mail”

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

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

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

ПРИЛОЖЕНИЕ 1.

Функция инициализации пользователя

Рис1. Preload

1

2

7

Вывод на экран этого

соотношения

3

8

Цикл Конец

“All_Images” цикла

While “Each_Image”

4

9

Цикл Конец

“Each_Image” цикла

While “All_Images”

5

10

Побайтовая

загрузка

текущего

изображения

Переход на страницу

Main.html

6

11

Вычесление

процентного

соотношения

загрузки с остатком

Рис2. Coocie

1

2

3

Да

Нет

4

5

Запись нового экрана

Да

Preload

Main.Html

Нет

6

7

8

1. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ

1. Описание предметной области

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

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

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

2. Анализ методов решения

Преобразование формата текстового файла из кодировки СР-866 в формат HTML в кодировке СР-1251 с проверкой и исправлением букв с идентичным написанием на русском и английском языках может осуществляться следующими способами:

1) Частично автоматизированным (сама перекодировка осуществляется вручную, а компьютер используется для набора и редактирования текстов в стандартных редакторах) – пользователь ищет на диске нужные текстовые файлы, формат которых необходимо преобразовать, создаёт их копии, а затем поочерёдно открывает в текстовом редакторе копию каждого найденного файла и расставляет HTML-теги, выделяя в тексте встречающиеся элементы форматирования. Затем пользователь проверяет написание и исправляет слова, в которых символы кириллицы, схожие по начертанию с латинскими символами, ошибочно заменены на латинские символы, и слова, в которых латинские символы, схожие по начертанию с символами кириллицы, ошибочно заменены на символы кириллицы. Такую проверку и исправление можно осуществить, открыв файл, уже находящийся в формате HTML, например, в окне редактирования среды программирования Borland C, в котором символы кириллицы выделяются подсветкой, как недопустимые. Затем пользователь должен осуществить перекодировку полученного файла в формате HTML из кодовой страницы СР-866 в кодовую страницу СР-1251, открыв этот файл в редакторе Лексикон. Каждый символ кириллицы и символ “№” необходимо будет заменить на такой символ из таблицы ASCII, который в кодировке Windows будет выглядеть также, как исходный символ до его замены. Замену большинства символов таким образом придётся выполнять при помощи сочетаний управляющих клавиш.

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

2) Автоматизированным – в этом случае пользователь задаёт имя каталога, в котором находятся текстовые файлы, и имя каталога, в который нужно поместить создаваемые HTML-файлы. При этом преобразование формата текстовых файлов в формат HTML, проверку написания и исправление слов, в которых символы кириллицы, схожие по начертанию с латинскими символами, ошибочно заменены на латинские символы, и слов, в которых латинские символы, схожие по начертанию с символами кириллицы, ошибочно заменены на символы кириллицы, а также перевод текста из кодировки СР-866 в кодировку СР-1251 выполняет программа.

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

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

1) Программа выполняет поиск текстовых файлов в кодировке СР-866 в каталоге, указанном пользователем и сохраняет на диске список имён найденных файлов. Затем программа последовательно считывает имя каждого файла из списка и выполняет для него ряд ниже перечисленных действий до тех пор, пока не будет достигнут конец списка;

2) Программа создаёт копию align.dat для считанного текстового файла. В этой копии устраняется возможный отступ текста с левой стороны;

3) Программа копирует файл align.dat в файл frame.dat. В файле frame.dat программа размечает таблицы без разметки символами +, – ,| и *;

4) Файл frame.dat копируется в файл table.dat. В файле table.dat таблицы с разметкой (размеченные с помощью символов +, – и | ) и таблицы без разметки (размеченные с помощью символов +, – , | и *) преобразуются в таблицы в формате HTML;

5) Файл table.dat копируется в файл error.dat. В файле error.dat выполняется проверка и исправление слов, в которых символы кириллицы, схожие по начертанию с латинскими символами, ошибочно заменены на латинские символы, и слов, в которых латинские символы, схожие по начертанию с символами кириллицы, ошибочно заменены на символы кириллицы;

6) Из файла error.dat программа формирует файл в формате HTML с расширением htm, выделяя из текста элементы форматирования и сохраняя их в виде элементов HTML. Этот htm-файл помещается в каталог, указанный пользователем.

7) После того, как программа создала HTML-файл для каждого файла из списка, создаётся конфигурационный файл style.css для HTML-тегов для созданной группы htm-файлов.

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

Существует множество различных языков программирования, с помощью которых можно выполнить данную программу : HTML, Java Script, CGI Script и т.д.

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

Java Skript – небольшие программы (скрипты или сценарии) пишуться на Java Skript и особым образом внедряются в HTML – код Web страниц.

CGI - Common Gateway Interface является стандартом интерфейса (связи) внешней прикладной программы с информационным сервером типа HTTP, Web сервер.
Обычно гипертекстовые документы, извлекаемые из WWW серверов, содержат статические данные. С помощью CGI можно создавать CGI-программы, называемые шлюзами, которые во взаимодействии с такими прикладными системами, как система управления базой данных, электронная таблица, деловая графика и др., смогут выдать на экран пользователя динамическую информацию.

4. Описание языка HTML и Java Script

   1. Общие сведения

Язык разметки гипертекстовых документов HTML. Язык HTML приобрел популярность в середине 90 годов, благодаря экспоненциальному росту сети Интернет. HTML – язые разметки документа.ю Для просмотра такого док-та необходимо иметь специальные прграммы, называемые броузерами. Они интерпритируют файлы, размеченные по правилам языка HTML, форматируют их в виде WEB – страниц и отображают содержимое на экране компьютера. Одной из основных возможностей языка HTML, которая даже отражена в самом названии, является возможность создания ссылок на другие док-ты.

Управляющими командами в языке HTML являются тэги (с английского Tag –ярлык признак).

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

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

1.4.2.1. Элементы языка гипертекста HTML.

и .

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

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

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

• BACKGROUND
  Атрибут задает графическое изображение, которое как черепица заполнит фон документа. Файл с изображением должен быть сохранен в формате GIFилиJPEG .
  Синтаксис: (URL)(путь) имя файла">
  В данном случае файл с изображением фона лучше размещать в том же каталоге, что и сам файл, тогда (URL) и (путь) указывать не нужно.

• BGCOLOR
  Этот атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB , или при помощи строчного литерала, соответствующего названию цвета.
  Синтаксис: #ff0000"> или RED">

• TEXT
  Этот атрибут задает используемый по умолчанию цвет текста, который не является гиперссылкой. По умолчанию такой текст будет черным.
  Синтаксис: цвет ">

• LINK
  Этот атрибут задает цвет гиперссылки, в большинстве браузеров он задан по умолчанию темно синим.
  Синтаксис: цвет" >

• ALINK
  Этот атрибут задает цвет активной гиперссылки, он меняет цвет гиперссылки в момент щелчка по ней мышью, не желательно задавать ему цвет фона по понятным причинам.
  Синтаксис: цвет" >

• VLINK
  Этот атрибут задает цвет посещенной гиперссылки, не желательно задавать ему цвет фона и цвет атрибута LINK по понятным причинам.
  Синтаксис: цвет" >

• BGPROPERTIES
  Этот атрибут задает свойства фонового изображения. В данный момент браузерами поддерживается единственное его значение fixed, запрещающее скроллинг изображения.
  Синтаксис: fixed" >

• TOPMARGIN
  Этот атрибут задает верхнюю границу страницы в пикселях.
  Синтаксис: число >
  
  

• BOTTOMMARGIN
  Этот атрибут задает нижнюю границу страницы в пикселах.
  Синтаксис: число >
  
  

• LEFTMARGIN
  Этот атрибут задает границу страницы в пикселях слева.
  Синтаксис: число >
  
  

• RIGHTMARGIN
  Этот атрибут задает границу страницы в пикселях справа.
  Синтаксис: число >