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

ВВЕДЕНИЕ

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

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

Информатизация общества обеспечивает:

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

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

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

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

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

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

Целью дипломного проекта является создание сайта «Виртуальная экскурсия по Республике Тыва».

Для достижения цели дипломного проекта были поставлены задачи:

1. Изучить литературу по теме дипломного проекта.

2. Обосновать выбор темы проекта и среды разработки.

3. Создать сайт «Виртуальная экскурсия по Республике Тыва».

4. Оформить пользовательскую документацию.

5. Выполнить экономический расчет.

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

Объектом исследования моего дипломного проекта являются сайты, предметом исследования - сайт Республики Тыва.

1. ТЕХНИЧЕСКОЕ ЗАДАНИЕ

сайт программа виртуальный

Введение

Наименование программного продукта или программы: сайт «Виртуальная экскурсия по Республике Тыва»

Краткая характеристика области применения: будет применяться для студентов и преподавателей ГБПОУ НСО НППК и Тувинское Студенческое Землячество г. Новосибирска.

Основания для разработки

Основания для проведения разработки: приказ на выполнение дипломного проекта от «31» декабря 2013 г. № 335 к .

Наименование и условное обозначение разработки: сайт «Виртуальная экскурсия по Республике Тыва»

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

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

Эксплуатационное назначение: музей колледжа и Тувинское землячество.

Требования к продукту

Требования к функциональным характеристикам.

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

· История Республики Тыва.

· Культура Республики Тыва.

· Особенности архитектуры Республики Тыва.

· Видеоролик «Республика Тыва с начала становления до современного времени»

Организация входных данных: нет.

Организация выходных данных: сайт «Виртуальная экскурсия по Республике Тыва»

Временные характеристики: работа с сайтом требует специальных знаний и навыков работы с браузерами и программой Ms FrontPage.

Требования к надежности.

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

Установка программного продукта на компьютер с несоответствующими параметрами.

Нарушение правил эксплуатации программного продукта.

Отсутствие браузера.

Вирусные атаки.

Условия эксплуатации носителя.

Климатические условия эксплуатации: Для работы на компьютере в помещении должны быть обеспечены оптимальные параметры микроклимата: температура, относительная и абсолютная влажность.

Оптимальными параметрами микроклимата в помещении с компьютерами считаются:

· температура воздуха - от 19 до 21 градуса;

· относительная влажность - от 62 до 55% соответственно;

· скорость движения воздуха - не более 0,1 м/с.

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

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

Требования к видам обслуживания: для установки и поддержки работоспособности сайта «Виртуальная экскурсия по Республике Тыва» требуется мастер ПО или преподаватель со знанием ПК.

Требования к квалификации пользователя: знание ПК на уровне пользователя.

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

Типы поддерживаемых операционных систем: все семейства Windows.

Минимальные системные требования:

Процессор частотой: 900 Mhz.

Объём оперативной памяти: 512 Mb.

Видеоадаптер с объемом памяти: 512 Mb.

Место на жестком диске объёмом: 718 МБ.

Необходимо наличие CD-Rom.

Требования к информационной структуре и методам решения. (смотреть Приложение 1 «Структура сайта»).

Требования к исходным кодам и языкам программирования: HTML.

Требования к защите информации и программ: Не требует.

Требования к программным средствам, используемым программой: программы Front Page 2003 и выше с использованием языка программирования HTML.

Требования к маркировке и упаковке.

Требования к маркировке: На поверхность диска нанесено текстовая название программного продукта и автор разработки проекта.

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

Транспортировка и хранение:

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

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

Требования к программной документации

Состав программной документации

· Техническое задание.

· Руководство пользователя.

· Инструкция по инсталляции.

Технико-экономические показатели

Рассчитывается себестоимость и цена программного продукта.

