39487

Разработка сайта МКДОУ № 17

Дипломная

Информатика, кибернетика и программирование

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

Русский

2013-10-04

3.14 MB

4 чел.

Содержание

Введение…………………………………………………………………………...3

1. Теоретические основы создания программного продукта…………………..5

1.1.Общие принципы создания web-страниц……………………………......5

1.2.Основные элементы web-страниц…………………………………….....12

1.3.Стандарты HTML………………………………………………………...15

2. Разработка программного продукта…………………………………………20

2.1. Обоснование выбора среды для разработки программного

продукта………………………………………………………………………….20

2.2. Описание связей в программном продукте……………………………23

2.3. Описание интерфейса программного продукта……………………….25

3. Специальная часть………………………………………………………….....30

3.1. Правовые основы создания программного продукта…………………30

3.2. Методы и приемы защиты информации……………………………….35

3.3. Охрана труда при разработке программного продукта……………….37

Заключение……………………………………………………………………….46

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

Введение

В вопросе разработки и создания Web-страниц в сети Интернет накоплен огромный багаж различных методов, способов и технологий, многие из которых, к сожалению, сейчас уже являются условно применимыми. Дело в том, что обновление аппаратного оборудования год от года только прогрессирует, причем с нарастающими темпами (до сих пор пока еще действуют эмпирические законы американского специалиста в области компьютерной техники Чарльза Мура – каждые полтора года мощность микропроцессоров удваивается, и каждый год стоимость компонентов персонального компьютера снижается вдвое). Поэтому представляется актуальным и практически важным рассмотреть проблему проектирования Web-сайта в современных условиях с использованием всего спектра достижений, накопленных в данной области. Как правило, сегодня каждая уважающая себя компания старается создать для себя отдельный сайт, на котором выкладывает некоторую информацию о себе, предлагаемых продуктах и услугах. И от качества и полноты того, что будет там предоставлено, зависит в дальнейшем интерес людей к этому творению. Поверьте, интересные сайты, на которых можно найти интересующую вас информацию, а также заказать определенную услугу, рано или поздно найдут своего пользователя. А к хорошему, как известно, очень быстро привыкаешь. Для того, чтобы ваш сайт был действительно интересным, следует учесть несколько немаловажных моментов. Всегда следует помнить, что, создавая сайт на конкретную тематику, вы адресуете его не менее конкретным людям. Очень часто такие люди имеют общие взгляды и общие предпочтения. Вот здесь, прежде чем приступать к дизайнерскому решению по оформлению сайта, не лишним будет узнать о бытовых предпочтениях категории людей, для которых он в будущем будет адресован. Поверьте, одно дело, когда вы создаете сайт для простых рабочих, которые просто будут рассматривать картинки и восхищаться, и совсем другое, когда такой сайт создается для высокоинтеллектуальной элиты, для которой нужна конкретика и суть, а не вода и излишества. Здесь пригодится в буквальном смысле все – от особенностей быта, до предпочтения в цветовой гамме (например, деловой стиль, или стиль подростковый). Следующим немаловажным фактом, который не следует забывать, является размещение информации по блокам на сайте. Она должна быть размещена таким образом, чтобы с помощью компьютерной мыши или клавиатуры можно было максимально быстро добраться сначала до «ходовой» ее части, а уж потом ко всему остальному.

Тема дипломной работы: Разработка сайта МКДОУ № 17.

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

В процессе достижения поставленной в дипломной работе цели необходимо было сделать несколько заданий:

– ознакомиться с современными Интернет технологиями и, по возможности, использовать их в своей разработке;

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

– выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;

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

– определиться со структурой Web-страниц;

– выбрать стратегию разработки и создания Web-сайта.

1. Теоретические основы создания программного продукта

1.1. Общие принципы создания web-страниц

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

При выполнении Web-узла всегда нужно помнить два принципа: уникальность и достоверность публикуемых материалов. Уникальность является первоочередным требованием к содержанию. В World Wide Web уже может существовать немало страниц с похожими материалами. Ваш Web-узел должен чем-то отличаться от серверов с аналогичной тематикой, хотя бы для того, чтобы привлечь к себе внимание. Наличие уникальных материалов на вашей странице увеличит ее посещаемость. Для того чтобы создать уникальный информационный ресурс, не обязательно изобретать что-то принципиально новое, можно по-другому оформить уже существующие ресурсы, но при этом не заставлять клиента тратить много времени на их поиск. Проверить же ресурсы на уникальность можно с помощью поисковых серверов. Что касается авторитетности, то все зависит от того, насколько тщательно вы подберете информацию, проверите ее и будете своевременно обновлять. При создании Web-узла необходимо помнить, что составляющие его отдельные документы должны быть объединены общим стилем оформления и средствами навигации. Единый стиль оформления - один из показателей, отличающих профессиональный Web-узел от любительского. Благодаря единообразно сделанным документам пользователи будут отличать ваш Web-узел от других и запомнят его. Это не значит, что документы должны быть похожи друг на друга как две капли воды, но общая идея, единый стиль, должны присутствовать непременно.

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

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

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

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

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

