Отображение сайта в различных браузерах

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

Чтобы не терять трафик и угодить каждому пользователю, необходимо контролировать отображение сайта во всех браузерах, даже в самых древних. Лучше всего, конечно, установить у себя на машине все основные браузеры и контролировать напрямую через них, тем более, что почти у каждого браузера есть stand-alone версия (автономная, локальная версия браузера). Но это может быть сопряжено с рядом трудностей и неудобств, которые будут влиять на скорость разработки:

Не очень удобно иметь много браузеров на одной машине и тыкаться в каждом отдельно. Тем более если Вы хотите проверить отображение сайта во всех версиях браузера Opera или Firefox.

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

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

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

Рассмотрим самые популярные и функциональные из них

Browsershots

Это один из самых удобных сервисов для проверки сайта как на самых популярных браузерах (Firefox, Opera, IE, Safari) так и на достаточно редких (Galeon, Epiphany, Konqueror, Seamonkey, Dillo, Flock), которые используют единицы. Сервис обладает удобным многоязычным интерфейсом (русский так же присутствует, что не может не радовать). Он имеет достаточно много настроек, для подобного вида сервисов: выбор браузеров, размер экрана (640 - 1680), глубину цвета (8 - 32 бит), а также использование технологий JavaScript, Java и Flash, помимо всего этого установленные настройки можно сохранить как свой шаблон, если зарегистрируетесь.

Adobe BrowserLab

Этот сервис генерирует скриншоты сайта с точки зрения различных браузеров: Firefox 3.0 на Windows XP и OS X, Internet Explorer 7.0 на Windows XP и Safari 3.0 наOS X. В любой момент можно изменить, какие браузеры необходимо применять при проверке сайта в Browser Sets. Еще одна приятная особенность этого сервиса заключается в двойном просмотре, который позволяет сравнить друг с другом вид сайта в разных браузерах. Правда, для использования этого сервиса необходимо иметь активную учетную запись с Adobe.

Spoon Browser Sandbox

Очень хороший и быстрый инструмент, который позволит сравнивать отображения сайта в нескольких браузерах. Поддерживаемые браузеры этого сервиса Safari, Chrome, IE, Firefox в том числе и мобильные версии. Для каждого браузера доступны все его версии. Для работы сервиса необходимо будет скачать плагин, который нужно будет установить, но это позволяет контролировать отображение сайта на локальной машине без доступа в Интернет. Для работы с этим сервисом необходимо будет создать бесплатный аккаунт.

Использование каскадных таблиц стилей

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

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

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

«Раскрутка» сайта

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

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

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

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

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



2.4 Характеристика результатной информации

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

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

Создание сайта не является конечной целью.

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

Разработанный сайт ЦРБ содержит следующие экранные элементы:

· главное меню сайта, имеет вложенную структуру и ссылки на соответствующие страницы;

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

· элементы для размещения различной новостной информации, как в текстовом, так и в графическом виде;

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

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

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

Распечатка скриншотов сайта приведены в приложении 2.

Пользовательская карта сайта

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

В отличие от навигации Web-страницы, карта сайта может иметь ссылки на все Web-страницы сайта.

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

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

Карта сайта может быть представлена в различных формах:

· текстовая карта сайта;

· графическая карта сайта;

· карта сайта в виде блок-схемы;

· карта поиска по ключевым словам;

· карта-глоссарий;

· трехмерная карта сайта и т.д.

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

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

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

Карту сайта всегда можно изменить.

Карта сайта может содержать ссылки как на все веб-страницы, так и на наиболее важные [14, c. 35].

Одна из задач подробной карты сайта - «помочь» поисковому роботу проиндексировать сайт.

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

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

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

В нашем же случае для сайта ЦРБ карта имеет следующий вид:



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

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

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

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

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

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