После создания виртуального сайта проводится его испытание. Сайт «Виртуальная экскурсия по Республике Тыва» запускается и проверяется на работоспособность всех ссылок и наличие недочетов. При обнаружении ошибок, они записываются в раздел испытаний программного продукта и исправляются. Затем снова проводится тестирование программного продукта.

Общие требования к приёму работы

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

· Структура сайта.

· Функциональные схемы.

· Акт приема.

· Диск с программным продуктом в боксе.

2. ТЕОРЕТИЧЕСКОЕ ОБОСНОВАНИЕ ПРИНЯТЫХ В ПРОЕКТЕ РЕШЕНИЙ

2.1 Анализ программного продукта

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

Страницы сайтов -- это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определенном файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.

Страницы сайтов могут быть простым статичным набором файлов или создаваться специальной компьютерной программой на сервере. Она может быть либо сделана на заказ для отдельного сайта, либо быть готовым продуктом, рассчитанным на некоторый класс сайтов. Некоторые из них могут обеспечить владельцу сайта возможность гибкой настройки структурирования и вывода информации на веб-сайте. Такие управляющие программы называются системами управления содержимым (CMS)[6].

Основные типы сайтов

1. По цели создания:

· Коммерческий.

· Некоммерческий.

2. По доступности:

· Открытые - доступные всем посетителям.

· Полуоткрытые - для просмотра нужна регистрация на сайте.

· Закрытые - доступен только администраторам сайта и некоторым посетителям.

3. По объему и количестве решаемых задач:

· Простые.

· Тематические (узкого направления).

· Порталы (многофункциональные веб-ресурсы).

4. По сложности исполнения и стилю:

· Статический.

· Динамический (имеет гибкость, формируется из разных частей).

· Flash-сайты (так званые «Живые сайты» сделаны полностью на Flash).

5. По типам макетов:

· Фиксированной ширины (размеры сайта имеют точное значения)

· Резиновый макет (значения ширины задается в % и зависит от разрешения экрана)

Виды сайтов (смотреть Рисунок 1)



Рисунок 1- Виды сайтов

Блог

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

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

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

Сайт -- визитка

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

Промо -- сайт

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

Корпоративный сайт

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

Интернет-магазин

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

Информационный сайт

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

Интернет-Порталы

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

Форум

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

Социальная сеть

Это сайт с большим количеством сервисов направленных для установления связи (общения) между его пользователями. Обязательная процедура каких является указание своей личной информации (ФИО, год рождения, образование и т.д.) Например: vk.com (vkontakte.ru), odnoklassniki.ru, facebook.com.

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

Изучив все виды сайтов мною был выбран - информационный сайт.

2.2 Выбор средств реализации

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

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

В браузере JavaScript умеет делать все, что относится к манипуляции со страницей, взаимодействию с посетителем и, в какой-то мере, с сервером:

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

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

· Посылать запросы на сервер и загружать данные без перезагрузки страницы (эта технология называется "AJAX").

· Получать и устанавливать cookie, запрашивать данные, выводить сообщения…

· многое другое.

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

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

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

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

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

Из JavaScript можно легко посылать запросы на сервер, с которого пришла страница. Запрос на другой домен тоже возможен, но менее удобен, т.к. и здесь есть ограничения безопасности [3].

Есть как минимум три замечательных особенности JavaScript:

· Полная интеграция с HTML/CSS.

· Простые вещи делаются просто.

· Поддерживается всеми распространенными браузерами и включен по умолчанию.

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

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

Adobe Dreamweaver CS5 - новая версия программы для создания профессиональных веб-сайтов. Дизайн при помощи инструментов проверки

CSS, разработка сайтов для систем управления контентом, а также удобство и точность тестирования совместимости с браузерами благодаря интеграции с Adobe BrowserLab, новой онлайн-службой Adobe CS Live -- это и есть новый Dreamweaver CS5.В Adobe Dreamweaver CS5 появилась поддержка популярных CMS (Joomla, WordPress и Drupal), функции подсказки по пользовательским классам PHP и по коду для отдельных сайтов и многое другое.

