Cеминар «Бизнес и интернет»

БИЗНЕС И ИНТЕРНЕТ:
как заставить сайт компании работать
Блок 1: Как сделать сайт так, чтобы не переделывать
Ведущий: Александр Сурин
surin@systematek.ru

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

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

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

Ключевые особенности современного интернета
 Интерактивность Возможность активного и
разнообразного взаимодействия как
непосредственно между людьми, так и
человека с сайтом.
 Автоматизация Большинство функций и инструментов,
которые могут понадобиться или уже
автоматизированы, или легко
поддаются автоматизации.
 Интегрируемость В рамках вашего сайта можно
объединить как собственные, так и
сторонние сервисы для клиентов.
Связать сайт с IT-инфраструктурой
компании, например, программой 1С.

Примеры интернет-сервисов
 Рекламные кампании в интернет direct.yandex.ru
 Мгновенные сообщения ICQ, Jabber
 Общение по телефону skype.com
 Электронные рассылки subscribe.ru
 Профессиональные сообщества e-xecutive.ru
 Социальные сети xing.com, moikrug.ru
 Социальные новости news2.ru
 Социальные закладки bobrdobr.ru
 Кадровые сайты headhunter.ru
 Управление проектами basecamphq.com
 Взаимоотношения с клиентами cms-on-demand.ru

Чем является интернет для бизнеса?
Для бизнеса интернет – рабочий инструмент. Такой же, как:
 Бухгалтерская программа
 Факс
 Рекламный буклет
 Сотрудник отдела продаж
Как и любой другой инструмент он имеет свои задачи,
стоимость и эффективность
Не инвестируйте в новый инструмент, пока подробно его не
изучили. Иначе потеряете деньги!

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

Возможности для компании
Маркетинговый инструмент
 Реклама и PR
 Маркетинговые исследования
 Сбор информации о конкурентах
 Мониторинг деятельности вашей компании
 Отраслевой мониторинг
Инструмент продаж
 Стимулирование продаж
 Поиск клиентов
 Автоматизация работы с клиентами и партнерами (интернет-
магазин, дилерские системы)
 Расширение географии продаж
 Управление связями с клиентами (лояльность)

Возможности для компании
Кадровый инструмент
 Поиск, проверка, первичное тестирование персонала
 Адаптация новых сотрудников
 Обучение и оценка персонала
 Формирование имиджа компании среди потенциальных работников
 Мотивация персонала
Инструмент оперативного управления
 Контроль текущих заданий (заказы, проекты, задачи)
 Отслеживание качества выполнения процессов
 Инструменты совместной работы (планирование, согласования)

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

Когда инвестиции в интернет эффективны?
Внешние факторы
 Уровень развития интернета в регионе
 Общероссийские тенденции
 Отраслевые тенденции
 Активность конкурентов
Внутренние факторы
 Наличие инфраструктуры (широкополосный доступ в интернет)
 Четкие цели работы в интернет (стратегия, регламенты)
 Квалификация сотрудников
Главный фактор – это необходимость сохранения
конкурентоспособности компании.

Уровень развития интернета в регионе
 18-20% жителей региона еженедельно пользуются интернетом.
Это 200 000 человек.
 Более 50% пользователей – в возрасте 25-45 лет.
Экономически активное население.
 Большинство пользователей имеют средне-специальное или
высшее образование и доход выше среднего.
www.fom.ru – Фонд общественного мнения.

Что ищут жители области?
 Ремонт жилья
 Мебель
 Автомобили
 Финансы
 Электроника
 Недвижимость
 Магазины
 Отдых
 Обучение
 Красота и здоровье
Ежемесячно делается более 10 000 запросов по каждой из этих
тематик.
wordstat.yandex.ru – статистика запросов «Яндекс».

Какими интернет-сервисами уже пользуются?
 Общаются друг с другом
mail.ru, mamba.ru, ICQ
 Расширяют личные и профессиональные связи