Для создания web-страниц нужен любой браузер, например Internet Explorer или Opera для просмотра и контроля сделанной web-страницы, а также текстовый редактор Word для создания web-страниц. Чтобы создать web-страницу, первым делом создают структуру сайта. Сайт – это сервер, имеющий уникальное имя и постоянный адрес, физически подключенный к World Wide Web, или виртуально размещенный на другом, более крупном сервере. На доступном диске создают главную папку с именем на английском языке. В этой папке создают структуру подчиненных папок, например, папки: images, parent, friends и т. д. Папка images должна присутствовать обязательно, так как в ней будут находиться используемые в дальнейшем графические объекты, рисунки. После создания структуры сайта запустить текстовый редактор Word, создать новый документ и сохранить его как web-страницу, далее приступить к созданию web-страницы.

Существуют два способа создания Web-страниц:

1. с помощью мастера или шаблона;

2. преобразовать существующий документ Word в формат HTML.

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

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

Для наглядного представления информации на web-страницах часто используют списки. Списки могут быть нумерованными и маркированными. Помимо маркеров в списках можно использовать графические изображения. Набор таких изображений находится в диалоговом окне Список, меню Формат. Кроме графических изображений, в диалоговом окне предлагаются текстовые маркеры, поддерживаемые HTML для Web- страниц. Графические маркеры сохраняются в формате GIF с расширением gif в тот же каталог, что и Web-страница.

Для создания горизонтальной линии нужно выбрать команду Горизонтальная линия в меню Вставка. Из списка Вид выбрать нужную линию. При сохранении Web-страницы такая линия сохраняется вместе с Web-страницей как графический файл с именем image.gif, image1.gif.

Чтобы сделать документы Word и Web-страницы более привлекательными, используют различные виды фона, в том числе текстурную заливку. Можно создать подложку, которая будет видна только в напечатанном документе. Хотя черный текст на белом фоне читается хорошо, но это может быстро надоесть. Добавление текстуры фона может сделать внешний вид более привычным, и также снизить зрительное напряжение.

На практике иногда бывает необходимо расположить текст в двух или трех колонках. Помочь в этом может таблица. Она нужна для отображения информации в табличном виде. Для создания и редактирования структуры таблицы используется команда Нарисовать таблицу. Сетку таблицы можно вставить в текст с помощью команды Добавить таблицу. Так как на Web-страницах таблицы часто используются как скрытое средство форматирования, например, для размещения текста и рисунков, вставляемые в текст таблицы не имеют границ. Для добавления границ к таблицам используйте команду Границы меню Таблица. Границы, добавленные к таблицам на Web-страницах, изображаются средствами просмотра Web в объемном виде.

На каждую web-страницу можно поместить любое количество иллюстраций. Можно использовать готовые графические изображения. Графические изображения должны быть созданы в таком формате, который поддерживается браузером. Когда Web-страница сохраняется в формате HTML впервые, все рисунки преобразуются в форматы GIF или JPEG. Только эти два вида графических изображений поддерживаются в Web. Чтобы вставить рисунок в Web-страницу, нужно выбрать команду Рисунок в меню Вставка, а затем команду Из файла или Картинки. Если вставляемый рисунок записан в формате JPG, он сохраняется в формате JPG. Если рисунок записан в другом формате, например, TIF, он преобразуется в формат GIF. Если рисунок вставляется из файла, при сохранении он копируется в ту же папку, что и Web - страница, если не установлен флажок. Вставленный на Web-страницу, рисунок по умолчанию выравнивается по левому полю. Можно изменить формат рисунка, определить размер и положение рисунка. Расположение текста и рисунков можно задать дополнительно с помощью таблицы. Графические объекты — автофигуры, надписи и фигурный текст можно использовать в качестве объектов типа «Рисунок Microsoft Word». После закрытия документа эти элементы нельзя будет вновь отредактировать. Они будут преобразованы в изображения формата GIF.

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

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

Инструменты для создания Web-страниц

1. HTML-редакторы:

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia Dream Weaver, Allaire Home Site или 1st Page 2000. А кто-то пользуется простым текстовым редактором, например Блокнотом. Текстовые редакторы, возможно, использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует «подсветка» текста, в общем, работать крайне неудобно.  

Основным недостатком MS FrontPage является то, что он генерирует очень большой HTML-код, слишком много лишнего, поэтому страницы получаются большими, что сказывается на скорости загрузки. Более того, при создании Web-страниц в этом редакторе видишь одно, а в окне браузера - совсем другое.

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

Самым популярным является Macromedia Dream Weaver. Компания Macromedia считается лидером по производству программ для создания web - сайтов, а также законодателем моды в этой области. Этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и Shock Wave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML.

Home Site 4 - для создания страниц вручную, т. е. для знатоков HTML. Можно получить полный контроль над HTML-кодом, причем существует возможность оптимизировать страничку под один из трех популярных браузеров: Netscape Navigator, Opera, Explorer и другие.

2. Графические редакторы:  

Создание и оптимизация графики - сложная и капризная задача.

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

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

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

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

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

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

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

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

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

1.2. Основные элементы web-страниц

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