Новые функции Adobe Dreamweaver CS5:

· Новая поддержка популярных CMS (Joomla, Drupal и WordPress).

· Проверка CSS.

· Интеграция с Adobe BrowserLab.

· Тонкая работа с свойствами CSS.

· Расширенная поддержка версионности.

· Подсказки при создании PHP кода.

· Подсказки при кодировании с использование сторонних библиотек.

· Улучшена работа страниц CSS starter.

· Простая настройка сайтов.

· Браузер виджетов.

· Интеграция сайтов с аналитикой от Business Catalyst и Omniture analytics.

Особенности Adobe Dreamweaver CS5:

· Размер файла: 502 Мб.

· Ключ для Dreamweaver: Имеется crack.

· Язык Интерфейса: Русский.

· Платформа/ОС: Windows 2000, XP, Vista, 7.

Cute Site Builder - Хорошая и удобная программа для начинающих пользователей. Она позволяет легко и быстро создавать Web-сайты профессионального уровня, выбирать определенный дизайн на основе готовых шаблонов. Мощный редактор таблиц позволяет легко выбирать размеры ячеек, фон и другие параметры таблиц. Функция “Photo Sequence Wizard” предоставляет возможность автоматически создавать слайд-шоу с элементами навигации и описания. С помощью функции “Site Map” графически отображается структура Web-сайта или электронного учебника [11].

Magic HTML Studio 2.0 - это HTML редактор, представляющий собой мощную профессиональную среду разработки HTML проектов любого уровня сложности. В новой версии программа полностью поддерживает все современные технологии, включая поддержку ActiveServer Pages[1].

JavaServer Pages, Perl, CGI, Java. Расширена поддержка шрифтов, таблиц, фреймов, списков, скриптов и апплетов. Новые версии конструкторов стали ещё мощнее и интереснее. Конструктор Java скриптов поддерживает создание 16 различных скриптов, которые сделают ваш сайт красивее, интереснее, а также помогут создать навигацию при помощи меню, создать текстовые эффекты, всплывающие окна, почтовые формы. А новая версия конструктора CGI скриптов позволит создать свою конференцию (в формате BBS), чат, гостевую книгу, голосование, счётчик посещений. Конструктор позволяет создавать скрипты на двух языках - английском и русском. А множество настраиваемых параметров позволит гибко настроить скрипты, приспособить их под любой сайт. Также в состав программы включена специальная среда разработки скриптов на Perl - редактор SCRIPTOR. Редактор содержит готовые конструкции на Perl, которые упростят создание скриптов, имеет древовидную структуру, удобен, функционален и прост в использовании. При помощи этого редактора вы не только с легкостью создадите скрипт любой сложности, но и сможете протестировать его в среде операционной системы Windows (при наличии интерпретатора Perl). Благодаря встроенному обозревателю вы легко сможете ориентироваться в многообразии созданных проектов и файлов.

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

· программы, имеющие в своём составе визуальные редакторы (designbased editor) - средства, которые автоматически формируют необходимый HTML-код, позволяя разрабатывать Web-страницы в режиме WYSIWYG (What You See Is What You Get - что вижу, то и получаю);

· программы редакторы (code-based editors), которые предоставляют редактор и вспомогательные средства для автоматизации написания кода.

Microsoft FrontPage - Простой в освоении и удобный Web-редактор для проектирования и подготовки Web-сайтов, удобен и для построения сайтов. Благодаря интеграции с другими продуктами MS Office, привычному для большинства пользователей интерфейсу и большому числу шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, знакомым и основам в MS Word. Front Page удачно сочетает возможности использования визуального конструктора и средства редактирования кода. Front Page генерирует эффективный HTML-код, не содержащий избыточности. Средства написания сценариев обеспечивают возможность интерактивного общения с посетителями.

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

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

