Разработка корпоративного сайта для ООО "Семейная аптека"

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

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

· для отображения состояния: красный = опасность/стоп, зеленый = нормально/продолжение работы, желтый = предостережение;

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

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

· для разделения данных необходимо выбрать цвета из различных частей спектра (красный / зеленый, синий / желтый, любой цвет / белый);

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

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

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

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

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

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

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

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

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

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

2.3 Программное обеспечение задачи

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

Для начала стоит сказать, что Google и Yandex для улучшения индексирования web-ресурсов просят предоставить им карту сайта в формате XML (sitemap.xml). Между тем данную карту сайта sitemap хорошо использует не только Google, но и Yahoo, Ask.com и Moreover.com (последние два поисковика используются в основном иностранными пользователями). Для этих поисковых систем облегчается работа по качественной индексации нашего web-ресурса, что, несомненно, положительно влияет на поисковую выдачу.

Ниже, на рисунке 8. представлена карта сайта сети «Семейная аптека».

Рисунок 8. Карта сайта сети «Семейная аптека»

Сайт сети аптек «Семейная аптека» написан при помощи системы управления контентом (англ. Content Management System - CMS) Joomla!™ .

С точки зрения коммерции, Joomla!™ является GPL-разработкой. Это означает, что система бесплатна и ее может использовать каждый. Она написана на PHP, использует СУБД MySQL (работает практически на всех версиях, выпущенных за последние пару лет). Как веб-сервер может использоваться Apache либо Microsoft IIS. Контрольная панель системы (или админ-зона) работает практически во всех современных браузерах, включая Safari. Характеристики CMS Joomla!™ приведены в таблице 2.

Вид администраторской части CMS Joomla!™ для сайта сети «Семейная аптека» представлен на рисунке 9.

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

Таблица 2

Характеристики CMS Joomla!™

Характеристика	Значение
Язык программирования исходного кода	PHP
Используемая СУБД	MySQL
Операционная система	Linux, Microsoft
Тип сервера	Apache, IIS
Приблизительный объем установленной системы на сервере	6--8 Мб
Расширения	Модули, Плагины, Сниппеты
Поддержка регистрации веб-пользователей (не администраторов)	Есть
Поддержка дружественных URL	Есть (также вложенные URL)
Количество уровней вложенности в структуре сайта	Неограниченно
Гибкость, способность к адаптации под нужды потребителя	Наивысшая
SEO (Оптимизация под поисковые машины)	Наивысшая

Рисунок 9. Администраторская часть CMS Joomla!™.

Joomla!™ может похвастаться многим. И, если собрать это всё в единое целое, получится примерно следующее:

Мощная поддержка стандартов - Joomla!™ не заставляет вас создавать неказистые блочные или знаменитые трехколоночные «портальные» шаблоны. Вы можете верстать strict xhtml или табличные шаблоны.

Технологии Web 2,0 / Ajax - Joomla!™ - первая бесплатная CMS с набором API-функций, полностью соответствующих тенденциям Web 2,0 Ajax (благодаря script.aculo.us). В ближайшем будущем все это будет внедрено в саму панель управления сайтом (админ-зону), а пока вы можете использовать эти вкусности в своих веб-приложениях (live search, всевозможные веб-эффекты, Ajax-коммуникации и т. д.)

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

Работает во всех основных браузерах - сюда можно отнести и Safari и IE и, конечно же, Firefox, работу с которыми не поддерживают многие другие CMS.

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

html-редакторы - все html (или RichText) редакторы в Joomla!™ устанавливаются как плагины, на ваше усмотрение.

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

CSS-генератор меню - позволяет создавать меню-списки с помощью тегов <ul> и затем придать им внешний вид с помощью CSS.

Уровни вложенности документов -- Joomla!™ имеет неограниченное количество уровней вложенности документов.

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

Управление мета-тэгами и ключевыми словами - Joomla!™ можно смело считать бесплатной SEO-системой. Вы можете настраивать набор мета-тэгов и ключевых слов для каждой страницы легко и непринужденно.

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

