1.2.1 Назначение разработки

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

Выделяют несколько видов сайта:

- сайт-визитка;

- Internet-магазин;

- портал;

- корпоративный сайт;

- промо-сайт.

Сайт-визитка больше всего подходит для начинающей фирмы, а именно для того, чтобы впервые представить её в сети. Это значительно повысит конкурентоспособность компании. Состоит такой сайт из 1-5 web-страниц и может достигать 20 web-страниц, если этого пожелает заказчик. Сайт-визитка имеет стандартную структуру, состоящую из разделов, содержащих данные о самой компании, о её услугах и контактах. Среди преимуществ создания сайта-визитки выделяют следующие: привлечение новых заказчиков и партнёров; быстрое создание сайта; невысокая стоимость визитки; краткое, но содержательное изложение основных данных компании; простота и удобство управления сайтом.

Internet-магазин - это особый вид сайта, создание которого может положительно повлиять на доход владельца. Ведь всё более популярными становятся покупки товаров через Internet. Тем более, что сейчас купить on-line можно всё, что угодно - одежду, мебель, технику, драгоценности, подарочный сертификат на 8 марта и даже автомобиль, не выходя из дома. Internet-магазин включает стандартные разделы, а главным пунктом меню является каталог товаров, в котором представлены все товары, доступные к продаже. Преимуществами создания Internet-магазина являются: круглосуточная работа электронного магазина без выходных; возможность продавать товары на всей территории страны; более низкие расходы, более быстрая окупаемость, и, соответственно, более быстрая прибыль.

Портал представляет собой большой сайт со сложной информационной структурой, состоящий из множества web-страниц и подразделов. Он может продавать рекламные площадки на сайте, оказывать платные услуги. Создаётся портал, в основном, для информирования, оказания различных услуг и подходит для информационных изданий, больших компаний, политических и общественных структур. Примером портала могут послужить известные сайты yahoo.com и mail.ru. Среди преимуществ создания портала можно выделить: полную информацию о самой компании; возможное получение прибыли; объединение людей в сообщества с общими интересами; множество различных сервисов; предоставление и возможность обмена информацией; совершение покупок.

Корпоративный сайт наиболее подходит средним фирмам, находящимся в стадии развития и крупным фирмам, стремящимся к расширению своего представительства посредством Internet. Это сайт, который наиболее полно информирует посетителей о самой компании, роде её деятельности, представляющихся товарах и услугах. Корпоративный сайт состоит также из большого количества web-страниц и подразделов, не имеющих ограничений. Может содержать документы и прайсы для скачивания, а также иметь свой внутренний закрытый форум, доступный только сотрудникам компании или авторизированным пользователям. Преимуществами создания корпоративного сайта являются: доступная информация о компании; увеличение дохода; более оперативная работа компании; более лёгкое продвижение; повышение престижа компании.

Промо-сайт - это сайт, предоставляющий наиболее полную информацию о конкретном товаре или услуге, выделяя их достоинства и преимущества, с целью привлечения внимания новых посетителей. "Живёт" такой сайт, как правило, недолго, так как создаётся в качестве дополнительного. Промо-сайт имеет несложную структуру и обычно состоит из 3-10 web-страниц, которые могут содержать всю информацию о товаре, фотогалерею, контакты компании, услуги, а также анимацию и рекламу. Данный сайт будет актуальным при проведении рекламной кампании какого-либо товара или услуги. Преимущества создания промо-сайта: более низкая цена по сравнению с иными видами рекламы; полная информация о товаре или услуге; привлечение новых покупателей и партнёров. [1]

В соответствии со спецификой деятельности организации, сайт отдела ЗАГС Еловского района носит информационный характер, поэтому его можно классифицировать как сайт-визитка.

1.2.2 Описание задачи

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

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

- изучить полномочия отдела ЗАГСа Еловского муниципального района;

- определить функциональные особенности сайта;

- изучить значение кодирования скриптов и инструментарий разработки сайта;

- разработать сайт для отдела ЗАГСа Еловского муниципального района.

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

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

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

Для представления элементов системы навигации по сайту рекомендуется использовать текстовое меню, не рекомендуется использовать javascript и Flash-анимацию.

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

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

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

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

- ссылки на самые посещаемые web-страницы сайта или недавно добавленные документы.

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

Все web-страницы сайта должны иметь единый дизайн.

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

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

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

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

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

- текст должен отображаться с соответствующим уровнем контраста по отношению к используемому цвету фона (не менее 50 %);

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

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

- навигационные и интерактивные элементы web-страницы (ссылки, изображения, кнопки и т.п.) должны легко идентифицироваться пользователями;

- гиперссылки должны визуально выделяться;

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

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

Для упрощения восприятия информации ее рекомендуется разбивать на разделы и подразделы с использованием тегов заголовков (<h>) согласно правилам их использования.

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

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

Линейные параметры изображения (высота и ширина, координаты позиционирования) должны в обязательном порядке явно определяться в коде разметки web-страницы.

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

При размещении на web-странице мультимедийной информации необходимо придерживаться рекомендаций W3C. При использовании мультимедийных элементов, которые отображаются с помощью вспомогательных программ или подключаемых к браузеру модулей, например Flash и QuickTime, необходимо обеспечить альтернативное стандартное представление этих элементов в виде ключевых изображений из анимации или текстового описания. При этом также необходимо убедиться, что информация останется доступной при отключении пользователем отображения мультимедийной информации в браузере. [2]