Первым элементом web-страницы, является ее заголовок. Он может быть выполнен как в текстовом, так и в графическом варианте, однако и в том и в другом случае он должен располагаться в верхней части документа. Иногда с заголовком совмещают меню выбора кодировки кириллицы и кнопки для перехода с русскоязычной на англоязычную версию сайта, если данный web-ресурс представлен на двух языках. Непосредственно подзаголовком документа, как правило, располагается пространство, отведенное для размещения рекламного баннера. Включение баннера именно в верхнюю часть web-страницы в большинстве случаев является обязательным условием регистрации сайта в службах баннерного обмена — системах, рекламирующих созданный вами ресурс в обмен на показ на страницах вашего сайта рекламы других участников баннерообменной сети. Стандартный размер баннеров, публикуемых под заголовком документа, составляет обычно 468×60 точек. Если вы используете статический принцип компоновки страницы, ширина заголовка вашего документа будет составлять приблизительно 640 пикселов: это значение обусловлено, прежде всего, необходимостью обеспечить корректное отображение документа на мониторах с экранным разрешением 640×480 точек и избежать появления горизонтально полосы прокрутки, затрудняющей его просмотр. Очевидно, что ширина баннера в этом случае будет значительно меньше ширины заголовка, благодаря чему в той части страницы, где вы планируете отвести место под рекламу, образуется незанятое пространство, которое можно заполнить логотипом компании-владельца данного сайта или ссылкой на сервер, осуществляющий web-хостинг. Разумеется, логотип необходим далеко не всегда: как правило, он включается в состав web-страницы лишь в случае, если сайт имеет коммерческую направленность.

Основную часть документа занимает так называемое текстовое поле — участок, где и размещается смысловое наполнение страницы: содержательный информационный текст и иллюстрации. Перечисленные элементы еще называют контент (от англ. content — содержание). Расположение текстового поля зависит в первую очередь от того, каким образом web-дизайнер разместит остальные элементы документа.

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

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

1.3. Стандарты HTML

Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают.

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

Достойный уважения Web-дизайн включает разработку страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более дос-тупным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.

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

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

HTML 4.0 предлагает следующие новые возможности, обеспечивающие доступность:

– дальнейшее разделение структуры документа и его внешнего представления. Информацию о стиле HTML 4.0 предлагает размещать в каскадных таблицах стилей;

– навигационная помощь, например, клавиши доступа и индексирование порядка табуляции для доступа к элементам страницы с использованием только клавиатуры;

– рекомендации, касающиеся новой клиентской карты-изображения, объединяющей графические и текстовые ссылки;

– новые теги <abbr> и <acronym>, которые помогают речевым и другим устройствам интерпретировать аббревиатуры и акронимы;

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

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

– улучшенный механизм создания альтернативного текста. Атрибут alt теперь обязателен для тега <img>. Чтобы обеспечить связь с более длинными текстовыми пояснениями к изображениям, введен атрибут longdesc.

Для добавления информации о любом элементе, можно использовать атрибут title.

Средства CSS. Каскадные таблицы стилей или CSS (от английского Cascading Style Sheets) являются следствием дальнейшего развития HTML и дают нам возможность перейти на следующий уровень представления информации. Таблицы стилей позволяют разделить смысловое содержимое странички и его оформление.

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

Однако с тех пор много что изменилось, и стандарт HTML потерял первоначальную стройность. Вначале Netscape добавил «улучшенные теги», которые позволили более широко управлять внешним видом представляемой информации. Нововведение прижилось, и все расширения Netscape стали стандартом de facto. Потом точно также поступила Microsoft. Когда спохватились, то HTML представлял собой ужасную смесь логических и оформительских тегов, несовместимых расширений и полностью перестал отвечать первоначальной концепции – представлять информацию на любом устройстве независимо от его характеристик по выводу информации.

Тогда была предпринята широкомасштабная стандартизация. В результате чего на свет явился стандарт HTML 3.2. Он не был революционным, а лишь расставил по местам все нововведения и выработал общие рекомендации для производителей браузеров. Революционные изменения были введены в новом стандарте – HTML 4.0 или, как его стали называть, Dynamic HTML. В обращение были введены слои, таблицы стилей и универсальная объектная модель браузера.

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

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

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

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

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

CSS2 (Cascading Style Sheets, Level 2) – самая последняя рекомендация по каскадным таблицам стилей, предоставляет механизмы для улучшенной интерпретации страниц неграфическими и не визуальными устройствами. Усовершенствования включают:

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

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

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

– средства управления для звукового вывода доставленной по Web-информации;

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

Источники разработки доступных страниц


2. Разработка программного продукта

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

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

 HTML – это продукт для быстрого создания приложений. Высокопроизводительный инструмент визуального построения приложений включает в себя настоящий компилятор кода и предоставляет средства визуального программирования, несколько похожие на те, что можно обнаружить в Microsoft Visual Basic или в других инструментах визуального проектирования.

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

