или рассказ о вкусном и здоровом<br />WEB 2.0<br />Кригоузов Илья, it-agency<br />www.oniksfly.com<br />
У нас есть проблема…<br />Что такое не WEB 2.0	<br />
У нас есть проблема… Точнее даже две:<br />Что такое не WEB 2.0	<br />
У нас есть проблема… Точнее даже две:<br />Проблема дизайна<br />Проблема с пользователями<br />Что такое не WEB 2.0	<br />
Мне нравятся скругленные углы. Бееее.<br />Мне тоже! Меее.<br />
Какое крутое отражение, да?<br />Мееее.<br />+1!!!!!<br />
Что люди считают «похожим на Web 2.0»<br />
<ul><li>Яркие, контрастные цвета</li></ul>Что люди считают «похожим на Web 2.0»<br />
<ul><li>Яркие, контрастные цвета
«Специальные предложения»</li></ul>Что люди считают «похожим на Web 2.0»<br />
<ul><li>Яркие, контрастные цвета
«Специальные предложения»
Шик, блеск</li></ul>Что люди считают «похожим на Web 2.0»<br />
<ul><li>Яркие, контрастные цвета
«Специальные предложения»
Шик, блеск
Скругленные углы</li></ul>Что люди считают «похожим на Web 2.0»<br />
<ul><li>Яркие, контрастные цвета
«Специальные предложения»
Шик, блеск
Скругленные углы
Градиенты</li></ul>Что люди считают «похожим на Web 2.0»<br />
<ul><li>Яркие, контрастные цвета
«Специальные предложения»
Шик, блеск
Скругленные углы
Градиенты
Всевозможные диагональные линии</li></ul>Что люди считают «похожим на Web 2.0»<br />
<ul><li>Яркие, контрастные цвета
«Специальные предложения»
Шик, блеск
Скругленные углы
Градиенты
Всевозможные диагональные линии
Отражения в логотипах</li></ul>Что люди считают «похожим на Web 2.0»<br />
С сегодняшнего дня запомните<br />
Использовать отражение логотипа можно только в том случае, если в названии компании присутствуют слова:<br /><ul><li>зеркало
гладь
отражение</li></ul>С сегодняшнего дня запомните<br />
Откуда это пошло?<br />
От бесспорных королей лоска и блеска: <br />Откуда это пошло?<br />
От бесспорных королей лоска и блеска:  Apple.<br />Откуда это пошло?<br />
От бесспорных королей лоска и блеска:  Apple.<br />В Apple использовали эти тенденции со вкусом и его представление  всегд...
Причины популярности такого мнения<br />
«Мы ищем отличного Web 2.0 - дизайнера»<br />Причины популярности такого мнения<br />
«Клиент хочет больше веб-два-нольности на сайте»<br />Причины популярности такого мнения<br />
«Мы не хотим отставать от современных трендов»<br />Причины популярности такого мнения<br />
Web 2.0 — это не дизайн<br />Теперь мы понимаем<br />
Web 2.0 — это не дизайн<br />Web 2.0 — это не дизайн<br />Web 2.0 — это не дизайн<br />Web 2.0 — это не дизайн<br />Web 2....
Что такое Web– технологии разных поколений<br />
Web 1.0 — это коммерция.<br />Что такое Web– технологии разных поколений<br />
Web 1.0 — это коммерция.<br />Web2.0 — это люди + коммерция.<br />Что такое Web– технологии разных поколений<br />
<ul><li>Концепция «Web 2.0» была сформулирована на конференции O’Reilly и MediaLiveInt. в 2004 году</li></ul>Из истории те...
<ul><li>Концепция «Web 2.0» была сформулирована на конференции O’Reilly и MediaLiveInt. в 2004 году
Сама фраза «Web 2.0» намекает на улучшенную версию WorldWideWeb</li></ul>Из истории технологии<br />
Web 2.0 — это не технология!<br />Внезапно<br />
<ul><li>Имеет свою область применения
Помогают определить сложным и туманным набор понятий
Upcoming SlideShare
Loading in …5
×

Web 2.0