Одна из главных прелестей Редактора заключается в его умении представлять страницы в режиме WYSIWYG (what you see is what you get -- что видите, то и получаете). Это означает, что в браузере они будут выглядеть так же, как и в Редакторе.

Работа в Редакторе FrontPage весьма похожа на работу с текстовым процессором, подобным Microsoft Word. Те, кому приходилось иметь дело с Microsoft Word, наверняка узнают стандартные кнопки, такие, как полужирный шрифт, курсив и подчеркивание, маркированные и нумерованные списки, повтор и отмена операции и т. п. Ввод текста в окне Редактора происходит точно так же, как в Word; точно так же, как в Word, можно проверять орфографию. В Редакторе очень удобно -- буквально в несколько движений мыши -- строить таблицы и фреймы (frames).

Как Word, Редактор FrontPage позволяет одновременно открывать несколько файлов, а т. к. редактор оперирует страницами, то смело можно сказать, что он позволяет открывать одновременно несколько страниц. Эта возможность очень полезна, например, в тех случаях, когда, чтобы соблюсти согласованность и точность информации, требуется быстро переходить от одной страницы к другой. Редактор также позволяет скопировать страницу (вместе со всем кодом HTML) из Internet и отредактировать ее [15].

3. ТЕХНОЛОГИЧЕСКИЙ РАЗДЕЛ

3.1 Спецификация качества

Таблица 2 - Спецификация качества

Категории качества	Примитивы качества	Причины
Функциональ-ность	Завершенность	В сайте есть вся необходимая информация , которые ознакомят нас о достопримечательностях и архитектурах Республики Тыва.
Надежность	Завершенность	В сайте есть все разделы история, государственная символика, гимн, культура и вся необходимая информация про Тыву.
	Автономность низкая	Сайт будет функционировать только при наличии браузера.
	Точность высокая	Полностью рассмотрена вся необходимая информация про Республику Тыву.
	Устойчивость высокая	При введении неправильных входных данных сайт будет не корректно функционировать
	Защищенность средняя	Возможность удаления информации существует только при знании языка разметки html или FrontPage
Лёгкость применения	Документирова-нность высокая	Информация, которой располагает сайт понятна, доступна пользователю.
	Информативно-сть высокая	Информация в сайте дает необходимые для пользователя узнать все про Республику Тыва.
	Коммуникабельность высокая	Информация легко воспринимается.
	Устойчивость высокая	При введении неправильных входных данных сайт будет не корректно функционировать
Эффектив-ность	Временная - высокая	Быстрый переход на необходимую страницу по гиперссылке
	По ресурсам средняя	Требуется 718 МБ оперативной памяти
Сопровожда-емость	Модифицируе-мость присутствует	Можно изменить содержимое и количество страниц

3.2 Функциональная спецификация

Программный продукт применяется как сайт «Виртуальная экскурсия по Республике Тыва»

Каналы ввода: CD.

· Устройства вывода: монитор, проектор.

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

Программное средство будет функционировать некорректно в следующих случаях:

· Если компьютер отключен от сети и при этом отсутствует дополнительный источник питания для автономной работы компьютера вне электросети.

· Отсутствует CD-ROM (он необходим для установки программного средства на компьютер или работы программного продукта со съёмного носителя - CD-диска).

· Если поврежден носитель (CD-диск).

· Если операционная система ниже Windows 95.

· Повреждён программный продукт вследствие некорректной работы компьютера, вследствие действия вредоносных программ (вирусов).

· При установленном на компьютере программном продукте с компьютера удалена одна или несколько страниц, содержащих информацию.

· Отсутствует браузер для просмотра страниц сайта.

3.3 Архитектура программного продукта

Программный продукт состоит из 3 страниц, соединенных программой проектирования веб-узлов Microsoft Front Page, a 1 фрейм, разбитой на три ячейки (части) (смотреть Рисунок 2):



Рисунок 2 - Скриншот фрейма, разбитый на 3 части

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

В левой части - части оглавления загружается выбранная вами страница.