HTML имеет особенность постоянно модернизироваться, о чем свидетельствует периодическое обновление в виде появления новых версий. На сегодняшний день, последней версией программного средства является ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 года, которая подразумевает некоторые совершенствования в системе языка программирования. Во-первых, модернизация элементов HTML касается уникода, а именно, предполагается полная его поддержка. Во-вторых, наличие элементов для осуществления обобщенного программирования, которое подразумевает разработку алгоритмов, применимых к разным типам данных. В-третьих, использование безымянных функций, которые не предполагают лексического токена, а именование сущностей делает возможным ссылки на них, которые могут использоваться позже.

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

  •  быстрота разработки приложения;
  •  высокая производительность разработанного приложения;
  •  низкие требования разработанного приложения к ресурсам компьютера;
  •  наращиваемость за счет встраивания новых компонент и инструментов
  •  возможность разработки новых компонент и инструментов собственными средствами HTML (существующие компоненты и инструменты доступны в исходных кодах);
  •  удачная проработка иерархии объектов.
  •  возможность создавать распределенные приложения на базе СОМ и CORBA, Интернет и intranet-приложения
  •  доступно огромное количество визуальных компонентов третьих фирм, часть из которых freeware, часть shareware, часть - коммерческих.
  •  мощные средства отладки (вплоть до пошагового выполнения команд процессора)
  •  средства коллективной работы над проектом
  •  встроенные компоненты доступа к данным: BDE, ODBC или ADO
  •  возможность создания компонентов ActiveX без использования Microsoft IDL
  •  поддержка многозвенной технологии (multi-tiered) доступа к данным
  •  язык поддерживает все требования, предъявляемые к объектно-ориентированному языку программирования.
  •  язык поддерживает обработки исключительных ситуаций, а также перегрузку методов и подпрограмм (overload) в стиле C++.
  •  возможность создавать свои собственные компоненты, импортировать ОСХ-компоненты, создавать шаблоны проектов и "мастеров", создающих заготовки проектов.

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

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

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

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

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

Таким образом, видно, что наиболее удобным средством разработки  является HTML.

2.2. Описание связей в программном продукте

Сайт разработан для детского дошкольного учреждения МКДОУ №17» г. Шадринска.

Главная страница проекта состоит из таблиц.

Для описания структуры таблиц используются теги <TABLE>. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <TR> и <TD>.

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

Основными тегами на сайте являются теги:

<html></html>, которые указывают браузеру, что это html-документ.

<head></head> - описывают титульную часть документа, а также теги для поисковых машин.

<body></body> - в данном теге находится основное видимое содержимое документа.

<table></table> - определяет блок таблицы.

<tr></tr> - помещается внутри тега table, указывает на строку таблицы. В каждой таблице соответственно по несколько пар тегов <tr></tr>.

<td></td> - помещается внутри тега tr и обозначает ячейку таблицы. Все, что находится внутри тега td представляет собой содержимое ячейки.

<td colspan="#"> Указывает кол-во столбцов, которое объединено в одной ячейке. (по умолчанию=1).

<td rowspan="#"> Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1).

Изначально, сразу после загрузки страницы, данное меню представляет собой простую картинку, в которой по нажатию кнопки мыши на пунктах меню ничего не происходит, чтобы привязать названия меню, нарисованные на картинке, используется тег <a href=" "></a>, который создает ссылку на другую страницу. А для привязки действия ссылки к определенной области экрана служит тег <map>, который является контейнером для элементов <area>, которые устанавливают невидимые области изображения, являющиеся ссылками на html-документы.

В нашем случае в тег вставки изображения с картинкой меню добавляется элемент usemap, указывающий данному изображению использовать карту с идентификатором #map:

<td align="left" valign="top" ><img src="images/index_01.jpg" alt="" width="455" height="186" border="0" /></td>.

Далее, в конце текста страницы при помощи тега <map> описывается карта с идентификатором #map, которая назначает рисунку области для использования в качестве ссылок на другие документы.

<map name="Map" id="Map">

<area shape="rect" coords="122,23,210,49" href="index.html" alt="" />

<area shape="rect" coords="120,67,205,90" href="gruppy.html" alt="" />

<area shape="rect" coords="124,105,258,133" href="sotrudniki.html" alt="" />

<area shape="rect" coords="122,148,245,168" href="raspisanie.html" alt="" />

<area shape="rect" coords="123,185,250,211" href="kontakty.html" alt="" />

</map>

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

2.3. Описание интерфейса

Рис. 1 Главная страница сайта

Рис. 1а. Главная страница сайта

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

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

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

• сократить время до появления первых версий программного продукта;

• заинтересовать большое количество пользователей, обеспечивая быстрое продвижение следующих версий продукта на рынке;

• ускорить формирование и уточнение спецификаций за счет появления практики использования продукта;

• уменьшить вероятность морального устаревания системы за время разработки.

Появление CASE-технологий (Computer-Aided Software/System Engineering – Автоматизированная технология разработки ПО/систем)  снизило трудоемкость отдельных этапов жизненного цикла ПО за счет автоматизации трудоемких операций. Современные CASE-средства существенно увеличивают производительность труда программистов, улучшают качество создаваемого ПО и автоматизируют формирование проектной документации для всех этапов жизненного цикла в соответствии с современными стандартами.

Любой сайт имеет главную страницу. Главная страница нашего сайта (Рис. 1, 1а) содержит информацию об учебном заведении, меню сайта, новости учреждения, список групп, список сотрудников, а также адрес и телефоны МКДОУ №17.

Перейдем на страницу «Группы»

Рис 2. «Группы»

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

Нажав на кнопку «Сотрудники», можно познакомиться со списком сотрудников детского сада, а кнопка «расписание» откроет страницу с расписанием занятий в группах.

Рис. 3. «Сотрудники»

Рис. 4 «Расписание»

Рис. 5. «Контакты»

Последняя строка в меню «Контакты» открывает посетителю контактную информацию об учебном заведении.

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

Рис. 6. «Новости»

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

3.1. Правовые основы создания программного продукта

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