Используемый для создания сайта редактор FrontPage позволяет загружать изображения из файлов различных графических форматов: gif (обычный и анимированный), JPEG, BMP, TIFF, TGA, RAS, EPS, PCX, PND, PCD и WMF. Можно поместить готовый рисунок на страницу, взяв его из библиотеки картинок программы FrontPage, из папки текущего сайта или одного из сайтов на локальном диске, из любого графического файла на локальном диске или загрузив рисунок с внешнего сайта в Интернете.

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

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

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

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

Основные требования к сайту со стороны администрации ЦРБ были следующие:

· максимум информации о работе ЦРБ и ее подразделений;

· наглядность информационного материала;

· лёгкость восприятия;

· возможность создания архивов новостей;

· предусмотреть интерактивный режим;

· минимум отвлекающих элементов (движущихся картинок, мерцающих надписей и прочее);

· привлекательный дизайн;

· удобная и понятная навигация;

· отсутствие грамматических ошибок;

· сайт должен отображаться во всех популярных браузерах.

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

Постоянные элементы

· логотип, расположен в левом верхнем углу. На вторых страницах логотип является ссылкой на главную страницу;

· заголовок сайта, расположен в центре страницы;

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

Навигационные элементы вложенных иерархий

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

Внешние ссылки

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

Текст на сайте

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

Таблицы и графика на сайте

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

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

Общая структура сайта

Представляет собой фреймовую конструкцию, состоящую из следующих фреймов: (Рисунки 2.4-2.9

· 1й фрейм содержит логотип сайта;



Рис. 2.4 Логотип сайта

· 2й фрейм содержит заголовок

Рис. 2.5 Заголовок сайта

· 3й фрейм содержит графическую вставку

Рис. 2.6 Графическая вставка сайта



· 4й фрейм содержит главное меню;

Рис. 2.7 Фрагмент главного меню сайта

· 5й фрейм содержит графические ссылки на сайты администрации Кемеровской области и территориальные фонды обязательного медицинского страхования;

Рис. 2.8 Ссылки на сайты

· 6й фрейм предназначен для поля содержащего основную информацию по сайту.



Рис. 2.9-2.11 Фрагменты рабочего поля сайта

Описание контрольного примера реализации проекта

Главная страничка - страничка с которой начинается знакомство с сайтом, «лицо» веб-представительства компании, создает первое впечатление о сайте. В верхней части окна находится «шапка» сайта с названием ЦРБ и логотип. В правой части окна находятся кнопки навигации через которые можно попасть на следующие странички сайта. Ниже в левой части окна панель «Полезные ссылки», в которой приведены ссылки на сайты вышестоящих организаций и партнеров ЦРБ.



Рис. 2.12 Главная страничка сайта

На следующих рисунках представлены некоторые фрагменты сайта ЦРБ города Топки. Кроме того в приложении 2 также представлены скрин - шоты основных страниц сайта

Рис. 2.13 Карта проезда



Рис. 2.13 Карта района

Рис. 2.14 Контактная информация



Рис. 2.15 Информационная страница стоимости платных услуг

Рис. 2.16 Информационная страница о диспансеризации граждан

Рис. 2.17 Информационная страница по наиболее актуальным вопросам, интересующих посетителей сайта

Рис. 2.18 Страница обратной связи

3. Обоснование экономической эффективности проекта

3.1 Экономическое обоснование эффективности проекта Web-представительства

Затратная часть проекта включает в себя:

· стоимость создания корпоративного сайта;

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

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

· стоимость периодического мониторинга (маркетингового аудита);

· стоимость информационной поддержки сайта (создание материалов);

· стоимость поддержки посетителей сайта и покупателей.

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

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

Формула вычисления оценки средней стоимости создания корпоративного сайта

СС = (2-4)·(1000 + N) (1)



где N - требуемая посещаемость сайта.

Эта стоимость складывается из стоимости создания при N=0, и стоимости начального продвижения равной (2-4) N.

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

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

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

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

Следующим этапом является периодический мониторинг корпоративного сайта (маркетинговый аудит).

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

· анализ посещаемости корпоративного сайта;

· анализ экономической эффективности корпоративного сайта;

· анализ сервера Интернет;

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

· анализ ссылок на сайт со всех источников;

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

· анализ корректности отображения страниц сайта в наиболее популярных программах просмотра сайтов (браузерах);

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

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

Ориентировочная стоимость затрат на мониторинг для среднего Интернет-представительства компании может составлять $200-$600 в год.

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

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

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

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

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

Для каждой из стадий вовлечения пользователей возможна разная степень контроля за эффективностью ее выполнения.

Осведомленность

На этой стадии работает только внешняя пассивная реклама, взаимодействие с рекламой или сайтом не происходит. Критерием эффективности здесь является индекс осведомленности:

AW = осведомленные пользователи / целевая аудитория, (2)

а также еще несколько параметров, которые в отличие от AW, поддаются более менее точным подсчетам:

· количество показов рекламы (AD Еxposure);

· количество показов рекламы уникальным пользователям (AD reach);

· среднее количество показов рекламы уникальному пользователю (AD frequency).

Привлечение

Наиболее близкой характеристикой по привлечению посетителей является CTR (click through ratio) - отношение количества пользователей, которые кликнули на рекламу, к общему числу пользователей, которым она была продемонстрирована. Хотя, разумеется, здесь есть и ряд погрешностей - например, если на баннере есть URL, пользователь может набрать адрес сайта в браузере, а не кликать по ссылке мышкой. На CTR влияют все факторы, перечисленные для предыдущей стадии - «осведомленность».

Показатель CTR - процентное соотношение числа кликов к числу показов.

В настоящее время CTR является основным критерием при сравнении эффективности работы:

· рекламных носителей;

· мест и схем размещения;

· выбранных фокусировок и т.д.

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

О значении CTR рапортует Web-издатель. Фактически он сообщает:

· Adimpressions - количество показов рекламы,

· Number of Clicks - количество нажатий на рекламу.

CTR = Number of Clicks / AD impressions (3)

Контакт

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

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

· может некорректно работать служба редиректа на сайт рекламодателя (такое бывает с баннерными сетями);

· отвлечься от посещения сайта. Сайт загрузится, но пользователь так его и не увидит.

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

Количество кликов (сайт 1) - Количество посетителей (с сайта 1) = потери от привлеченных пользователей (с сайта 1). (4)

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

Имея данные Web-издателя и данные, полученные от своего сервера (логи или счетчики), сможете для каждого рекламного направления определить показатель, который можно условно назвать «эффективность контакта»:

CON = посетители / клики, (5)

или CON = посетители по логам / AD impressions (6)

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

Определяется двумя типами характеристик:

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

b) Поведенческие - именно эти характеристики и определяют действия, совершаемые посетителем, рассмотрим их подробнее:

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

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

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

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

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