moikrug.ru
 Управляют своим банковским счетом
ВТБ24, Росбанк
 Управляют своим мобильником
МТС, Билайн, Мегафон
 Покупают в интернет-магазинах
ozon.ru, book.ru, palmshop.ru
 Ищут работу
29.ru/job, superjob.ru
 И множество других сервисов…

Общероссийские тенденции. Цифры
 интернет-реклама $400-450 млн, 4% от всей рекламы, рост 70%
 электронные СМИ 20 тысяч, 21% от общего числа СМИ
 Яндекс $170 млн, рост 130%
 Техносила $31,9 млн, 2,5% от оборота
 Мамба 300 млн. руб, рост 65%
 Одноклассники 12 млн. пользователей, рост 600%
 Аэрофлот $8-10 млн в месяц
Выводы:
Доля интернета, целом в экономике и конкретно в
компаниях, стабильно растет. Ежедневно появляются новые
сервисы и инструменты. Деятельность в интернете развернули
все крупные федеральные компании.

Общероссийские тенденции. Пример
Агентство недвижимости «Миэль»
Один из ведущих игроков столичного рынка недвижимости.
Предпосылки:
В 2006 году 40% сделок совершалось клиентами, пришедшими в
компанию через Интернет. Год спустя их число возросло до 53%.
Опрос потенциальных клиентов показал: для 74% респондентов
Всемирная паутина является главным источником информации.
Результат:
Компания запустила в Сети 29 фирменных сайтов. Помимо базового
общекорпоративного сайта компания обзавелась десятком
проморесурсов по крупным объектам и франчайзингу. В феврале
«Миэль» объявила о создании семи отдельных онлайн-площадок по
ключевым направлениям бизнеса.

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

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

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

Термины, которые надо знать: основы интернета
 Язык разметки
Текстовый документ, написанный с использованием языка
разметки, содержит не только сам текст, но и дополнительную
информацию о различных его участках — например, указание на
заголовки, выделения, списки и т. д.
Логическая разметка указывает какую роль играет данный участок
документа в его общей структуре (например, «строка является
заголовком»). Визуальная разметка - как будет отображаться этот
элемент (например, «строку отображать жирным шрифтом»).
 Гипертекст
Текст, написанный на языке разметки, содержащий в себе ссылки.
 Гиперссылка или просто ссылка (link)
текст или изображение на веб-странице, устанавливающий связь с
другими документами. При щелчке по гиперссылке происходит
переход на другую веб-страницу или загрузка файла.

 HTML (Hypertext Markup Language)
Язык разметки гипертекста - стандартный язык разметки
документов в интернете. Все веб-страницы создаются на HTML, их
так же называют html-страницами.
 Теги (tag)
Специальные метки в языке HTML, с помощью которых
представляют информацию о разных элементах документа (текст,
иллюстрация, таблица и т.п.). Обычно используются два тега —
открывающий и закрывающий.
<h1>Это заголовок статьи</h1>
<i>Это текст, изображенный курсивом</i>
 Браузер или веб-обозреватель (web browser)
Программа для просмотра HTML-страниц. С ее помощью текст
написанный на языке HTML отображается в удобном для просмотра
человека виде.

Так выглядит ваш сайт обычно

А так он выглядит на самом деле

 IP-адрес
Числовой адрес (идентификатор) компьютера в сети. Имеет формат
213.112.118.244. Благодаря тому, что все компьютеры в сети имеет
свой адрес, мы имеем возможность обращаться к нужному нам
ресурсу.
 Доменное имя (domain)
Имя, которое назначается определенному IP-адресу. Доменное имя
дает возможность обращаться к компьютеру в удобной для
человека форме по имени типа www.company.ru, вместо
запоминания его числового адреса.
 Доменная зона
Совокупность доменных имён определённого уровня, входящих в
конкретный домен. Например, зона «ru». означает все доменные
имена второго уровня в этом домене.
Доменное имя может быть в разных зонах: ru, com, net, org и т.д.