Еще в середине XX века тема программ для ЭВМ и программного обеспечения информационных систем была выведена на передовой фронт науки и практики, заняла свою нишу в законодательстве. Первый закон в российской Федерации был принят в 1992 г. и носил название «О правовой охране программ для ЭВМ и баз данных». Одновременно был принят и закон «О правовой охране типологий интегральных микросхем», что закладывало основы для развития информационных технологий в отраслях российской электроники. Этим фактом была заложена связь программных продуктов в комплексе ИКТ (информационных и коммуникационных технологий) и результатов интеллектуального творчества в этой сфере. Этим обозначилась и связь авторского права с созданием и реализацией программного обеспечения информатизации по самым разным направлениям развития современного общества и управлением этими процессами.

Темпы и объемы включения информационных технологий в жизнь общества, широкий фронт разработки программ и программного обеспечения ЭВМ и их систем остро ставят вопрос о развитии законодательства в этой области в целях обеспечения качества продукции и защиты прав и интересов всех субъектов, связанных с этим процессом. Это касается в первую очередь создателей программного продукта; его потребителей и пользователей, а также структур, ответственных за безопасность в технологическом обеспечении информационных процессов. Речь идет о соблюдении условий безопасности граждан, государственных институтов и всего общества, что предусмотрено Стратегией развития информационного общества в Российской Федерации, Доктриной обеспечения информационной безопасности Российской Федерации, другими нормативно-правовыми актами в данной области. Достаточно сказать, что глобальной сетью Интернет в настоящее время пользуется около 40 миллионов россиян. На рынке программного обеспечения в настоящее время действует более 3000 мировых производителей и многие из них представлены в производственной сфере и на рынке России.

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

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

В последние годы российский ИТ-рынок динамично развивается, причем его рост значительно превышает общемировые темпы. Так, в 2002 г. прирост рынка персональных компьютеров в России составил 24,4%, что в девять раз выше мирового прироста (2,7%). Новинки информационных технологий прививаются в нашей стране все быстрее, и каждое новое поколение компьютеров приближает этот продукт к потребительскому идеалу, когда персональный компьютер (ПК) будет использоваться повсеместно. Несмотря на множество проблем на пути всеобщей компьютеризации (главная из которых - финансовая), все больше людей и компаний покупают ПК для личного пользования и производственных нужд. Следовательно, актуальной является тема исследования предпринимательской деятельности на рынке информационных технологий, а особенно, деятельности компьютерных фирм, под которыми следует понимать компании, собирающие и реализующие персональные компьютеры и сопутствующие товары.

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

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

2 - регулирование контроля над исполнением информационного законодательства;

3 - практика привлечения к юридической ответственности за правонарушения в сфере компьютерной информации

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

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

Заявка на государственную регистрацию программы для ЭВМ или базы данных (заявка на регистрацию) должна относиться к одной программе для ЭВМ или к одной базе данных.

Заявка на регистрацию должна содержать:

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

- депонируемые материалы, идентифицирующие программу для ЭВМ или базу данных, включая реферат;

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

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

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

Правила подпункта 5 пункта 2 статьи 1270 ГК РФ не применяются в отношении программы для ЭВМ, за исключением случая, когда такая программа является основным объектом проката.

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

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

3.2. Методы и приемы защиты информации

В соответствии с пунктом 3 Положения об обеспечении безопасности персональных данных при их обработке в информационных системах персональных данных, утвержденного постановлением Правительства Российской Федерации от 17 ноября 2007 г. № 781 (Собрание законодательства Российской Федерации, 2007, № 48, ст. 6001), к методам и способам защиты информации в информационных системах относятся:

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

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

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

Выбор и реализация методов и способов защиты информации в информационной системе осуществляются на основе определяемых оператором (уполномоченным лицом) угроз безопасности персональных данных (модели угроз) и в зависимости от класса информационной системы, определенного в соответствии с Порядком проведения классификации информационных систем персональных данных, утвержденным приказом ФСТЭК России, ФСБ России и Мининформсвязи России от 13 февраля 2008 г. № 55/86/20 (зарегистрирован Минюстом России 3 апреля 2008 г., регистрационный № 11462). Модель угроз разрабатывается на основе методических документов, утвержденных в соответствии с пунктом 2 постановления Правительства Российской Федерации от 17 ноября 2007 г. № 781.

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

3.3. Охрана труда при разработке программного продукта

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

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

Чтобы полнее раскрыть этот вопрос, для начала подробнее ознакомимся с понятием «рабочее место программиста».

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

При правильной организации рабочего места производительность труда программиста возрастает с 8 до 20 процентов.

Главными элементами рабочего места программиста являются письменный стол и кресло. Основным рабочим положением является положение сидя. Рабочее место для выполнения работ в положении сидя организуется в соответствии с ГОСТ12.2.032-78.

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

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

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

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

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

ДИСПЛЕЙ размещается в в центре;

КЛАВИАТУРА- в зоне перед дисплеем;

СИСТЕМНЫЙ БЛОК размещается слева;

ПРИНТЕР находится справа;

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

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

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

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

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

Параметры микроклимата на рабочем месте

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