Если эксперт не может или не хочет оценить тот или иной показатель, им ставиться оценка «0». Она будет означать, что эксперт не готов провести оценку соответствующего качества Web-ресурса. На основании оценок, выставленных экспертами, выводится усредненное значение по каждому показателю [20, c. 34].

3.2 Расчёт экономической эффективности разработки сайта центральной районной больницы Топкинского района

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

· метод чистого дисконтированного дохода (ЧДД);

· метод срока окупаемости;

· метод индекса доходности и рентабельности проекта;

· метод внутренней нормы доходности;

· расчет точки безубыточности проекта.

Основные показатели, для определения эффективности проекта приведены в таблице 3.1

Таблица 3.1. Основные показатели для определения эффективности проекта

Показатели	Ед. изм.	Значение
Единовременные затраты	тыс. руб.	348,1
Срок работы оборудования после ввода	мес.	10
Объемы сделок
I этап	тыс. руб.	7 787
II этап	тыс. руб.	18 540
Постоянные затраты	тыс. руб.	34,5
В т.ч. амортизация	тыс. руб.	7,65
Переменные затраты	% от отгрузки	68
Месячный объем сделок
I этап	тыс. эл.	23
- в 1 мес. реализации проекта	тыс. эл.	6
II этап	тыс. эл.	69
Валютный депозит	%	9
Уровень риска проекта	%	35
Инфляция на валютном рынке	%	11