Доменное имя
praxis.smvl.ru/about
Полное имя домена состоит из имён всех доменов, в которые он
входит, разделённых точками. Например, полное имя praxis.smvl.ru
обозначает домен третьего уровня praxis, который входит в домен
второго уровня smvl, который входит в домен ru.
Уровень 3 2 1
Корневой адрес веб-сайта

Термины, которые надо знать: технологии
 Регистратор
Компания, имеющая лицензию на регистрацию доменных имен для
клиентов. По договору регистрирует доменное имя на конкретное
физическое или юридическое лицо.
 Хостинг
Услуга по предоставлению дискового пространства для
физического размещения информации (веб-сайта) на сервере
(компьютере), постоянно находящегося в сети интернет.
Как правило, в услугу хостинга уже входит предоставление места
для почтовой корреспонденции, баз данных, файлового хранилища
и т. п., а также поддержка функционирования соответствующих
сервисов.
 Хостинг-провайдер
Компания, предоставляющая услуги по хостингу веб-сайтов

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

 PHP (Hypertext Preprocessor)
Язык программирования, созданный для генерации HTML-страниц
на веб-сайте и работы с базами данных. В настоящее время
поддерживается подавляющим большинством хостинг-провайдеров.
 CSS (Cascading Style Sheets — каскадные таблицы стилей)
Технология описания внешнего вида документа, написанного
языком разметки HTML. CSS используется создателями веб-страниц
для задания цветов, шрифтов, расположения и других аспектов
представления документа. Основной целью разработки CSS
являлось разделение содержимого (написанного на HTML) и
представления документа (написанного на CSS).
 JavaScript
Язык программирования, чаще всего использующийся при создании
сценариев поведения браузера, встраиваемых в веб-страницы.
Наиболее простой пример: выпадающие меню на сайте.

 Верстка сайта
Оформление внешнего вида HTML-страниц на основе
разработанного дизайна. В процессе верстки страницы
приобретают тот вид, который изобразил на картинке дизайнер.
 Табличная верстка
Метод верстки, при котором в качестве структурной основы для
расположения текста и графики на странице используются
таблицы. Является устаревшим методом. Использовать таблицы
следует только для отображения табличных данных.
 Блочная верстка или верстка слоями
Верстка HTML-страниц с использованием технологии CSS.
 Валидация
Проверка сайта на соответствие утвержденным в интернете
стандартам. Обычно проверяется отсутствие ошибок в HTML-коде,
CSS, JavaScript на страницах сайта.

Термины, которые надо знать: Web 2.0
 Web 2.0
Общие принципы организации работы сайта, подразумевающие
использование на нем определенных технологий: социализация,
метки документов, RSS, Ajax, веб mash-up.
 Социализация
Использование разработок, которые позволяют создавать на сайте
сообщество. Возможность индивидуальных настроек сайта и
создание личной зоны (личные файлы, изображения, статьи) для
посетителя. Большое значение имеет соревновательный элемент,
Репутация или Карма, которые позволяют сообществу
саморегулироваться и ставит цели присутствия на сайте.
 Метки или теги
Ключевые слова, описывающие статью, фотографию, участника
сайта, либо относящие к какой-либо категории. Это своего рода
метки, являющиеся навигационными ссылками, по которым можно
найти всю информацию, содержащие эти слова.

Термины, которые надо знать: Web 2.0
 RSS (really simple syndication)
Способ передачи содержимого сайта на сторонние сайты или
программы. Посетитель сайта может подписаться на получение
обновлений (новые материалы) по RSS. Аналог списка рассылки.
 Ajax
Подход к построению интернет-страниц, при котором страница, не
перезагружаясь, подгружает нужную посетителю информацию.
Типичный пример – страницы почтовой системы gmail.
 Веб mash-up
