SlideShare a Scribd company logo
1 of 68
или рассказ о вкусном и здоровом WEB 2.0 Кригоузов Илья, it-agency www.oniksfly.com
У нас есть проблема… Что такое не WEB 2.0
У нас есть проблема… Точнее даже две: Что такое не WEB 2.0
У нас есть проблема… Точнее даже две: Проблема дизайна Проблема с пользователями Что такое не WEB 2.0
Мне нравятся скругленные углы. Бееее. Мне тоже! Меее.
Какое крутое отражение, да? Мееее. +1!!!!!
Что люди считают «похожим на Web 2.0»
[object Object],Что люди считают «похожим на Web 2.0»
[object Object]
«Специальные предложения»Что люди считают «похожим на Web 2.0»
[object Object]
«Специальные предложения»
Шик, блескЧто люди считают «похожим на Web 2.0»
[object Object]
«Специальные предложения»
Шик, блеск
Скругленные углыЧто люди считают «похожим на Web 2.0»
[object Object]
«Специальные предложения»
Шик, блеск
Скругленные углы
ГрадиентыЧто люди считают «похожим на Web 2.0»
[object Object]
«Специальные предложения»
Шик, блеск
Скругленные углы
Градиенты
Всевозможные диагональные линииЧто люди считают «похожим на Web 2.0»
[object Object]
«Специальные предложения»
Шик, блеск
Скругленные углы
Градиенты
Всевозможные диагональные линии
Отражения в логотипахЧто люди считают «похожим на Web 2.0»
С сегодняшнего дня запомните
Использовать отражение логотипа можно только в том случае, если в названии компании присутствуют слова: ,[object Object]
гладь
отражениеС сегодняшнего дня запомните
Откуда это пошло?
От бесспорных королей лоска и блеска:  Откуда это пошло?
От бесспорных королей лоска и блеска:  Apple. Откуда это пошло?
От бесспорных королей лоска и блеска:  Apple. В Apple использовали эти тенденции со вкусом и его представление  всегда находится в состоянии эволюции. Только тонкое чувство вкуса способно позволить избежать клише, используя современные веяния в дизайне. Сегодня, даже очень хорошая идея становится клише слишком быстро. Откуда это пошло?
Причины популярности такого мнения
«Мы ищем отличного Web 2.0 - дизайнера» Причины популярности такого мнения
«Клиент хочет больше веб-два-нольности на сайте» Причины популярности такого мнения
«Мы не хотим отставать от современных трендов» Причины популярности такого мнения
Web 2.0 — это не дизайн Теперь мы понимаем
Web 2.0 — это не дизайн Web 2.0 — это не дизайн Web 2.0 — это не дизайн Web 2.0 — это не дизайн Web 2.0 — это не дизайн Web 2.0 — это не дизайн Теперь мы понимаем
Что такое Web– технологии разных поколений
Web 1.0 — это коммерция. Что такое Web– технологии разных поколений
Web 1.0 — это коммерция. Web2.0 — это люди + коммерция. Что такое Web– технологии разных поколений
[object Object],Из истории технологии
[object Object]
Сама фраза «Web 2.0» намекает на улучшенную версию WorldWideWebИз истории технологии
Web 2.0 — это не технология! Внезапно
[object Object]
Помогают определить сложным и туманным набор понятий

More Related Content

Viewers also liked

программа компас изменение судьбы
программа компас   изменение судьбыпрограмма компас   изменение судьбы
программа компас изменение судьбыLiudmila Filippovets
 
My contribs - Андрей Березовский
My contribs -  Андрей БерезовскийMy contribs -  Андрей Березовский
My contribs - Андрей БерезовскийAndrey Yurtaev
 
Продвижение образовательных событий в соцсетях
Продвижение образовательных событий в соцсетяхПродвижение образовательных событий в соцсетях
Продвижение образовательных событий в соцсетяхMaria Voul
 
Boost your theming skills
Boost your theming skillsBoost your theming skills
Boost your theming skillsArtem Shymko
 
