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

Задача длительного хранения и обработки информации появилась практически сразу с появлением первых компьютеров. Для решения этой задачи в конце 60-х годов были разработаны специализированные программы, получившие название систем управления базами данных (СУБД). СУБД проделали длительный путь эволюции от системы управления файлами, через иерархические и сетевые базы данных. В конце 80-х годов доминирующей стала система управления реляционными базами данных (СУРБД). С этого времени такие СУБД стали стандартом де-факто, и для того, чтобы унифицировать работу с ними, был разработан структурированный язык запросов (SQL), который представляет собой язык управления именно реляционными базами данных.

Взаимодействие с базой данных происходит при помощи Системы Управления Базой Данных (СУБД), которая расшифровывает запросы и производит операции с информацией в базе данных. Поэтому более правильно было бы говорить о запросе к СУБД и о взаимодействии с СУБД из Web-приложения. Но так как это несколько усложняет восприятие, далее везде мы будем говорить "база данных", подразумевая при этом СУБД.

Существуют следующие разновидности баз данных:

· иерархические;

· реляционные;

· объектно-ориентированные;

· гибридные.

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

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

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

Гибридные СУБД совмещают в себе возможности реляционных и объектно-ориентированных баз данных.

В Web-приложениях, как правило, используются реляционные базы данных.

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



Рисунок 2 - Пример структуры таблицы базы данных

Особенности реляционной базы данных можно описать следующим образом:

· Данные хранятся в таблицах, состоящих из столбцов и строк;

· На пересечении каждого столбца и строчки стоит в точности одно значение;

· У каждого столбца есть своё имя, которое служит его названием, и все значения в одном столбце имеют один тип. Например, в столбце id_forum все значения имеют целочисленный тип, а в строке name - текстовый;

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

Индекс - это отсортированный список значений полей, предназначенный для ускорения поиска в базе данных.

Интересны, как правило, не сами индексы, а уникальные индексы.

Уникальный индекс представляет собой список значений, в котором каждое значение уникально. К примеру, в таблице базы данных показанной на рисунке 2, содержащей данные по текстам вопросов и количестве ответов на них уникальный индекс это поле id, поскольку каждый номер вопроса является единственным в своём роде. А вот количество ответов на этот вопрос уже не уникально, поэтому индекс hits не может быть уникальным.

Первичный ключ (primary key) представляет собой один из примеров уникальных индексов и применяется для уникальной идентификации записей таблицы. Никакие из двух записей таблицы не могут иметь одинаковых значений первичного ключа. Первичный ключ обычно сокращенно обозначают как PK (primary key).

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

Для администрирования и редактирования баз данных MySQL в используемом нами комплексе Denwer-2 используется программа phpMyAdmin. Она вызывается по команде в адресной строке http://localhost/Tools/phpmyadmin.

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

2.6 Главная страница сайта

На главной странице сайта будут располагаться:

· главное меню сайта;

· название сайта;

· последняя информация, которую необходимо донести до пользователя сайта;

· опрос читателей сайта для сбора необходимой статистической информации;

· меню для быстрого доступа к главной странице, карте сайта, контактам;

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

Слева находится главное меню где имеются навигационные кнопки:

· главная - возврат на главную страницу сайта;

· наш поселок - здесь будет находится информация о истории создания поселка, его жителях и т.п.;

Рисунок 3 - Главная страница

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

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

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

· новости - свежие новости из жизни поселка;

· ссылки - полезные ссылки на ресурсы Интернета;

· контакты - здесь читатели сайта смогут отправить сообщения или вопросы лицам которые будут указаны в контактах, например Администрации поселка или кому либо из членов Думы;

· поиск - поиск по разделам сайта необходимой информации;

· форум - ссылка на форум поселка;

· архив новостей - ссылка на устаревшие статьи и новости сайта, которые были удалены в архив;

В верхней части сайта можно увидеть герб района и название данного сайта.

Для описания стилей оформления меню, текста используется файл template_css.css листинг которого представлен в приложении А.

Использование данного метода описания стилей позволяет оптимизировать и уменьшить в несколько раз исходный код страницы сайта. Можно указать в одном файле все параметры шрифтов, картинок, цвета меню и текста, а в тексте HTML или PHP страницы указывать параметром style = параметр стиля.

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

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