Для расчета коэффициента дисконтирования (d), воспользуемся формулой:

(7)

а - доходность альтернативных вложений

b - уровень премии за риск

c - уровень инфляции

В данном проекте, в качестве альтернативных вложений средств, необходимых для реализации данного проекта, взят средний банковский депозитный процент - 9% годовых в долларах США.

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

(8)

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

класс сложности инновации по i-му классификационному признаку (i-й строке таблицы

количество классификационных признаков

Таким образом, исходя из данных таблицы 2:



(9)

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

По данным агентства РБК, уровень годовой инфляции в 2012 г. долларов США, составил 11%. Поэтому для дальнейших расчетов значение уровня инфляции (c) возьмем равным 11%. Классификация нововведений и инновационных процессов по группам риска приведено в табл. 3

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

Таблица 3.2. Соотношение среднего класса инновации и средней премии за риск, устанавливаемой для инновации данного класса

Средний класс инновации	11	12	33	44	55	56	77	88
Премия за риск, %	00,0	00,5	11,0	22,0	55,0	110,0	220,0	550,0

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

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

Таблица 3.3. Расчет текущих затрат по периодам, тыс. руб.

Этап	I	II
Период	1	2	3	4	5	6	7	8	9	10
Объем сделок	100	449	778	932	10 859	12 395	13 932	15 468	17 004	18 540
Переменные затраты	816	356	529	6340	7 384	8 429	9 473	10 518	11 563	12 607
Постоянные затраты	34,5	34,5	34,5	34,5	34,5	34,5	34,5	34,5	34,5	34,5
Итого	851	391	533	6 375	7 419	8 464	9 508	10 553	11 598	12 642

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

Таблица 3.4. Затраты на проект, тыс. руб.

Этап	0	I	II
Период	0	1	2	3	4	5	6	7	8	9	10
Единовременные затраты	348	0	0	0	0	0	0	0	0	0	0
Текущие затраты	0	851	3091	5330	6375	7419	8464	9508	1553	11598	12 642
Итого	348	851	3091	5330	6375	7419	8464	9508	1553	11598	12 642

Таблица 3.5. Поступления от проекта, тыс. руб.

Этап	I	II
Период	11	22	33	44	45	66	77	88	99	110
Объемы сделок	1200	4494	7787	9323	1859	12395	13932	15468	17004	18540
Амортизация	7,655	7,65	7,65	7,65	7,65	7,65	7,65	7,65	7,65	7,65
Итого	1 1208	4 501	7 795	9331	1086	12403	13939	15475	17012	18548

Таблица 3.6. Потоки денежных средств.

Этап	I	II
Период	11	22	33	44	45	66	77	88
Приток	1208	4501	7 795	9 331	10 867	12 403	13 939	15 475
Отток	851	3091	5330	6375	7 419	8 464	9 508	10 553
Итого	357	1411	2 465	2 957	3 448	3 940	4 431	4 923



Чистый дисконтный доход (ЧДД) рассчитывается, как разность накопленного дисконтированного дохода от реализации проекта и дисконтированных единовременных затрат на внедрение инновации:

(10)

где дисконтированный доход i-го периода реализации проекта

количество периодов реализации проекта

Дисконтированный доход определенного периода рассчитывается по формуле:

(11)

Где доходы i-го периода реализации проекта

затраты i-го периода реализации проекта

коэффициент дисконтирования

Результаты расчетов ЧДД и ДД для каждого периода реализации проекта приведены в таблице 3.7:

Таблица 3.7. Расчет чистого дисконтного дохода

Этап	Период						ДД	ЧДД
0	0	0	348	1,00	0,00	348,1	-348,10	-348,10
II	11	357	0	0,65	230,42	0	230,42	-117,68
	22	1 411	0	0,42	587,33	0	587,33	469,65
	33	2 465	0	0,27	661,94	0	661,94	1 131,60
III	44	2 957	0	0,17	512,22	0	512,22	1 643,82
	55	3 448	0	0,11	385,41	0	385,41	2 029,23
	66	3 940	0	0,07	284,10	0	284,10	2 313,33
	77	4 431	0	0,05	206,16	0	206,16	2 519,49
	88	4 923	0	0,03	147,76	0	147,76	2 667,25
	99	5 414	0	0,02	104,85	0	104,85	2 772,10
	110	5 906	0	0,01	73,79	0	73,79	2 845,89
Итого	35 252	348,1		3 193,99	348,1	2845,89

Так как ЧДД за весь период реализации проекта имеет положительное значение, следовательно, данный проект является экономически эффективным.

Срок окупаемости проекта, представляет собой расчетную дату, начиная с которой чистый дисконтированный доход принимает устойчивое положительное значение. Математически срок окупаемости находиться при решении экспоненциального уравнения расчета ЧДД с неизвестным периодом реализации (X), при этом значение ЧДД принимается равным 0, т.е. когда дисконтированный доход равен (покрыл) дисконтированные затраты:

(12)

(13)

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

(14)

Где последний период реализации проекта, при котором разность накопленного дисконтированного дохода и дисконтированных затрат принимают отрицательное значение

последнее отрицательное значение ЧДД

первое положительное значение ЧДД

Таким образом:

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



Заключение

В данной работе рассмотрены актуальные вопросы разработки и создания сайта Центральной районной больницы Топкинского района Кемеровской области. Были решены следующие частные задачи:

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

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

· ознакомление со структурой ЦРБ Топкинского района Кемеровской области;

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

· изучены методы размещения сайтов в Интернете

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

В результате проведенных работ на базе выбранных технологий был создан прототип современного Web-представительства для ЦРБ.

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

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

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

· автоматическая поддержка anti-aliasing (сглаживание контуров с помощью смешения соседних цветов), что значительно улучшает эстетическое восприятие использованной графики;

· гибкость, открытость и модифицируемость при помощи простых средств.

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

ЦРБ Топкинскогорайона Кемеровской области, как и любое учреждение здравоохранения, заинтересована в информировании своих услуг населению через Интернет.

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

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

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

1. Вендров А.М. «CASE-технологии. Современные методы и средства проектирования информационных систем». - М.: МГУ, 2007 г. - 306 с.

2. Вильямсон Х., Универсальный Dynamic HTML. Writing Cross-Browser Dynamic HTML. - СПб.: БХВ - Петербург, 2007. - 190 с.

3. Кирсанов Д., Web-дизайн: книга Дмитрия Кирсанова, «Символ», 2006. -56 с.

4. Кириченко А.А Разработка электронного портала (Создание Web-представительства. Контент-инжениринг) Учебное пособие Москва 2005

5. Конолли Т., Бегг К., Страчан А., Базы данных: проектирование, реализация и сопровождение (2-е издание), М.: Вильямс, 2006. - 255 с.

6. Котеров Д.В., Самоучитель РНР4. - СПб.: БХВ - Петербург, 2008. - 113 с.

7. Крамер Э. HTML - Наглядный курс Web-дизайна. М.-Спб.-Киев: Диалектика, 2007 - 244 с.

8. Кузнецов С.Д., SQL: Язык реляционных баз данных. - М.: Майор, 2009. - 188 с.

9. Кузнецов С.Д. «Проектирование и разработка корпоративных информационных систем». - М.: МГУ, 2011. - 325 с.

10. Пауэлл Томас А., Web-дизайн: Пер. с англ. - СПб.: БХВ - Петербург, 2007. - 289 с.

11. Маслова Т.Д., Божук С.Г., Ковалик Л.Н. Маркетинг. - СПб: Питер, 2011. - 350 с.

12. Проектирование экономических информационных систем: учебник / Г.Н. Смирнова, А.А. Сорокин, Ю.Ф. Тельнов; под ред. Тельнова Ю.Ф. - М.: Финансы и статистика, 2012. - 279 с.

13. Силич В.А. «Содержательные модели систем и их использование при проектировании АСУ». - Томск, 2010. - 157 с.

14. Стауфер Т. Создание веб-страниц. Самоучитель. - СПб.: Питер, 2011 - 250 с.

15. Управление организацией / Под ред. А.Г. Поршнева, З.П. Румянцевой, Н.А. Саломатина. - М.: ИНФРА-М, 2008. - 160 с.

16. Фийо А. Рентабельный Web - дизайн. Пер. с англ. - М.:КУДИЦ-ОБРАЗ, 2012 г. - 238 с.

17. Штайнер Г., HTML/ XML/ CSS. Серия: Справочник, Москва, ДиаСофт, 2008 г. - 167 с.

18. Эллвуд Я. 100 приемов эффективного брендинга. - СПб.: Питер. 2011 г. - 305 с.



Приложение

Распечатка HTML кода главной страницы

! DOCTYPE html PUBLIC «- //W3C //DTD XHTML 1.0 Strict //EN»

«http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd»>

<html xmlns= «http://www.w3.org/1999/xhtml» xml:lang= «ru» lang= «ru» dir= «ltr»>

<head>

<meta http-equiv= «Content-Type» content= «text/html; charset=utf-8» />

<meta http-equiv= «Content-Type» content= «text/html; charset=utf-8» />

<link rel= «alternate» type= «application/rss+xml» title= «МБУЗ &quot; ЦРБ Топкинскогорайона&quot; RSS» href= «http://promcrb.ru/drupal/rss.xml» />

<link rel= «shortcut icon» href=»/drupal/misc/favicon.ico» type= «image/x-icon» />

<title>МБУЗ «ЦРБ Топкинскогорайона»</title>

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/modules/dhtml_menu/dhtml_menu.css? 5» />

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/modules/node/node.css? 5» />

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/modules/poll/poll.css? 5» />

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/modules/system/defaults.css? 5» />

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/modules/system/system.css? 5» />

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/modules/system/system-menus.css? 5» />

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/modules/user/user.css? 5» />

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/modules/forum/forum.css? 5» />

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/themes/garland/style.css? 5» />

<link type= «text/css» rel= «stylesheet» media= «print» href=»/drupal/themes/garland/print.css? 5» />

<script type= «text/javascript» src=»/drupal/misc/jquery.js? 5»></script>

<script type= «text/javascript» src=»/drupal/misc/drupal.js? 5»></script>

<script type= «text/javascript» src=»/drupal/sites/default/files/languages/ru_fc54e3eb92b0eed4dc5695e4e54cc63c.js? 5»></script>

<script type= «text/javascript» src=»/drupal/modules/dhtml_menu/dhtml_menu.js? 5»></script>

<script type= «text/javascript»>

<!- // -><! [CDATA [ // ><!-

jQuery.extend (Drupal.settings, {«basePath»: «/drupal/», «dhtmlMenu»: {«slide»: «slide», «siblings»: «siblings», «doubleclick»: «doubleclick», «relativity»: 0, «children»: 0, «clone»: 0}});

// -><!]]>

</script>

<! - [if lt IE 7]>

<link type= «text/css» rel= «stylesheet» media= «all» href=»/drupal/themes/garland/fix-ie.css» /> <! [endif]->

</head>

<body class= «sidebars»>

<! - Layout ->

<div id= «header-region» class= «clear-block»><div id= «block-block-3» class= «clear-block block block-block»>

<div class= «content»><div style= «float:left; padding-left:50px»><img src= «http://promcrb.ru/drupal/zmeya.png» alt= «logo» /></div>

<div style= «float:right»><img src= «http://promcrb.ru/drupal/l.jpg» alt= «logo» /></div>

</div>

</div>

</div>

<div id= «wrapper»>

<div id= «container» class= «clear-block»>

<div id= «header»>

<div id= «logo-floater»>

<h1><a href=»/drupal/» title= «МБУЗ &quot; ЦРБ Топкинского района&quot;»><span>МБУЗ &quot; ЦРБ Топкинского района&quot;</span></a></h1> </div>

<ul class= «links primary-links»><li class= «menu-168 active-trail first active»><a href=»/drupal/» title=»» class= «active»>Главная страница</a></li>

<li class= «menu-167»><a href= «http://promcrb.ru/drupal/forum/1» title=»">Виртуальная приемная</a></li>

<li class= «menu-166»><a href= «http://vrach42.ru/Views/Registration/frLpuUnit.aspx? step=Lpu» title=»">Запись на прием</a></li>

<li class= «menu-169 last»><a href=»/drupal/node/2» title= «Контактная информация МУЗ &quot; ЦРБ Топкинского района&quot;»>Контакты</a></li>

</ul>

</div> <! - /header ->

<div id= «sidebar-left» class= «sidebar»>

<div id= «block-menu-menu-menu» class= «clear-block block block-menu»>

<h2>Меню</h2>

<div class= «content»><ul class= «menu»><li class=«expanded first dhtml-menu collapsed start-collapsed «><a href=»/drupal/node/5» title=»» id= «dhtml_menu-178»>Структура</a><ul class= «menu»><li class=«leaf first dhtml-menu «><a href=»/drupal/node/5» title=»» id= «dhtml_menu-182»>Руководство</a></li>

<li class=«leaf dhtml-menu «><a href=»/drupal/node/6» title= «Заведующие отделениями» id= «dhtml_menu-179»>Отделения</a></li>

<li class=«leaf last dhtml-menu «><a href=»/drupal/node/12» title= «Структурные подразделения» id= «dhtml_menu-201»>Подразделения</a></li>

</ul></li>

<li class= «expanded dhtml-menu active-trail»><a href=»/drupal/node» title=»» id= «dhtml_menu-215» class= «active»>Модернизация</a><ul class= «menu»><li class=«leaf first dhtml-menu «><a href=»/drupal/node/39» title= «Система мероприятий» id= «dhtml_menu-250»>Система мероприятий</a></li>

<li class=«leaf last dhtml-menu «><a href=»/drupal/node/15» title= «Архив фото отчетов по капитальному ремонту» id= «dhtml_menu-240»>Капитальный ремонт</a></li>

</ul></li>

<li class=«leaf dhtml-menu «><a href=»/drupal/node/4» title= «Лечебно-охранительный режим и правила внутреннего распорядка в отделениях:» id= «dhtml_menu-172»>Внутренний распорядок</a></li>

<li class=«leaf dhtml-menu «><a href=»/drupal/node/3» title= «Вакансии» id= «dhtml_menu-171»>Вакансии</a></li>

<li class=«leaf dhtml-menu «><a href=»/drupal/node/7» title= «Банковские реквизиты» id= «dhtml_menu-183»>Реквизиты</a></li>

<li class=«expanded dhtml-menu collapsed start-collapsed «><a href=»/drupal/node» title=»» id= «dhtml_menu-238» class= «active»>Медицинская помощь</a><ul class= «menu»><li class=«leaf first dhtml-menu «><a href=»/drupal/node/9609» title= «Программа государственных гарантий» id= «dhtml_menu-253»>Программа государственных гарантий</a></li>

<li class=«leaf dhtml-menu «><a href=»/drupal/node/31» title= «Доступность и качество» id= «dhtml_menu-247»>Доступность и качество</a></li>

<li class=«leaf dhtml-menu «><a href=»/drupal/node/27» title= «Перечень ЖНВЛС» id= «dhtml_menu-242»>Перечень ЖНВЛС</a></li>

<li class=«leaf dhtml-menu «><a href=»/drupal/node/28» title= «Условия оказания медицинской помощи» id= «dhtml_menu-243»>Условия оказания медицинской помощи</a></li>

<li class=«expanded dhtml-menu collapsed start-collapsed «><a href=»/drupal/node» title=»» id= «dhtml_menu-244» class= «active»>Льготное лекарственное обеспечение</a><ul class= «menu»><li class=«leaf first dhtml-menu «><a href=»/drupal/node/29» title= «Перечень льготных групп населения» id= «dhtml_menu-245»>Перечень льготных групп населения</a></li>

<li class=«leaf dhtml-menu «><a href=»/drupal/node/32» title= «Перечень льготных препаратов для льготников федеральной ответственности» id= «dhtml_menu-248»>Перечень льготных препаратов для льготников федеральной ответственности</a></li>

<li class=«leaf last dhtml-menu «><a href=»/drupal/node/30» title= «Перечень льготных препаратов для льготников областной и муниципальной ответственности» id= «dhtml_menu-246»>Перечень льготных препаратов для льготников областной и муниципальной ответственности</a></li>

</ul></li>

<li class=«leaf dhtml-menu «><a href=»/drupal/node/14» title= «Бесплатные услуги МУЗ &quot; ЦРБ Топкинскогорайона&quot;» id= «dhtml_menu-239»>Бесплатные услуги</a></li>

<li class=«leaf last dhtml-menu «><a href=»/drupal/node/8» title= «Услуги оказываемые МУЗ &quot; ЦРБ Топкинскогорайона&quot;» id= «dhtml_menu-184»>Платные услуги</a></li>

</ul></li>

<li class=«leaf last dhtml-menu «><a href=»/drupal/node/14133» title= «ст. 27 ФЗ-323 от 21.11.2011 г. &quot; Об основах охраны здоровья граждан в Российской Федерации&quot;» id= «dhtml_menu-254»>ст. 27 ФЗ-323 от 21.11.2012 г.</a></li>

</ul></div>

</div>

<div id= «block-user-0» class= «clear-block block block-user»>

<h2>Вход в систему</h2>

<div class= «content»><form action=»/drupal/node? destination=node» accept-charset= «UTF-8» method= «post» id= «user-login-form»>

<div><div class= «form-item» id= «edit-name-wrapper»>

<label for= «edit-name»>Имя пользователя: <span class= «form-required» title= «Обязательное поле»>*</span></label>

<input type= «text» maxlength= «60» name= «name» id= «edit-name» size= «15» value=»» class= «form-text required» />

</div>

<div class= «form-item» id= «edit-pass-wrapper»>

<label for= «edit-pass»>Пароль: <span class= «form-required» title= «Обязательное поле»>*</span></label>

<input type= «password» name= «pass» id= «edit-pass» maxlength= «60» size= «15» class= «form-text required» />

</div>

<input type= «submit» name= «op» id= «edit-submit» value= «Вход» class= «form-submit» />

<div class= «item-list»><ul><li class= «first last»><a href=»/drupal/user/password» title= «Запросить новый пароль по электронной почте.»>Забыли пароль?</a></li>

</ul></div><input type= «hidden» name= «form_build_id» id= «form-048ceb0a747a3349425827a5fb83d13f» value= «form-048ceb0a747a3349425827a5fb83d13f» />

<input type= «hidden» name= «form_id» id= «edit-user-login-block» value= «user_login_block» />

</div></form>

</div>

</div>

<div id= «block-block-4» class= «clear-block block block-block»>

<h2>Полезные ссылки:</h2>

<div class= «content»><p>

<div style= «padding-right:10px; float:left; "><img src= «http://promcrb.ru/drupal/sites/default/files/i/fav/ako.jpg» width= «50px» alt= «АКО» /></div>

</p><p><a href= «http://ako.ru»>АКО</a></p>

<p></p>

<p>

<div style= «padding-right:10px; float:left; "><img src= «http://promcrb.ru/drupal/sites/default/files/i/fav/doznko.jpg» width= «50px» alt= «ДОЗН КО» /></div>

</p><p><a href= «http://kuzdrav.ru»>ДОЗН КО</a></p>

<p></p>

<p>

<div style= «padding-right:10px; float:left; "><img src= «http://promcrb.ru/drupal/sites/default/files/i/fav/kokb.jpg» width= «50px» alt=»» /></div>