Сервис, который полностью или частично использует в качестве
источников информации другие сервисы, предоставляя посетителю
сайта новую функциональность для работы.
Например, сайт по поиску недвижимости с интегрированными
картами Google Maps в итоге представляет собой новый, более
удобный сервис, с помощью которого каждый посетитель может
сразу увидеть все предлагаемые для продажи дома на карте.

III. Современный сайт – что это за
«зверь» и сколько может стоить
Разберемся как работает современный сайт и
какие вообще виды корпоративных сайтов
бывают. Оценим сколько должен стоить
хороший сайт

Что из себя представляет современный сайт
5 лет назад корпоративный сайт мог представлять из себя просто
набор статических страничек, которые можно было только
просматривать и ничего более.
Потом количество страниц на сайтах стало расти, а посетители и
задачи бизнеса стали требовать, чтобы корпоративный сайт
предоставлял все новые и новые возможности.
В определенный момент стало очевидным, что вручную
поддерживать и развивать сайт просто невозможно, поэтому возник
отдельный класс компьютерных программ – системы управления
сайтами (CMS или движок). СMS позволяет автоматизировать
работу сайта. Все сайты на базе CMS - динамические.
Надо четко понимать, что современный сайт – это
сложная программа. По предоставляемым возможностям
его можно сравнить с программой 1С.

Чем плох статический сайт? Примеры.
Добавление информации
Допустим, вам необходимо добавить на сайт новость:
 Необходимо позвонить веб-дизайнеру и отправить ему новость;
 После этого, веб-дизайнер копирует страницу с другой новостью.
 Находит и изменяет в HTML-тексте заголовок и текст новости.
 Закачивает полученную страницу на хостинг.
 Вносит ссылку на эту страницу в архив новостей.
 Закачивает страницу на хостинг.
 Вносит ссылку на эту новость на главную страницу сайта и убирает
последнюю новость.
 Закачивает страницу на хостинг.
Вывод: потребуется платить деньги веб-дизайнеру, а ему
затратить много времени, чтобы разобраться в HTML-коде трех
страниц, изменить их и закачать на хостинг.

Чем плох статический сайт? Примеры.
Изменение структуры сайта
Допустим, наш сайт имеет семь основных разделов, внутри которых
может быть до пяти страниц. Нам нужно ввести шестой раздел.
Статический сайт потребовал бы, помимо создания страниц, еще и
вручную внести изменения в меню на всех 35 старых страницах, а
также на карте сайта.
У такой механической работы множество минусов:
 Надо заплатить веб-мастеру.
 Требуется много времени для внесения изменений.
 Часто допускаются ошибки.
При использовании же CMS, для добавления раздела и внесения
изменений, вам надо только заполнить одну-две формы. Все
остальное делается автоматически.

Система управления сайтом
Любая система управления сайтом позволяет вам
самостоятельно:
 Управлять информационной структурой сайта (рубрикаторы).
 Публиковать и редактировать документы на сайте.
 Изменять структуру меню сайта.
 Быстро менять дизайн сайта.
 Регистрировать посетителей и разграничивать им права.
 Вести автоматическую статистику работы сайта.
 Добавлять новые функции на сайте (модули).
 Предоставляет инструменты для разработчиков.
Это только стандартные функции любой CMS. Для популярных CMS
существуют десятки дополнительных модулей, добавляющих новые
функции на вашем сайте.

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

3-х уровневая модель современного сайта
Информация Функции Дизайн
Каждый тип документа
разбит на логические
части, информация
хранится в базе данных
Реализуются с помощью
отдельных модулей
(мини-программ)
Дизайн сайта создается
из нескольких шаблонов:
в целом для сайта,
отдельных типов
документов или блоков
MySQL PHP CSS
В системах управления сайтом используется 3-х уровневая модель,
которая позволяет разделить дизайн, содержимое и функциональные
возможности сайта на независимые друг от друга части.
Благодаря этому, изменение одной из составляющих никак не влияет
на работу других.

Преимущества данной модели
 Содержимое сайта может быть опубликовано в нескольких
