Manual de uso de la web 2.0
-
Upload
domingo-gallardo-lopez -
Category
Technology
-
view
1.380 -
download
0
description
Transcript of Manual de uso de la web 2.0
![Page 1: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/1.jpg)
Manual de uso de la web 2.0
Domingo Gallardo
Curso de verano “La web 2.0: retos y tecnologías
para la internet de nueva generación”Universidad de Alicante
Julio 2008
![Page 2: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/2.jpg)
Índice
• Introducción
• Organización del contenido
• Dos ejemplos: digg y del.icio.us
• Tendencias futuras
![Page 3: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/3.jpg)
Web 2.0Una frase y cuatro ejes
“Applications that get better, the more that people use them”
- Tim O’Reilly
Interfaces de usuario ricas
El usuario es el centro
Reutilización de los datosy contenidos
Mejora continua
![Page 4: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/4.jpg)
Organizando el contenido de un sitio
web 2.0
![Page 5: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/5.jpg)
Buscando, ojeando, pidiendo y ¿encontrando?
Search
Browse
Ask
- Louis Rosenfeld
![Page 6: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/6.jpg)
Los retos
• ¿Cómo hacer que el cliente que visita nuestra tienda/web encuentre lo que busca?
• ¿Qué ítems le enseñamos primero?
• ¿Cómo hacer que se pasee (browse) por la tienda sin que se pierda y que termine al final “comprando” algo?
• ¿Cómo aprovechar su comportamiento para mejorar las técnicas anteriores?
• ¿Web 2.0: qué hacer con los ítems que nos traen los clientes?
![Page 7: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/7.jpg)
Information Arquitecture
negocio
usuarioscontenido
• Cómo organizar el contenido de forma que los usuarios encuentren fácilmente lo que buscan.
• El arte y la ciencia de organizar y etiquetar sitios web, comunidades y software para mejorar la usabilidad y la “encontrabilidad”. http://semanticstudios.com/
![Page 8: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/8.jpg)
Taxonomía• Vocabulario controlado que define una
jerarquía, en la que los términos más generales contienen terminos más específicos.
• Típicamente usado en bibliotecas y librerías para clasificar materiales y organizado por profesionales (bibliotecarios).
![Page 9: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/9.jpg)
Una buena taxonomía
• Mejor enfocar en un ámbito reducido. Es mejor elaborar múltiples taxonomías específicas que una única de propósito general.
• El número óptimo de niveles es 5.
• Clasificación balanceada.
• Los documentos deben estar distribuidos de forma uniforme en las categorías.
-- Information Architecture for the WWW
![Page 10: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/10.jpg)
Conceptos y herramientas
• Anillo de sinónimos
• Tesauro (thesaurus)
• Ontología
• Mapas semánticos
• Herramientas de creación de taxonomías y tesauros
![Page 11: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/11.jpg)
-- Flickr
Montando un tesauro
![Page 12: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/12.jpg)
Card sorting
• Grupos de trabajo: usuarios y responsables de contenido
• Los contenidos se escriben en fichas
• Se agrupan y se definen niveles
![Page 13: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/13.jpg)
Ejemplos de categorías
![Page 14: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/14.jpg)
Tags• Etiquetas no estructuradas
• Un ítem suele tener múltiples etiquetas
• Los tags están relacionados a través de los ítems que los comparten
• Limitaciones importantes: ambiguedad, sinónimos no controlados
• Ventajas: libertad (ojear vs. buscar), sencillez
![Page 15: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/15.jpg)
Ejemplos• del.icio.us (2004): “software, design, programming, music, politics,
web, news, blog, css, linux, art, osx, java, mac, blogs, reference, fun, python, games, tech, photography, humor, tools, delicious, rss, firefox, toread, comics.”
• del.icio.us (2008): “design blog tools software music programming video webdesign web2.0 art reference linux photography tutorial howto inspiration free iphone web javascript education css development blogs shopping news business flash”
• flickr (20/07/08): “risefestival, blc08, wyd2008, tanabatamatsuri, wfcllanthonyhay, uwgarage080712, kddtecendoredes16, tourdegastown, indiosssjuly12, artfaironthesquare, ilosaarirock, weatherbug, wordsonskin, blogher08, hmns, ocfair, flyinglegends, doodleweek, nn08, assignmenthouston27”
![Page 16: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/16.jpg)
Web 2.0: folksonomy
• Los usuarios reusan etiquetas que otros inventan.
• El esfuerzo individual es aprovechado por la comunidad.
• Sistema dinámico que tiende hacia la definición de términos comunes (similar al habla de un grupo).
-- Adam Mathespersonalization
personalizacion
![Page 17: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/17.jpg)
Ordenación web 2.0
• Las listas de ítems aparecen en cualquier sitio web que contiene información abundante.
• Las decisiones del resto de usuarios deciden los ítems que se muestran a un usuario concreto:
• Listas de popularidad, ítems relevantes, ítems relacionados.
• Otros usuarios como yo también han comprado.
![Page 18: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/18.jpg)
Ordenaciones
![Page 19: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/19.jpg)
Listas de éxitos
![Page 20: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/20.jpg)
Recomendaciones
![Page 21: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/21.jpg)
La página principal de Amazon
› Find similar
items
› Find similar
items
› Find similar
items
› Find similar
items
Mother and child Guardian angel Animals
Bride and groom Zodiac collection Victorian lady
› See more
cameos
Royals Chiefs Wizards
› See more products for Kansas City sports fans
Amazon.com
For You to Enjoy
Recommended for You
› See more recommendations
Latest from David Kirk
The Prince, The Princess, and The Bee:
MissSpider's Sunny...
Originally broadcast as an hourlong prime-
time special—and nominated for several
awards, including a prestigious Gemini,
Canada’s version of the Emmy—The Prince,
the Princess, and the Bee begins when a princess bee is born in
the Honey Hive, creating quite a buzz! In the midst of
celebrating, Shimmer discovers that... Read more $17.99 $14.03
Kansas City Fans: Show Your Team Spirit!
Latest from Authors You May Like,Including Kathy Sierra
› See more recommendations
New For You®
› See more new releases
60% Off and Free Shipping on SelectCameos at Amazon.com
Selected for You
Add to Your Collection
Head First SQL: Your...
"There are books you buy and
books you keep on your desk...
Head First SQL is at... Read more
$44.99 $29.69
› See more items in the O'Reilly Head First
series
Treat Yourself
Guns, Germs, and Steel...
Explaining what William McNeill
called The Rise of the West has
become the... Read more
$24.95 $16.47
› See more in your Wish List
Check Out This New Release
Real-Time Rendering...
One would think that the title of
Tomas Moller's and Eric Haines's
book... Read more
$89.00
Bestsellers in Art Magazines
› See more (Updated hourly)
1. The Artist's Magazine (1-
year) Magazine Subscription
F&W Publications
$59.88 $19.96
($2.00/issue)
2. Watercolor Magic (1-year)Magazine Subscription F&W
Publications
$35.94 $19.96
($3.33/issue)
3. How (1-year) Magazine
Subscription F&W
Publications
$79.70 $29.95
($4.99/issue)
4. Art in America Magazine
Subscription Brant
Publications
$71.00 $24.95
($2.08/issue)
5. American Artist Magazine
Subscription Nielsen
Company
$43.89 $29.95
($2.50/issue)
› Shop bestsellers in magazines
Save with the Amazon.com Visa Card
Get the Amazon.com Visa Card
instantly and you'll
automatically get $30 back
after your first purchase, plus
up to 3% rewards.
Don't Make
Me Think: A
Common
Sense...Paperback bySteve Krug
$40.00 $26.40
Designing
Interfaces:
Patterns
for...Paperback byJenifer Tidwell
$49.95 $32.97
Information
Architecture
for the...Paperback byLouisRosenfeld,Peter...
Designing
Web
Navigation:
Optimizing...Paperback byJamesKalbach,
Robot
Programming
: A Practical
Guide...Paperback byJoe Jones,Daniel Roth
$29.95 $19.77
Tomcat: The
Definitive
GuidePaperback byJason Brittain,Ian Darwin
$39.99 $26.39 (Why is this
Computational
Geometry:
Algorithms...Hardcover byMark de Berg,Otfried...
$49.95 $39.96 (Why is this
The Illusion
of Life:
Disney
AnimationHardcover byOllie Johnston,Frank...
$60.00 $43.20
Head First
Servlets and
JSP:
Passing...Paperback byBryanBasham,Kathy...
Chuck Close:
WorkHardcover byChristopherFinch
$85.00 $53.55 (Why is thisrecommended
PostsingularHardcover byRudy Rucker
$25.95 $17.13 (Why is thisrecommendedfor you?)
Janice
VanCleave's
Teaching the
Fun...Paperback byJaniceVanCleave
$19.95 $14.96
Effective
JavaPaperback byJoshua Bloch
$49.99 $38.20 (Why is thisrecommendedfor you?)
I Am a
Strange
LoopPaperback byDouglas R.Hofstadter
$16.95 $11.53 (Why is this
Spook
CountryPaperback byWilliam Gibson
$15.00 $10.20 (Why is thisrecommendedfor you?)
Why Work
Sucks and
How to Fix
It: No...Hardcover byCali Ressler,JodyThompson
Books
Movies, Music & Games
Digital Downloads
Computers & Office
Electronics
Home & Garden
Grocery, Health & Beauty
Toys, Kids & Baby
Apparel, Shoes & Jewelry
Sports & Outdoors
Tools, Auto & Industrial
Check This Out
Pay with Bill Me
Later®
Buy now, get $10 off$50. Subject to creditapproval.
Off to College?Get what you need tomake the grade.
Amazon Office
ProductsEverything forbusiness, classroom,home and more.
Green SummerSpend less to staycool.
Universal Wish ListAdd items from anysite to your lists.
Features & Services
Selling on Amazon
Publish on Kindle
Sell Your Stuff
Fulfillment by Amazon
WebStore by Amazon
Advantage Program
Associates Program
Amazon Exclusives
Amazon Prime
Amazon Bestsellers
Amazon Daily Blog
Amazon Wire Podcast
Amazon Connect
International Direct
Finance Your Purchases
Amazon Currency Converter
Partner Services
Broadband Services
Financial Services
Photo Services
Travel Services
For Businesses
Corporate Accounts
Amazon Credit Card
All Business Center
Multichannel Commerce
Gift Cards in bulk
For Developers
Amazon Web Services
For Advertisers
Advertise With Us
Paid Placements
Web Search
Web Search
2 posts since yesterdayPosts for Domingo
![Page 22: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/22.jpg)
Dos ejemplos:digg y del.icio.us
![Page 23: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/23.jpg)
Digg
• Sitio de recomendación de noticias populares.
• Las noticias son votadas por usuarios registrados.
• Cuando una noticia supera el “filtro de digg” (digg promotion algorithm) se hace popular y se coloca en la página principal (get promoted).
-- New Digg algorithm
![Page 24: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/24.jpg)
Demo
![Page 25: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/25.jpg)
Usuarios poderos
-- http://www.digganalytics.com/
![Page 26: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/26.jpg)
Haciendo trampas
![Page 27: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/27.jpg)
El algoritmo Digg• Los “usuarios poderosos” puntúan más que los
recién llegados. Un usuario es más poderoso cuanto más populares son sus envíos (sintoniza con la gente).
• Favorece los ítems votados por gente “diversa”.
• Favorece la distribución homogénea de ítems en las diferentes categorías.
• ¿Favorece la popularidad de determinado perfil de noticias?
![Page 28: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/28.jpg)
-- ReadWriteWeb
La caída de la tecnología
![Page 30: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/30.jpg)
Google search 2.0
-- Techcrunch
![Page 31: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/31.jpg)
del.icio.us
![Page 32: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/32.jpg)
Digg y del.icio.us
• Dos ejemplos de cómo la unión de inteligencia colectiva, organización de contenido y personalización pueden dar lugar a un sitio web 2.0 usado por decenas de miles de personas.
• ¿Qué mejoras se os ocurren?
![Page 33: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/33.jpg)
Tendencias futuras
Tips for building Next Generation Web 2.0 Applications - Dion Hinchcliffe (Web 2.0 Expo San Francisco, Abril 2008)
Interfaces de usuario ricas
El usuario es el centro
Reutilización de los datosy contenidos
Mejora continua
![Page 34: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/34.jpg)
1. Reutilizar los datos: del mashup a las API de los
servicios (pasando por la captura de los datos)
![Page 35: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/35.jpg)
La web como un supermercado
“There's little question that the Web is turning into a sort of online Home Depot with its shelves lined with thousands of useful, off-the-shelf parts of every description and utility.”
-- The Rise of the DIY PhenomenonD. Hinchcliffe
![Page 36: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/36.jpg)
Cómo conseguir los datos
• APIs de las aplicaciones (flickr, digg, del.icio.us, google social, ...)
• URLs y enlaces (web crawler)
• Ficheros públicos
![Page 38: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/38.jpg)
2. Centrarse en el usuario: personalización,
colaboración y comunidad
![Page 39: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/39.jpg)
Efecto red: crecimiento exponencial
Núm
ero
de u
suar
ios
Tiempo
Sitio web normalEfecto red exponencial
![Page 40: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/40.jpg)
Identidad
• La Web no tiene ningún mecanismo de gestión de la identidad, ni de autorización.
• Los usuarios deben identificarse en cada uno de los sitios que utilizan, incluso con distintos nombres de usuario y contraseñas.
• Un mecanismo de identidad completo debería permitir autorizar a terceros y firmar (autentificar) documentos (información) generados por el usuario.
![Page 41: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/41.jpg)
Muchas alternativas - ninguna madura
• Google Accounts
• Microsoft Live ID
• Sxip Identity 2.0
• OpenID (fundación con presencia de AOL, Google, IBM, Microsoft, Yahoo!)
![Page 42: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/42.jpg)
3. Reinventar la interfaz de usuario
![Page 43: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/43.jpg)
¿Cómo ojear cuando el ratio pantalla/
contenido es diminuto?
Seadragon
![Page 44: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/44.jpg)
-- TED Talk
![Page 45: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/45.jpg)
Tras ser adquirido por Microsoft ...
![Page 46: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/46.jpg)
![Page 47: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/47.jpg)
4. Inteligencia colectiva: el servicio debe mejorar
cuantos más usuarios lo utilicen
![Page 48: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/48.jpg)
Collective intelligence
![Page 49: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/49.jpg)
Programando la inteligencia colectiva
• Técnicas de Aprendizaje Automático (Machine Learning) y Reconocimiento de Patrones (Pattern Recognition).
• Lenguaje Natural
• Aprendizaje supervisado (redes neuronales, clasificación bayesiana, ...)
• Clustering (aprendizaje no supervisado)
![Page 50: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/50.jpg)
Dos libros
-- Ficha en O’Reilly-- Blog de Segaran -- Home page de Bishop
-- Web del libro
![Page 51: Manual de uso de la web 2.0](https://reader033.fdocuments.us/reader033/viewer/2022051610/548fe604b47959ce2e8b4581/html5/thumbnails/51.jpg)
¡Gracias!