Автор работы: Пользователь скрыл имя, 18 Января 2014 в 10:42, дипломная работа
В данном проекте разработано программное обеспечение электронного справочника по интегральным микросхемам для работы в глобальной сети Internet. Приводится анализ существующих справочников подобного рода. На основе проведенного анализа был сделан выбор оптимального варианта, разработано оригинальное программное обеспечение.
В дипломном проекте проведен расчет экономических показателей программного обеспечения, а также анализ вредных и опасных факторов, влияющих на человека при работе с компьютером и меры по снижению этих факторов.
Введение 6
1 Анализ поставленной задачи и выбор проектных решений 8
1.1 Обзор существующих аналогов 8
1.2 Административное устройство и структура глобальной сети Internet 9
1.2.1 Анализ способов доступа к Internet 10
1.2.2 Анализ доменной системы имен 11
1.2.3 Анализ сервисов Internet 11
1.2.4 Роль Интернета в обучении 13
2 Разработка программного обеспечения для создания
электронного справочника 17
2.1 Разработка структуры сайта 17
2.1.1 Разработка меню справочника 18
2.1.2 Использование языка Java script для создания меню 19
2.1.3 Защита JavaScript 21
2.2 Использование HTTP - протокола обмена WWW – серверов 21
2.2.1 Общая структура 21
2.2.3 Выбор сетевых протоколов 22
2.3 Выбор языка разметки гипертекстовых документов 23
2.4 Разработка интерфейса 23
2.4.1 Создание структуры HTML-документов 24
2.4.2 Выбор тегов HTML 25
2.4.3 Создание комментариев 27
2.4.4 Создание заголовков 28
2.4.5 Выбор шрифтов 28
2.4.6 Создание списков 28
2.4.7 Разработка гипертекстовых ссылок 29
2.4.8 Верстка таблиц 30
2.4.9 Создание фреймов 31
2.4.10 Вставка иллюстраций в HTML-документы 35
2.5 Разработка механизма поиска 36
2.5.1 Структура запроса и ответа HTTP 36
2.5.2 Использование языка HTML для построения форм 40
2.6 Использование CGI - стандартного интерфейса обмена данных 42
2.6.1 Выбор языка программирования 45
2.6.2 Отладка серверных Web-приложений 52
2.7 Оптимизация Web-страниц 54
2.7.1 Оптимизация текста 54
2.7.2 Оптимизация графических изображений 54
2.8 Программы для просмотра WWW страниц 56
3 Эксплуатационно - техническая часть 57
3.1 Технические требования для работы с программой 57
3.2 Руководство пользователя 57
3.3 Руководство программиста (WEB мастера) 66
3.3.1 Размещение страницы на сервере 66
3.3.2 Обслуживание 69
4 Экономическое обоснование разработки проекта 70
4.1 Определение трудоемкости разработки программного продукта 70
5 Безопасность труда 78
5.1 Анализ условий труда 78
5.2 Мероприятия по улучшению условий труда 80
5.3 Возможные чрезвычайные ситуации 81
5.4 Расчет времени эвакуации персонала при пожаре 82
Заключение 85
Список использованных источников 86
Приложение А Листинг программы реализующей меню справочника 88
Приложение Б Листинг процедуры обработки запроса 95
Все эти несоответствия могут привести
к несовместимости. Для создания
сложных приложений на JavaScript, нужно
учитывать особенности
JavaScript это упрощенный интерпретируемы
Рисунок 4- Пример меню на Java script
Преимущество JavaScript как интерпретируемого языка, состоит в том, что корректность исходного текста может быть детерминированной. Некорректные действия, например запись в локальную память или связь с недопустимыми IP-адресами, возможно предотвратить. К недостаткам JavaScript следует отнести его низкую производительность, которая является следствием большого числа циклов обработки, требуемых для оперативного преобразования исходного текста в машинный код, что является непременным атрибутом интерпретируемых языков.
Как и для любой другой технологии или языка, используемых в интрасетях, защита является первоочередной задачей. JavaScript, хотя его и нельзя назвать языком с самым высоким уровнем защиты, тем не менее адекватен большинству требований.
В нем не реализованы некоторые возможности, поскольку они косвенно делают защиту более уязвимой/18/. В JavaScript, к примеру, нельзя выполнять никакие операции с локальными файлами, поэтому программа не в состоянии изменять или получать доступ к пользовательским данным. Кроме того, этот язык не поддерживает сетевые примитивы. Он не может напрямую открыть порт TCP/IP, а способен только обеспечить загрузку URL и формирование данных, передаваемых Web-серверам.
Реализации JavaScript просто блокируют определенные функции, чтобы ограничить количество сложных «трюков». Например, метод «submit» не позволит осуществить передачу URL в «mailto». Поэтому сценарий не может создать пустую форму, переслать ее на любой сервер и обнародовать пользовательский адрес электронной почты. Программа на JavaScript может обратиться только к ограниченному кругу информации/20/.
JavaScript - прекрасная технология. Она обладает достаточной элегантностью и мощностью, чтобы при небольших затратах, сделать страницы интрасети интеллектуальнее и эффективнее.
HTTP основывается на парадигме запросов/ответов. Запрашивающая программа называемая клиентом устанавливает связь с обслуживающей программой- получателем называемой сервером, посылает запрос серверу в следующей форме: метод запроса, URI, версия протокола, за которой следует сообщение, содержащее управляющую информацию запроса, информацию о клиенте и, может быть, тело сообщения /7/. Сервер отвечает сообщением, содержащим строку статуса (включая версию протокола и код статуса - успех или ошибка), за которой следует сообщение, включающее в себя информацию о сервере, метаинформацию о содержании ответа, и само тело ответа. Одна программа может быть одновременно и клиентом и сервером.
В Internet коммуникации обычно основываются на TCP/IP протоколах. Для WWW номер порта по умолчанию - TCP 80, но также могут быть использованы и другие номера портов - это не исключает возможности использовать HTTP в качестве протокола верхнего уровня. Для большинства приложений сеанс связи открывается клиентом для каждого запроса и закрывается сервером после окончания ответа на запрос.
HyperText Transfer Protocol (HTTP) - это протокол обеспечивающий необходимую скорость передачи данных, требующуюся для распределенных информационных систем.
HTTP используется для коммуникаций
между различными пользовательс
Протоколы прикладного уровня используются в конкретных прикладных программах. Общее их количество велико и продолжает постоянно увеличиваться. Некоторые приложения существуют с самого начала развития Internet, например, TELNET и FTP. Другие появились позже: HTTP, NNTP, POP3, SMTP.
Протокол TELNET позволяет серверу рассматривать все удаленные компьютеры как стандартные «сетевые терминалы» текстового типа. Работа с TELNET походит на набор телефонного номера. Пользователь набирает на telnet delta и получает на экране приглашение на вход в машину delta. Протокол TELNET существует уже давно. Он хорошо опробован и широко распространен. Создано множество реализаций для самых разных операционных систем.
Протокол FTP (File Transfer Protocol – протокол передачи файлов) распространен также широко как TELNET. Он является одним из старейших протоколов семейства TCP/IP. Также как TELNET он пользуется транспортными услугами TCP. Существует множество реализаций для различных операционных систем, которые хорошо взаимодействуют между собой. Пользователь FTP может вызывать несколько команд, которые позволяют ему посмотреть каталог удаленной машины, перейти из одного каталога в другой, а также скопировать один или несколько файлов.
Протокол HTTP (Hyper text transfer protocol – протокол передачи гипертекста) применяется для обмена информацией между серверами и программами просмотра гипертекстовых страниц – браузерами WWW. Допускает передачу широкого спектра разнообразной информации – текстовой, графической, аудио и видео.
HTML (Hyper Text Mark-up Language) является общемировым языком для создания WWW-страниц (web-страниц). HTML-файл представляет собой текстовый файл, в котором записаны команды языка HTML.
Команды, которые составляют язык, называются тэгами (tag), или флажками. Тэги заключаются в угловые скобки /9/. Все, что находится вне угловых скобок, является текстом, подлежащим выводу в окно браузера с теми параметрами форматирования (размер шрифта, элемент таблицы, отступы, центровка и т.п.), которые были установлены тэгами.
Существует международный
Файл, содержащий HTML-документ, должен иметь расширение .htm или .html.
Картинки и другие нетекстовые компоненты не вставляются в документ непосредственно и хранятся отдельно. Вместо этого в текст вставляется ссылка, указывающая программе просмотра имя файла, содержащего картинку. Стандартно поддерживаются только графические форматы файлов GIF и JPEG.
Для создания страничек совершенно необязательно иметь доступ к сети. Все известные программы просмотра (Netscape, Internet Explorer и т.д.) могут открыть файл с документом, находящийся на жестком диске.
Вниманию разработчиков Web-сайтов предлагаются сотни разнообразных инструментов разработки для WWW, и острая конкуренция в этой области весьма благоприятно сказывается на их качестве. Безусловный лидер в этой области — Frontpage. Первенство Frontpage среди инструментов Web-дизайна обусловлено тем, что с его помощью создание профессиональных Web-сайтов для Internet и intranet становится неправдоподобно легким делом. Уникальность Frontpage еще и в том, что он базируется на клиент- серверной модели разработки, что неимоверно облегчает интеграцию с большинством компьютерных систем.
Web-страницы описываются на
За сравнительно короткое время разработчики Web-страниц прошли путь от простого перевода текстовых документов на язык HTML до создания красочных, искусно оформленных интерактивных страниц, с умело используемой графикой и различными стилями размещения текста на странице. Появилась профессия под названием «Web-дизайнер», то есть человек, специализирующийся на создании Web-страниц высшего качества.
В отличие от языков описания печатных документов, упор делается на переносимость информационного наполнения страниц, а не их внешнего оформления. Для HTML-документов гарантируется лишь сохранение логической структуры. Это происходит потому, что никто не гарантирует, что устройство, на котором пользователь будет просматривать Web-страницу, не окажется черно-белым алфавитно-цифровым терминалом 1970-го года выпуска! Или же что программа просмотра, используемая пользователем, способна корректно отобразить графические вставки в различных форматах.
Для удобства пользователя разработан интуитивно понятный интерфейс, включающий в себя фреймы, раскрывающееся меню в виде дерева, что позволяет обеспечить быстрый доступ к нужной информации. Все документы рассортированы по тематике их содержания. Предусмотрен поиск нужной информации.
Язык HTML имеет теговую структуру. Это означает, что в тексте встречаются команды, изменяющие интерпретацию информации /10/. Например, слово, напечатанное курсивом, в исходном тексте выглядит так:
слово, напечатанное <I>курсивом</I>.
На рисунке 5 изображена структура языка HTML, с наиболее часто используемыми тегами.
Теги записываются в угловых скобках и могут содержать дополнительные параметры. Большинство тегов располагается в виде «скобок» вокруг текста (как теги <I> и </I> вокруг слова «курсивом» в приведенном выше примере). Благодаря этому свойству, теги можно подразделить на открывающие и закрывающие.
Не у всех тегов существуют соответствующие им закрывающие, такие теги иногда называют «пустыми» (empty). Общую структуру открывающего тега можно записать так:
<NNNNN Name= «Value» .....>
Соответствующий закрывающий тег быдет иметь вид
</NNNNN>
Рисунок 5 – Структура языка HTML
Идентифицикация HTML документа достигается путем вставления в самое начало документа тегов <!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 3.2//EN''> и <HTML> (соответственно, в конец документа, закрывающего тега </HTML>. Тег DOCTYPE является тегом языка SGML и объявляет, что документ будет описан в соответствии со спецификацией HTML 3.2. Тег HTML указывает на начало документа /4/.
Заголовок HTML-файла находится в обязательной секции <HEAD>, которая должна находиться в самом начале, то есть сразу после тега <HTML>. Оформляется заголовок с помощью тега <TITLE>. Ниже приведен листинг получившегося HTML-документа:
<HTML>
<HEAD>
<TITLE>The first homepage</TITLE>
</HEAD>
</HTML>
Тег <TITLE> позволяет задавать название для всего документа. Это название будет появляться в заголовке окна программы просмотра, а также будет появляться в списке закладок (bookmarks, shortcuts в различных терминологиях) при создании таковых.
Другими элементами секции <HEAD>...</HEAD> являются:
-<BASE параметры> - тег для указания URL документа. Тег имеет такие параметры;
-HREF - указывает базовый URL для документа. Замечание: URL должен быть указан в полной форме;
-TARGET - указывает окно для отображения документов, на которые ссылается данный документ.
-<META параметры> - тег, который должен использоваться для включения в документ некой специфичной информации для программ-индексаторов, каталогизаторов и т. д. Кроме того, у него есть несколько полезных параметров, позволяющих страницам сменять друг друга по прошествии определенных промежутков времени. Тег имеет следующие параметры:
-HTTP-EQUIV= «refresh» - указывает программе просмотра, что нужно перепрыгнуть на страничку, указанную в параметре CONTENT по прошествии указанного там же промежутка времени;
-CONTENT=«number; url=URL» - задает временной интервал number и URL для команды HTTP-EQUIV= «refresh»;
-NAME= «description» или NAME= «keywords» - указывает серверу, как интерпретировать параметр CONTENT - как описание документа или как список ключевых слов;
-CONTENT= «text или список значений». У параметра CONTENT два смысла: один для команды HTTP-EQUIV=''refresh'', другой для команды NAME. В последнем случае значение параметра определяет либо описание документа (если параметр NAME=''description''), либо список разделенных запятыми ключевых слов (если параметр NAME= «keywords») /4/.
В терминах HTML содержимое документа называется его ТЕЛОМ, или по-английски - BODY. Так и называется тег, в поле действия которого находится все содержимое. Тег <BODY>...</BODY> может содержать дополнительные параметры, позволяющие изменить цвета, используемые в документе или назначить фоновую картинку:
-BGCOLOR - определяет цвет фона документа. Цвет может быть задан как RGB-триплет (например, BGCOLOR= «#FFFFFF»--белый цвет), или быть одним из предопределенных символьных имен: navy, olive, purple, red и т.д.;
-BACKGROUND - позволяет задать фоновую картинку для документа. Картинка будет размножена (tiled) и покроет всю видимую площадь области отображения окна программы просмотра;
-TEXT - задает цвет текста документа. Цвет задается так же как и для параметра BGCOLOR;
-VLINK - (Visited LINKs color) задает цвет для ранее выбранных ссылок;
-ALINK - (Active LINKs color) задает цвет для ссылок в момент выбора.
Браузеры сами «заливают» текст на страницу, исходя при этом из доступной «ширины окна. Для того чтобы вставить «несильный» перевод строки, необходимо воспользоваться тегом <BR> . При отображении браузер переведет строку на месте появления этого тега. Тег <BR> используется без закрывающего элемента </BR>.
Для разбивки текста на параграфы используется тег <P параметры>. Тег <P> имеет один параметр ALIGN, указывающий на способ выравнивания текста внутри параграфа: текст может быть выровнен по правому (RIGHT), левому (LEFT) краям или отцентрирован (CENTER). Если параметр опущен, текст выравнивается по левому краю.