форматах: для просмотра на мониторе, вариант для печати и т.д.
 Предоставление дополнительных сервисов для посетителей.
Например, если автор статьи хранится как отдельное поле, то легко
предоставить возможность просмотреть все статьи данного автора.
 Возможность интеграции с внешними системами – быстрый экспорт
новостей или товаров для обмена с другими сайтами, программой
1C и т.д.
 Новые функции на сайте добавляются путем простого подключения
модулей.
 Гарантия сохранения внешнего вида. Например, мы хотим, чтобы
имя автора статьи всегда отображалось под названием, было
выровнено вправо и выделено жирным шрифтом.
 Можно легко менять как весь дизайн сайта, так и отдельных
разделов или типов документов.

Варианты корпоративных сайтов
 Сайт-визитка
 Промо-сайт
 Корпоративный сайт
 Интернет-магазин
 Корпоративный портал
В зависимости от целей, поставленных перед сайтом, современные
сайты классифицируются по определённым типам. Тип сайта
определяет предъявляемые требования к функциональности.
сложность

30 популярных функций, которые могут быть на сайте
Содержание
 Блоги
 Фото-галерея
 Вакансии
 Мероприятия
 Глоссарий
Навигация
 Поиск по сайту
 Календарный архив
 Карта сайта
 Алфавитный индекс
 Теги

30 функций, которые могут быть на сайте
Коммерция
 Прайс-листы
 Каталог товаров
 Интернет-магазин
 Рекламные кампании
 Веб-формы для расчета цены
Эргономика
 Версия для печати
 Версия для КПК
 Отправить другу
 Добавить в закладки
 Материалы по теме

30 функций, которые могут быть на сайте
Обратная связь
 Форма контактов
 Форум
 Комментарии
 Оценка материалов
 Опросы
 Вопросы и Ответы
 Лист рассылки
 RSS-потоки
Управление сайтом
 Статистика
 Документооборот

Сколько стоит изготовить сайт: структура расходов
 Регистрация домена 600
 Оплата хостинга 1 500 – 5 000
 Проектирование сайта 20-40%
 Стоимость CMS 0 – 50 000
 Разработка дизайна 0 – 20 000
 Верстка дизайна 0 – 6 000
 Настройка и размещение сайта от 2 000
 Регистрация в каталогах, установка счетчиков
 Тестирование и отладка
 Обучение персонала
 Написание текстов (копирайтинг)
 Техническая поддержка
 Программирование нестандартных функций
 Поисковая оптимизация
 Продвижение сайта
ОБЯЗАТЕЛЬНО+

Как оценить стоимость CMS
При оценки стоимости CMS нужно обращать внимание на
совокупную стоимость владения (ССВ).
ССВ = Единовременные расходы + Текущие расходы +
Периодические расходы
Единовременные расходы
 Стоимость самой CMS
 Стоимость внедрения - создание сайта на данной CMS
Текущие расходы
 Стоимость поддержки со стороны разработчика сайта
 Стоимость хостинга сайта
Периодические расходы
 Стоимость дополнительной разработки: новых разделов, модулей
 Стоимость изменение дизайна сайта

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

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

2 крайности при разработке сайтов
 Слишком быстро. Директор решает, что компании нужен сайт и
поручает менеджеру по рекламе заняться этим. Менеджер по
быстрому находит дешевого веб-дизайнера, который оказывается
его хорошим знакомым и размещает заказ. Через пару недель
появляется дизайн сайта. Дизайн понравился. Нашли в интернете
статьи, подходящие по тематике, разместили их на сайте. Все, сайт
готов!
 Слишком долго. В компании возникает идея создать свой сайт.
Находят веб-дизайнера и вместе готовят его описание. Затем
начинается разработка сайта, при этом непонятно, кто конкретно
из сотрудников в компании отвечает за будущий сайт, поэтому
разработчику приходится постоянно всех напрягать, чтобы ему
прислали необходимые тексты и графику. По ходу работы у
сотрудников появляется множество новых идей, что можно на сайт
добавить, из-за этого приходится его переделывать. Разработка
сайта затягивается сначала на месяц, потом еще на два. Наконец,
через полгода 3-жды переделанный сайт готов.

