Presentacion de la Web

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.

5. 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

6. 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

7. 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

8. 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

9. Social Networks (SNS)
9

10. Social Media – Viral Video Sites
10

11. Tendencia en la industria
11

12. Antes de hablar de algunos casos…

13. 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

14. UX
User Experience

15. Algunos ejemplos…
Follow the link!!

16. Por qué es importante la experiencia del usuario
(UX)? La experiencia es el producto
x
US$ 2 US$ 5

17. 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

18. Los elementos de UX
Usabilidad (accesibilidad, intuición, productividad)

19. Los elementos de UX
Adaptabilidad (contexto, extensible, personalizable)

20. Los elementos de UX
Utilidad (funcional, valorable)

21. Los elementos de UX
Confiabilidad (seguro, escalable, predecible)

22. Los elementos de UX
Deseable (bonito, atractivo, exclusivo, concordancia emocional,
orgullo de ser el dueño)

23. UX
Toda la efectividad, eficiencia, y
satisfacción que un usuario tiene
interactuando con un producto
23

24. 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

25. Silverlight
Una nueva solución para
mostrar experiencias multi-
media, aplicaciones
iinteractivas ricas (RIAs) en la
web
Plug-in
cross-platform:
cross-browser:

26. 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

27. Algunos ejemplos de UX

28. 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

29. El ascenso de la colaboración de
las comunidades
Copyright: nGenera

30. Portals for Different Scenarios

31. 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

32. 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

33. 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

34. 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

35. Trend de la Industria
• Mainframes
• Software On Premise
• Web
• S+S, SaaS
Social Services
• Cloud Computing

36. 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

37. Concluyendo
• Debemos ser mas que usuarios
• “Creer” en la tecnologia
• No todo esta hecho
•Open Mind

38. Preguntas y Respuestas
robertoerazo@mvps.org

39. 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