Что, зачем и каким образом следует проверять и тестировать перед запуском сай...
Что, зачем и каким образом следует проверять и тестировать перед запуском сай...Что, зачем и каким образом следует проверять и тестировать перед запуском сай...
Что, зачем и каким образом следует проверять и тестировать перед запуском сай...Alexey Kostin
 
Wodby. cloud infrastructure platform
Wodby. cloud infrastructure platformWodby. cloud infrastructure platform
Wodby. cloud infrastructure platformChingis Sandanov
 
Jquery selector optimization in drupal
Jquery selector optimization in drupalJquery selector optimization in drupal
Jquery selector optimization in drupalYury Glushkov
 
Drupal организация разработки
Drupal   организация разработкиDrupal   организация разработки
Drupal организация разработкиAnna Fedoruk
 
Чингис Санданов - Drupal как решение для госсектора
Чингис Санданов - Drupal как решение для госсектораЧингис Санданов - Drupal как решение для госсектора
Чингис Санданов - Drupal как решение для госсектораDrupalSPB
 
How we maintain 200+ Drupal sites in Georgetown University
How we maintain 200+ Drupal sites in Georgetown UniversityHow we maintain 200+ Drupal sites in Georgetown University
How we maintain 200+ Drupal sites in Georgetown UniversityOvadiah Myrgorod
 
Каким будет SEO в начале 2017 года и как нам в этом поможет Wordpress?
Каким будет SEO в начале 2017 года и как нам в этом поможет Wordpress? Каким будет SEO в начале 2017 года и как нам в этом поможет Wordpress?
Каким будет SEO в начале 2017 года и как нам в этом поможет Wordpress? Ruslan Begaliev
 
Евгений Юдкин - Коммуникационные инструменты в отделе продаж на примере интег...
Евгений Юдкин - Коммуникационные инструменты в отделе продаж на примере интег...Евгений Юдкин - Коммуникационные инструменты в отделе продаж на примере интег...
Евгений Юдкин - Коммуникационные инструменты в отделе продаж на примере интег...DrupalSib
 
Drupal 8: Теперь со вкусом Symfony
Drupal 8: Теперь со вкусом SymfonyDrupal 8: Теперь со вкусом Symfony
Drupal 8: Теперь со вкусом SymfonyKate Marshalkina
 
How we build a startup with Drupal
How we build a startup with DrupalHow we build a startup with Drupal
How we build a startup with DrupalPavel Prischepa
 
Reagirovanie_trolli_i_ljudi_(webinar-06_09_13)
Reagirovanie_trolli_i_ljudi_(webinar-06_09_13)Reagirovanie_trolli_i_ljudi_(webinar-06_09_13)
Reagirovanie_trolli_i_ljudi_(webinar-06_09_13)Olga Sternik
 
Обзор 40 SaaS-конструкторов для интернет-магазинов
Обзор 40 SaaS-конструкторов для интернет-магазиновОбзор 40 SaaS-конструкторов для интернет-магазинов
Обзор 40 SaaS-конструкторов для интернет-магазинов"Rating Runet"
 

Viewers also liked (20)

программа компас изменение судьбы
программа компас   изменение судьбыпрограмма компас   изменение судьбы
программа компас изменение судьбы
 
141112 гчп cnews (2)
141112 гчп cnews (2)141112 гчп cnews (2)
141112 гчп cnews (2)
 
My contribs - Андрей Березовский
My contribs -  Андрей БерезовскийMy contribs -  Андрей Березовский
My contribs - Андрей Березовский
 
Продвижение образовательных событий в соцсетях
Продвижение образовательных событий в соцсетяхПродвижение образовательных событий в соцсетях
Продвижение образовательных событий в соцсетях
 
Доклад на DrupalCafe Minsk
Доклад на DrupalCafe MinskДоклад на DrupalCafe Minsk
Доклад на DrupalCafe Minsk
 
Boost your theming skills
Boost your theming skillsBoost your theming skills
Boost your theming skills
 
Что, зачем и каким образом следует проверять и тестировать перед запуском сай...
Что, зачем и каким образом следует проверять и тестировать перед запуском сай...Что, зачем и каким образом следует проверять и тестировать перед запуском сай...
Что, зачем и каким образом следует проверять и тестировать перед запуском сай...
 
