Web 20 vision a la industria

  • 218 views
Uploaded on

Presentacion de la Web

Presentacion de la Web

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
218
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Web 2.0 una vision de la Industria Roberto Erazo Rosen Technology Research Center http://robertoerazo.wordpress.com
  • 2. Objetivo: Dar un breve recorrido por las tecnologías Web 2.0 y examinar su aplicación en la industria
  • 3. Definición de Web 2.0 • El término Web 2.0 fue acuñado por Tim O'Reilly en 2004 para referirse a una segunda generación de Web basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, los blogs, los wikis o las folcsonomías, que fomentan la colaboración y el intercambio ágil de información entre los usuarios.
  • 4. Infraestructura Productiva de Negocios Colaboración por herramientas de Computación Social, Integradas & Diseñadas Wikis Blogs Comunicaciones Inteligencia de Administrador de Colaboración Enterprise Search unificadas Negocios contenido Unified Communications Business Intelligence Enterprise Content Management RSS feeds Collaboration Enterprise Search Social networking Office Business Application Services Office Business Application Services My / Sites Profiles Secured, Well-Managed Core Infrastructure Presence Secured, Well-Managed Core Infrastructure
  • 5. Que es un Wiki? • Que significa wiki: – (/wiːkiː/) una palabra Hawaiana que significa “rápido” • Herramienta para autorizar al grupo para los cambios • Es usado para crear sitios a modo colaboración. • Wiki famoso: – Wikipedia.org – the free enciclopedia
  • 6. Qué es un blog? • Blog es el acrónimo de “Web Log”: • Herramienta para publicación personal • Proveer comentarios o noticias en un tema en particular • Un blog típico, combina texto, imágenes, y links otros blogs • Blogs famosos: – www.bloggers.com – En Colombia.. • Eltiempo.com Business Productivity and Web 2.0
  • 7. Qué es una Red Social? • Herramienta para construir comunidad de personas quienes comparten intereses y actividades • Crea nuevas maneras para comunicarse y compartir información • Al parecer las redes sociales estan para formar parte del día día en nuestras vidas. • Redes sociales famosas:: – http://Linkedin, Facebook, MySpace Business Productivity and Web 2.0
  • 8. Social Networks (SNS) 9
  • 9. Social Media – Viral Video Sites 10
  • 10. Tendencia en la industria 11
  • 11. Antes de hablar de algunos casos…
  • 12. Algunas preguntas • Como ser exitoso en un mercado tan diverso? • Cual es la diferencia entre mi blog y el tuyo? • Que hace que la gente use paginas o programas populares frente a otros que hacen lo mismo? • A veces las cosas mas simples marcan la diferencia
  • 13. UX User Experience
  • 14. Algunos ejemplos… Follow the link!!
  • 15. Por qué es importante la experiencia del usuario (UX)? La experiencia es el producto x US$ 2 US$ 5
  • 16. Diseño de User Experience (UX) “Todos los aspectos de la interacción del usuario con el producto : cómo es percibido, usado o aprendido.” - wikipedia • Diseño visual • Diseño de Interfase • Diseño de Interfase a usuario • Ingeniería de uso • Diseño de Interacción • Arquitectura de la Información • Interacción hombre-computadora (HCI) 17
  • 17. Los elementos de UX Usabilidad (accesibilidad, intuición, productividad)
  • 18. Los elementos de UX Adaptabilidad (contexto, extensible, personalizable)
  • 19. Los elementos de UX Utilidad (funcional, valorable)
  • 20. Los elementos de UX Confiabilidad (seguro, escalable, predecible)
  • 21. Los elementos de UX Deseable (bonito, atractivo, exclusivo, concordancia emocional, orgullo de ser el dueño)
  • 22. UX Toda la efectividad, eficiencia, y satisfacción que un usuario tiene interactuando con un producto 23
  • 23. Proceso de Diseño y Desarrollo Wireframe Prototipo Desarrollo • Arquitectura de • Diseño Visual • Implementación la Información • Diseño de Lógica • Flujo Interactivo Componentes • Documentos de • Despliegue • Animación Especificación
  • 24. Silverlight Una nueva solución para mostrar experiencias multi- media, aplicaciones iinteractivas ricas (RIAs) en la web Plug-in cross-platform: cross-browser:
  • 25. Qué es Silverlight? <MediaElement x:Name=‘myMediaPl ayBack' Canvas.Left='532' Canvas.Top='184' AutoPlay='false' Height='185' Width='350' Opacity='0'> Plug-in con < 2Mb Download Extiende las soporte en capacidades del multiples browser browser con XAML 26
  • 26. Algunos ejemplos de UX
  • 27. La revolución demográfica • Gen Z- NET Gen > 1992 • Gen Y > 1981-1992 – DIGITAL NATIVES • Gen X y Guayaba 1961-80 – DIGITAL GETTING USED TO  • Generación W – (Desde 1960 hasta lo que aguante el abuelito) DIGITAL FOREIGNERS
  • 28. El ascenso de la colaboración de las comunidades Copyright: nGenera
  • 29. Portals for Different Scenarios
  • 30. Computación social -> evolución natural de la colaboración 1st Wave 2nd Wave 3rd Wave: Social Computing E-mail Virtual workspaces Blogs Calendar Instant messaging Wikis Group scheduling Enterprise portals RSS feeds Discussion forums Presence Social networks Directories (taxonomy) Web conferencing Tagging Groupware Expertise automation Social bookmarking Personal websites People profiles Composite Applications Mashups “Social Computing is not a fad. Nor is it something that will pass you or your company by. Gradually, Social Computing will impact almost every role, at every kind of company, in all parts of the world. Firms should approach Social Computing as an ongoing learning process, using some of the best practices of firms that have successfully taken the first steps.”1 - Forrester Research 1 Source: Forrester Research, Inc. “Social Computing - How Networks Erode Institutional Power, And What to Do About It”, February 2006
  • 31. Como pueden usar el software social Consumidores Vs. Compañías Mientras los consumidores quieren…. Lo que los usuarios de las empresas necesitan Mantenerse informados de lo que sus amigos están Mantenerse informado de lo haciendo y pensando que sus colegas están haciendo y pensando Facilitar la comunicación de las opiniones de sus Facilitar la comunicación con amigos y consejos sus pares Encontrar “dates” y nuevos amigos con intereses Encontrar colegas con similares o complementarios intereses similares o complementarios Movilizar sus amigos por eventos o causas Movilizar sus colegas a contribuir a proyectos urgentes
  • 32. Como pueden usar el software social Consumidores Vs. Compañías Mientras los consumidores quieren…. Lo que los usuarios de las empresas necesitan “Tag” videos y canciones que otras personas pueden Lo mismo para documentos, ver reportes y videos Controlar lo que otras personas pueden ver sobre Lo mismo “me” Lo mismo Adaptar la plataforma con extensiones y aplicaciones Lo mismo Conocer que recursos y sitios los expertos utilizan
  • 33. Blogs, Wikis, & Podcasts– Oh My! Forecast: Global Enterprise Web 2.0 Spend $5B We are $4B here $3B Widgets Podcasting $2B Mashups Wikis $1B Blogs RSS Social networking 2007 2008 2009 2010 2011 2012 2013 Source: Forrester Research, April 2008 Forecast: Global Enterprise Web 2.0 Spend By Technology, 2007 To 2013 34
  • 34. Trend de la Industria • Mainframes • Software On Premise • Web • S+S, SaaS Social Services • Cloud Computing
  • 35. Como puede mejorar la web 2.0 mi negocio? - Compartir conocimiento internamente - Recolectar información de mis clientes - Construir mi “Brand” - Construir relaciones con mis clientes - Generar ventas - Satisfacer las necesidades de los clientes - Satisfacer las necesidades de los usuarios internos
  • 36. Concluyendo • Debemos ser mas que usuarios • “Creer” en la tecnologia • No todo esta hecho •Open Mind
  • 37. Preguntas y Respuestas robertoerazo@mvps.org
  • 38. Links Samples • Los peores diseños Web – http://www.jimwestergren.com/worst-web-design-ever/ • Para ejemplos sobre Silverlight – http://www.silverlight.net/showcase/ • Photosynth – www.photosynth.com • Documento sobre Web 2.0 – http://assets.en.oreilly.com/1/event/28/web2009_websqu ared-whitepaper.pdf