1.2.3 Требования к видам обеспечения

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

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

Для разработки сайта потребуются:

- системный блок - LENOVO H505S;

- монитор - Lenovo LI1921wA;

- мышь - Genius DX-100;

- клавиатура - Genius KB-110;

- хостинг.

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

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

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

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

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

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

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

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

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

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

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

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

- Windows 7;

- блокнот;

- браузер.

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

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

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

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

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

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

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

При создании макета и дизайна web-страницы использовалось положение "Об отделе записи актов гражданского состояния администрации Еловского муниципального района Пермского края".

1.3 Обзор и анализ известных аналогов разрабатываемого сайта

Достоинства сайта:

- сайт имеет хорошее насыщенное оформление;

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

Недостатки сайта:

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

1.3.2 Сайт управления записи актов гражданского состояния Ульяновской области

Достоинства сайта:

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

Недостатки сайта:

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

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

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

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

2.1 Характеристика входной оперативной и выходной информации

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

- поддержка большого количества языков (C, C++, Java, XML, HTML, PHP, Java Script, ASCII, VB/VBS, SQL, CSS, Pascal, Perl, Python, Lua, TCL, Assembler);

- настраиваемый пользователем режим подсветки синтаксиса;

- авто-завершение набираемого слова;

- одновременная работа с множеством документов;

- одновременный просмотр нескольких документов;

- поддержка регулярных выражений Поиска/Замены;

- полная поддержка перетаскивания фрагментов текста;

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

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

- увеличение и уменьшение;

- заметки;

- выделение скобок при редактировании текста;

- запись макроса и его выполнение. [6]

FrontPage 2003

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

В приложении FrontPage 2003 для создания мощных, управляемых данными web-узлов используются преимущества современных технологий, таких как XML и программа Microsoft SharePoint™. FrontPage также включает простые средства макетирования и дизайна, помогающие разрабатывать эффектные web-узлы.

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

Совместно со службами Microsoft Windows® SharePoint Services в операционной системе Windows Server 2003 приложение FrontPage 2003 позволяет легко редактировать и представлять реальные данные из разных источников, таких как службы Windows SharePoint Services, XML, Web Services или OLEDB, для построения интерактивных управляемых данными web-узлов.

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

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

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

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

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

Мощные средства FrontPage 2003 повышают возможности кодирования. FrontPage 2003 предоставляет разработчикам новые инструменты:

расширение функций HTML;

создание интерактивных узлов во встроенном редакторе сценариев;

более быстрое и более точное кодирование профессиональными средствами.

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

выбор из нескольких вариантов публикации;

расширение возможностей web-узла для связи с людьми и доступа к информации новыми способами. [6]

Блокнот

Блокнот - это самый простой текстовый редактор, который входит в стандартный пакет установки системы Windows. Он работает с расширением TXT, но может открывать файлы INF, INI, LOG.

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

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

Возможности этой программы:

1 Блокнот работает с текстами в кодировках Unicode, UTF-8 и ANSI и позволяет выполнять преобразование одной кодировки в другую. Для этого можно просто выбрать нужную кодировку при сохранении файла.

2 Если набрать текст в Microsoft Word или другом аналогичном редакторе, а потом опубликовать на сайте или в блоге, там появится много лишнего. Конечно, если движок нормальный, этого не произойдет. Но лучше сначала вставить текст в блокнот, а уже оттуда скопировать его для публикации. Для этого можно использовать так называемые горячие клавиши Ctrl+C (скопировать) и Ctrl+V (вставить).

3 В Блокноте можно делать или редактировать не сложные web-web-страницы. Для сохранения файла в формате HTML достаточно в поле "имя файла" ввести "название.html", а в поле "тип файла" выбрать "все файлы".

4 Блокнот позволяет убрать и тот "мусор", который может появиться при копировании текста из каких-нибудь редакторов. [8]

Adobe Dreamweaver

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

Adobe Dreamweaver предлагает пользователям:

- разработку и дизайн кода в одном пакете;

- поддержку и удобное редактирование CCS3;

- работу с html5 и xml;

- свою коллекцию скриптов;

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

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

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

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

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

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

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

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

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

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

- сервис BrowserLab - способствует идентичному отображению сайта в различных браузерах. [9]

EmEditor

Гибкий, лёгкий и удобный текстовый HTML-редактор для Windows c подсветкой синтаксиса, поддержкой Unicode и сервера сценариев Windows Scripting Host (WSH), позволяющего автоматизировать выполнение различных задач с помощью макросов. Пригодится как программистам и разработчикам ПО, так и неискушённым пользователям.

Ключевые возможности:

- расширенная поддержка Юникода;

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

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

- единая панель инструментов для всех типов файлов;

- поддержка синтаксиса HTML, PHP, ASP, Perl, Java, VBScript, Python;

- расширенные настройки, дополнительные плагины;

- автоматизация наиболее часто выполняемых задач;

- поддержка регулярных выражений для поиска и замены;

- автозаполнение полей;

- одновременное открытие нескольких файлов;

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

- увеличенный размер редактируемых файлов (в зависимости от загруженности памяти). [10]

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

2.3 Программное обеспечение сайта