Web 20 vision a la industria
-
Upload
securinfcom-seguridad-informatica -
Category
Documents
-
view
242 -
download
3
description
Transcript of Web 20 vision a la industria
![Page 1: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/1.jpg)
Roberto ErazoRosen Technology Research Centerhttp://robertoerazo.wordpress.com
Web 2.0 una vision de la Industria
![Page 2: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/2.jpg)
Objetivo: Dar un breve recorrido por las tecnologías Web 2.0 y examinar
su aplicación en la industria
![Page 3: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/3.jpg)
• 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.
Definición de Web 2.0
![Page 5: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/5.jpg)
Infraestructura Productiva de NegociosColaboración por herramientas de Computación Social, Integradas & Diseñadas
Secured, Well-Managed Core Infrastructure
Office Business Application Services
Comunicacionesunificadas
Inteligencia de Negocios
Administrador de contenido
Colaboración Enterprise Search
Secured, Well-Managed Core Infrastructure
Office Business Application Services
Unified Communications
Business Intelligence
Enterprise Content
ManagementCollaboration
Enterprise Search
Wikis
Blogs
RSS feeds
Social networking
My / Sites Profiles
Presence
![Page 6: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/6.jpg)
• 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
Que es un Wiki?
![Page 7: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/7.jpg)
Business Productivity and Web 2.0
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 a
otros blogs• Blogs famosos:
– www.bloggers.com– En Colombia..
• Eltiempo.com
![Page 8: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/8.jpg)
Business Productivity and Web 2.0
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
![Page 11: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/11.jpg)
11
Tendencia en la industria
![Page 12: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/12.jpg)
Antes de hablar de algunos casos…
![Page 13: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/13.jpg)
• 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
Algunas preguntas
![Page 14: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/14.jpg)
User Experience
UX
![Page 16: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/16.jpg)
Por qué es importante la experiencia del usuario (UX)? La experiencia es el producto
x
US$ 2 US$ 5
![Page 17: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/17.jpg)
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)
![Page 18: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/18.jpg)
Usabilidad (accesibilidad, intuición, productividad)
Los elementos de UX
![Page 19: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/19.jpg)
Adaptabilidad (contexto, extensible, personalizable)
Los elementos de UX
![Page 20: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/20.jpg)
Utilidad (funcional, valorable)
Los elementos de UX
![Page 21: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/21.jpg)
Confiabilidad (seguro, escalable, predecible)
Los elementos de UX
![Page 22: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/22.jpg)
Deseable (bonito, atractivo, exclusivo, concordancia emocional, orgullo de ser el dueño)
Los elementos de UX
![Page 23: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/23.jpg)
23
UXToda la efectividad, eficiencia, y satisfacción que un usuario tieneinteractuando con un producto
![Page 24: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/24.jpg)
Proceso de Diseño y Desarrollo
Wireframe
• Arquitectura de la Información
• Flujo Interactivo
• Despliegue
Prototipo
• Diseño Visual
• Diseño de Componentes
• Animación
Desarrollo
• Implementación Lógica
• Documentos de Especificación
![Page 25: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/25.jpg)
SilverlightUna nueva solución paramostrar experiencias multi-media, aplicacionesiinteractivas ricas (RIAs) en la web
Plug-in cross-platform:cross-browser:
![Page 26: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/26.jpg)
26
Qué es Silverlight?
< 2Mb Download Extiende las
capacidades del
browser con
XAML
<MediaElement
x:Name=‘myMediaPl
ayBack'
Canvas.Left='532'
Canvas.Top='184'
AutoPlay='false'
Height='185'
Width='350'
Opacity='0'>
Plug-in con
soporte en
multiples browser
![Page 27: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/27.jpg)
Algunos ejemplos de UX
![Page 28: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/28.jpg)
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
![Page 29: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/29.jpg)
El ascenso de la colaboración de las comunidades
Copyright: nGenera
![Page 30: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/30.jpg)
Portals for Different Scenarios
![Page 31: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/31.jpg)
1st Wave 2nd Wave 3rd Wave: Social Computing
Virtual workspaces
Instant messaging
Enterprise portals
Presence
Web conferencing
Expertise automation
Personal websites
Composite Applications
Calendar
Group scheduling
Discussion forums
Directories (taxonomy)
Groupware
Blogs
Wikis
RSS feeds
Social networks
Tagging
Social bookmarking
People profiles
Mashups
Computación social -> evoluciónnatural de la colaboración
“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
![Page 32: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/32.jpg)
Como pueden usar el software social Consumidores Vs. Compañías
Mientras los consumidores quieren….
Mantenerse informados de lo que sus amigos estánhaciendo y pensando
Facilitar la comunicación de las opiniones de sus amigos y consejos
Encontrar “dates” y nuevos amigos con intereses similares o complementarios
Movilizar sus amigos por eventos o causas
Lo que los usuarios de las empresas necesitan
Mantenerse informado de lo que sus colegas están haciendo y pensando
Facilitar la comunicación con sus pares
Encontrar colegas con intereses similares o complementarios
Movilizar sus colegas a contribuir a proyectos urgentes
![Page 33: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/33.jpg)
Mientras los consumidores quieren….
“Tag” videos y canciones que otras personas pueden ver
Controlar lo que otras personas pueden ver sobre “me”
Adaptar la plataforma con extensiones y aplicaciones
Conocer que recursos y sitios los expertos utilizan
Lo que los usuarios de las empresas necesitan
Lo mismo para documentos, reportes y videos
Lo mismo
Lo mismo
Lo mismo
Como pueden usar el software social Consumidores Vs. Compañías
![Page 34: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/34.jpg)
34
Blogs, Wikis, & Podcasts– Oh My!Forecast: Global Enterprise Web 2.0 Spend
Source: Forrester Research, April 2008 Forecast: Global Enterprise Web 2.0 Spend By Technology, 2007 To 2013
20072008
20092010
20112012
2013
Widgets
Podcasting
Mashups
Wikis
Blogs
RSS
Social networking
$5B
$4B
$3B
$2B
$1B
We
are
here
![Page 35: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/35.jpg)
• Mainframes• Software On Premise• Web• S+S, SaaS• Cloud Computing
Trend de la Industria
Social Services
![Page 36: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/36.jpg)
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
![Page 37: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/37.jpg)
• Debemos ser mas que usuarios• “Creer” en la tecnologia• No todo esta hecho
•Open Mind
Concluyendo
![Page 39: Web 20 vision a la industria](https://reader033.fdocumento.com/reader033/viewer/2022052904/557ab886d8b42a1e128b48d9/html5/thumbnails/39.jpg)
• 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
Links Samples