В верхней части - части заголовка сайта располагается его название.

3.4 Обоснование создания веб-узла в виде фреймов

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

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

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

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

Создание такого узла состоит из этапов:

1. Создание пустого Web-узла.

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

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

4. Размещение фрейма в узле.

5. Связывание областей фрейма с загружаемыми страницами.

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

3.5 Технология создания сайта

Для создания сайта, открывается программа для проектирования веб-узлов Microsoft Front Page: для этого левой клавишей мыши нажимаем на кнопку «Пуск», в нижнем левом углу рабочего стола, появится меню. Выбирается вкладка «Все программы». Затем в новом подменю выбирается Microsoft Office. Появится новое подменю, в котором нажатием строки Microsoft Office Front Page, запускается программа (смотреть Рисунок 3) [9].

Создаем новый веб-узел: «Файл / Создать» в правой стороне, открытого окна Front Page, появится меню «Создание», в котором выбираем строчку «Создать веб-узел / Одностраничный веб-узел» (смотреть Рисунок 4).



Рисунок 4 - Скриншот. Панель зачать во Microsoft Front Page

Появится окно подменю «Шаблоны веб-узлов» в котором выбираем «Одностраничный веб-узел / ОК» (смотреть Рисунок 5).

Рисунок 5 - Скриншот. Шаблоны узлов во Microsoft Front Page.

Далее, создаем страницы: в правой стороне, открытого окна Front Page, в меню «Создание», выберем строчку «Создать страницу / Пустая страница». Затем по аналогии создаем еще 3 страницы, которые, в последствии, станут фреймом. После их создания объединим их в 1 фрейм.

Создаем фрейм: в уже открытом нами меню «Создать» выбираем графу «Другие шаблоны страниц», затем в появившемся окне «Шаблон страниц» в котором выбираем закладку «Страница рамок» и в ней выбираем необходимую нам структуру нашего фрейма «Объявление и оглавление» и нажимаем «ОК» (смотреть Рисунок 7).

Рисунок 7- Скриншот. Шаблоны страниц во Microsoft Front Page

Программа автоматически возвращает нас в созданный нами веб-узел, где мы задаем страницы нашего фрейма (смотреть Рисунок 8):

Рисунок 8 - Скриншот. Задавание фона станиц во Microsoft Front Page

Задаем начальную страницу присваиванием: нажимаем на одну из появившихся кнопок «Задать начальную страницу» и задаем начальную страницу. Страницей «Заголовок» выбираем нов_стр_ 1.htm (если страница не переименована) и нажимаем «ОК». Остальные страницы задаются по аналогии (смотреть Рисунок 9).

Рисунок 9 - Скриншот. Окно для создания гиперссылки во Microsoft Front Page

Оформление фрейма: для того, чтобы оформить фрейм необходимо оформить все 3 страницы, из которой он состоит. Открываем страницу нов_стр_ 1.htm. Эта страница будет «Заголовок» - верхней частью фрейма. Оформлением этой страницы будет рисунок обработанный в программе Adobe Photoshop CS2.

Для этого откроем программу Adobe Photoshop CS2, щелкнув левой клавишей мыши по кнопке «Пуск», в нижнем левом углу рабочего стола, появится меню. Выбирается ярлык Adobe Photoshop CS2, запускается программа. Ниже представлен скриншот запуска программы Adobe Photoshop CS2 (смотреть Рисунок 10).



Рисунок 10 - Скриншот. Кнопка «Пуск» с выбранной программой Adobe Photoshop CS2

Программа Adobe Photoshop CS2, это прекрасное сочетание 2 программ Paint и Photo Shop. Можно разрезать изображение на небольшие куски и отдельно редактировать их с помощью инструментов.

С помощью программ Adobe Photoshop CS2 приготовим изображение, которое будет являться фоном страницы «Заголовок». Вот что получилось (смотреть Рисунок 11):

Рисунок 11 - Скриншот. Программа Adobe Photoshop CS2. Создание верхнего фрейма

