Система автоматизированного сбора и подсчета голосов на политических выборах

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

Министерство образования и науки Российской Федерации

ФГБОУ ВПО «Сибирский государственный индустриальный университет»

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

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

к выпускной квалификационной работе:

Система автоматизированного сбора и подсчета голосов на политических выборах

Слушатель Боярчук А.Н.

Новокузнецк 2013 г.

Реферат

ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ, СИСТЕМЫ УПРАВЛЕНИЯ, СИСТЕМЫ СОЦИЛЬНОГО ИНЖЕНЕРИНГА, ВЕБ ДИЗАЙН, ПРОГРАММИРОВАНИЕ, ИНТЕГРАЦИЯ СИСТЕМ, ПОЛИТИЧЕСКИЕ ТЕХНОЛОГИИ, БЕЗОПАСНОСТЬ, АВТОМАТИЗАЦИЯ, АНАЛИТИЧЕСКИЕ СИСТЕМЫ.

Объектом исследования является интеграционные системы в области Интернет.

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

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

Обозначения и сокращения. Термины

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

Сайт (от англ. website: web -- «паутина, сеть» и site -- «место», буквально «место, сегмент, часть в сети») -- совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединенных под одним адресом (доменным именем или IP-адресом).

Веб-служба (англ. web service) -- идентифицируемая веб-адресом программная система со стандартизированными интерфейсами.

HTML (от англ. HyperText Markup Language -- «язык разметки гипертекста») -- стандартный язык разметки документов во Всемирной паутине.

PHP (англ. PHP: Hypertext Preprocessor -- «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools-- «Инструменты для создания персональных веб-страниц»; произносится пи-эйч-пи) -- скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений.

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

MySQL (МФА) -- свободная реляционная система управления базами данных

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

ARPANET (от англ. Advanced Research Projects Agency Network) -- компьютерная сеть, созданная в 1969 году в США Агентством Министерства обороны США по перспективным исследованиям (ARPA) и явившаяся прототипом сети Интернет

Интернемт (англ. Internet, МФА: -- всемирная система объединенных компьютерных сетей. Часто упоминается как Всемирная сеть и Глобальная сеть, а также просто Сеть. Построена на базе стека протоколов TCP/IP. На основе Интернета работает Всемирная паутина (World Wide Web, WWW) и множество других систем передачи данных.

Всемимрная паутимна (англ. World Wide Web) -- распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету. Для обозначения Всемирной паутины также используют слово веб (англ. web «паутина») и аббревиатуру WWW.

ICQ (англ. I seek You -- «я ищу тебя») -- централизованная служба мгновенного обмена сообщениями сети Интернет, в настоящее время принадлежащая инвестиционному фонду Mail.ru Group (Россия).

Skype (МФА: -- бесплатное проприетарное программное обеспечение с закрытым кодом, обеспечивающее частично шифрованную текстовую, голосовую связь и видеосвязь через Интернет между компьютерами (VoIP), используя технологии пиринговых сетей, а также платные услуги для звонков на мобильные и стационарные телефоны.

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

Единый указатель ресурсов (англ. URL -- Uniform Resource Locator) -- единообразный локатор (определитель местонахождения) ресурса. По-английски «URL» целиком произносится как [у-эр-эмл], [ю-ар-эл] или [урл] (сленг). Ранее назывался Universal Resource Locator -- универсальный указатель ресурса. URL -- это стандартизированный способ записи адреса ресурса в сети Интернет.

Содержание

Введение

1. Современные интернет технологии

2. Возможности и реалии

2.1 Язык разметки HTML

2.2 Язык программирования PHP

2.3 Язык скриптов JavaScript

2.4 База данных MySQL

2.5 Web-службы

3. Правила и этапы создания сайта

3.1 Графический дизайн в создании сайта

3.2 Организация работы Web-службы

3.3 Клиент Web-службы

3.4 Сервер Web-службы

3.5 Вопросы безопасности Web-службы

Заключение

Список использованных источников

Приложение А. Запрос и ответ SOAP

Приложение Б. Структура базы данных

Введение

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

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

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

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

Коммуникация всегда играла большую роль для получения доступа к новым знаниям. Сначала сказки и басни передаваемые из уст в уста давали людям опыт предков, потом, изложенные на страницах папируса, напечатанные на листах книг и газет. Человечество искало способ быстрее передавать информацию на большие расстояния. С появление электричества Сэмюэль Морзе с коллегой Альфредом Вейлем в 1838 году разработал способ знакового кодирования (представление букв алфавита, цифр, знаков препинания и других символов последовательностью сигналов, например, длинных и коротких: «тире» и «точек»). Разделенный на 0 и 1 сигнал в электрической сети стал прародителем тех средств коммуникации, которые используют современные люди, в своей повседневной жизни. В дальнейшем открытие триггера привело к изобретению ЭВМ -- механизма который позволял принимать сигналы, разделенные на 0 и 1, и в соответствии с логикой работы преобразовывать в необходимые последовательности. Также ЭВМ удовлетворяла еще одну насущную необходимость -- хранение данных. ЭВМ в начале были достоянием лишь самых модернизированных научных центров Америки. Для того, чтобы ускорить обработку данных и передачу из между центрами был разработан ARPANET -- систему которая производила коммуникацию между научными и военными центрами Америки. ARPANET является прародителем современной системы коммуникации INTERNET. Интернет и стала той системой коммуникации которая объединила все уголки нашей планеты в единую сеть в WWW. Основываясь на базовых принципах работы этой сети, каждый желающий может организовать необходимый узел коммуникации, будь то сайт, электронная почта, интернет-чат, систему мгновенных сообщений, специализированные туннели объединяющие офисы одной компании во единое информационное пространство. Вот как раз объединении и хотелось бы поговорить.

1. Современные интернет-технологии

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

Физические компоненты Интернет - технологии включают в себя:

1) Сеть Интернет:

- Протоколы TCP/IP. IP-адреса;

- Иерархическая система доменных имен Интернета;

- Опорная сеть Интернета. Маршрутизация;

2) Программное обеспечение в Интернете:

- Сетевые операционные системы;

- Специальное программное обеспечение для соединения с Интернетом;

- Прикладные протоколы;

3) Компьютеры (серверы и клиенты) в Интернете:

- Серверы электронной почты;

- Web - серверы;

- FTP - серверы;

- Серверы телеконференций;

- Серверы мгновенных сообщений;

4) Цифровые линии связи:

- Выбор провайдера. Подключение к Интернету;

5) Доступ в Интернет:

- Соединение сетевой платы с локальной сетью;

- Кабельные системы Ethernet;

6) Удаленный доступ к глобальным сетям:

- Доступ «компьютер - сеть»;

- Доступ «сеть-сеть»;

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

Логические компоненты Интернет - технологий:

1) Интернет - сервисы:

- World Wide Web - Всемирная паутина;

- Электронная почта. Системы телеконференций;

- Передача файлов (FTP);

- Интерактивный чат (chat);

- Передача мгновенных сообщений (IСQ);

- Аудио- и Видеоконференции;

- Голосовое общение (IP-телефония);

2) Работа в Интернете:

- Браузеры;

- Поисковые системы. Навигация в Интернете;

- Просмотр Web-страницы в браузере;

3) Информационные ресурсы в Интернете

- Web-страницы и Web-узлы, порталы. Web - пространство;

- Адресация, URL и протоколы передачи данных;

- Создание Web-страниц. Языки Web-публикаций.;

- Публикации в Интернете. Представительство;

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

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

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

сайт клиент датацентр голосование

2. Возможности и реалии

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

В распоряжении современного человека оказались:

1) Cредства коммуникации:

- Электронная почта;

- ICQ;

- Skype;

- Видео-телефония;

2) Cредства хранения:

- Файловые сервера;

- Базы данных;

3) Cредства поиска информации:

- Поисковые и индексационные сервера;

- Сайты и каталоги;

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

Что может помочь современному человеку в его стремлении получать больше информации и более предметно? Интеграция.

Интеграция стала насущной необходимостью объединения систем от разделенного контента к единому знаменателю. Примеры?

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

- Порталы госуслуг

- Пенсии

- Медицина

- Общественный транспорт

- Автомобиль

- Электронный кошелек

- Начисления и оплата

Хороший пример того как можно свести воедино множество предоставляемых сервисов человеку.

Еще пример?

С нового 2012 года заработает единая база данных технического осмотра.

С 1 января 2012 года данные о техосмотре автомобилей будут заноситься в единую автоматизированную информационную систему технического осмотра ЕАИСТО. В базе будут содержаться и постоянно обновляться сведения об операторах технического осмотра, прошедших его транспортных средствах, выданных и утраченных талонах техосмотра. Доступ к базе данных получат сотрудники внутренних дел и страховые компании, которые отныне будут выдавать полиса ОСАГО только на основании заключения эксперта технического осмотра. Информационная система ЕАИСТО будет доступна в удаленном доступе и заработает с 1 января 2012 года, сообщил начальника главного управления по обеспечению безопасности дорожного движения МВД России Владимир Швецов в интервью РИА Новости.

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

Еще пример?

Сайт http://www.009.am.

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

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

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

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

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

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

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