Основной принцип нормирования микроклимата - создание оптимальных условий для теплообмена тела человека с окружающей средой. В санитарных нормах СН-245/71 установлены величины параметров микроклимата, создающие комфортные условия. Эти нормы устанавливаются в зависимости от времени года, характера трудового процесса и характера производственного помещения (значительные или незначительные тепловыделения). Для рабочих помещений с избыточным тепловыделением до 20 ккал/м3 допустимые и оптимальные значения параметров микроклимата приведены в таблице 1.

Таблица 1.

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

Время года

 

Зона

 

Температура

воздуха, 0 C

 

Относительная

влажность, %

 

Скорость

движения

воздуха, м/с

Холодный

период

Оптимальная

18 - 21

60 - 40

< 0.2

Переходный

период

Допустимая

 

17 - 21

 

< 75

 

< 0.3

 

Теплый пе-

риод года

(t > 100 C)

Оптимальная

 

20 - 25

 

60 - 40

 

< 0.3

 

 

Допустимая

< 28 в 13

часов самого

жаркого мес.

< 75

 

< 0.5

 

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

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

Строительно-акустические методы защиты от шума предусмотрены строительными нормами и правилами (СНиП-II-12-77). это:

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

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

Звукопоглощающие облицовки из указанных материалов (например, маты из супертонкого стекловолокна с оболочкой из стеклоткани нужно разместить на потолке и верхних частях стен).Максимальное звукопоглощение будет достигнуто при облицовке не менее 60% общей площади ограждающих поверхностей помещения.

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

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

Таблица 2

Алгоритм работы программиста

Этап

Содержание

Затрата времени, %

I

II

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

Изучение материала по поставленной задаче

6.25

III

Определение метода решения задачи

6.25

IV

Составление алгоритма решения задачи

12.5

V

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

25

VI

Отладка программы, составление отчета

50

Данный алгоритм отражает общие действия программиста при решении поставленной задачи независимо от ее сложности.

Подсчитаем количество членов алгоритма и их частоту (вероятность) относительно общего числа, принятого за единицу. Вероятность повторения i-ойситуации определяется по формуле:

pi = k/n,

где k – количество повторений каждого элемента одного типа.

n – суммарное количество повторений от источника информации, одного типа.

Результаты расчета сведем в таблицу3

Таблица 3.

Источник информации

Члены алгоритма

Символ

Количество

членов

Частота повторений

pi

1

Афферентные – всего (n),

в том числе (к):

 

6

1,00

Изучение технической документации и литературы

A

2

0,33

Наблюдение полученных результатов

F

4

0, 67

2

Эфферентные – всего,

В том числе:

 

18

1,00

Уточнение и согласование полученных материалов

B

3

0,17

Выбор наилучшего варианта из нескольких

C

8

0,44

Исправление ошибок

D

1

0,06

Анализ полученных результатов

H

6

0,33

Выполнение механических действий

K

0

0

3

Логические условия – всего

в том числе

 

13

1,00

Принятие решений на основе изучения технической литературы

j

5

0,39

Графического материала

q

2

0,15

Полученного текста программы

w

6

0,46

 

Всего:

 

37

 

 

Количественные характеристики алгоритма (Табл.3) позволяют рассчитать информационную нагрузку программиста. Энтропия информации элементов каждого источника информации рассчитывается по формуле, бит/сигн:

Pi=k/n ,  

где m – число однотипных членов алгоритма рассматриваемого источника информации.

H1 = 2 * 2 + 2* 4 = 10

H2 = 3 * 1,585+ 8 * 3 + 0 + 6 * 2,585 = 44, 265

H3 = 5 * 2,323

H3 = 5 * 2,323+ 2 * 1 + 6 + 2,585 = 29,125

Затем определяется общая энтропия информации, бит/сигн:

HΣ = H1+ H2 + H3,

где H1, H2, H3 – энтропия афферентных, эфферентныхэлементов и логических условий соответственно.

HΣ = 10 +44,265 + 29,125 = 83,39

  Количественные характеристики  алгоритма позволяют рассчитать информационную нагрузку программиста.  Энтропия информации элементов каждого источника информации рассчитывается по формуле:

mHj = -     Pi*log  Pi       

i=1

где m  - число однотипных членов алгоритма рассматриваемого источника информации.

Затем определяется общая энтропия информации, бит/сигн:

H = H + H + H  = 4.46 ,

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

Определяем поток информационной нагрузки, бит/мин, Н * N     4.46 * 57

Ф = --------  = --------- = 1.41     (11.4)

t 180

где N - суммарное число всех членов алгоритма;

t - длительность выполнения всей работы ( t=180 мин ).

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

0.8 < Фрасч < 3.2 , бит/мин.


Заключение

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

Каждый из нас уже сейчас может сделать свой вклад в развитие Internet. Для этого достаточно создать свой веб-сайт и разместить его в Сети. Но как это сделать? Ответ на данный вопрос я и попробовал дать в этой работе.

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

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

В процессе выполнения дипломной работы был создан веб сайт МКДОУ «Прогимназия № 17» г.Шадринска.

Нами в ходе выполненной работы получены следующие результаты:

  •  проанализирована литература по теме исследования и кратко изложены теоретические основы создания программного продукта;
  •  раскрыта роль и значение сайта образовательного учреждения на современном этапе;
  •  построена модель создания веб-сайта дошкольного образовательного учреждения;
  •  описана стратегия создания веб-сайта;
  •  выделены и усвоены основные правила и рекомендации по разработке и созданию Web-сайтов.