Вставим его в страницу «Заголовок», а так же добавим название нашего сайта (смотреть Рисунок 12).



Рисунок 12 - Скриншот. Программа Adobe Photoshop CS2.Добавление заголовка на верхний фрейм сайта

Создание гиперссылки: для того чтобы создать гиперссылку на первую главную страницу сайта (Index) необходимо, выбелить название и аббревиатуру, на панели инструментов нажать кнопку «Добавление гиперссылки», а затем, выбрав страницу в графе «Адрес», на которую будем ссылаться, нажать кнопку «ОК» (смотреть Рисунок 13).

Рисунок 13- Скриншот. Создание гиперссылки на странице сайта в Microsoft Front Page

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

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

Рисунок 14 - Скриншот «Свойство страницы в сайте»

Фон остальных страниц оформляется аналогично, включая нов_стр_ 3.htm - страница «Основная часть».

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

Создание структуры переходов: для этого в «Меню», «Вид» выбираем строку «Список папок» или набираем сочетание клавиш «Alt + F1», в левой части появится окно «Список папок», из которого, в последствии, будут выбираться страницы для создания структуры переходов. В правой части окна нажимаем вкладку «Web-узел», в нижней части нажимаем вкладку «Переходы», затем из левого окна «Список папок» перетягиваем в правое окно страницы и, таким образом, формируем структуру сайта.

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

Так же, воспользовавшись вкладкой «Гиперссылки» в нижней части окна, можно просмотреть все гиперссылки веб-узла (смотреть Рисунок 15).

Рисунок 15 - Скриншот. Просмотр гиперссылок на веб-узле сайта.

3.6 Руководство пользователя

Как запустить сайт

Сайт запускается из папки «Мои документы». Для этого необходимо выполнить следующие действия:

1. Щёлкнуть по кнопке с названием «Пуск» на панели задач (в большинстве случаев эта кнопка находится в нижнем левом углу экрана).

2. В открывшемся меню выбрать строку «Мои документы» и нажать левой кнопкой мыши на данной строке.

3. Откроется папка «Мои документы».

4. В папке «Мои документы» необходимо двойным щелчком левой кнопки мыши открыть папку «Сайт Республики Тыва».

5. В открывшейся папке, щёлкнуть левой кнопкой мыши по значку с названием INDEX.

6. Откроется главная страница сайта.

Как поместить ярлык сайта на рабочий стол

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

Открыть папку «Мои документы» (щёлкнуть по кнопке с названием «Пуск» на панели задач, в открывшемся меню выбрать строку «Мои документы» и нажать левой кнопкой мыши на данной строке).

В папке «Мои документы» открыть папку сайт Республики Тыва (нажать два раза левой кнопкой мыши по данной папке).

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

В новом появившемся контекстном меню нажать левой кнопкой мыши на строку со следующей надписью: Рабочий стол (создать ярлык);

Закрыть папку «Мои документы».

На рабочем столе выделить левой кнопкой мыши появившийся ярлык с названием «Сайт Республики Тыва - ярлык».

Нажать клавишу «F2» или нажать правой кнопкой мыши на ярлыке сайта и в появившемся контекстном меню выбрать команду «Переименовать» (фраза «Сайт Республики Тыва - ярлык» должна стать выделенной другим цветом и находиться в прямоугольнике).

Далее необходимо полностью удалить данную строку нажатием клавиши «Del» или «Delete» (в зависимости от клавиатуры).

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

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

Замечание: в данном случае шаг № 8 можно пропустить и сразу приступить к шагу № 9. В этом случае, необходимо просто выбрав команду. Переименовать весь текст будет выделен и при введении первого символа нового названия весь выделенный текст (старое название ярлыка) автоматически исчезнет.

3.7 Структура сайта

Внешний вид сайта

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

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

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

В верхней части сайта располагается название сайта (смотреть Рисунок 16).