Обработка ошибок парсера - разработка сценариев в Joomla!™ -- весьма приятное занятие благодаря обработке ошибок и отчетов парсера системы.

Пользовательские типы содержимого - используйте документы Joomla!™ для управления CSS-файлами, изображениями и java-скриптами. Превращайте их из HTML в XML, PDF, Excel или Word-документы с помощью сниппетов и этой новой возможности.

Так же к основным особенностям Joomla!™ можно отнести:

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

встроенная поддержка ЧПУ (SEF). Является аббревиатурой от словосочетания «человекопонятный урл» (где «урл» -- жаргонное обозначение URL).

управление пользователями

разделение менеджеров и пользователей вэб-пользователей

создание групп пользователей

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

эффективная работа с документами

удобное дерево документов

публикация и отмена публикации документа, в том числе в указанное время

поддержка документов разных типов (MIME)

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

полный контроль HTML-кода, позволяющий реализовать любой дизайн

встроенный механизм SEO (управление ключевыми словами и мета-тегами)

интуитивно-понятный интерфейс системы управления (cms)

отличная расширяемость (с помощью сниппетов, плагинов и модулей)

простой язык шаблонов

В стандартном комплекте CMS предлагает сразу несколько очень гибких расширений:

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

Wayfinder - инструмент организации меню. Дает возможность организации как простого меню, так многоуровневого и выпадающего. Легко изменяется.

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

Jot - механизм комментирования пользователями.

Breadcrumbs - создание на сайте цепочных ссылок («хлебные крошки»).

AjaxSearch - поиск по сайту с использованием Ajax.

Как отмечалось выше сайт сети «Семейная аптека» написан с использованием CMS Joomla!™. Данная CMS использует при создании страниц языки PHP и HTML.

HTML (HyperText Markup Language) - язык гипертекстовой разметки документов. Назначение HTML в том, чтобы сделать документы пригодными для чтения с экрана монитора. Для создания HTML документов используют текстовые редакторы (например Блокнот), текстовые процессоры (Word), редакторы тегов HTML и визуальные HTML-редакторы. Вы можете создать HTML документ в простом Блокноте. Придерживаясь определённого стандарта и записав в текстовом файле HTML код, сохранив на жёстком диске и изменив расширение на .html или .htm вы получите полноценную web-страничку.

PHP (Hypertext Preprocessor - Препроцессор Гипертекста)- это широко используемый язык сценариев общего назначения с открытым исходным кодом.

PHP - язык программирования, специально разработанный для написания web-приложений (скриптов, сценариев), исполняющихся на Web-сервере. Синтаксис языка во многом основывается на синтаксисе C, Java и Perl. Он очень похож на С и на Perl, поэтому для профессионального программиста не составит труда его изучить. С другой стороны, язык PHP проще, чем C, и его может освоить web-мастер, не знающий пока других языков программирования.

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

Сценарии на языке PHP могут исполняться на сервере в виде отдельных файлов, а могут интегрироваться в html-страницы.

PHP способен генерировать и преобразовывать не только HTML документы, но и изображения разных форматов - JPEG, GIF, PNG, файлы PDF и FLASH. PHP способен формировать данные в любом текстовом формате, включая XHTML и XML.

PHP - кроссплатформенная технология. Дистрибутив PHP доступен для большинства операционных систем, включая Linux, многие модификации Unix, Microsoft Windows, Mac OS и многих других. PHP поддерживается на большинстве вебсерверов, таких, как Apache, Microsoft Internet Information Server (IIS), Microsoft Personal Web Server и других.

Для большинства серверов PHP поставляется в 2-х вариантах - в качестве модуля и в качестве CGI препроцессора.

PHP поддерживает работу с ODBC и большое количество баз данных: MySQL, MSQL, Oracle, PostgreSQL, SQLite и др.

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

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

Все материалы сайта расположены в базе данных. Для работы с базой используется MySQLAdmin. SQL - это сокращение от Structured Query Language (структурированный язык запросов). SQL создан для работы с реляционными базами данных. Он позволяет пользователям взаимодействовать с базами данных (просматривать, искать, добавлять и управлять данными). MySQL соответствует спецификации ANSI 92 SQL.

