SlideShare ist ein Scribd-Unternehmen logo
1 von 46
Вводное занятие курса о разработке сайтов
LESSON ONE UNIT ONE
Вводное занятие курса о разработке сайтов
http://www.youtube.com/watch?v=sVby7a2dpr8
УСЛУГИ ОТДЕЛА РАЗРАБОТКИ И
ПОДДЕРЖКИ
РАЗРАБОТКА САЙТОВ
РАЗРАБОТКА САЙТА
ТЕХНИЧЕСКОЕ СОПРОВОЖДЕНИЕ
РЕКЛАМНАЯ И ДИЗАЙН ПОДДЕРЖКА
РАЗРАБОТКА КОНТЕНТА И
НАПОЛНЕНИЕ
АДАПТИВНЫЙ ДИЗАЙН
МОБИЛЬНЫЕ ВЕРСИИ
ИНТЕГРАЦИИ С СЕРВИСАМИ
UX-ДИЗАЙН И ПРОЕКТИРОВАНИЕ
МОБИЛЬНЫЕ ПРИЛОЖЕНИЯ
ИНТЕРАКТИВНАЯ КАРТА
E-MAIL МАРКЕТИНГ
АЙДЕНТИКА И ФИРМЕННЫЙ
СТИЛЬ
НЕЙМИНГ И КРЕАТИВ
УСЛУГИ ОТДЕЛА. ЧТО НЕ ДЕЛАЕМ
1. Проекты с высокими нагрузками
2. Проекты НЕ на битриксе (ну или почти не делаем)
3. Виджеты и приложения для соцсетей (ну или пока не делали)
КАКИЕ БЫВАЮТ САЙТЫ
ВИДЫ ПРОЕКТОВ. КЛАССИКА
1. Сайты-визитки
2. Корпоративные сайты
3. Сайты-каталоги
4. Интернет-магазины
5. Порталы
6. Промо-сайты
7. Одностраничные сайты – Landing Pages
8. Персональные сайты/блоги
9. Форумы
10.Веб-сервисы
11.Wiki/справочные системы
ЭТАПЫ РАБОТ
ПРОЦЕСС РАЗРАБОТКИ САЙТА
Это серия последовательных этапов, начиная от
определения целей и задач проекта и до внедрения законченного решения.
Важный факт:
Начиная с момента подписания договора, практически все обстоятельства
препятствуют завершению проекта.
АНАЛИТИКА И СБОР ТРЕБОВАНИЙ
А ЗАЧЕМ САЙТ?
Важный факт:
В 90 % случаев не сходится. В 100 % случаев Заказчик хочет поскорее пройти этот этап. Это
точка, когда наиболее целесообразно искать компромисс
Какие цели
Заказчик ставит
перед проектом
Приоритеты по целям
Какие задачи
требуется решить в
рамках поставленных
целей с помощью сайта
Каких пользователей
стоит ожидать на сайте
и кто из них
приоритетнее
Простое ранжирование задач по
Пользователям и сопоставление
с приоритетами по целям
Сошлось
можно продолжать
Не сошлось
Придется повторить
ПРОЕКТИРОВАНИЕ
А ЧТО ИМЕННО МЫ ХОТИМ?
Важный факт:
70% клиентов думают что это лишь примерные наброски и на этапе дизайна все станет понятнее
и тогда разберемся. Но ТЗ уже подписано.
Схематический прототип (скетч) VS Динамический прототип
ДИЗАЙН ГЛАВНОЕ – ОН ДОЛЖЕН:
1. Помогать решать поставленные задачи.
2. Не мешать и быть удобным для клиента.
3. Быть во времени и даже немного дальше.
4. Работать вместе с предыдущими и последующими этапами.
5. Нравиться директору… и его секретарше.
Важный факт:
Почти всегда самые большие начальники участвуют в процессе утверждения
дизайна и почти никто не читает тексты
ВЕРСТКА.
ЧТО ЭТО ТАКОЕ.
Это процесс преобразования дизайн-макета в конкретные
веб-страницы, без рабочего функционала.
Табличная и блочная верстка
Вторая уже почти полностью выдавливает первую.
Фиксированный тип макета
дизайн, в котором ширина столбца/рисунка заданы в пикселях, то есть
оговорены точно.
Резиновый или адаптивный тип макета
Дизайн, который подстраивается (адаптируется) под размер экрана, в том числе
может происходить перестройка блоков с одного места на другое (адаптив).
Важный факт:
Большинство макетов действительно на верстке выглядит уже не так замечательно – всему
виной шрифты, сглаживание и пиксельная сетка.
ВЕРСТКА ПИКСЕЛЬ В ПИКСЕЛЬ:
Важный факт:
Головная боль – верстка под IE6 занимает менее 2% пользователей, и они в целом не интересны
в плане платежеспособности.
ИНТЕГРАЦИЯ (ПРОГРАММИНГ)
ЧТО ЭТО ТАКОЕ?
1С-Битрикс: Управление сайтом – это CMS (движок сайта бизнес-приложение –
FrameWork, который требует интеграции (настройки под конкретный проект)
«Соединение» программной части и визуальной (HTML)
(интеграция шаблона, меню и карты сайта; доработка вывода динамических
компонент, настройка включаемых областей и т.д.)
Настройка
настройки системы управления в соответствии с требованиями реального
проекта и предметной области, настройки прав
Программирование
создание или доработка динамических компонент
ИНТЕГРАЦИЯ (ПРОГРАММИНГ)
А ЕСТЬ ТЗ?!
Важный факт:
В реальной жизни разработка на базе готовой системы управления потребует большего количества
человеко-часов программиста, чем разработка с «нуля».
ФОРМИРОВАНИЕ И РАЗМЕЩЕНИЕ
КОНТЕНТА
Если контента нет на стадии запуска проекта, с вероятностью 99 % на этапе, когда его
надо будет размещать, проект придется приостанавливать. Но кое-что можно сделать:
Наполнять тем, что есть
не дожидаясь «обновленного» содержания, писать то, что имеется в наличии.
Как правило, после открытия контент очень быстро появляется
Останавливать работы
Квалифицированный Исполнитель должен категорически отказаться от
размещения части контента.
Закрыть «пустые» разделы
Важный факт:
Действительно мало написать классный текст, его еще надо красиво разместить. Для этого в
современном вебе даже есть целая профессия, вебстальщики.
ЗАПУСК. Все сделано на 90 %
Согласно «правилу Паретта» последние 20 % проекта составят 80 % издержек
Важный факт:
99,9 % проектов открываются с ошибками. 100 % «идеальных» сайтов не открываются
никогда. И еще доступы к проекту, надо запрашивать в самом начале проекта, тогда у
клиента будет больше времени чтобы их найт.
Дата открытия превыше всего
На этапах тестирования / доработок и внедрения все должно строиться
относительно даты открытия (даже если проект придется открывать в «сыром»
виде)
Применение системы учета багов обязательно
Стандартный сайт содержит сотни багов, половина из которых будет
дорабатываться по 2 – 3 раза
КОГДА ЧТО-ТО ПОШЛО НЕ ТАК
Как минимум 30 % проектов, на различных стадиях разработки нуждаются в спасении
Важный факт:
Большинство Заказчиков винят во всех проблемах Исполнителей, а большинство
Исполнителей спокойно делают другие проекты
Признайте наличие проблем и локализуйте их
Вне зависимости от того Заказчик вы или Исполнитель вовремя признайте, что
проект находится в неуправляемом состоянии, и попытайтесь здраво оценить
причины. В 85 % случаев это будет желание «сделать побольше» (или
«получше»)
Смелее устраняйте причины
Важно не только найти и признать наличие проблем, но и решительно их
устранить.
МЕТОДОЛОГИИ ВЕДЕНИЯ
ПРОЕКТОВ
AGILE VS WATERFALL
WATERFALL
ТЯЖЕЛЫЙ И СТАБИЛЬНЫЙ
Каскадная модель реализации проекта. Все этапы следуют последовательно друг
за другом.
Проводим детальный анализ.
Пишем максимально подробное ТЗ
Рисуем все макеты
Верстаем все страницы
Внедряем весь функционал
Тестируем и правим
Запускаем
WATERFALL. ПЛЮСЫ И МИНУСЫ
+ Четкая оценка сроков и стоимости
+ Четкое планирование: счастливые разработчики.
+ Высокий уровень формализации процесса.
— Невозможно вносить изменения в задание на этапе разработки.
— Мало точек контроля итогового результата.
WATERFALL. ДИАГРАММА ГАНТА
AGILE. БЫСТРО И ГИБКО
В переводе с англ. – подвижный, живой, проворный, версткий.
AGILE. ЦЕННОСТИ
1. Работающий продукт важнее всего (документации,
тестов и тд)
2. Люди важнее инструментов и процессов
3. Готовность к изменениям важнее первоначального
плана.
4. Сотрудничество с заказчиком важнее контрактных
обязательств.
Важный факт:
Agile – это ответ на вечный конфликт между программистами и менеджерами. В этом
ответе обе стороны закрепили за собой права и согласились соблюдать правила.
AGILE. ПЛЮСЫ И МИНУСЫ
+ Высокая скорость.
+ Сокращение простоев в работе из-за согласований.
+ Возможность быстро внедрять изменения.
+ Множество точек контроля итогового результата.
+ Хорошие коммуникации в команде.
+ Общее информационное поле.
– Невозможность контролировать сроки и бюджет больших проектов.
– Соблазн слишком часто менять курс.
– Неудовлетворенность разработчиков от постоянно меняющихся планов.
– Большие коммуникационные издержки.
– Agile слабо применим в больших проектах.
AGILE VS WATERFALL СТАТИСТИКА
АДАПТИРОВАННЫЙ WATERFALL
Переставляем пару этапов и получаем продукт, который больше
удовлетворяет требованиям клиента и задачам проекта.
Проводим детальный анализ.
Проектируем сайт
Пишем максимально подробное ТЗ и оцениваем проект
Рисуем все макеты
Верстаем все страницы
Внедряем весь функционал
Тестируем и правим
Запускаем
ЦЕНООБРАЗОВАНИЕ
БИЗНЕС МОДЕЛИ
Существует 2 подхода к оценке стоимости разработки сайта:
Fixed Price – модель с фиксированной ценой
В начале проекта фиксируется полная стоимость проекта и согласовывается
график оплат.
Time and Mаterial
Перед началом проекта делается примерная оценка, но клиент оплачивает
работы по факту выполнения в соответствующем количестве.
Важный факт:
Нет ничего опаснее чем, совмещенная схема. Однако, многие этого не понимают
и работают, через кровь, пот и слезы.
ЦЕНООБРАЗОВАНИЕ
А ПОЧЕМ ВЕСЬ КАРНАВАЛ?
Существует 2 подхода к оценке стоимости разработки сайта:
от «Стандартного решения»
Самая распространенная схема оценки стоимости разработки
«несложного» сайта
от «Себестоимости»
Применяется в основном для оценки «сложных» (более 1500 человеко-часов)
проектов.
Важный факт:
Очень часто Заказчики выбирают третий способ оценки – отказаться от всякой
оценки и делать силами своих специалистов. Многим кажется, что так дешевле.
СРОКИ ПРОЕКТА
КОГДА ДЕДЛАЙН И РЕДЛАЙН?
СПАСИБО ЗА ВНИМАНИЕ!
СЕРГЕЙ ВАКАТОВ
+7 917 662 88 50
S.VAKATOV@UPLAB.RU
WWW.UPLAB.RU

Weitere ähnliche Inhalte

Was ist angesagt?

Мастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для БританкиМастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для Британки
Ksenia Sternina
 

Was ist angesagt? (20)

Юзабилити-тестирование
Юзабилити-тестирование Юзабилити-тестирование
Юзабилити-тестирование
 
Prototyping
PrototypingPrototyping
Prototyping
 
UX Strategy 101
UX Strategy 101UX Strategy 101
UX Strategy 101
 
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
 
Как продавать исследования
Как продавать исследования Как продавать исследования
Как продавать исследования
 
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигеватьWUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
WUD2014: Ю.Ветров — Фоновые исследования. Как много читать, знать и не офигевать
 
Аналитики и UX
Аналитики и UXАналитики и UX
Аналитики и UX
 
Дизайн успешных продуктов
Дизайн успешных продуктовДизайн успешных продуктов
Дизайн успешных продуктов
 
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
 
Design Management
Design ManagementDesign Management
Design Management
 
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
WUD2011: Юрий Ветров — Design Thinking. Тренинг от Stanford d.School для Mail...
 
Мастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для БританкиМастер-класс по ЮТ для Британки
Мастер-класс по ЮТ для Британки
 
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
 
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
 
Wud 2014 psychophysiological research in ux
Wud 2014   psychophysiological research in uxWud 2014   psychophysiological research in ux
Wud 2014 psychophysiological research in ux
 
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВRIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
RIW2016 - UX RESEARCH НА РАЗЛИЧНЫХ ЭТАПАХ РАЗРАБОТКИ DIGITAL-ПРОДУКТОВ
 
Ярослав Шуваев – Lean ux strategy
Ярослав Шуваев – Lean ux strategyЯрослав Шуваев – Lean ux strategy
Ярослав Шуваев – Lean ux strategy
 
Микромоменты: руководство по успешному мобильному маркетингу
Микромоменты: руководство по успешному мобильному маркетингуМикромоменты: руководство по успешному мобильному маркетингу
Микромоменты: руководство по успешному мобильному маркетингу
 
Usability lecture sam solutions by gleb uvarov part 2
Usability lecture sam solutions by gleb uvarov part 2Usability lecture sam solutions by gleb uvarov part 2
Usability lecture sam solutions by gleb uvarov part 2
 
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
 

Ähnlich wie О разработке сайтов в целом

Эволюция экосистем тестирования
Эволюция экосистем тестированияЭволюция экосистем тестирования
Эволюция экосистем тестирования
Gleb Rybalko
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
Andrew Shapiro
 

Ähnlich wie О разработке сайтов в целом (20)

Основы разработки сайтов by Uplab
Основы разработки сайтов by UplabОсновы разработки сайтов by Uplab
Основы разработки сайтов by Uplab
 
Impact WEBcnx управление рабочим процессом для производителей упаковки
Impact WEBcnx управление рабочим процессом для производителей упаковкиImpact WEBcnx управление рабочим процессом для производителей упаковки
Impact WEBcnx управление рабочим процессом для производителей упаковки
 
Как совместить лучшее из водопадных и аджайл подходов в ИТ проектах
Как совместить лучшее из водопадных и аджайл подходов в ИТ проектахКак совместить лучшее из водопадных и аджайл подходов в ИТ проектах
Как совместить лучшее из водопадных и аджайл подходов в ИТ проектах
 
РИТ: Клиентские технологии 2008: Case Study: Проектирование делового портала ...
РИТ: Клиентские технологии 2008: Case Study: Проектирование делового портала ...РИТ: Клиентские технологии 2008: Case Study: Проектирование делового портала ...
РИТ: Клиентские технологии 2008: Case Study: Проектирование делового портала ...
 
Борьба с багами: RailsClub на DevConf 2015
Борьба с багами: RailsClub на DevConf 2015Борьба с багами: RailsClub на DevConf 2015
Борьба с багами: RailsClub на DevConf 2015
 
Redmine презентация
Redmine презентацияRedmine презентация
Redmine презентация
 
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
 
Эволюция экосистем тестирования
Эволюция экосистем тестированияЭволюция экосистем тестирования
Эволюция экосистем тестирования
 
Предпроектная работа над сайтом
Предпроектная работа над сайтомПредпроектная работа над сайтом
Предпроектная работа над сайтом
 
Основы быстрого прототипирования
Основы быстрого прототипированияОсновы быстрого прототипирования
Основы быстрого прототипирования
 
Технологический цикл и соблюдение фаз производства.
Технологический цикл и соблюдение фаз производства.Технологический цикл и соблюдение фаз производства.
Технологический цикл и соблюдение фаз производства.
 
ADN @ UI/UX Design Meetup Barnaul - «Эволюция процессов проектирования в веб-...
ADN @ UI/UX Design Meetup Barnaul - «Эволюция процессов проектирования в веб-...ADN @ UI/UX Design Meetup Barnaul - «Эволюция процессов проектирования в веб-...
ADN @ UI/UX Design Meetup Barnaul - «Эволюция процессов проектирования в веб-...
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
 
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
 
Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017
 
Лучшие практики корпоративной разработки. Лекция 0: обзор курса.
Лучшие практики корпоративной разработки. Лекция 0: обзор курса.Лучшие практики корпоративной разработки. Лекция 0: обзор курса.
Лучшие практики корпоративной разработки. Лекция 0: обзор курса.
 
введение в SharePoint
введение в SharePointвведение в SharePoint
введение в SharePoint
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
 
обзор Erp
обзор Erpобзор Erp
обзор Erp
 
Опыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиОпыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурами
 

Mehr von Uplab_University

Oптимизация рекламных кампаний
Oптимизация рекламных кампанийOптимизация рекламных кампаний
Oптимизация рекламных кампаний
Uplab_University
 
Медиапланирование
МедиапланированиеМедиапланирование
Медиапланирование
Uplab_University
 
Таргетинг vk, facebook, таргет@mail.ru
Таргетинг vk, facebook, таргет@mail.ruТаргетинг vk, facebook, таргет@mail.ru
Таргетинг vk, facebook, таргет@mail.ru
Uplab_University
 
Введение в контекстную рекламу
Введение в контекстную рекламуВведение в контекстную рекламу
Введение в контекстную рекламу
Uplab_University
 

Mehr von Uplab_University (20)

Проектирование сайта под рекламные кампании
Проектирование сайта под рекламные кампанииПроектирование сайта под рекламные кампании
Проектирование сайта под рекламные кампании
 
Oптимизация рекламных кампаний
Oптимизация рекламных кампанийOптимизация рекламных кампаний
Oптимизация рекламных кампаний
 
Медиапланирование
МедиапланированиеМедиапланирование
Медиапланирование
 
Rtb
RtbRtb
Rtb
 
Таргетинг vk, facebook, таргет@mail.ru
Таргетинг vk, facebook, таргет@mail.ruТаргетинг vk, facebook, таргет@mail.ru
Таргетинг vk, facebook, таргет@mail.ru
 
Adwords для видео
Adwords для видеоAdwords для видео
Adwords для видео
 
Яндекс баян
Яндекс баянЯндекс баян
Яндекс баян
 
Яндекс маркет
Яндекс маркетЯндекс маркет
Яндекс маркет
 
Google adwords
Google adwordsGoogle adwords
Google adwords
 
Яндекс директ
Яндекс директЯндекс директ
Яндекс директ
 
Введение в контекстную рекламу
Введение в контекстную рекламуВведение в контекстную рекламу
Введение в контекстную рекламу
 
Настройки индексации сайта
Настройки индексации сайтаНастройки индексации сайта
Настройки индексации сайта
 
Продвижение сайта.
Продвижение сайта.Продвижение сайта.
Продвижение сайта.
 
Структура сайта
Структура сайта Структура сайта
Структура сайта
 
Оптимизация сниппетов
Оптимизация сниппетовОптимизация сниппетов
Оптимизация сниппетов
 
Подбор семантического ядра
Подбор семантического ядраПодбор семантического ядра
Подбор семантического ядра
 
Внутренняя оптимизация. Содержание сайта
Внутренняя оптимизация. Содержание сайтаВнутренняя оптимизация. Содержание сайта
Внутренняя оптимизация. Содержание сайта
 
Интернет-магазины
Интернет-магазиныИнтернет-магазины
Интернет-магазины
 
Введение в Seo
Введение в SeoВведение в Seo
Введение в Seo
 
Введение в SEO
Введение в SEOВведение в SEO
Введение в SEO
 

Kürzlich hochgeladen

Cyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdfCyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdf
Хроники кибер-безопасника
 
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
Ирония безопасности
 
CVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdfCVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdf
Хроники кибер-безопасника
 
2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf
Хроники кибер-безопасника
 
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Ирония безопасности
 
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdfСИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
Хроники кибер-безопасника
 

Kürzlich hochgeladen (9)

Cyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdfCyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdf
 
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdfMalware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
 
Ransomware_Q3 2023. The report [RU].pdf
Ransomware_Q3 2023.  The report [RU].pdfRansomware_Q3 2023.  The report [RU].pdf
Ransomware_Q3 2023. The report [RU].pdf
 
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
 
CVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdfCVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdf
 
MS Navigating Incident Response [RU].pdf
MS Navigating Incident Response [RU].pdfMS Navigating Incident Response [RU].pdf
MS Navigating Incident Response [RU].pdf
 
2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf
 
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
 
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdfСИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
 

О разработке сайтов в целом

  • 1. Вводное занятие курса о разработке сайтов LESSON ONE UNIT ONE
  • 2. Вводное занятие курса о разработке сайтов http://www.youtube.com/watch?v=sVby7a2dpr8
  • 18. УСЛУГИ ОТДЕЛА. ЧТО НЕ ДЕЛАЕМ 1. Проекты с высокими нагрузками 2. Проекты НЕ на битриксе (ну или почти не делаем) 3. Виджеты и приложения для соцсетей (ну или пока не делали)
  • 20. ВИДЫ ПРОЕКТОВ. КЛАССИКА 1. Сайты-визитки 2. Корпоративные сайты 3. Сайты-каталоги 4. Интернет-магазины 5. Порталы 6. Промо-сайты 7. Одностраничные сайты – Landing Pages 8. Персональные сайты/блоги 9. Форумы 10.Веб-сервисы 11.Wiki/справочные системы
  • 22. ПРОЦЕСС РАЗРАБОТКИ САЙТА Это серия последовательных этапов, начиная от определения целей и задач проекта и до внедрения законченного решения. Важный факт: Начиная с момента подписания договора, практически все обстоятельства препятствуют завершению проекта.
  • 23. АНАЛИТИКА И СБОР ТРЕБОВАНИЙ А ЗАЧЕМ САЙТ? Важный факт: В 90 % случаев не сходится. В 100 % случаев Заказчик хочет поскорее пройти этот этап. Это точка, когда наиболее целесообразно искать компромисс Какие цели Заказчик ставит перед проектом Приоритеты по целям Какие задачи требуется решить в рамках поставленных целей с помощью сайта Каких пользователей стоит ожидать на сайте и кто из них приоритетнее Простое ранжирование задач по Пользователям и сопоставление с приоритетами по целям Сошлось можно продолжать Не сошлось Придется повторить
  • 24. ПРОЕКТИРОВАНИЕ А ЧТО ИМЕННО МЫ ХОТИМ? Важный факт: 70% клиентов думают что это лишь примерные наброски и на этапе дизайна все станет понятнее и тогда разберемся. Но ТЗ уже подписано. Схематический прототип (скетч) VS Динамический прототип
  • 25. ДИЗАЙН ГЛАВНОЕ – ОН ДОЛЖЕН: 1. Помогать решать поставленные задачи. 2. Не мешать и быть удобным для клиента. 3. Быть во времени и даже немного дальше. 4. Работать вместе с предыдущими и последующими этапами. 5. Нравиться директору… и его секретарше. Важный факт: Почти всегда самые большие начальники участвуют в процессе утверждения дизайна и почти никто не читает тексты
  • 26. ВЕРСТКА. ЧТО ЭТО ТАКОЕ. Это процесс преобразования дизайн-макета в конкретные веб-страницы, без рабочего функционала. Табличная и блочная верстка Вторая уже почти полностью выдавливает первую. Фиксированный тип макета дизайн, в котором ширина столбца/рисунка заданы в пикселях, то есть оговорены точно. Резиновый или адаптивный тип макета Дизайн, который подстраивается (адаптируется) под размер экрана, в том числе может происходить перестройка блоков с одного места на другое (адаптив). Важный факт: Большинство макетов действительно на верстке выглядит уже не так замечательно – всему виной шрифты, сглаживание и пиксельная сетка.
  • 27. ВЕРСТКА ПИКСЕЛЬ В ПИКСЕЛЬ: Важный факт: Головная боль – верстка под IE6 занимает менее 2% пользователей, и они в целом не интересны в плане платежеспособности.
  • 28. ИНТЕГРАЦИЯ (ПРОГРАММИНГ) ЧТО ЭТО ТАКОЕ? 1С-Битрикс: Управление сайтом – это CMS (движок сайта бизнес-приложение – FrameWork, который требует интеграции (настройки под конкретный проект) «Соединение» программной части и визуальной (HTML) (интеграция шаблона, меню и карты сайта; доработка вывода динамических компонент, настройка включаемых областей и т.д.) Настройка настройки системы управления в соответствии с требованиями реального проекта и предметной области, настройки прав Программирование создание или доработка динамических компонент
  • 29. ИНТЕГРАЦИЯ (ПРОГРАММИНГ) А ЕСТЬ ТЗ?! Важный факт: В реальной жизни разработка на базе готовой системы управления потребует большего количества человеко-часов программиста, чем разработка с «нуля».
  • 30. ФОРМИРОВАНИЕ И РАЗМЕЩЕНИЕ КОНТЕНТА Если контента нет на стадии запуска проекта, с вероятностью 99 % на этапе, когда его надо будет размещать, проект придется приостанавливать. Но кое-что можно сделать: Наполнять тем, что есть не дожидаясь «обновленного» содержания, писать то, что имеется в наличии. Как правило, после открытия контент очень быстро появляется Останавливать работы Квалифицированный Исполнитель должен категорически отказаться от размещения части контента. Закрыть «пустые» разделы Важный факт: Действительно мало написать классный текст, его еще надо красиво разместить. Для этого в современном вебе даже есть целая профессия, вебстальщики.
  • 31. ЗАПУСК. Все сделано на 90 % Согласно «правилу Паретта» последние 20 % проекта составят 80 % издержек Важный факт: 99,9 % проектов открываются с ошибками. 100 % «идеальных» сайтов не открываются никогда. И еще доступы к проекту, надо запрашивать в самом начале проекта, тогда у клиента будет больше времени чтобы их найт. Дата открытия превыше всего На этапах тестирования / доработок и внедрения все должно строиться относительно даты открытия (даже если проект придется открывать в «сыром» виде) Применение системы учета багов обязательно Стандартный сайт содержит сотни багов, половина из которых будет дорабатываться по 2 – 3 раза
  • 32. КОГДА ЧТО-ТО ПОШЛО НЕ ТАК Как минимум 30 % проектов, на различных стадиях разработки нуждаются в спасении Важный факт: Большинство Заказчиков винят во всех проблемах Исполнителей, а большинство Исполнителей спокойно делают другие проекты Признайте наличие проблем и локализуйте их Вне зависимости от того Заказчик вы или Исполнитель вовремя признайте, что проект находится в неуправляемом состоянии, и попытайтесь здраво оценить причины. В 85 % случаев это будет желание «сделать побольше» (или «получше») Смелее устраняйте причины Важно не только найти и признать наличие проблем, но и решительно их устранить.
  • 35. WATERFALL ТЯЖЕЛЫЙ И СТАБИЛЬНЫЙ Каскадная модель реализации проекта. Все этапы следуют последовательно друг за другом. Проводим детальный анализ. Пишем максимально подробное ТЗ Рисуем все макеты Верстаем все страницы Внедряем весь функционал Тестируем и правим Запускаем
  • 36. WATERFALL. ПЛЮСЫ И МИНУСЫ + Четкая оценка сроков и стоимости + Четкое планирование: счастливые разработчики. + Высокий уровень формализации процесса. — Невозможно вносить изменения в задание на этапе разработки. — Мало точек контроля итогового результата.
  • 38. AGILE. БЫСТРО И ГИБКО В переводе с англ. – подвижный, живой, проворный, версткий.
  • 39. AGILE. ЦЕННОСТИ 1. Работающий продукт важнее всего (документации, тестов и тд) 2. Люди важнее инструментов и процессов 3. Готовность к изменениям важнее первоначального плана. 4. Сотрудничество с заказчиком важнее контрактных обязательств. Важный факт: Agile – это ответ на вечный конфликт между программистами и менеджерами. В этом ответе обе стороны закрепили за собой права и согласились соблюдать правила.
  • 40. AGILE. ПЛЮСЫ И МИНУСЫ + Высокая скорость. + Сокращение простоев в работе из-за согласований. + Возможность быстро внедрять изменения. + Множество точек контроля итогового результата. + Хорошие коммуникации в команде. + Общее информационное поле. – Невозможность контролировать сроки и бюджет больших проектов. – Соблазн слишком часто менять курс. – Неудовлетворенность разработчиков от постоянно меняющихся планов. – Большие коммуникационные издержки. – Agile слабо применим в больших проектах.
  • 41. AGILE VS WATERFALL СТАТИСТИКА
  • 42. АДАПТИРОВАННЫЙ WATERFALL Переставляем пару этапов и получаем продукт, который больше удовлетворяет требованиям клиента и задачам проекта. Проводим детальный анализ. Проектируем сайт Пишем максимально подробное ТЗ и оцениваем проект Рисуем все макеты Верстаем все страницы Внедряем весь функционал Тестируем и правим Запускаем
  • 43. ЦЕНООБРАЗОВАНИЕ БИЗНЕС МОДЕЛИ Существует 2 подхода к оценке стоимости разработки сайта: Fixed Price – модель с фиксированной ценой В начале проекта фиксируется полная стоимость проекта и согласовывается график оплат. Time and Mаterial Перед началом проекта делается примерная оценка, но клиент оплачивает работы по факту выполнения в соответствующем количестве. Важный факт: Нет ничего опаснее чем, совмещенная схема. Однако, многие этого не понимают и работают, через кровь, пот и слезы.
  • 44. ЦЕНООБРАЗОВАНИЕ А ПОЧЕМ ВЕСЬ КАРНАВАЛ? Существует 2 подхода к оценке стоимости разработки сайта: от «Стандартного решения» Самая распространенная схема оценки стоимости разработки «несложного» сайта от «Себестоимости» Применяется в основном для оценки «сложных» (более 1500 человеко-часов) проектов. Важный факт: Очень часто Заказчики выбирают третий способ оценки – отказаться от всякой оценки и делать силами своих специалистов. Многим кажется, что так дешевле.
  • 46. СПАСИБО ЗА ВНИМАНИЕ! СЕРГЕЙ ВАКАТОВ +7 917 662 88 50 S.VAKATOV@UPLAB.RU WWW.UPLAB.RU