В результате выполнения дипломного проекта нами создан веб-сайт МДОУ «Прогимназия № 17» г.Шадринска.

Это сайт-визитка, представляющий организацию в сети Интернет. С его помощью пользователи узнают о существовании и деятельности этого детского сада, познакомятся с его сотрудниками, комплектацией групп, расписанием групповых занятий, новостями учреждения. Сайт рассказывает об услугах, предоставляемых МКДОУ №17.

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

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

  1.         Вирджиния ДеБольт; пер. с англ. И.С. Елов. – HTML и CSS совместное использование/ М.:НТ Пресс, 2006. – 504с. :ил. – (Школа Web-мастерства).
  2.          Методы защиты информации [методы защиты информации] -  http://anmal.narod.ru/secyriti/protection_information.html. - 11.05.2012.
  3.          Хеник, Б. HTML и CSS Путь к совершенству / Б. Хеник - М.: изд. Питер, 2011 г.
  4.           Кастро, Э. HTML и CSS для создания web-страниц /  Э. Кастро -  M. : НТ Пресс, 2006 – 144 ст.
  5.           Девисилов, В. А. Охрана труда / В. А. Девисилов, 4-е изд., перераб. и доп. - М.: Форум, 2009.  - 496 с.
  6.           Жидецкий В. Ц. Основы охраны труда / В. С. Джигирей, А. В. Мельников, В. Ц. Жидецкий -  М.: Афиша, 2000 г. – 351 ст.
  7.             Web – дизайн [Структура web-страницы] - http://ucoz.org.ua. – 10.05.2012.
  8.             Каталог рефератов на Allbest.ru [охрана труда при работе на ПК] - http://referats.allbest.ru/programming. - 09.05.2012.
  9.            Online – учебник оп языку HTML. Online HTML [история HTML] - http://onlinehtml.narod.ru/history.html/ - 07.05.2012.
  10.  Для чего нужен сайт? Три причины создать свой сайт. [История HTML и CSS] - http://www.greenlight5.com/index61.htm/ - 05.05.2012.
  11.   Омский Государственный университет [Основы Создания Web - страниц]-http://www.univer.omsk.su/omsk/Edu/htmlbook/index.htm.-11.05.2012.
  12.  SEOSKOP.RU От визитки до портала — легко! [Зачем нужен сайт?] - http://seoskop.ru/zachem-nuzhen-sayt.html -  17.05.2012.
  13.  Гарнаев, А.Ю. Самоучитель / А.Ю Гарнаев. -  VBA - 2-е изд., перераб. и доп. СПб.: БВХ- Петербург 2004. - 560с.
  14.  Гарнаев, А.Ю. «Excel 2002: разработка приложений» / А. Гарнаев. -  СПб.: БВХ-Петербург 2002. -  450с.
  15.  Браун, С.В. «VB 6» / С. Браун. - СПб.: Москва - Харьков - Минск 2002. - 573с.
  16.  Каммингс, С.П. «VBA для Чайников» / С. Каммингс. - СПб.: Москва - Санкт-Петербург - Киев 2003. - 440с.
  17.  Благодатских, В.А. «Экономико-правовые основы рынка программного обеспечения.» / В.А. Благодатских, С.А. Середа, К.Ф. Поскакалов. –М.: Финансы и статистика, 2009.
  18.  Меняев, М.Ф. «Информационные технологии управления.» / М.Ф. Меняев. – М.: Омега-Л, 2007.
  19.  Островский, В.А. «Информатика.» / В.А. Островский. – М.: Инфра-М, 2004.
  20.  Симонович, С.В. «Информатика.» /  С.В. Симонович. -  СПб.: Питер, 2007.
  21.  Угринович, Н.Д. «Информатика и информационные технологии.» / Н. Д. Угринович. – М.: Бином, 2007.
  22.  Веб школа. Интернет технологии. [Электронный ресурс] / Яндекс.Директ // Режим доступа: http:// www.webschool.narod.ru. – веб школа: Интернет технологии. (5.04.2012)
  23.  Ларсон, М.А. «Создание web-страниц с помощью Word.» / М.А. Ларсон. - М.: БИНОМ, 2005.
  24.  Пери, Б.Л. «Секреты World Wide Web» / Б.Л. Пери. – М.: ПРЕССКОМ, 2004.
  25.  Рассохин, С.В. «World Wide Web - глобальная информационная паутина в сети Internet» С.В. Рассохин, Г.Д. Лебедев. - М.: ФЕНИКС, 2005.
  26.  Лесничая, И.Г. «Информатика и информационные технологии» / И.Г. Лесничная.  – М.: ЭКСМО, 2005.
  27.  Гласман, А.В. «Принципы построения web – страниц» / А.В. Гласман. – СПб.: ДУКСНЕТ, 2006.
  28.  Хеслоп, А.П. «HTML с самого начала» / А.П.Хеслоп. – СП.; ФИЗМАТ, 2005.
  29.  Аскеров, Т.М. Защита информации и информационная безопасность: учебное пособие / Т.М. Аскеров, В.П. Бородько.- М.: Рос.экон.акад., 2001. - 387с.
  30.  Бойко, В.В. Проектирование информационных систем / В.В. Бойко, В.М. Савинов. - М.: Финансы и статистика, 2001. - 236 c.
  31.  Диго, С.М.: проектирование и использование: Учебник. / С.М. Диго. - М.: Финансы и статистика, 2005.- 196 с.
  32.  Карпова, Т.С.: модели, разработка, реализация  программного продукта/ Т.С. Карпова.  - СПб.: Питер, 2001. - 304с.
  33.  Кренке, Д. Теория и практика построения программного продукта: [пер.с англ] / Д. Кренке. - 9 - е изд. - СПб.: Питер, 2005. - 858 с.
  34.  Макарова, Н.В. Практикум по технологии работы на компьютере /  Н.В. Макарова. - М.: Финансы и статистика, 2002.- 398 с.
  35.  Омельченко, Л.Н. Самоучитель HTML. / Л.Н. Омельченко. - СПб.: БХВ-Петербург, 2003. –357 с.
  36.  Симонович, С.В. Информатика: Базовый курс / С.В. Симонович. - СПб.: Питер. 2002. –784 с.
  37.  Стивенс, Р.Р. Программирование, 2-е издание / Р.Р. Стивенс. – М.: Бином-Пресс, 2007. –789 с.
  38.  Макарова, Н.В. Информатика: Учебник / Надежда Макарова. - М.: Финансы и статистика, 2007. - 253 с.
  39.  Мальчук, Е.В. Книга «HTML и CSS. Самоучитель» / Елена Мальчук, 2005. – 65 с.
  40.  Нильсен, Я.С. Веб-дизайн / Якоб Нильсен. – М.: Веб-дизайн, 2007. – 76