Рисунок 16 - Скриншот интерфейса сайта

Как осуществляется навигация

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

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

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

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

Рисунок 17 - Скриншот страницы сайта «Достопримечательности»

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

3.8 Нежелательные ситуации

Система не обнаруживает СD - диск в дисководе

· Проверьте, не поврежден ли CD-диск.

Сайт не открывается, либо работает нестабильно:

· Проверьте, соответствуют ли технические характеристики необходимым параметрам.

· Проверьте, установлен ли пакет программ Microsoft Office 2003.

· Попробуйте перезагрузить компьютер.

· Переустановите программный продукт.

· Переустановите пакет программ Microsoft Office.

· Попробуйте проверить браузер, если не запускается, то проверьте наличие браузера на компьютере.

· Если браузер отсутствует, то установите.

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

3.9 Инструкция по установке программного продукта

Аппаратные требования

· Windows 98/2000/XP/ Windows 7

· Ms Office 98/2000/XP/2003

· Браузеры: MS Internet Explorer, Google Chrome.

Процесс установки

Установка сайта «Виртуальная экскурсия по Республике Тыва» производится в следующем порядке:

1. Открыть диск, на котором находится сайт. Для этого необходимо проделать следующие действия:

a. Щёлкнуть по кнопке с названием «Пуск» на панели задач (в большинстве случаев эта кнопка находится в нижнем левом углу экрана).

b. В открывшемся меню выбрать строку «Мой компьютер» и нажать левой кнопкой мыши на данной строке.

c. В открывшемся окне выбрать ярлык «Виртуальная экскурсия по Республике Тыва» и щёлкнуть два раза левой кнопкой мыши по этому ярлыку. Если в системе имеются несколько локальных дисков, или несколько дисководов для чтения CD/DVD дисков, то название дисковода может не совпадать с приведённым здесь названием. В этом случае необходимо выбрать тот дисковод, который содержит сайт.

2. Выделить папку с названием сайта нажатием левой кнопки мыши на значке папки с названием «Виртуальная экскурсия по Республике Тыва».

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

4. Нажать сочетание клавиш «Ctrl»+«С» или нажать правой кнопкой мыши на папке сайта и в появившемся контекстном меню выбрать команду «Копировать».

5. Открыть папку «Мои документы». Для этого необходимо:

a. Щёлкнуть по кнопке с названием «Пуск» на панели задач (в большинстве случаев эта кнопка находится в нижнем левом углу экрана).

b. В открывшемся меню выбрать строку «Мои документы» и нажать левой кнопкой мыши на данной строке.

c. Откроется папка Мои документы.

6. Нажать сочетание клавиш «Ctrl»+«V» или нажать в папке «Мои документы» правой кнопкой мыши на свободном месте и в появившемся контекстном меню выбрать команду «Вставить».

7. Проверить наличие сайта с названием «Виртуальная экскурсия по Республике Тыва» в папке «Мои документы». Если папка с сайтом отсутствует, повторить шестой шаг снова. Если в этом случае сайт не появилось в папке «Мои документы» необходимо повторить шаги, начиная со второго шага (если диск, с которого устанавливался сайт, был закрыт, то необходимо повторить действия, начиная с первого шага).

4. РАЗДЕЛ ИСПЫТАНИЙ ПРОГРАММНОГО ПРОДУКТА

4.1 Тестирование сайта «Виртуальная экскурсия по Республике Тыва»

Набор тестов и тестирование

Таблица 3 - Протокол испытаний