Wodby. cloud infrastructure platform
Wodby. cloud infrastructure platformWodby. cloud infrastructure platform
Wodby. cloud infrastructure platform
 
Jquery selector optimization in drupal
Jquery selector optimization in drupalJquery selector optimization in drupal
Jquery selector optimization in drupal
 
Drupal association slides us 2013
Drupal association slides us 2013Drupal association slides us 2013
Drupal association slides us 2013
 
Drupal организация разработки
Drupal   организация разработкиDrupal   организация разработки
Drupal организация разработки
 
Чингис Санданов - Drupal как решение для госсектора
Чингис Санданов - Drupal как решение для госсектораЧингис Санданов - Drupal как решение для госсектора
Чингис Санданов - Drupal как решение для госсектора
 
How we maintain 200+ Drupal sites in Georgetown University
How we maintain 200+ Drupal sites in Georgetown UniversityHow we maintain 200+ Drupal sites in Georgetown University
How we maintain 200+ Drupal sites in Georgetown University
 
Drupal 8 migrate!
Drupal 8 migrate!Drupal 8 migrate!
Drupal 8 migrate!
 
Каким будет SEO в начале 2017 года и как нам в этом поможет Wordpress?
Каким будет SEO в начале 2017 года и как нам в этом поможет Wordpress? Каким будет SEO в начале 2017 года и как нам в этом поможет Wordpress?
Каким будет SEO в начале 2017 года и как нам в этом поможет Wordpress?
 
Евгений Юдкин - Коммуникационные инструменты в отделе продаж на примере интег...
Евгений Юдкин - Коммуникационные инструменты в отделе продаж на примере интег...Евгений Юдкин - Коммуникационные инструменты в отделе продаж на примере интег...
Евгений Юдкин - Коммуникационные инструменты в отделе продаж на примере интег...
 
Drupal 8: Теперь со вкусом Symfony
Drupal 8: Теперь со вкусом SymfonyDrupal 8: Теперь со вкусом Symfony
Drupal 8: Теперь со вкусом Symfony
 
How we build a startup with Drupal
How we build a startup with DrupalHow we build a startup with Drupal
How we build a startup with Drupal
 
Reagirovanie_trolli_i_ljudi_(webinar-06_09_13)
Reagirovanie_trolli_i_ljudi_(webinar-06_09_13)Reagirovanie_trolli_i_ljudi_(webinar-06_09_13)
Reagirovanie_trolli_i_ljudi_(webinar-06_09_13)
 
Обзор 40 SaaS-конструкторов для интернет-магазинов
Обзор 40 SaaS-конструкторов для интернет-магазиновОбзор 40 SaaS-конструкторов для интернет-магазинов
Обзор 40 SaaS-конструкторов для интернет-магазинов
 

Similar to Web 2.0

Activiti Panarin Business 2.0 (16.06.08)
Activiti Panarin Business 2.0 (16.06.08)Activiti Panarin Business 2.0 (16.06.08)
Activiti Panarin Business 2.0 (16.06.08)End_split
 
Социальные сервисы
Социальные сервисыСоциальные сервисы
Социальные сервисыKevin__2013
 
Социальные сервисы
Социальные сервисыСоциальные сервисы
Социальные сервисыKevin__2013
 
Евгений Молев, Burbon.ru и Дмитрий Попов, Itees
Евгений Молев, Burbon.ru и Дмитрий Попов, IteesЕвгений Молев, Burbon.ru и Дмитрий Попов, Itees
Евгений Молев, Burbon.ru и Дмитрий Попов, IteesЕвгений Курбанов
 
Greensight Presentation, august 2014
Greensight Presentation, august 2014Greensight Presentation, august 2014
Greensight Presentation, august 2014Egor Volkov
 
Your vision. Блоги в Казахстане
Your vision. Блоги в КазахстанеYour vision. Блоги в Казахстане
Your vision. Блоги в КазахстанеBaurzhan Suleymenov
 
Show Biz
Show BizShow Biz
Show Bizfineweb
 