2.1 Язык разметки HTML

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986--1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE> предназначен для создания в документах таблиц, но, часто используется и для оформления размещения элементов на странице. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.

HTML -- теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками -- тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

· <strong>Текст между двумя тегами -- открывающим и закрывающим.</strong>

· <a href="http://www.example.com">Здесь элемент содержит атрибут href, то есть гиперссылку.</a>

· А вот пример пустого элемента: <br>

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:

<b>

Этот текст будет полужирным,

<i>а этот - ещё и курсивным</i>

</b>

даст такой результат:

Этот текст будет полужирным, а этот -- ещё и курсивным

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

2.2 Язык программирования PHP

PHP (англ. PHP: Hypertext Preprocessor -- «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools -- «Инструменты для создания персональных веб-страниц»; произносится пи-эйч-пи) -- скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.

Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNU GPL.

В области программирования для сети Интернет PHP -- один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.

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

- автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;

- взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);

- автоматизированная отправка HTTP-заголовков;

- работа с HTTP-авторизацией;

- работа с cookies и сессиями;

- работа с локальными и удалёнными файлами, сокетами;

- обработка файлов, загружаемых на сервер;

- работа с XForms.

В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в декабре 2012 года PHP находился на 6 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook, Wikipedia и др.

Синтаксис PHP подобен синтаксису языка Си. Некоторые элементы, такие как ассоциативные массивы и цикл foreach, заимствованы из Perl.

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

Простейшая программа Hello world на PHP выглядит следующим образом:

<?php

echo 'Hello, world!';

?>

Также возможен более короткий вариант вывода строки:

<?= 'Hello, world!' ?>

Открывающий тэг вида <?= используется для сокращённой записи конструкций используемых для вывода строки.

PHP исполняет код, находящийся внутри ограничителей, таких как <?php ?>. Всё, что находится вне ограничителей, выводится без изменений. В основном это используется для вставки PHP-кода в HTML-документ, например, так:

<html>

<head>

<title>Тестируем PHP</title>

</head>

<body>

<?php echo 'Hello, world!'; ?>

</body>

</html>

Помимо ограничителей <?php ?>, допускается использование дополнительных вариантов, таких как <? ?> и <script language="php"> </script>. Кроме того, до версии 6.0 допускается использование ограничителей языка программирования ASP <% %> (конструкции <? ?> и <% %> могут быть выключены в конфигурационном файле php.ini).

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

PHP рассматривает переход на новую строку как пробел, так же как HTML и другие языки со свободным форматом. Инструкции разделяются с помощью точки с запятой (;), за исключением некоторых случаев, после объявления конструкции if/else и циклов.

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

2.3 Язык скриптов JavaScript

JavaScript прототипно-ориентированный сценарный язык программирования.

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

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

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

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

Несмотря на схожий с Си синтаксис, JavaScript по сравнению с языком Си имеет коренные отличия:

- объекты, с возможностью интроспекции;

- функции как объекты первого класса;

- автоматическое приведение типов;

- автоматическая сборка мусора;

- анонимные функции.

В языке отсутствуют такие полезные вещи, как:

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

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

- стандартные интерфейсы к веб-серверам и базам данных;

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

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

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

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

2.4 База данных MySQL

MySQL (МФА) -- свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённой Sun Microsystems, которая ранее приобрела шведскую компанию MySQL AB. Продукт распространяется как под GNU General Public License, так и под собственной коммерческой лицензией. Помимо этого, разработчики создают функциональность по заказу лицензионных пользователей, именно благодаря такому заказу почти в самых ранних версиях появился механизм репликации.

MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.

Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.

26 февраля 2008 года Sun Microsystems приобрела MySQL AB за $1 млрд., 27 января 2010 года Oracle приобрела Sun Microsystems за $7,4 млрд.и включила MySQL в свою линейку СУБД.

2.5 Web-службы

В основе Web-служб лежат несколько простых принципов. Возможные для вызова команды описываются на языке WSDL; непосредственная активизация команд происходит в виде посылки SOAP-сообщений по адресу, где располагается Web-служба (используется стандартный протокол HTTP); для поиска Web-служб существуют глобальные или локальные (внутренние) каталоги, поддерживающие стандартные службы обнаружения UDDI. Не вдаваясь в технические подробности, можно отметить, что все современные средства разработки ведущих производителей поддерживают создание Web-служб, а программные платформы (будь то серверные операционные системы или серверы приложений) обеспечивают выполнение Web-служб.