584 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
584
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Представьтесь, пожалуйста. А еще я не хочу чтобы доклад был скучный и переполнен техническими деталями
  • Разрушение мифов о том, чем, собственно не является
  • Разрушение мифов о том, чем, собственно не является. Две проблемы.
  • Наши две проблемы: Дураки- Дороги
  • Давайте предположим, что у нас есть типичный пользователь, или заказчик
  • И несомненно, он знает все о технологиях, например о Web 2.0
  • И не просто знает, он в них гуру.
  • И вот что типичный пользователь думает о том, что есть вэб два ноль
  • Яркие, контрастные цвета: шрифты и прочая херня
  • Сайт дарбери
  • «Специальные предложения» — стикеры, пинарики и прочие глянцевые элементы, обращающие на себя внимание
  • Сайта инет-магазина
  • Шик-блеск, красота.Это перевод от ФШ-эффектов: gloss &amp; shine
  • Дарбери — указатели на верхнюю панель с плашкой.
  • Скругленные углы — погладь свой Мак.
  • Дарберри со скругленными углами
  • Градиенты — что и откуда появились
  • Дарбери — указатели на локальные градиенты
  • Диагональные линии и полосочки: например, в юзербарах есть даже анимированные.
  • Дарберри со стрелочками на солнце в хэдере.
  • Отражение в логотипах — наверное худшая из ассоциаций о 2.0
  • СайтиЛинукс.ком
  • С сегодняшнего дня запомните:
  • Не надо использовать и поощрять действия других в попытке сделать отражение в логотипе.
  • Откуда взялась такая тенденция?
  • Безусловно, этому послужила одна из лучших мировых компаний, профессионалов в своем деле.
  • Сайт эпл. Это не реклама Нового мак бук эйр.
  • Все эти веяния и представления пошли именно от сайта компании Эпл.
  • Пар прописных истин о хорошем вкусе и о том, что 2.0 — это не дизайн, а нечто совсем другое.
  • Причинно-следственная связь
  • «Мы ищем отличного Web 2.0 - дизайнера»
  • «Клиент хочет больше веб-два-нольности на сайте»
  • «Мы не хотим отставать от современных трендов»
  • Web 2.0 — это не дизайнЗапомните и расскажите своим знакомым. Это дейсвтительно очень важно.
  • Правда-правда очень важно.
  • Что же тогда вэб два ноль в общих словах?
  • Web 1.0 — это коммерция.Интернет — как источник зароботка после его популяризации.
  • Интернет как еще больший источник заработка.
  • Парочка исторических моментов: Концепция «Web 2.0» была сформулирована на конференции O’Reilly и MediaLiveInt. в 2004 году
  • И КО как бы намекает: Сама фраза «Web 2.0» намекает на улучшенную версию WorldWideWeb
  • На самом деле это все неправда: Web 2.0 — это не технология!
  • Это дикая мешанина из технологий.
  • Почему же тогда используют этот термин «вэб 2.0»?Имеет свою область примененияПомогают определить сложным и туманным набор понятийОблегчает связиХорошо для «нетехнических» людей Хороший способ продвижения групповых технологий
  • О терминологии мы поговорили достаточно, о том, что такое не-вэб-2.0 тоже, теперь самое время перейти к тому, чем на самом деле является эта технология и как она применятся.
  • Концепция использования вэб-2-0 приложений подоразумеват: Открытые форматы данных
  • UGC — контент создает сам пользователь
  • Собственные данные пользователяНе просто контактная информация, а сведения о росте, поле, и т. Д.
  • Возможность использовать данные вне конкретного приложения приложения
  • Доступ с различных устройств: телефон, рабочий ПК, домашний ПК, ноутбук, нетбук, коммуникатор, часы, холодильник и т.д.
  • Архитектура приложения, позволяющая предоставить возможности описанные ранее.
  • Сервис, а не продукт.Веб-служба, веб-сервис (англ. webservice) — программная система, идентифицируемая строкой URI, чьи общедоступные интерфейсы определены на языке XML. Описание этой программной системы может быть найдено другими программными системами, которые могут взаимодействовать с ней согласно этому описанию посредством сообщений, основанных на XML, и передаваемых с помощью интернет-протоколов. Веб-служба является единицей модульности при использовании сервис-ориентированной архитектуры приложения.
  • Чем больше пользователь активничает — тем лучше.
  • Много людей — много мнений = тенденции
  • Интеграция в другие сервисы или создание своего сервиса как площадки интеграций, или же совокупно — взаимная интеграция с другими сервисами.
  • Что вэб-два-ноль дает пользователю.
  • Легкость в использовании
  • Приятно использовать
  • Построение социальных сетейСоциальная сеть (англ. socialnetwork) — социальная структура (математически — граф), состоящая из группы узлов, которыми являются социальные объекты (люди или организации), и связей между ними (социальных взаимоотношений).Социальная сеть направлена на построение сообществ в Интернете из людей со схожими интересами и/или деятельностью. Связь осуществляется посредством сервиса внутренней почты или мгновенного обмена сообщениями.
  • Богатый пользовательский интерфейс
  • Функции как в настольных приложениях
  • Какими средствами и основными технологиями реализуются вэб-два-ноль приложения
  • application programming interface
  • Для выражения которых используют XML или JSON форматы.XML (англ. eXtensibleMarkupLanguage — расширяемый язык разметки; произносится [экс-эм-э́л]) — рекомендованный Консорциумом Всемирной паутины язык разметки, фактически представляющий собой свод общих синтаксических правил. текстовый формат, предназначенный для хранения структурированных данных.JSON (англ. JavaScriptObjectNotation) — текстовый формат обмена данными, основанный на JavaScript и обычно используемый именно с этим языком. Как и многие другие текстовые форматы, JSON легко читается людьми.Несмотря на происхождение от JavaScript (точнее, от подмножества языка стандарта ECMA-262 1999 года), формат считается языконезависимым и может использоваться практически с любым языком программирования. Для многих языков существует готовый код для создания и обработки данных в формате JSON.
  • «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].
  • «AJAX (AsynchronousJavascriptand XML) — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером.»AJAX — не самостоятельная технология, а концепция использования нескольких смежных технологий. AJAX базируется на двух основных принципах:использование технологии динамического обращения к серверу «на лету», без перезагрузки всей страницы полностью, например:- с использованием XMLHttpRequest (основной объект);- через динамическое создание дочерних фреймов[1];- через динамическое создание тега &lt;script&gt;[2].- использование DHTML для динамического изменения содержания страницы;В качестве формата передачи данных обычно используются JSON или XML.!Экономия трафикаИспользование AJAX позволяет значительно сократить трафик при работе с веб-приложением благодаря тому, что часто вместо загрузки всей страницы достаточно загрузить только изменившуюся часть, как правило довольно небольшую.!Уменьшение нагрузки на серверAJAX позволяет несколько снизить нагрузку на сервер. К примеру, на странице работы с почтой, когда вы отмечаете прочитанные письма, серверу достаточно внести изменения в базу данных и отправить клиентскому скрипту сообщение об успешном выполнении операции без необходимости повторно создавать страницу и передавать её клиенту.!Ускорение реакции интерфейсаПоскольку нужно загрузить только изменившуюся часть, пользователь видит результат своих действий быстрее.
  • «DOM (от англ. DocumentObjectModel — «объектная модель документа») — это не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML, XHTML и XML-документов, а также изменять содержимое, структуру и оформление таких документов.»Модель DOM не накладывает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями родительский-дочерний.Изначально различные браузеры имели собственные модели документов (DOM), не совместимые с остальными. Для того, чтобы обеспечить взаимную и обратную совместимость, специалисты международного консорциума W3C классифицировали эту модель по уровням, для каждого из которых была создана своя спецификация. Все эти спецификации объединены в общую группу, носящую название W3C DOM.Консо́рциумВсеми́рнойпаути́ны (англ. WorldWideWebConsortium, W3C) — организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины. Консорциум возглавляет сэр Тимоти Джон Бернерс-Ли, автор множества разработок в области информационных технологий.
  • «XHTML (англ. ExtensibleHypertextMarkupLanguage — Расширяемый язык разметки гипертекста) — язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML.»
  • Этот концептуальный слайд намекает нам на то, что пора перейти к небольшому примеру, что же это за web 2.0 такой для простого пользователя.
  • Web 2.0

    1. 1. или рассказ о вкусном и здоровом<br />WEB 2.0<br />Кригоузов Илья, it-agency<br />www.oniksfly.com<br />
    2. 2. У нас есть проблема…<br />Что такое не WEB 2.0 <br />
    3. 3. У нас есть проблема… Точнее даже две:<br />Что такое не WEB 2.0 <br />
    4. 4. У нас есть проблема… Точнее даже две:<br />Проблема дизайна<br />Проблема с пользователями<br />Что такое не WEB 2.0 <br />
    5. 5.
    6. 6. Мне нравятся скругленные углы. Бееее.<br />Мне тоже! Меее.<br />
    7. 7. Какое крутое отражение, да?<br />Мееее.<br />+1!!!!!<br />
    8. 8. Что люди считают «похожим на Web 2.0»<br />
    9. 9. <ul><li>Яркие, контрастные цвета</li></ul>Что люди считают «похожим на Web 2.0»<br />
    10. 10.
    11. 11. <ul><li>Яркие, контрастные цвета
    12. 12. «Специальные предложения»</li></ul>Что люди считают «похожим на Web 2.0»<br />
    13. 13.
    14. 14. <ul><li>Яркие, контрастные цвета
    15. 15. «Специальные предложения»
    16. 16. Шик, блеск</li></ul>Что люди считают «похожим на Web 2.0»<br />
    17. 17.
    18. 18. <ul><li>Яркие, контрастные цвета
    19. 19. «Специальные предложения»
    20. 20. Шик, блеск
    21. 21. Скругленные углы</li></ul>Что люди считают «похожим на Web 2.0»<br />
    22. 22.
    23. 23. <ul><li>Яркие, контрастные цвета
    24. 24. «Специальные предложения»
    25. 25. Шик, блеск
    26. 26. Скругленные углы
    27. 27. Градиенты</li></ul>Что люди считают «похожим на Web 2.0»<br />
    28. 28.
    29. 29. <ul><li>Яркие, контрастные цвета
    30. 30. «Специальные предложения»
    31. 31. Шик, блеск
    32. 32. Скругленные углы
    33. 33. Градиенты
    34. 34. Всевозможные диагональные линии</li></ul>Что люди считают «похожим на Web 2.0»<br />
    35. 35.
    36. 36. <ul><li>Яркие, контрастные цвета
    37. 37. «Специальные предложения»
    38. 38. Шик, блеск
    39. 39. Скругленные углы
    40. 40. Градиенты
    41. 41. Всевозможные диагональные линии
    42. 42. Отражения в логотипах</li></ul>Что люди считают «похожим на Web 2.0»<br />
    43. 43.
    44. 44. С сегодняшнего дня запомните<br />
    45. 45. Использовать отражение логотипа можно только в том случае, если в названии компании присутствуют слова:<br /><ul><li>зеркало
    46. 46. гладь
    47. 47. отражение</li></ul>С сегодняшнего дня запомните<br />
    48. 48. Откуда это пошло?<br />
    49. 49. От бесспорных королей лоска и блеска: <br />Откуда это пошло?<br />
    50. 50.
    51. 51. От бесспорных королей лоска и блеска: Apple.<br />Откуда это пошло?<br />
    52. 52. От бесспорных королей лоска и блеска: Apple.<br />В Apple использовали эти тенденции со вкусом и его представление всегда находится в состоянии эволюции.<br />Только тонкое чувство вкуса способно позволить избежать клише, используя современные веяния в дизайне.<br />Сегодня, даже очень хорошая идея становится клише слишком быстро.<br />Откуда это пошло?<br />
    53. 53. Причины популярности такого мнения<br />
    54. 54. «Мы ищем отличного Web 2.0 - дизайнера»<br />Причины популярности такого мнения<br />
    55. 55. «Клиент хочет больше веб-два-нольности на сайте»<br />Причины популярности такого мнения<br />
    56. 56. «Мы не хотим отставать от современных трендов»<br />Причины популярности такого мнения<br />
    57. 57. Web 2.0 — это не дизайн<br />Теперь мы понимаем<br />
    58. 58. Web 2.0 — это не дизайн<br />Web 2.0 — это не дизайн<br />Web 2.0 — это не дизайн<br />Web 2.0 — это не дизайн<br />Web 2.0 — это не дизайн<br />Web 2.0 — это не дизайн<br />Теперь мы понимаем<br />
    59. 59. Что такое Web– технологии разных поколений<br />
    60. 60. Web 1.0 — это коммерция.<br />Что такое Web– технологии разных поколений<br />
    61. 61. Web 1.0 — это коммерция.<br />Web2.0 — это люди + коммерция.<br />Что такое Web– технологии разных поколений<br />
    62. 62. <ul><li>Концепция «Web 2.0» была сформулирована на конференции O’Reilly и MediaLiveInt. в 2004 году</li></ul>Из истории технологии<br />
    63. 63. <ul><li>Концепция «Web 2.0» была сформулирована на конференции O’Reilly и MediaLiveInt. в 2004 году
    64. 64. Сама фраза «Web 2.0» намекает на улучшенную версию WorldWideWeb</li></ul>Из истории технологии<br />
    65. 65. Web 2.0 — это не технология!<br />Внезапно<br />
    66. 66.
    67. 67. <ul><li>Имеет свою область применения
    68. 68. Помогают определить сложным и туманным набор понятий
    69. 69. Облегчает связи
    70. 70. Хорошо для «нетехнических» людей 
    71. 71. Хороший способ продвижения групповых технологий</li></ul>Почему же тогда Web 2.0?<br />
    72. 72. Что такое Web 2.0 – приложение?<br />
    73. 73. <ul><li>Открытые форматы данных</li></ul>Web 2.0 –приложение:<br />
    74. 74. <ul><li>Открытые форматы данных
    75. 75. UGC — контент создает сам пользователь</li></ul>Web 2.0 –приложение:<br />
    76. 76. <ul><li>Открытые форматы данных
    77. 77. UGC — контент создает сам пользователь
    78. 78. Собственные данные пользователя</li></ul>Web 2.0 –приложение:<br />
    79. 79. <ul><li>Открытые форматы данных
    80. 80. UGC — контент создает сам пользователь
    81. 81. Собственные данные пользователя
    82. 82. Возможность использовать данные вне приложения</li></ul>Web 2.0 –приложение:<br />
    83. 83. <ul><li>Открытые форматы данных
    84. 84. UGC — контент создает сам пользователь
    85. 85. Собственные данные пользователя
    86. 86. Возможность использовать данные вне приложения
    87. 87. Доступ с различных устройств</li></ul>Web 2.0 –приложение:<br />
    88. 88. Архитектура приложения<br />
    89. 89. <ul><li>Предоставление сервиса, а не продукта</li></ul>Архитектура приложения<br />
    90. 90. <ul><li>Предоставление сервиса, а не продукта
    91. 91. Поощрение UGC</li></ul>Архитектура приложения<br />
    92. 92. <ul><li>Предоставление сервиса, а не продукта
    93. 93. Поощрение UGC
    94. 94. Коллективный разум</li></ul>Архитектура приложения<br />
    95. 95. <ul><li>Предоставление сервиса, а не продукта
    96. 96. Поощрение UGC
    97. 97. Коллективный разум
    98. 98. Построение перспективы на этапе планирования</li></ul>Архитектура приложения<br />
    99. 99. Web 2.0 — пользователю<br />
    100. 100. <ul><li>Легкость в использовании</li></ul>Web 2.0 — пользователю<br />
    101. 101. <ul><li>Легкость в использовании
    102. 102. Приятно использовать</li></ul>Web 2.0 — пользователю<br />
    103. 103. <ul><li>Легкость в использовании
    104. 104. Приятно использовать
    105. 105. Построение социальных сетей</li></ul>Web 2.0 — пользователю<br />
    106. 106. <ul><li>Легкость в использовании
    107. 107. Приятно использовать
    108. 108. Построение социальных сетей
    109. 109. Богатый пользовательский интерфейс</li></ul>Web 2.0 — пользователю<br />
    110. 110. <ul><li>Легкость в использовании
    111. 111. Приятно использовать
    112. 112. Построение социальных сетей
    113. 113. Богатый пользовательский интерфейс
    114. 114. Функции как в настольных приложениях</li></ul>Web 2.0 — пользователю<br />
    115. 115. <ul><li>API
    116. 116. RSS
    117. 117. Ajax
    118. 118. Web-стандарты (DOM, XHTML, CSS)</li></ul>Ключевые технологии<br />
    119. 119. API — набор готовых структур, предоставляемых приложением для использования во внешних программных продуктах. <br />API<br />
    120. 120. API — набор готовых структур, предоставляемых приложением для использования во внешних программных продуктах. <br />Web API — определенный набор HTTP запросов, а также определение структуры HTTP ответов. <br />API<br />
    121. 121. RSS — семейство XML-форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п. <br />RSS<br />
    122. 122. AJAX (AsynchronousJavascriptandXML) — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером.<br />AJAX<br />
    123. 123. DOM — это не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому документов, а также изменять содержимое, структуру и оформление таких документов.<br />Web-стандарты<br />
    124. 124. DOM — это не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому документов, а также изменять содержимое, структуру и оформление таких документов.<br />XHTML — язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML.<br />Web-стандарты<br />

    ×