Что в результате получаем
Зачем делали сайт?
Непонятно…
Что в итоге получили?
Какую сайт приносит пользу?
Что с ним делать дальше?
Тоже непонятно…

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

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

Как не наступить на стандартные грабли?
 Создать рабочую группу и назначить руководителя проекта.
 Руководитель проекта должен разобраться как создаются и
работают современные сайты.
 Четко определить для чего и для кого создается сайт.
 Посмотреть сайты конкурентов и сайты-аналоги, определить что
вам в них нравится и нет.
 Подумать, какие функции на сайте могут понадобиться через год.
 Исходя из полученных ответов сформировать и описать свои
требования к будущему сайту.
 Опираясь на требования, подобрать 2-3 варианта CMS, на базе
которых может работать сайт.
 Заранее составить список материалов, которые потребуется
разместить на сайте.
Только после этого искать подрядчика на разработку сайта.

CMS
Что необходимо учитывать во время разработки сайта
Цели и задачи сайта
Пользователи сайта,
их цели и задачи
Информационная
составляющая
Функциональные
возможности
Сценарии использования сайта
(как будут решены задачи сайта и пользователей)
Разработчики сайта Группа поддержки сайта
Дизайн Usability
Техническая
составляющая
SEO friendly
Требования
Реализация
Рабочая
группа

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

Дизайн
Выделяют 2 основных типа дизайна сайта: презентационный и
информационный. Презентационный дизайн наиболее
характерен для сайтов-визиток, где стоит задача максимально
эффектно представить компанию.
Но посетители приходят на сайт не для того, чтобы полюбоваться
его дизайном, а ради информации и сервиса, поэтому для
остальных типов сайтов в обязательном порядке используется
информационный дизайн. В данном случае, основная задача
дизайна – это прежде всего конструирование и подача
информации.
 Уникальность и запоминаемость дизайна
 Соответствие требованиям фирменного стиля
 Соответствие принципам usability – удобство пользования сайтом
 Не перегружать дизайн графикой и мультимедийными фишками

Usability – удобство пользования сайтом
Качественная характеристика, которая определяет на сколько
легко с вашем сайтом работать. Задача usability – продумать
интерфейс взаимодействия посетителя с сайтом так, чтобы
он был максимально простым и интуитивно понятным.
 Элементы навигации и часто используемые функции должны быть
размещены на видном месте и выделяться на общем фоне.
 Сделайте текст читаемым: увеличьте размер шрифта и
межстрочный интервал, используйте больше пустого пространство.
 Ссылки должны выделяться на фоне текста, посещенные
пользователем ссылки обязательно помечайте другим цветом.
 Используйте понятную страницу ошибки 404: объясните причины
этой ошибка, разместите форму поиска, дайте ссылки на главную
страницу и карту сайта.

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

SEO friendly - дружелюбность к поисковым системам
Основной поток посетителей на сайт приходит с поисковых систем,
поэтому одной из основных составляющих современного сайта,
является соблюдение им рекомендаций поисковиков.
 Не использовать на сайте в качестве главной страницы заставку.
 Созданные страницы должны соответствовать стандартам HTML и
не содержать ошибок.
 Использовать человеко-понятные адреса страниц - без знаков ?, =.
 У каждой страницы на сайте должен быть уникальный заголовок.
 Использовать семантическую разметка страниц сайта.
 Все ссылки, в том числе и меню, должны быть текстовыми.
 Использовать карту сайта.