PAGE  50


 

А также другие работы, которые могут Вас заинтересовать

13706. Партия есть организованное общественное мнение 14.16 KB
  Партия есть организованное общественное мнение. Б. Дизраэли Нельзя не согласиться с мнением английского политика XIX века Б. Дизраэли. Партии представляют в политике общественное мнение во всем его многообразии. По закону РФ О политических партиях партия определ...
13707. В нынешние времена – все политика 14.28 KB
  Политология. В нынешние времена – все политика С. КъеркегорС. Къеркегор поднимает проблему политизации всех сторон жизни человека не только в отдельно взятой стране но и в мире. Что же такое политика Политика – это искусство управлять обществом. Управлять при помощи ч
13708. Власть, лишенная авторитета, хуже, чем явное безвластие 15.83 KB
  Тема Власть лишенная авторитета хуже чем явное безвластие. В обществе где правит власть лишенная авторитета у народа правовое и демократическое государство существует только на бумаге. Как писал Оноре де Бальзак: Власть над которой глумятся близка к гибели. И в де...
13709. Демократия - это система,при которой у власти можно находиться лишь в результате конкурентной борьбы за мнение большинства 14.18 KB
  Демократия это системапри которой у власти можно находиться лишь в результате конкурентной борьбы за мнение большинстваКруглов.Демократия это форма правления которая существует с древнейших времен и означает власть народа то есть власть большинства.Поэтому поли
13710. Когда народ много знает, им трудно управлять 13.82 KB
  Когда народ много знает им трудно управлять Лао Цзы Высшая ценность в обществе постмодернизма быть свободным от политической системы быть индивидуальностью: свободно творить выражать свои мысли иметь отличное от всех мнение.Политическое сознание в годы советской в
13711. The 21st century has begun. What changes do you think this new century will bring? Use examples and details in your answer 2 KB
  The 21st century has begun. What changes do you think this new century will bring Use examples and details in your answer. Man through the ages has undergone many changes from the time when he depicted a herd of mammoths on the walls of his cave to these days when he can create beautiful pictures and even make coffee by use of computer technologies without leaving his favorite chair. The 20th century made huge steps in developing computer technologies and reached many goals that made o...
13712. Some people say that advertising encourages us to buy things we really do not need. Others say that advertisements tell us about new products that may improve our lives. Which viewpoint do you agree with? Use specific reasons and examples to support your 5.76 KB
  Some people say that advertising encourages us to buy things we really do not need. Others say that advertisements tell us about new products that may improve our lives. Which viewpoint do you agree with Use specific reasons and examples to support your answer. I think that everyone can divide all advertising products and services into useless ones and useful ones. It is like looking through an information desk when you pay attention to those messages that interest you. Take me for examp...
13713. Do you agree or disagree with the following statement? Advertising can tell you a lot about a country. Use specific reasons and examples to support your answer 1.84 KB
  Do you agree or disagree with the following statement Advertising can tell you a lot about a country. Use specific reasons and examples to support your answer. Every country has its own culture and traditions. There is no doubt that an advertising campaign conducted in Russia will not have the same affect here in the United States. Let us take for example advertisement of food and restaurants. A huge amount of fast food stands suggest their services for breakfast lunch di...
13714. A gift (such as a camera, a soccer ball, or an animal) can contribute to a child’s development. What gift would you give to help a child develop? Why? Use reasons and specific examples to support your choice 2.45 KB
  A gift such as a camera a soccer ball or an animal can contribute to a child’s development. What gift would you give to help a child develop Why Use reasons and specific examples to support your choice. People learn and develop throughout their entire lives. I think that in our modern world it is very essential to be familiar with computer technology. So if I had a chance to give a child a gift it would be a computer. I think that computers play an essential role in our lives and ...