В Web-службах везде используется язык XML. Он служит, в частности, для описания сообщений, которыми могут обмениваться Web-службы и их потребители. SOAP-сообщение -- это XML-документ, состоящий из трех базовых элементов: <Envelope>, <Header> и <Body>. Язык WSDL базируется на языке XML и позволяет создавать XML-документы, описывающие методы Web-служб, параметры методов, способы их вызова и т.п. Для того чтобы воспользоваться специализированными Web-службами в рамках механизмов обнаружения UDDI, следует составить SOAP-сообщения и интерпретировать возвращаемые XML-документы.

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



Рисунок 1 - Принцип работы Web-службы

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

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

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

- SOAP: Протокол обмена сообщениями на базе XML;

- WSDL: Язык описания внешних интерфейсов веб-службы на базе XML;

- UDDI: Универсальный интерфейс распознавания, описания и интеграции (Universal Discovery, Description and Integration). Каталог веб-служб и сведений о компаниях, предоставляющих веб-службы во всеобщее пользование или конкретным компаниям. Пока UDDI существуют, однако, только в небольших фирменных сетях и ещё не нашли широкого распространения в открытом интернете.

Web-службы все активнее проникают в область, уже занятую объектно-ориентированными и компонентными технологиями, представляя собой альтернативу традиционным подходам к созданию корпоративных приложений. В ближайшие годы можно ожидать серьезных инвестиций в технологии, связанные с Web-службами, развертываемыми и потребляемыми внутри компаний (согласно исследованиям IDC, к 2008 году объем рынка Web-служб превысит 11 млрд. долл.).

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

3. Правила и этапы создания сайта

При создании сайта следует учитывать следующие составляющие:

Содержание сайта

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

Дизайн сайта

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

Структура и удобство навигации сайта

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

Обновление и пополнение содержимого сайта

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

Качественное программирование

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

Интерактивность

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

Правильная индексация и продвижение сайта

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

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

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

Ориентируясь на вышеуказанные принципы следует перечислить этапы создания сайта:

Проектирование

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

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

Техническим заданием называют документ, содержащий разделы:

1) Общие требования к сайту:

- Требования к дизайну;

- Требования к навигации;

- Требование к программному обеспечению;

- Требования к защите информации;

- Требования к документации;

2) Описание структуры;

3) Описание дизайна;

4) Описание верстки страниц;

5) Описание программных модулей;

6) Описание сервисов сайта;

7) Описание системы администрирования;

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

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

Разработка дизайна

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

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

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

Вёрстка

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

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

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

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

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

Наполнение сайта

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

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

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

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

Тестирование

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

Публикация

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

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

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

Продвижение (раскрутка)

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

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

Поддержка

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

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

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

- Система голосования (СГ) должны быть реализована с точки зрения максимальной безопасности в разрезе передачи данных избирателя;

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

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

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

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

Для написания кода я решил использовать уже зарекомендовавшую себя связку HTML+PHP+MySQL. Проверенные решения. Новыми для меня в разработке были использование язык обертки элементов DOM Jquery, язык обработки стандартизированных интерфейсов SOAP предоставляемый надстройкой над PHP Zend FrameWork, а также использование генератора диаграмм Google API Chart.

Фреймворки и Jquery по сути реализуют в себе идею интеграции и предоставления более удобного способа получения и обработки данных чем их прародители PHP и JavaScript.

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

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

3.2 Графический дизайн в создании сайта

Роль графического дизайна при создании трудно недооценить. Человек в ходе своей жизни всегда стремился привнести в нее больше граней, красок, больше новых форм наполненных смыслом. В этом смысле дизайн сайта ничем не отличается от жизни человека. В помощь хмурому HTML пришли каскадные стили, которые добавили картинки на задний фон элементов, создали обрамления к имеющимся картинкам и графическим объектам. Из простого редактора Paint вырос огромный и доминирующый на рынке редакторов растровых изображений PhotoShop переживающий уже 16 переиздание. CSS2-3 ввели концепцию контейнера при котором любой элемент интернет-браузер рассматривает как контейнет+подложка+содержание. Баланс и жесткое регламентирование позволило блочной верстке занять лидирующее место, а графический дизайн сайта пополнился скругленными бортами, тенями, прозрачность. Любой дизайн начинается с макета сайта.

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

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

Фиксированный или "растягивающийся" макет?

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

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

Варианты дизайна сайта:

Дизайн сайта зависит от поставленных задач и может включать:

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

- Персональный дизайн главной страницы и дизайн остальных страниц. Здесь выполняются работы по разработке индивидуального дизайна стартовой (главной) страницы сайта и дизайн, который будет использоваться для всех последующих страниц;

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

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

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

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

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

- Композиционная составляющая. Правильно подобранная и расположенная в соответствиями канонов композиции структура сайта будет восприниматься на уровне подсознания и влиять на восприятие сайта в целом создавая правильное настроение;

3.3 Организация работы Web-службы

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