Техническая составляющая
Сюда входит качество разработки сайта и используемого для его
работы хостинга: отсутствие ошибок на сайте, скорость его
работы и постоянная доступность в интернете.
 Надежность и безопасность самой CMS.
 Хостинг для сайта: надежный и отвечает всем требованиям CMS.
 На сайте должна использоваться блочная верстка (CSS).
 Отсутствие ошибок на страницах в HTML-коде, CSS и JavaScript.
 Оптимизация веб-страниц - уменьшение их размера.
 Корректный показ сайта в разных браузерах.
 Сохранение внешнего вида сайта при различных разрешениях
монитора.
Учет этих факторов дает гарантию того, что ваш сайт
смогут найти и просмотреть пользователи.

Выбираем CMS: варианты
Бесплатные CMS
 Распространяются бесплатно. Разработкой программы,
дополнительных модулей и шаблонов дизайна занимается свое
сообщество на бесплатной основе. Существует более 80 наиболее
распространенных CMS.
Коробочные CMS
 Платные программы, существует, как правило, несколько
стандартных редакций, с разным набором модулей и
функциональностью. Разработчик занимается только созданием и
продажей CMS. Изготовлением сайтов занимаются
зарегистрированные партнеры – веб-студии. 90% рынка занимают
5 наиболее популярных CMS.
«Самописные» CMS
 Программы, создаваемые веб-студиями самостоятельно для своих
нужд. Как правило, продаются только вместе с изготовлением
сайта в этой же студии.

Примеры бесплатных CMS
 Drupal www.drupal.ru
 Joomla www.joomla.ru
 Typo3 www.typo3.ru
 OpenCMS www.opencms.ru
 MODx www.modx.ru
 Sapid sapid.sourceforge.net

Примеры коробочных CMS
1С-Битрикс - www.bitrix.ru
 50-60% рынка. Более 10 000 внедрений, 1 135 партнеров (есть в
Архангельске). Стоимость: 4 900 – 48 900 рублей.
NetCat - www.netcat.ru
 15-20% рынка. 4 000 внедрений. 539 партнеров (есть в
Архангельске).
 Стоимость: 5 880 – 21 280 рублей.
UMI.CMS - www.umi-cms.ru
 Стоимость: 0 – 29 990 рублей.
ABO.CMS - www.abocms.ru
 Более 1 500 внедрений, партнеров в Архангельске нет.
 Стоимость: 8 700 – 29 700.
S.Builder - www.sbuilder.ru
 2 500 внедрений, партнеров в Архангельске нет
 Стоимость: от 4470 рублей (CMS), + стоимость выбранных модулей.

Какую CMS выбрать? Основные критерии
 Задачи, которые должен решать сайт.
 Удобство пользования CMS: добавление материалов, изменение
структуры сайта, администрирование.
 Независимость от разработчика. Возможность сменить
подрядчика, если не устроит качество его работы: общее
количество разработчиков в городе и в России.
 Какие функции доступны в базовой поставке CMS.
 Насколько система масштабируема. Возможен ли переход на
более функциональные версии системы с сохранением текущей
функциональности и данных, возможна ли подключение и
разработка дополнительных модулей к системе.
 Наличие технической поддержки системы.
 Наличие документации по системе - для пользователей и
разработчиков, насколько она понятна и подробна, как часто
обновляется документация.

Какую CMS выбрать? Основные критерии
 Возможность обновления системы. Как часто и в каком виде
происходят обновления системы, возможно ли проводить
обновление собственными силами.
 Независимые результаты испытания на надежность и
безопасность системы: устойчивость к нагрузкам по
посещаемости, безопасность.
 Независимые отзывы о системе других пользователей: поиск
информации на форумах и блогах, обзвон компаний, уже
пользующихся этой программой.
 Совокупная стоимость владения сайтом.
Дополнительную информацию смотрите на сайтах:
www.cmsmagazine.ru и www.cmslist.ru

Основная причина того, что сайты в итоге получаются
бестолковыми и не работают – организационная:
 Заказчик не пытается сформулировать для чего ему нужен сайт и
как именно он будет помогать бизнесу.
 Для будущего сайта подбирается система управления, которая не