it_portfolio
it_portfolioit_portfolio
it_portfolioclub-inno
 
Fw Portfolio
Fw PortfolioFw Portfolio
Fw Portfoliofineweb
 
Интимная Веб-разработка
Интимная Веб-разработкаИнтимная Веб-разработка
Интимная Веб-разработкаIRCIT
 
[SEO 2.0] – новый продукт от агентства Netpeak
[SEO 2.0] – новый продукт от агентства Netpeak [SEO 2.0] – новый продукт от агентства Netpeak
[SEO 2.0] – новый продукт от агентства Netpeak Netpeak
 
Веб-интеграция. На пути в эпоху Веб 2.0
Веб-интеграция. На пути в эпоху Веб 2.0Веб-интеграция. На пути в эпоху Веб 2.0
Веб-интеграция. На пути в эпоху Веб 2.0rglab
 

Similar to Web 2.0 (20)

Activiti Panarin Business 2.0 (16.06.08)
Activiti Panarin Business 2.0 (16.06.08)Activiti Panarin Business 2.0 (16.06.08)
Activiti Panarin Business 2.0 (16.06.08)
 
Социальные сервисы
Социальные сервисыСоциальные сервисы
Социальные сервисы
 
Социальные сервисы
Социальные сервисыСоциальные сервисы
Социальные сервисы
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Введение в Web 2.0
Введение в Web 2.0Введение в Web 2.0
Введение в Web 2.0
 
Web 2
Web 2Web 2
Web 2
 
от Web 1.0 к web 2.0.
от Web 1.0 к web 2.0.от Web 1.0 к web 2.0.
от Web 1.0 к web 2.0.
 
Somedia Presentation
Somedia PresentationSomedia Presentation
Somedia Presentation
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Евгений Молев, Burbon.ru и Дмитрий Попов, Itees
Евгений Молев, Burbon.ru и Дмитрий Попов, IteesЕвгений Молев, Burbon.ru и Дмитрий Попов, Itees
Евгений Молев, Burbon.ru и Дмитрий Попов, Itees
 
Greensight Presentation, august 2014
Greensight Presentation, august 2014Greensight Presentation, august 2014
Greensight Presentation, august 2014
 
Your vision. Блоги в Казахстане
Your vision. Блоги в КазахстанеYour vision. Блоги в Казахстане
Your vision. Блоги в Казахстане
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Show Biz
Show BizShow Biz
Show Biz
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
it_portfolio
it_portfolioit_portfolio
it_portfolio
 
Fw Portfolio
Fw PortfolioFw Portfolio
Fw Portfolio
 
Интимная Веб-разработка
Интимная Веб-разработкаИнтимная Веб-разработка
Интимная Веб-разработка
 
[SEO 2.0] – новый продукт от агентства Netpeak
[SEO 2.0] – новый продукт от агентства Netpeak [SEO 2.0] – новый продукт от агентства Netpeak
[SEO 2.0] – новый продукт от агентства Netpeak
 
Веб-интеграция. На пути в эпоху Веб 2.0
Веб-интеграция. На пути в эпоху Веб 2.0Веб-интеграция. На пути в эпоху Веб 2.0
Веб-интеграция. На пути в эпоху Веб 2.0
 

Web 2.0