Главная страница открывается при вводе команды в браузере http://kirenga.ru/ (на момент написания сайта мы используем виртуальный хост сервера Apache). Браузер открывает файл index.php листинг которого приводится в приложении Б.

Команда require_once( 'configuration.php' ) загружает параметры из конфигурационного файла configuration.php, в котором задаются основные параметры сайта используемые в дальнейшем, например:

$mosConfig_host = 'localhost' - переменная указывающая на расположение базы данных;

$mosConfig_db = 'db' - наименование базы данных;

$mosConfig_absolute_path = 'z:/home/kirenga.ru/www' - расположение сайта;

$mosConfig_live_site = 'http://kirenga.ru' - интернет ссылка на сайт;

$mosConfig_sitename = 'Официальный сайт Казачинско-Ленского района';

$mosConfig_useractivation = '1' - необходима ли авторизация пользователей;

$mosConfig_offline_message = 'Сайт временно закрыт.<br />Пожалуйста, зайдите позже.' - сообщение которое будет выводиться при закрытии сайта например во время профилактических работ;

$mosConfig_MetaDesc = 'Сайт Казачинско-Ленского района' - мета данные для поисковых машин;

$mosConfig_MetaKeys = 'Магистральный, Казачинско-Ленский' - мета данные для поисковых машин;

$mosConfig_locale = 'ru_RU.CP1251' - используемая кодировка;

$mosConfig_sendmail = '/usr/sbin/sendmail';

$mosConfig_smtpauth = '0';

$mosConfig_smtpuser = '';

$mosConfig_smtppass = '';

$mosConfig_smtphost = 'localhost';

$mosConfig_icons = '1';

$mosConfig_favicon = 'ui.ico' - указывает на файл иконки, которая будет отображаться в адресной строке браузера;

Затем программа в зависимости от того что было указано в командной строке делает выборку из базы данных MySQL, которая называется db и выводит на экран. Например, если в командной строке браузера было написано http://kirenga.ru/index.php?option=com_content& id=16&Itemid=38 то переменной option будет присвоено значение com_content, переменной id будет присвоено значение 16, а переменной Itemid будет присвоено значение 38.

Значение com_content указывает что во фрейме слева от меню будет открыта страница com_content.php.

Значение id = 16 указывает что на экран будет выведена информация, которая содержится в таблице базы данных mos_content которая соответствует ключу 16.

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

Аналогичным образом описаны и остальные ссылки в главном меню сайта.

2.7 Авторизация пользователей

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

Авторизация пользователей осуществляется с помощью программы mod_login.php листинг которой приводится в приложении В.

Информация о каждом пользователе хранится в таблице mos_users базы данных. В таблице используются поля:

Id - идентификатор пользователя, уникальное число, является ключем;

Name - имя пользователя;

Username - логин пользователя;

Email - адрес электронной почты пользователя;

Password - пароль пользователя;

Usertype - тип пользователя;

Block - флаг указывающий заблокирован ли пользователь или нет;

registerDate - дата регистрации;

lastvisitDate - дата последнего посещения;

Рисунок 4 - Авторизация пользователя

Для шифрования паролей пользователей используется стандартная функция языка PHP md5, которая возвращает MD5 хэш строки.

Синтаксис этой функции - string md5 (string str [, bool raw_output]).

Функция MD5 вычисляет MD5 хэш строки str используя алгоритм MD5 RSA Data Security Inc. и возвращает этот хэш. Хэш представляет собой 32-значное шестнадцатеричное число. Если необязательный аргумент raw_output имеет значение TRUE, то возвращается бинарная строка из 16 символов.

2.8 Опрос пользователей и голосования

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

Опрос пользователей будет отображаться на главной странице сайта (рисунок 5).

Каждый опрос сохраняется в базе данных MySQL так же как и вопросы. Это обеспечит нам возможность в любое время нажав кнопку Итоги посмотреть собранную статистику по любому из опросов (рисунок 6).

Рисунок 5 - Опрос пользователей

Рисунок 6 - Результаты опроса.

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

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

После создания сайта и утверждения содержания и внешнего вида в Администрации района необходимо будет разместить сайт в сети Интернет.

Здесь возникает ряд вопросов:

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

· выбор уровня домена;