решает нужные задачи.
 Разработка сайта ведется наобум и непрофессионально.
 При выборе CMS и во время разработки сайта не учитываются
ключевые составляющие: информационная, дизайн, usability,
функциональная, техническая, SEO friendly.
 В компании не назначаются люди, ответственные за разработку и
поддержку сайта.

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

Как выбрать разработчика сайта
 Посмотреть сайт разработчика
 Посмотреть портфолио (список выполненных проектов)
На этом этапе вы сможете определиться: нравится вам или нет
манера, в которой делает разработчик дизайн сайтов.
 Узнать на какие этапы делится работа по созданию сайта
Процесс создания сайта должен быть стандартизирован.
 Запросить у разработчика примеры документов.
Как минимум должны быть «Бриф на создание сайта», на базе,
которого потом оформляется техническое задание на сайт.
 Спросить с какими CMS приходилось работать разработчику
 Узнать сколько специалистов будет занято в разработке
сайта
В работе над сайтом должны быть задействованы как минимум 3
человека: дизайнер, верстальщик, программист.
 Поговорить с клиентами компании.

Что необходимо отразить в договоре
 Все требования к сайту, этапы работ и сроки отражены в
техническом задании.
 Верстка сайта выполняется с помощью технологии CSS2.
 Сайт должен проходить валидацию xHTML и CSS.
 Сайт должен быть сделан на базе «Системы управления сайтом».
Указать какая конкретно.
 Договоры на доменное имя и услуги хостинга заключаются на имя
заказчика.
 Исполнитель по окончанию работ должен предоставить Заказчику
данные для управления доменным именем и хостингом.
данные для доступа к панели администрирования CMS.
исходные файлы дизайна сайта (форматы «psd», «cdr», «ai»).
 Предоставить справочное руководство на CMS, провести обучение.

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

 Верстка сайта – 1-3 дня
Верстка html-страниц сайта на основе утвержденного дизайна
типовых страниц.
 Интеграция сайта с CMS – 1-3 дня
Настройка системы управления, создание структуры рубрик и
меню, настройка блоков, подключение дизайна.
 Программирование, запуск проекта
На этом этапе дорабатывается функциональные возможности, не
включенный в стандартный состав CMS.
 Информационное наполнение сайта – от 1 дня до недели
Информационное наполнение сайта готовыми статьями и
фотографиями.
 Тестирование и доработка сайта – 1-2 недели
Тестирование работоспособности сайта на наличие ошибок.

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

Почему нужно техническое задание
Отсутствие технического задания (ТЗ) во взаимоотношениях
заказчика и разработчика приводит к неразберихе и размытию
конечной цели работы.
Разработчику выгодно отсутствие ТЗ, так как:
 Это скрывает отсутствие опыта, слабое представление сути дела;
 Это даёт возможность затянуть разработку и увеличить бюджет;
 Это позволит разработчику урезать объёмы работ или ухудшать
возможности сайта;
 Это позволит разработчику заниматься другой работой в то время,
пока заказчик ему платит.

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

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

Какие документы еще могут использоваться
Описание персонажей
 Описание 3-4 ключевых типов пользователей сайта. По каждому
персонажу дается его общее описание (имя, возраст кем работает и
т.д.), описывается ситуация, в которой он попал на сайт (сижу
дома, ищу себе телефон), что ожидает он получить на сайте.
Сценарии взаимодействия
 Описание в общем виде того, как должны работать функции сайта,
раскрывают суть и особенности работы каждой функций.
Перечень функциональности
 Подробный перечень того что пользователь может делать на сайте.
Вся возможности сайта разбивается на простые шаги в виде: кто 
что делает  с чем  что в итоге получается.
Карта сайта
 Описание в виде дерева структуры сайта: разделы, подразделы и
конкретные страницы.

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

Cеминар «Бизнес и интернет»

More Related Content

Similar to Cеминар «Бизнес и интернет» (20)

Cеминар «Бизнес и интернет»