Так же при создании сайта использовались графические материалы, такие как картинки формата JPEG и GIF.

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

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

При создании сайта ООО «Семейная аптека» были использованы встроенные в CMS Joomla!™ программные модули. Модуль - это приложение, основанное на архитектуре Joomla!™ и расширяющее возможности Системы Управления. Модуль может группировать набор ресурсов (сниппеты, чанки, данные), реализуя принцип инкапсуляции через разделение интерфейса и реализации. Ниже рассмотрим основные из использованных модулей.

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

Doc Manager и QuickEdit.

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

Например, можно поменять дату создания для ветви в дереве документов.

QuickEdit - фронтэнд редактор. Можно редактировать контент, TV переменные и свойства документа находясь непосредственно на странице сайта.

После инсталляции cms modx включат в себя несколько готовых сниппетов - ditto, wayfinder, jot, eform и пр .

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

Wayfinder -- сканирует заданную часть дерева документов Joomla!, находя все документы, отвечающие заданным условиям, и создаёт форматированный список этих документов. Формат вывода определяется шаблонами.

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

Jot - предназначен для добавления комментариев. Поддерживает шаблоны , bad words, captcha, нотификации, постраничный вывод. Возможна модерация.

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

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

ListIndexer - поиск, отображение новых документов сайта.

NewsPublisher - Публикация новых статей ( документов ) веб пользователями.

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

MemberCheck, Personalize, WebChangePwd, WebLogin, WebSignup - авторизация, регистрация веб пользователей, напоминание пароля, управление контентом в зависимости от прав доступа.

Breadcrumbs, FirstChildRedirect, UltimateParent - навигация.

Подробнее заострим внимание на одном из самых интересных модулей Rnews и рассмотрим его установку и работу.

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

Возможности:

Создание и редактирование новостей и категорий

Свои шаблоны для вывода новостей

Редактирование новости с фронтенда страницы (работает только для менеджеров сайтов)

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

Установка:

1) Скачать и разархивировать архив.

2) По FTP скопировать папки modules и snippets в папки на сервере [Joomla Directory]/assets/modules/ & [Joomla Directory]/assets/snippets/ соответственно.

3) Создать новый модуль, назвать «Rnews» и скопировать код файла module.rNews.php в поле модуля.

4) Создать новый сниппет «news» и скопировать код снипетта из файла snippet.news.php.

5) Создать новый сниппет «news_anonce» и скопировать код снипетта из файла snippet.news_anonce.php.

6) Создать страницу для вывода списка новостей, и добавить код для вызова сниппета:

[[news_anonce? &news_page_id=`55` &category_show=`1` ]]

где &news_page_id -- это ID документа для детального просмотра новостей

7) Создать страницу для вывода подробного текста новости, и добавить код для вызова сниппета:

[[news]]

Обновление:

Скопировать папки modules и snippets в папки на сервере [Joomla Directory]/assets/modules/ & [Joomla Directory]/assets/snippets/ соответственно.

Новые параметры для сниппета news_annonce:

&news_page_id=`` -- [ID] Страницы Joomla`a, где находится сниппет «news», для детального просмотра новости (обязательный параметр);

&news_lim=`` -- Сколько записей выводить на странице [ число ], по умолчанию 10

&show_description=`` -- [ 1 | 0 ] Показывать | Скрывать анонс новости;

&category_show=`` -- [ ID ] ID категории из которой показывать новости (ID посмотреть можно в самом модуле), (обязательный параметр);

&annonOuterTpl=`` -- [name.html] Название шаблона для списка новостей, должен находиться в директории [Joomla Directory]/assets/snippets/rmod_news/templates/, по умолчанию rnews_annon.html.

Что такое пользовательский интерфейс? По логике вещей, это то с чем мы сталкиваемся каждый день в повседневной жизни: столовые приборы, дверные ручки, пульты управления телевизором и т.д. Сложилось так, что в мире информационных технологий пользовательский интерфейс, прежде всего, ассоциируется с GUI операционной системы. Это неудивительно, ведь ныне элементы управления компьютерными программами нам столь же привычны, как и тумблеры бытовых электроприборов. Пользовательские интерфейсы неотъемлемая часть любого веб-приложения. Любой сайт, к которому мы можем обратиться посредством Интернет, является пользовательским интерфейсом для доступа к информации. Однако в настоящее время задача программирование пользовательских интерфейсов для веб несколько иное, нежели, в случае настольных программ. Современная операционная система базируется на устоявшемся стандарте пользовательского интерфейса для всех, взаимодействующих с нею программ. Соответственно имеется определенная модель, которой подчиняются любые интерфейсные решения в программах для данной операционной системы. А раз так, то создание пользовательского интерфейса сводиться к использованию функций стандартных библиотек. Например, это могут быть функции Win32 API или объекты MFC для программ MS Windows. Подобный подход имеет одно замечательное свойство. Если пользователь научился пользоваться, хотя бы одной программой, он быстро освоится с любой другой для той же операционной системы. Но такое положение вещей не может быть отнесено к веб-приложениям. Каждый новый сайт - это новый информационный и графический дизайн, а также новый пользовательский интерфейс. В данном случае едва ли применимы программные библиотеки для какого-то одного определенного стандарта пользовательского интерфейса. И до сих пор чаще всего при разработке сайтов используется «ручное» программирование, что подразумевает внесистемное задание оформления и программных реакций, для каждого элемента пользовательского интерфейса и для каждого его состояния. В случае крупного полнофункционального решения подобный подход означает «начало конца». Но давайте обратимся к существующим и перспективным стандартам в области описания пользовательских интерфейсов.

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

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

При заходе на сайт пользователь попадает на «Главную» страницу, которая показана на рисунке 10.

На «Главной» странице расположена краткая информация о предприятии. Данная страница составлена при помощи графических материалов (изображение в формате JPEG) и текстового материала.



Рисунок 10. Главная страница сайта

2.4 Технологическое обеспечение задачи

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

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

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

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

CMS Joomla! отлично подходит для этих целей. Формирование и редактирование информации осуществляется из администраторской панели управления сайтом.

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

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

Для создания нового документа (страницы) необходимо в панели управления в меню выбрать «Сайт» и нажать на кнопку «Добавить материал» (рисунок 12.).

Рисунок 12. Создание нового документа (страницы)

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

Ниже располагается редактор содержимого документа. При помощи данного редактора можно создать полноценный документ, который впоследствии будет представлять страницу сайта. Редактор документов изображён на рисунке 13.

Рисунок 13. Меню настройки документа



Рисунок 14. Редактор документов

После добавления информации в документ нажимаем кнопку «сохранить» и документ появляется в дереве документов с левой стороны панели управления.

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

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

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

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

Тестирование решает несколько основных задач:

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

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

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

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

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

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

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

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

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

Тестирование работоспособности сайта после наполнения контентом (в том числе тестирование самого контента) - в случае обнаружения ошибок программный код сайта или же контент отправляется на доработку и исправление найденных ошибок и данный этап тестирования повторяется;

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

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

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

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

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

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

Когда сайт прошёл этап тестирования следует задуматься о том, где размещать сайт (хостинг) и о его доменном имени.

Домен (доменное имя) - это имя вашего сайта в сети Интернет.

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

Давайте рассмотрим общие рекомендации по подбору правильного (эффективного ) доменного имени:

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

2. Доменное имя должно однозначно писаться символами латинского алфавита.

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

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

В ходе написания сайта и размещения его в сети руководством фирмы мне было предоставлено доменное имя sem-apteka.ru.

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

В основном хостинг разделяют на два вида:

платный;

бесплатный.

Бесплатный хостинг представляют такие компании как www.narod.ru, www.chat.ru и еще множество других. Ключевым словом является «бесплатный». Рассмотрим преимущества и недостатки данного вида хостинга.

Преимущества:

неоплачиваемость.

Недостатки:

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

отсутствие как таковой технической и сервисной поддержки;

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

в среднем дисковое пространство составляет до 30МВ, т.е. если у Вас более или менее сложный сайт, то вам это не подойдет;

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

Платный хостинг предоставляется такими компаниями как www.valuehost.ru, www.zenon.ru.

Преимущества:

низкая стоимость;

высокая скорость;

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

доменное имя второго уровня www.name.ru;

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

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

Недостатки:

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

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

Руководители сети «Семейная аптека» решили разместить сайт на хостинге Valuehost .

Valuehost -- крупнейший хостинг-провайдер в России, который оказывает услуги веб-хостинга с 2000 года. В сети Valuehost размещается более 60 тысяч Российских веб-сайтов. Компания имеет собственную глобальную IP-сеть, построенную на магистральных маршрутизаторах Juniper M7i и Cisco GSR 12016.

Цель ЗАО "Вэб Хостинг" (Valuehost) заключается в предоставлении клиентам эффективного по затратам Веб-Хостинга для создания и поддержки присутствия клиентов в Мировой Паутине.

На сегодняшний день оборудование Valuehost находится на одной технической площадке. К международной сети Интернет подключается посредством волоконно-оптических каналов емкостью 34 Мбит/с. В России TCP/IP сеть располагает магистральной сетью IP over SDH производительностью 155 Мбит/с с возможностью прямого обмена трафиком со всеми основными российскими провайдерами услуг Интернет. Суммарная емкость поперечных каналов обмена трафиком с российскими операторами Интернет превышает 0,4 Гбит/с.

Сервера IBM xSeries 330 ®,Dual Intel™ Pentium III Processors 1.4GHz и выше, 1GB PC133Mhz ECC RAM и больше, Dual IBM SCSCI-160 Hard drives, 24/7 замена частей

Имеются сeрвера:

- сервер Primary DNS служб

- сервер Secondary DNS служб

- сервер почтовых служб

- сервер транспорта почтовых служб

Рассмотрев предложенные тарифные планы было решено остановиться на тарифном плане «План А».

Valuehost План А включает в себя:

2000 Мегабайт Места на диске (МБ)

Бесплатная регистрация 1-ого домена .ru, либо бесплатная регистрация 1-ого домена .com/.net/.org/.info/.biz при оплате хостинга на год - Антикризисная акция.

Неограниченная Парковка доменов (Указывают на основной домен)

Хостинг 6 мульти-доменов (Указывают на разные директории)

Неограниченный траффик (нет скрытых платежей)

Мощная серверная система на базе Xeontm CPU*

Неограничено POP3 email Аккаунтов (разные пароли)

Неограничено Email перенаправлений с Вашего домена

6 виртуальных сервера с различными именами

6 различных FTP аккаунтов

Ограничение доступа для FTP аккаунтов

24/7/365 NOC Мониторинг Сервиса

Web-интерфейс управления DNS, почтой, веб-сервером

Бесплатная поддержка домена

Множественные Интернет каналы 1 Гб/сек

FTP доступ для загрузки страниц

Ваша cgi-bin директория для скриптов Perl, C, PHP

Ежедневный Back-Up на выделенный Back-up сервер

Резервное питание UPS

PHP 5.2.6

Zend Optimizer v3.3.0

eAccelerator v0.9.5.2

SSH доступ

Управление Cron Job из панели

Настройка конфигурации Apache через веб-панель

3 MySQL/PostgreSQL базы данных в пределах 500 Mб

Доступ с мобильных WAP телефонов

Поддержка SSI

Оплата в любом городе

24/7/365 Тех. Поддержка

(495) 737-09-73; (812) 320-87-85; 8 (800) 200-HOST

Бесплатный телефон (800) для поддержки клиентов

Варианты оплаты по плану А:

3 месяца - 1035.66 рублей;

6 месяцев - 1967.75 рублей;

12 месяцев - 3728.38 рублей;

24 месяца 7042.49 рублей.

Глава 3. Архитектура проекта

Перейдя на сайт ООО «Семейная аптека» пользователь попадает на простой по интерфейсу, но наполненный информативно корпоративный сайт. Что же может заинтересовать пользователя на данном сайте? Я постараюсь описать каждый шаг глазами пользователя сайта. На рисунке 3.1. представлена главная страница сайта с условными обозначениями.

Рисунок 15. Главная страница сайта

Первое, что видит любой пользователь перейдя по ссылке, это главная страница(на рисунке 15. обведена обозначена как главная страница). Как видим на главной странице кроме привычного всем меню сайта также расположен блок авторизации (рисунок 15. пункт 2). Пользователь может зарегистрироваться и получить преимущества в виде, рассылки новостей к себе на почту, а также он сможет добавлять материал по медицине в библиотеку сайта. Как видно, пользователь в случае забытья пароля или логина может напомнить его, получив на почту, после введения своего адреса электронной почты и ответа на секретный вопрос. Также имеется форма обратной связи (на рисунке 15. пункт 4) для пользователей, которые не желают регистрироваться, а хотят например написать жалобу или пожелание, или просто задать интересующий их вопрос. Справа (рисунок 15. пункт 3) представлен блок голосования. Данный блок выполняет важную задачу, он помогает понять заинтересованность пользователя данной компанией, и как итог после обработки итогов компания может сделать для себя выводы. Данный блок будет меняться например для изучения спроса нового товара или для оценки предоставляемых услуг. Под голосованием находится блок «кто онлайн». Он показывает пользователю загруженность, и следовательно интересность сайта, так как чем больше людей находится на сайте, значит тем больше он интересен. В шапке сайта пользователь видит два блока «последние новости» и «популярные». В последние новости добавляется вся обновленная информация по сайту, то есть пользователь сразу с главной страницы может узнать, что нового. Блок «популярные» играет роль эдакого «зазывалы», то есть новый пользователь захочет посмотреть ту или иную страницу, которая находится в списке, узнать, что же такого интересного раз она так популярна. Вот и рассмотрели мы главную страницу, теперь перейдем к изучению главного меню (рисунок 16.).

Как мы можем видеть, меню достаточно просто в понимании и информативно.

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



Рисунок 16. Главное меню

Рисунок 17. Часть образца документа

Страница «новости» несет информацию о новинках в продажах или открытиях новых аптек или аптечных пунктов, или же изменения в законодательстве. Страницы «скидки» и «акции» содержат информацию о действующих скидках и акциях соответственно. Страница «адреса аптек» содержит информацию об адресах аптек, с фотографией фасада аптеки, контактного телефона аптеки и способа подъезда к ней. Страница «вакансии» создана для привлечения новых работников в сеть «Семейная аптека», на данной странице описываются вакансии, в которых в данный момент нуждается ООО «Семейная аптека», с указанием контактных телефонов для обращения и заработной платы. Страница «энциклопедия лекарств» перенесет пользователя на сайт http://medinfa.ru/ медицинской энциклопедии (рисунок 18.).

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

Рисунок 18. Фрагмент сайта http://medinfa.ru/

Рисунок 19. Фрагмент страницы «спорт и фитнес» с адресами центров

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

Глава 4. Экономическая эффективность инвестиций в проект.

4.1 Расчёт стоимости создания и размещения сайта в Интернет

Обычно для создания web-сайта обращаются в специализированные компании. Однако, в связи с тем, что разработкой сайта я занимался самостоятельно, то для расчёта примерной стоимости возьмём средние ценовые показатели на создание сайта по городу Калининграду. Для уточнения стоимости использовались сайты kaliningrad.unibix.ru и www.deridex.ru. Данные по расчетам приведены в таблице 3, стр.74.

Таблица 3

Расчёт примерной стоимости создания сайта

Наименование услуги	Стоимость, рублей
Дизайн	4000
Наполнение сайта контентом	4500
Индексация в поисковых системах	3000
Карта Google(схема проезда)	500
Разработка логотипа	1000
Корпоративный e-mail	500
Система управления контентом	1000
Модуль новостей	1500
Итого:	16000

Для размещения сайта в сети Интернет так же необходимо позаботиться об услугах хостинг-провайдера. Согласно описанному выше мы выбрали хостинг от компании ЗАО «Вэб Хостинг» Valuehost. Проанализировав предлагаемые тарифы было решено выбрать тарифный план А. Стоимость двенадцати месяцев обслуживание у данного хостинг-провайдера составляет 3728.38 рублей. Вместе с этим в стоимость входит регистрация домена .ru/.com/.net/.org/.info/.biz. Администрацией фирмы было решено регистрировать домен в зоне .ru.

Итого примерная общая стоимость создания сайта и его размещения в сети Интернет составляет 21828.68 рублей.

4.2 Инструменты оценки эффективности сайта

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

В основном для оценки эффективности сайтов используют счетчики посещений. Большинство сайтов (~ 66%) пользуются только одним счетчиком статистики, ~ 30 % - двумя, оставшиеся установили 3 и более счетчика. Как правило, большое количество счетчиков устанавливается из любопытства и для сравнения данных. Однако такая практика дает обратный эффект: данные счетчиков всегда отличаются и это приводит к скептическому отношению к веб-статистике в целом. Рекомендуется пользоваться не более, чем 2-мя инструментами статистики. Более 80 % сайтов пользуются только бесплатными сервисами статистики, либо бесплатными (облегченными) версиями коммерческих сервисов. Среди них наибольшую популярность получили Google Analytics (61% сайтов), LiveInternet (50,3%), SpyLog (36,9%). В последнее время в качестве второго дополнительного счетчика часто устанавливается новый сервис от Яндекс Метрика (~ 8,5%). Данные статистики приведены на рисунке 19.



Рисунок 19 Распространенность самых популярных сервисов веб-статистики

Несмотря на популярность данных систем статистики было решено использовать счетчик статистики компании GoStats (gostats.ru).

Большинство компаний (79,4%) выражают готовность воспользоваться платным сервисом статистики, если он предложит оригинальные методы изучения трафика, которые отсутствуют у известных бесплатных счетчиков. Например, интернет-магазины интересуются возможностью отслеживать действия посетителей на сайте в режиме реального времени или в формате видео-записи. Это поможет выявить слабые места на сайте в процессе принятия решения о покупке.

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

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

Веб-аналитика и аудит сайта пока обладают меньшим рейтингом востребованности в сравнении с поисковой оптимизацией. Однако интернет-маркетинг «раскрутки» (развитие «вширь», количество) устаревает и уступает место интернет-маркетингу оптимизации сайта (развитие «вглубь», качество).

92,2% компаний отслеживают и анализируют статистику самостоятельно и никогда не привлекали сторонних специалистов. Чаще всего отслеживают трафик менеджеры по маркетингу (69,5%), менеджеры по рекламе (54,6%), IT-администраторы (20,5%) и руководители компании (13,5%). Нередко отслеживанием трафика занимаются несколько человек параллельно.

Если привлекается сторонний специалист, то почти в 100% случаев речь идет о полном аудите сайта, а не регулярном изучении статистики.

В статистику заглядывают каждый день 31,9% компаний, один раз в 2-3 дня - 48,2%, остальные 1 раз в неделю и реже. Компании с «продающими» сайтами, например, интернет-магазины, отслеживают статистику чаще, чем компании с традиционными корпоративными сайтами.

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

Основные проблемы, выявленные компаниями при изучении статистики: небольшое количество посетителей; малый % конвертации «посетитель-клиент»; высокий % «отказов», т.е. просмотра только одной страницы сайта; малая глубина просмотра. Если резюмировать сказанное, то главная проблема сайтов - низкое качество трафика и неспособность сайта «продать» товар, услугу или бренд компании. На рисунке 20 изображена статистика главных проблем сайтов.



Рисунок 20. Главные проблемы сайтов.

4.3 Методы анализа эффективности сайта

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

Рассмотрим два способа оценки эффективности присутствия сайта в интернете:

1. Качественная оценка проводится двумя путями:

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

-анализа и сопоставления откликов, которые поступают за все время от посетителей сайта.

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

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

-количество запросов по сайту;

-количество уникальных посещений;

-количество посещений вообще;

-количество посещений в ппериоды времени ( за день / за неделю / за месяц);

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

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

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

4.4 Факторы эффективности сайта

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

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

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