Тестирование	Результат
1. Тестирование кнопок переходов:
Разделы	Осуществляется переход на каждый раздел учебника
2. Тестирование гиперссылок:
Государственная символика.	Открывается сразу, отображена вся графическая и текстовая информация.
История	Открывается сразу, отображена вся графическая и текстовая информация.
Культура	Открывается сразу, отображена вся графическая и текстовая информация.
Культура Республики Тыва	Открывается сразу, отображена вся графическая и текстовая информация.
Симфонический оркестр Республики Тыва	Открывается сразу, отображена вся графическая и текстовая информация.
Духовой оркестр Республики Тыва	Открывается сразу, отображена вся графическая и текстовая информация.
Танцевальная культура тувинцев	Открывается сразу, отображена вся графическая и текстовая информация.
Тувинская драматургия и театр	Открывается сразу, отображена вся графическая и текстовая информация.
Национальная библиотека имени А.С. Пушкина	Открывается сразу, отображена вся графическая и текстовая информация.
Государственный гимн Республики Тыва	Открывается сразу, отображена вся графическая и текстовая информация. Аудиозапись прослушивается.
Административно-территориальное деление	Открывается сразу, отображена вся графическая и текстовая информация.
О районах	Открывается сразу, отображена вся графическая и текстовая информация.
Достопримечательности	Открывается сразу, отображена вся графическая и текстовая информация.
Архитектура и строительство	Открывается сразу, отображена вся графическая и текстовая информация.
Физико-географическая характеристика	Открывается сразу, отображена вся графическая и текстовая информация.
Видеоролики о Республике Тыва	Открывается сразу, отображена вся графическая и текстовая информация. Видеоролики просматриваются.

4.2 Протокол ошибок

Тестирование сайта «Виртуальная экскурсия по Республике Тыва» показали ожидаемые результаты.

При нажатии на ярлык «INDEX» сайт «Виртуальная экскурсия по Республике Тыва» открылся сразу.

Все разделы сайта просматриваются.

Текстовая, графическая информация отображается правильно.

5. ЭКОНОМИЧЕСКИЙ РАЗДЕЛ

5.1 Расчет себестоимости программного средства

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

Себестоимость программного средства характеризует затраты, связанные с разработкой программного средства [5].

В себестоимость включается:

· Затраты на зарплату.

· Отчисление во внебюджетные фонды.

· Затраты связанные с использованием компьютера и сети интернета [4].

Формула для определения себестоимости:

(1)

где:

· С - себестоимость программного средства;

· З_пр - зарплата программиста;

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

· k_есн - коэффициент, учитывающий отчисления во внебюджетные фонды;

· t₁, t₂…t_n - время, затрачиваемое на выполнение отдельных этапов разработки (в днях);

· k_нр - коэффициент, учитывающий накладные расходы;

· t_м - время работы с компьютером;

· С_м - стоимость одного часа работы с компьютером (в рублях);

· t_i-net - время работы в Internet;

· С_i-net - стоимость одного часа работы в Internet.

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

Таблица 4 - Сводная таблица с данными

№ п/п	Наименование	Значение	Единица измерения
1	Зпр	0,00	Руб.
2	tn	82	День
3	М	30	День
4	Кр	1,25	%
5	kесн	1,26	%
6	kнр	1,5
7	tм	30	День
8	ti-net	40	Час
9	Спк	23000	Руб.
10	Сi-net	0,76	Руб/час
11	П	30	Час
12	Р	0	Час
13	n	1970	Час
14	Цэ/э	2,09	Руб.
15	Мпк	0,4	кВт
16	Ка	0,3
17	Кндс	18	%
18	R	20	%

Формула для расчета одного часа работы с компьютером:

(2)

где:

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

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

Годовой фонд времени полезной работы ПК рассчитывается по формуле:

(3)

где:

· n - количество рабочих часов в год (1970 часа);

· П - профилактика (30 часов);

· Р - ремонты в год (0 часа).

Затраты на эксплуатацию компьютера, вычисляются по формуле:

(4)

где:

· - годовые затраты на заработную плату обслуживающего персонала;

· - затраты на амортизационные отчисления в год;

· - годовые затраты на электроэнергию;

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

Годовые затраты на заработную плату обслуживающего персонала можно определить по формуле:

(5)

где:

· - заработная плата обслуживающего персонала в месяц (0 руб);

...