Editor's Notes

  1. Представьтесь, пожалуйста. А еще я не хочу чтобы доклад был скучный и переполнен техническими деталями
  2. Разрушение мифов о том, чем, собственно не является
  3. Разрушение мифов о том, чем, собственно не является. Две проблемы.
  4. Наши две проблемы: Дураки- Дороги
  5. Давайте предположим, что у нас есть типичный пользователь, или заказчик
  6. И несомненно, он знает все о технологиях, например о Web 2.0
  7. И не просто знает, он в них гуру.
  8. И вот что типичный пользователь думает о том, что есть вэб два ноль
  9. Яркие, контрастные цвета: шрифты и прочая херня
  10. Сайт дарбери
  11. «Специальные предложения» — стикеры, пинарики и прочие глянцевые элементы, обращающие на себя внимание
  12. Сайта инет-магазина
  13. Шик-блеск, красота.Это перевод от ФШ-эффектов: gloss & shine
  14. Дарбери — указатели на верхнюю панель с плашкой.
  15. Скругленные углы — погладь свой Мак.
  16. Дарберри со скругленными углами
  17. Градиенты — что и откуда появились
  18. Дарбери — указатели на локальные градиенты
  19. Диагональные линии и полосочки: например, в юзербарах есть даже анимированные.
  20. Дарберри со стрелочками на солнце в хэдере.
  21. Отражение в логотипах — наверное худшая из ассоциаций о 2.0
  22. СайтиЛинукс.ком
  23. С сегодняшнего дня запомните:
  24. Не надо использовать и поощрять действия других в попытке сделать отражение в логотипе.
  25. Откуда взялась такая тенденция?
  26. Безусловно, этому послужила одна из лучших мировых компаний, профессионалов в своем деле.
  27. Сайт эпл. Это не реклама Нового мак бук эйр.
  28. Все эти веяния и представления пошли именно от сайта компании Эпл.
  29. Пар прописных истин о хорошем вкусе и о том, что 2.0 — это не дизайн, а нечто совсем другое.
  30. Причинно-следственная связь
  31. «Мы ищем отличного Web 2.0 - дизайнера»
  32. «Клиент хочет больше веб-два-нольности на сайте»
  33. «Мы не хотим отставать от современных трендов»
  34. Web 2.0 — это не дизайнЗапомните и расскажите своим знакомым. Это дейсвтительно очень важно.
  35. Правда-правда очень важно.
  36. Что же тогда вэб два ноль в общих словах?
  37. Web 1.0 — это коммерция.Интернет — как источник зароботка после его популяризации.
  38. Интернет как еще больший источник заработка.
  39. Парочка исторических моментов: Концепция «Web 2.0» была сформулирована на конференции O’Reilly и MediaLiveInt. в 2004 году
  40. И КО как бы намекает: Сама фраза «Web 2.0» намекает на улучшенную версию WorldWideWeb
  41. На самом деле это все неправда: Web 2.0 — это не технология!
  42. Это дикая мешанина из технологий.
  43. Почему же тогда используют этот термин «вэб 2.0»?Имеет свою область примененияПомогают определить сложным и туманным набор понятийОблегчает связиХорошо для «нетехнических» людей Хороший способ продвижения групповых технологий
  44. О терминологии мы поговорили достаточно, о том, что такое не-вэб-2.0 тоже, теперь самое время перейти к тому, чем на самом деле является эта технология и как она применятся.
  45. Концепция использования вэб-2-0 приложений подоразумеват: Открытые форматы данных
  46. UGC — контент создает сам пользователь
  47. Собственные данные пользователяНе просто контактная информация, а сведения о росте, поле, и т. Д.
  48. Возможность использовать данные вне конкретного приложения приложения
  49. Доступ с различных устройств: телефон, рабочий ПК, домашний ПК, ноутбук, нетбук, коммуникатор, часы, холодильник и т.д.
  50. Архитектура приложения, позволяющая предоставить возможности описанные ранее.
  51. Сервис, а не продукт.Веб-служба, веб-сервис (англ. webservice) — программная система, идентифицируемая строкой URI, чьи общедоступные интерфейсы определены на языке XML. Описание этой программной системы может быть найдено другими программными системами, которые могут взаимодействовать с ней согласно этому описанию посредством сообщений, основанных на XML, и передаваемых с помощью интернет-протоколов. Веб-служба является единицей модульности при использовании сервис-ориентированной архитектуры приложения.
  52. Чем больше пользователь активничает — тем лучше.
  53. Много людей — много мнений = тенденции
  54. Интеграция в другие сервисы или создание своего сервиса как площадки интеграций, или же совокупно — взаимная интеграция с другими сервисами.
  55. Что вэб-два-ноль дает пользователю.
  56. Легкость в использовании
  57. Приятно использовать
  58. Построение социальных сетейСоциальная сеть (англ. socialnetwork) — социальная структура (математически — граф), состоящая из группы узлов, которыми являются социальные объекты (люди или организации), и связей между ними (социальных взаимоотношений).Социальная сеть направлена на построение сообществ в Интернете из людей со схожими интересами и/или деятельностью. Связь осуществляется посредством сервиса внутренней почты или мгновенного обмена сообщениями.
  59. Богатый пользовательский интерфейс
  60. Функции как в настольных приложениях
  61. Какими средствами и основными технологиями реализуются вэб-два-ноль приложения
  62. application programming interface
  63. Для выражения которых используют XML или JSON форматы.XML (англ. eXtensibleMarkupLanguage — расширяемый язык разметки; произносится [экс-эм-э́л]) — рекомендованный Консорциумом Всемирной паутины язык разметки, фактически представляющий собой свод общих синтаксических правил. текстовый формат, предназначенный для хранения структурированных данных.JSON (англ. JavaScriptObjectNotation) — текстовый формат обмена данными, основанный на JavaScript и обычно используемый именно с этим языком. Как и многие другие текстовые форматы, JSON легко читается людьми.Несмотря на происхождение от JavaScript (точнее, от подмножества языка стандарта ECMA-262 1999 года), формат считается языконезависимым и может использоваться практически с любым языком программирования. Для многих языков существует готовый код для создания и обработки данных в формате JSON.
  64. «RSS — семейство XML-форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п. »Rich Site Summary (RSS 0.9x) — обогащённаясводкасайта;RDF Site Summary (RSS 0.9 и 1.0) — сводкасайтасприменениеминфраструктурыописанияресурсов;Really Simple Syndication (RSS 2.x) — оченьпростойсборсводнойинформации.Основная идея реорганизации информации о веб-сайтах относится ещё к 1995 году, из исследовательской лаборатории AppleComputer разработали МетаконтентFramework[1].
  65. «AJAX (AsynchronousJavascriptand XML) — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером.»AJAX — не самостоятельная технология, а концепция использования нескольких смежных технологий. AJAX базируется на двух основных принципах:использование технологии динамического обращения к серверу «на лету», без перезагрузки всей страницы полностью, например:- с использованием XMLHttpRequest (основной объект);- через динамическое создание дочерних фреймов[1];- через динамическое создание тега <script>[2].- использование DHTML для динамического изменения содержания страницы;В качестве формата передачи данных обычно используются JSON или XML.!Экономия трафикаИспользование AJAX позволяет значительно сократить трафик при работе с веб-приложением благодаря тому, что часто вместо загрузки всей страницы достаточно загрузить только изменившуюся часть, как правило довольно небольшую.!Уменьшение нагрузки на серверAJAX позволяет несколько снизить нагрузку на сервер. К примеру, на странице работы с почтой, когда вы отмечаете прочитанные письма, серверу достаточно внести изменения в базу данных и отправить клиентскому скрипту сообщение об успешном выполнении операции без необходимости повторно создавать страницу и передавать её клиенту.!Ускорение реакции интерфейсаПоскольку нужно загрузить только изменившуюся часть, пользователь видит результат своих действий быстрее.
  66. «DOM (от англ. DocumentObjectModel — «объектная модель документа») — это не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML, XHTML и XML-документов, а также изменять содержимое, структуру и оформление таких документов.»Модель DOM не накладывает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями родительский-дочерний.Изначально различные браузеры имели собственные модели документов (DOM), не совместимые с остальными. Для того, чтобы обеспечить взаимную и обратную совместимость, специалисты международного консорциума W3C классифицировали эту модель по уровням, для каждого из которых была создана своя спецификация. Все эти спецификации объединены в общую группу, носящую название W3C DOM.Консо́рциумВсеми́рнойпаути́ны (англ. WorldWideWebConsortium, W3C) — организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины. Консорциум возглавляет сэр Тимоти Джон Бернерс-Ли, автор множества разработок в области информационных технологий.
  67. «XHTML (англ. ExtensibleHypertextMarkupLanguage — Расширяемый язык разметки гипертекста) — язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML.»
  68. Этот концептуальный слайд намекает нам на то, что пора перейти к небольшому примеру, что же это за web 2.0 такой для простого пользователя.