Perfil Diseñador y la Web 2.0

of 44 /44
Perfil del nuevo Perfil del nuevo Dise Dise ñ ñ ador Web ador Web

Embed Size (px)

description

Algunas caracteísticas que debe tener el dieñador web y la web 2.0

Transcript of Perfil Diseñador y la Web 2.0

  • 1. Perfil del nuevo Diseador Web
  • 2. Han pasado 17 aos desde que en 1991 Tim Berners-Lee creara la primera pgina web basada en hipertexto dando inicio a la era web.
  • 3. Cul es el perfil del nuevo Diseador Web? Autodidacta, inquieto y sumamente inteligente que busca lo que necesita y lo adopta a sus necesidades. Trata (fervientemente) de mantenerse actualizado con las nuevas tecnologas. El nuevo diseador web tiene un concepto muy claro: todo sitio web debe ser usable y accesible. Prueba, se equivoca, investiga y produce soluciones.
  • 4. Cul es el perfil del nuevo Diseador Web? El buen diseador web no depende de una u otra herramienta y podra desarrollar sus primeros bocetos a mano en cualquier pedazo de papel, es alguien que crea ideas ms que piezas. Conoce y aplica los estndares web como HTML y CSS. Privilegie el contenido por sobre el aadido. La simplicidad por sobre lo sobrecargado.
  • 5. Cul es el perfil del nuevo Diseador Web? Se adapta y sabe trabajar en ambientes multidiciplinarios. No tiene problemas en leer y comprender algunos lenguajes de programacin. Adapta su trabajo y lo enriquece con el uso de algunos CMS. Drupal, Joomla, Wordpress.
  • 6. Diseo Sitio Web Web 2.0
  • 7. Concepto Web 2.0 Mxima interaccin entre los usuarios y desarrollo de redes sociales en donde puedan Expresarse, Opinar, Buscar y Recibir informacin de Inters, Colaborar y Crear conocimiento. conocimiento
  • 8. Concepto Web 2.0 Web 2.0 es una Actitud y no una tecnologa. Que es ms importante: El contenido o EL USO el Diseo?
  • 9. Herramientas Para expresarse/crear y publicar: blog, wiki. Para publicar y buscar informacin: YouTube, Flickr, SlideShare, Del.icio.us. Para acceder a informacin de inters: RSS, XML, Bloglines, GoogleReader. Redes sociales: Facebook, MySpace, Servidores gratuitos: Blogger, WordPress. La plataforma de trabajo es la propia pgina web No es necesario tener instalado un software cliente en el Computador Herramientas: Gratuitas, Convergentes y Multiplataformas
  • 10. Vdeo introductorio: The Machine is Us/ing Us Fuente: http://es.youtube.com/watch?v=6gmP4nk0EOE
  • 11. Personaje del ao 2006 en la revista Time: T
  • 12. Qu es la Web 2.0? Se pasa de una web fundamentalmente informativa y creada por expertos a una web social, donde cualquiera puede participar fcilmente y manejar todo tipo de aplicaciones Se crean aplicaciones Web muy potentes y sencillas de manejar
  • 13. Webs ms utilizadas a nivel mundial 1. Yahoo (Y) 14. Friendster 2. Google (G) 15. Fotolog 3. YouTube (G) 16. Yahoo Japan (Y) 17. Google France (G) 4. Live Search (MS) 18. Baidu (China) 5. MSN (MS) 19. Microsoft (MS) 6. Myspace 20. Ebay 7. Facebook 21. Skyrock 8. Hi5 22. Google Chile (G) 9. Wikipedia 23. Megarotic 10. Orkut (G) 24. Mail.ru (Rusia) 11. Rapidshare 25. QQ.com (China) 12. Blogger (G) Web 2.0: 15/25 13. Megaupload Fuente: http://www.alexa.com
  • 14. Blogs Son pginas web muy sencillas que cualquiera puede utilizar Se limitan a mostrar noticias de forma secuencial, apareciendo las ms recientes en la parte superior Consiguen que cualquiera pueda publicar fcilmente cualquier tipo de informacin en Internet, normalmente de forma gratuita Se han convertido en una importante fuente de noticias alternativa a los medios de comunicacin tradicionales Actualmente hay ms de 110 millones de blogs en Internet (segn Technorati) Los ejemplos ms tpicos de webs gratuitas de creacin de blogs son Blogger (que pertenece a Google) y Wordpress (basada en software libre)
  • 15. Wikis Son sitios web que varias personas pueden modificar fcilmente Cada pgina puede ser editada y los cambios que cada persona hace quedan registrados, pudindose volver a cualquier versin anterior Se pueden aadir enlaces a otras pginas fcilmente, normalmente basta con poner el ttulo de la nueva pgina entre dobles corchetes (Ejemplo: [[Nueva Pgina]]) Con los wikis se consiguen 2 cosas fundamentales: Crear y modificar pginas web fcilmente Permitir la creacin de documentos de forma cooperativa entre varias personas Los ejemplos ms tpicos de webs para crear wikis de forma gratuita son Wikispaces y pbWiki El wiki ms importante del Mundo es la Wikipedia, una enciclopedia que cualquiera puede editar con millones de artculos en decenas de lenguajes
  • 16. El mejor wiki: la Wikipedia
  • 17. Comparticin de medios Existen multitud de webs que permiten publicar y compartir medios de todo tipo sin coste alguno Con ello se consigue que cualquiera pueda publicar cualquier tipo de medio en Internet y difundirlo fcilmente Normalmente, no slo se puede compartir y buscar medios, sino que se pueden integrar fcilmente dentro de pginas web, incluidos blogs y wikis, haciendo que nuestras publicaciones sean multimedia Ejemplos YouTube permite compartir vdeos Flickr permite compartir fotos Slideshare permite compartir transparencias Scribd permite compartir todo tipo de documentos de texto
  • 18. Ejemplo de comparticin de medios: Fotos en Flickr
  • 19. Ejemplo de comparticin de medios: Vdeos en YouTube
  • 20. Comparticin de medios: presentaciones en Slideshare
  • 21. http://www.slideshare.net Es un servicio gratuito que permite Soporta los formatos: PPT, compartir presentaciones PPS, ODP, PDF Permite subir hasta 20Mb Sigue la filosofa de uso de servicios por archivo como youtube Cada archivo subido es convertido al Permite que los usuarios formato Flash de nuestros contenidos, dejen sus comentarios Usa un reproductor que permite integrar la presentacin en nuestro blog o pgina web
  • 22. Redes sociales Las redes sociales permiten crear pginas personales donde definimos nuestros perfiles y compartimos recursos como fotos, vdeos, etc. Nos permiten tambin conectar con otras personas a las que definimos como amigos dentro de nuestro perfil Tambin permiten crear comunidades de usuarios con intereses comunes As, podemos tener una red social de contactos con los que compartir informacin y relacionarnos Los ejemplos ms tpicos de redes sociales gratuitas son Myspace y Facebook a nivel general y LinkedIn para contactos profesionales Tambin podemos construir muy rpidamente nuestra propia red social en lnea en Ning Existe un software libre avanzado para la creacin de redes sociales totalmente personalizadas, de gran eficacia en el mbito educativo: Elgg
  • 23. Ejemplo de red social en Facebook
  • 24. Marcadores sociales y etiquetas Nos permiten almacenar nuestros enlaces favoritos o marcadores en Internet Los enlaces son compartidos con el resto de los usuarios y estn clasificados por etiquetas (descripciones cortas) Nos permiten almacenar gran cantidad de enlaces y luego recuperarlos fcilmente Se comparte el conocimiento de cientos de miles de personas y nos ayuda a descubrir sitios nuevos Actualmente, el sistema de marcadores sociales ms utilizado profesionalmente es del.icio.us Tambin existe un sistema de marcadores sociales orientado totalmente al descubrimiento automtico de nuevas webs basadas en nuestros gustos personales: Stumbleupon
  • 25. Ejemplo de marcadores sociales: del.icio.us
  • 26. delicious http://del.icio.us Es un servicio social que permite guardar los favoritos de tu navegador con todas las pautas que da el Web 2.0. permite almacenar nuestros bookmarks o favoritos en Internet ofrece un sistema de tags (folksonomy) para ir clasificando nuestros enlaces Los enlaces son pblicos y la categorizacin de los mismos se realiza a travs de los tags
  • 27. Subscripcin a fuentes RSS Antes tenamos que visitar peridicamente cada web para ver si haba novedades en la misma Ahora las novedades de las webs que nos interesan llegan a nosotros mediante las llamadas fuentes RSS (tambin existen otras denominadas Atom, ms minoritarias) Cada Web a la que podemos suscribirnos por RSS viene sealada normalmente por ste smbolo: Tambin puede venir indicada con los nombres RSS o XML Leemos todas las fuentes RSS de los sitios a los que nos subscribimos mediante los denominados agregadores RSS Los agregadores de RSS gratuitos ms utilizados son: el propio navegador web (Internet Explorer 7 o Firefox 2) o Google Reader y Bloglines (en Web)
  • 28. Ejemplo de fuentes RSS
  • 29. Aplicaciones web avanzadas Una idea clave de la Web 2.0 es utilizar Internet como plataforma de desarrollo de aplicaciones avanzadas Se utilizan tecnologas como Ajax que permiten interfaces de usuario cmodas y fciles de usar, parecidas a las aplicaciones de escritorio que podemos encontrar en Windows As, se fomenta el uso del software como servicio ofertado por Internet, no como producto a instalar en el ordenador El ejemplo ms tpico de este tipo de aplicaciones es Google Docs, una suite ofimtica sencilla que puede sustituir al clsico Microsoft Office Google Docs integra un procesador de textos compatible con Word, una hoja de clculo compatible con Excel y una herramienta de presentaciones capaz de importar desde PowerPoint, aunque son mucho ms sencillas Otra suite de aplicaciones avanzadas de negocios es Zoho, que tambin tiene ofimtica, adems de CRM, Wiki, Web conferencing y muchas otras aplicaciones
  • 30. Ejemplo de aplicacin Web avanzada: Google Docs
  • 31. Ejemplo de aplicacin Web avanzada: Zoho
  • 32. Otras aplicaciones interesantes: RapidShare
  • 33. Otras aplicaciones interesantes: ebay
  • 34. Otras aplicaciones interesantes: amazon
  • 35. Otras aplicaciones interesantes: Skype
  • 36. Otras aplicaciones interesantes: InfoJobs
  • 37. Otras aplicaciones interesantes: Vagos.es 38
  • 38. Otras aplicaciones interesantes: WordReference 39
  • 39. Los grandes xitos de la Web 2.0 Los 3 gigantes: Google Domina todas las bsquedas mundiales y la publicidad Las mejores aplicaciones: Google Maps, Google Reader, Gmail, Google Docs, iGoogle, Duea de sitios clave: YouTube, Blogger Yahoo! Lder de los portales Alternativa til a Google en bsquedas, publicidad, correo, Duea de sitios clave: del.ico.us, Flickr Microsoft Monopolio de facto de los sistemas operativos de escritorio, con sus aplicaciones por defecto: navegador, buscador, pgina de inicio, Copia y pretende competir con los otros 2 (bsquedas, mapas, earth,) Tiene 3 de las webs ms importantes de Internet: Live Search, MSN y Microsoft
  • 40. Influencia social de la Web 2.0: Poltica
  • 41. Aplicaciones educativas Existen herramientas Web 2.0 especialmente utilizadas en el mundo acadmico: Los congresos virtuales Con la Web 2.0, no hay necesidad de reunirse fsicamente para organizar este tipo de eventos. Muchas veces, se usa un wiki para organizar el congreso Las conferencias se dan en lnea, con transparencias, vdeo, chat, votaciones, comparticin de aplicaciones, etc. y quedan grabadas Posteriormente, se sigue el debate en foros Los e-portfolios o portafolios electrnicos Son una coleccin de recursos digitales recopilados por un usuario normalmente en Web. Pueden incluir texto, ficheros de todo tipo, multimedia, mensajes de blog y enlaces Suelen ser de 3 tipos: de trabajo, de muestra o de reflexin. Se suelen utilizar para la evaluacin mediante evidencias de trabajo Los entornos personales de aprendizaje (PLE) Complementan a los clsicos LMS como Moodle, Sakai, Blackboard o WebCT, Hablaremos de ellos ms adelante. 42
  • 42. Congreso virtual: Corporate Learning: Trends and Innovations 43 Fuente: http://www.complexive.com/wiki/index.php/Main_Page
  • 43. E-portfolio 44 Fuente: http://www.eportfolio.lagcc.cuny.edu/ePortfolios/Advanced/Sandra.Rios/Spring_2005/index.html