· дальнейшая поддержка и администрирование сайта.

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

Сайт будет размещаться на домене первого уровня с названием kirenga.ru. Хостинг провайдер фирма Agava (сайт http://agava.ru) обеспечивает неограниченный трафик, поддержку PHP версии 4, до 5 баз MySQL, а так же ежедневное резервное копирование.

Для достоверности предоставляемой информации в Администрации выбран редактор, которые будет проверять статьи и предоставлять администратору сайта в электронном виде. Это обеспечит минимум ошибок при переносе информации на сайт.

сайт администрация информация программный



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

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

Существующие базовые направления оценки используемые при определении стоимостных и трудовых затрат на разработку, трудно применимы для ПО, ориентированного на персональные компьютеры (ПК).

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

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

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

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

Расчет затрат на разработку веб-сайта

Затраты на выполнение проекта

(1)

где С_ЗАРП - заработная плата исполнителей, С_ОБ -затраты на обеспечение необходимым оборудованием, С_ОРГ - затраты на организацию рабочих мест, С_НАКЛ- накладные расходы.

К = 58344,45рублей

Затраты на выплату исполнителям заработной платы:

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

(2)

С_зарп= 25500 руб.

где С_З.ОСН - основная заработанная плата, С_З.ДОП - дополнительная заработная плата, С_З.ОТЧ - отчисление с заработанной платы.

Расчет основной заработанной платы:

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

Основная заработная плата (ОЗП) определяется исходя из количества разработчиков, времени выполнения разработки (час), а также заработной платы в расчете на один час.

Количество разработчиков - 1. Время выполнения разработки - 528 часов.

(3)

С^и_зарп1=41,875*250= 10468,75 рублей

где Т_ЗАН - число дней, отработанных исполнителем проекта, О_ДН - дневной оклад исполнителя. При 8-и часовом рабочем дне он рассчитывается по соотношению

(4)

O_дн1=250

Таблица 1

Зарплата веб-разработчика за период работы

№	Должность	Дн.оклад (руб.)	Труд.затраты (час.)	Зар.плата (руб.)
1	Web разработчик	250	41,875	10468,75

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

(5)

С_з.осн =25500 рублей.

С_з.доп=5100 рублей.

Отчисления с заработанной платы:

Отчисления на социальное страхование устанавливаются в процентах от суммы основной и дополнительной заработной платы: 26%

(6)

где Н_СОЦ =26% - отчисления с заработанной платы в виде единого социального налога.

С_з.отх= 7956 рублей

Накладные расходы, связанные с выполнением проекта:

Накладные расходы определяются также в процентном отношении к ОЗП. Этот коэффициент может отличаться на различных предприятиях. Для предприятий занимающихся web-дизайном его можно принять как 25% от ОЗП.

С_накл=0.25*С_з.осн (7)

С_накл=6375 рублей

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

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

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

Расходы на персональный компьютер (ПК) определяются эксплуатационными расходами на ПК в течение срока разработки ПО и стоимостью компьютера.

В эксплуатационные расходы входят:

· расходы на электроэнергию;

· стоимость расходных материалов;

· расходы на ремонт;

· з/п ремонтника;

· дополнительные расходы - уборка помещения, охрана, аренда, коммунальные услуги;

· амортизационные затраты на ПК и ПО.

3.2 Расходы на электроэнергию (С_эл):

С_эл = РЧ СТ Ч Т_разр, где

Мощность компьютера (Р) = 0,3 Квт/ч;

Стоимость 1 Квт/ч (СТ) = 0,4 рубля. Время разработки (Т) = 528 часов

3.3 Стоимость расходных материалов (С_рм):

Затраты на расходные материалы в течение всего срока эксплуатации примерно 10% от стоимости компьютера. Срок эксплуатации ПК - 3 года. Следовательно, можно определить подобные расходы за период создания ПС.

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

3.4 Расходы на ремонт (С_ком):

По статистике расходы на комплектующие изделия (С_ком) для ремонта ПК составляют 10% от стоимости ПК за срок его эксплуатации.

3.5 Заработная плата ремонтника (С_рем):

На ремонт 50 компьютеров требуется один инженер системотехник. Его среднемесячная заработная плата С_рем'. Тогда в пересчете на один компьютер его з/п составит С_рем = С_рем'/50. Нам ремонт в процессе разработки сайта не понадобился.

3.6 Амортизационные отчисления на ПК (АПК):

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

Амортизационный период ПК в настоящее время равен сроку морального старения ВТ и составляет 3 года. Следовательно, за 3 года АПК равны стоимости компьютера. Рассчитайте амортизационные отчисления за период проектирования, считая, что они относятся только на один проект.

3.7 Амортизационные отчисления на ПО (АПО):

АПО зависят от цикла замены ПО. Если принять срок морального старения такой же, как у ПК, то АПО за 3 года равны стоимости ПО. Рассчитываем амортизационные отчисления за период проектирования, считая, что они относятся только на один проект.

3.8 Дополнительные расходы (С_доп):

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

3.9 Суммарные эксплуатационные расходы на один ПК составят:

С_эксп = С_эл + С_рм + С_ком + С_рем + АПК + АПО + С_доп.

Результаты расчетов сводятся в таблице 2.

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



Таблица 2

Эксплуатационные расходы на ПК в течении срока создания ПС

Статьи расхода	Затраты (руб.)
1. Расходы на электроэнергию	221,76
2. Стоимость расходных материалов	250
3. Расходы на ремонт	250
4. З/п инженера -системотехника	240
5. Амортизация ПК	2 500
6. Амортизация ПО	2 500
7. Дополнительные расходы	5551,69
Итого эксплуатационные расходы на ПК	11513,45

Себестоимость разработки ПС определяется как сумма в пятой строке таблице 3.

Если для разработки ПС необходима покупка лицензионного ПО средств разработки, то её стоимость учитывается в амортизационных отчислениях на ПО.

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

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

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

Калькуляция затрат на разработку ПС представлен в таблице 3.

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



Таблица 3

Смета затрат на разработку ПС

Статьи расходов	Затраты (руб.)
1. Зарплата	25500
2. Единый социальный налог	7956
3. Накладные расходы	6375
4. Расходы на ПК	11513,45
5. Итого себестоимость разработки	51344,45
6. Стоимость базовых программных средств (лицензионных)	7000
7. Общая стоимость	58344,45



4. Безопасность и экологичность проекта

Эргономические требования к цветовому оформлению сайта

В основной части дипломного проекта рассматриваются следующие вопросы: создание сайта Администарции Казачинско-Ленского района

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

1. требования к цветовому оформлению сайтов

Требования к цветовому оформлению сайтов.

Требования к цветовому оформлению сайта определяются следующими факторами:

· Физиологические и психологические особенности пользователей;

· Структура цвета.

Физиологические и психологические особенности пользователей

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

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

Структура цвета

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

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

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

При нормальных условиях освещения человек с нормальным зрением воспринимает длины волн от ~360 nm до ~800 nm. У него развита система цветного зрения, состоящая из трех групп: красного, синего и зеленого спектров. Вся цветовая гамма получается из трех цветов путем смешивания. Такая система используется и в компьютере. Рассмотрим теперь модели, используемые в компьютере при работе с цветом.

Существует набор из 216 цветов, которые не должны искажаться ни в одном браузере. По крайней мере, так должно быть, и производители браузеров обязаны это гарантировать. Этот набор цветов называется безопасной палитрой. Безопасные цвета всегда остаются неизменными при переходе от одного браузера к другому или от одной платформы к другой, от одного монитора к другому с их различными возможностями цветоотображения и разрешениями. Если любое из трех шестнадцатиричных значений отличается от 00, 33, 66, 88, СС или FF, то цвет не является безопасным. Человеческий глаз не одинаково воспринимает различные цвета. Существует понятие спектральная чувствительность глаза. Если говорить коротко, то наиболее оптимальными для глаз являются синий, зеленый и желтые цвета и их оттенки.С каждым цветом в спектре надо сопоставлять световую волну определённой длины. Считается, что видимая область спектра находится в диапазоне 0,38 - 0,76 мкм.

Цвет	Длина световой волны, мкм
Фиолетовый	0,38 - 0,45
Синий	0,45 - 0,5
Голубой	0,5 - 0,53
Зелёный	0,53- 0,57
Жёлтый	0,57 - 0,59
Оранжевый	0,59 - 0,62
Красный	0,62 - 0,76

Максимум спектральной чувствительности глаза находится в жёлто-зелёной части спектра (0,555 мкм).

Рисунок 7 - Кривая относительной спектральной чувствительности глаза при дневном свете

Рисунок 8 - Зависимость длины волны от освещенности

В зависимости от освещённости: дневное (1) или вечернее (2) время, относительная спектральная чувствительности глаза меняется. Этим объясняется тот факт, что в разное время суток (утро, день, вечер, ночь) один и тот же сайт (дизайн сайта) может восприниматься по-разному.

Длина волны, мкм	Коэффициент максимальной спектральной чувствительности глаза	Длина волны, мкм	Коэффициент максимальной спектральной чувствительности глаза
0,38	0,0004	0,58	0,87
0,42	0,004	0,6	0,631
0,44	0,023	0,62	0,381
0,46	0,06	0,64	0,175
0,48	0,139	0,66	0,061
0,5	0,323	0,68	0,017
0,52	0,71	0,7	0,0041
0,54	0,954	0,72	0,00105
0,555	1,0	0,74	0,00025
0,56	0,995	0,76	0,00006

Переход от одного цвета к другому совершается непрерывно, постепенно.

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

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

L = 120"/D,

где D- диаметр входного зрачка глаза в мм.

Разрешающая способность глаза характеризуется углом, при котором глаз ещё раздельно наблюдает две светящиеся точки. Принято считать, что разрешающая способность глаза составляет 1' (одну минуту).

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

L = (1,22*l)/D,

где D- диаметр входного зрачка в мм, l - длина волны света, мкм.

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

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

Требования:

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

Белый и черный цвета хорошо сочетаются с большинством других

Особенности обеспечения доступа для людей со слабым зрением

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

“Best experienced with” и “Best viewed with” (Лучше всего просматривать с помощью…), делают эти надписи бесполезными для людей со слабым зрением. Улучшенный графический дизайн бесполезен для тех, кто использует текстовые броузеры и популярные среди незрячих людей броузеры с голосовым интерфейсом.

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

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

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

- Дальтонизм. Неспособность различать два или более цветов. Наиболее часто

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

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

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

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

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

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

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

· метод использования близлежащих цветов;

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

· метод использования природных сочетаний цветов;

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

Метод использования близлежащих цветов

Имеются в виду близлежащие цвета в цветовом круге. Это традиционное использование подбора цвета на глаз.

Метод использования противоположных цветов, контрастность

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

Метод использования природных сочетаний цветов

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

Метод использования цвета разной степени насыщенности

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

Заключение

В данной дипломной работе я разработал web-сайт для Администрации Казачинско-Ленского района.

При этом мною были решены следующие частные задачи:

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

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

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

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

- определение структуры Web-страниц;

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

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

К числу его основных отличительных особенностей можно отнести следующее:

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

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

отсутствие проблем совместимости с различными браузерами, например такими широко распространенными, как Internet Explorer и Netscape Navigator;

Использование базы MySQL для хранения информации

Использование шифрования MD5 что обеспечивает безопасность при авторизации пользователей.



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

1. Мелони Дж. PHP 4 в действии. М.: Лучшие книги, 2002 - 400 с.

2. Веллинг Люк, Томсон Лора. Разработка Web-приложений с помощью PHP и MySQL., 3-е издание: Пер с англ. - М.: Издательский дом «Вильямс», 2006. - 880 с.

3. http://www.e-academy.ru

4. http://belarus.iba.by

5. http://www.competentum.ru

6. http://magister.competentum.ru/

7. http://www.prometeus.ru

8. http://www.redcenter.ru

9. http://www.hecadem.irk.ru:8100/

10. http://www.ipoint.ru

11. http://users.kpi.kharkov.ua/lre/bde/rus/de/definition.htm

12. http://www.citforum.ru/internet/asp/asp_intro.shtml

13. http://www.citforum.ru/internet/perl_tut/index.shtml

14. http://ums.org.ua/%7Estepanenko/PHP_vved/php-intro.html

15. http://www.mysql.ru/docs/ilyin/

16. http://tony2001.phpclub.net/doc/standard/

17. http://smarty.php.net/manual/ru/what.is.smarty.php

Размещено на Allbest.ru