Perfil Diseñador y la Web 2.0
-
Upload
raymond-goldsmith -
Category
Design
-
view
3.122 -
download
0
description
Transcript of Perfil Diseñador y la Web 2.0
![Page 1: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/1.jpg)
Perfil del nuevoPerfil del nuevoDiseDiseññador Webador Web
![Page 2: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/2.jpg)
Han pasado 17 años desde que en 1991 TimBerners-Lee creara la primera página webbasada en hipertexto dando inicio a la eraweb.
![Page 3: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/3.jpg)
¿Cuál es el perfil delnuevo Diseñador 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 tecnologías.
• El nuevo diseñador web tiene un concepto• muy claro: todo sitio web debe ser usable y
accesible.• Prueba, se equivoca, investiga y produce
soluciones.
![Page 4: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/4.jpg)
¿Cuál es el perfil delnuevo Diseñador Web?
• El buen diseñador web no depende de una u otra
herramienta y podría desarrollar sus primeros bocetos a
mano en cualquier pedazo de papel, es alguien que crea
ideas más que piezas.
• Conoce y aplica los estándares web como HTML y CSS.
• Privilegie el contenido por sobre el añadido.
• La simplicidad por sobre lo sobrecargado.
![Page 5: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/5.jpg)
¿Cuál es el perfil delnuevo Diseñador Web?
• Se adapta y sabe trabajar en ambientes multidiciplinarios.• No tiene problemas en leer y comprender algunos lenguajes
de programación.• Adapta su trabajo y lo enriquece con el uso de algunos CMS.• Drupal, Joomla, Wordpress.
![Page 6: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/6.jpg)
Diseño Sitio WebWeb 2.0
![Page 7: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/7.jpg)
Concepto Web Concepto Web 2.0 2.0
MMááxima interaccixima interaccióón entre los usuarios n entre los usuarios y desarrollo de redes sociales en donde puedany desarrollo de redes sociales en donde puedan
Expresarse, Opinar, Buscar y Recibir informaciExpresarse, Opinar, Buscar y Recibir informacióón de Intern de Interéés, s, Colaborar y Crear conocimientoColaborar y Crear conocimiento.
![Page 8: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/8.jpg)
●● Concepto Web 2.0 Concepto Web 2.0 ●●Web 2.0 es una Actitud y no una tecnologWeb 2.0 es una Actitud y no una tecnologííaa..
Que es mQue es máás s importante:importante:
¿¿ El contenido o El contenido o el Diseel Diseñño?o?
EL USOEL USO
![Page 9: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/9.jpg)
Para expresarse/crear y publicarPara expresarse/crear y publicar: : blogblog, , wikiwiki..
Para publicar y buscar informaciPara publicar y buscar informacióónn: : YouTubeYouTube, , FlickrFlickr, , SlideShareSlideShare, , Del.icio.usDel.icio.us..
Para acceder a informaciPara acceder a informacióón de intern de interééss: : RSS, XML, RSS, XML, BloglinesBloglines, , GoogleReaderGoogleReader..
Redes socialesRedes sociales: : FacebookFacebook, , MySpaceMySpace,,
Servidores gratuitos:Servidores gratuitos: BloggerBlogger, , WordPressWordPress..
Herramientas Herramientas
La plataforma de trabajo es La plataforma de trabajo es la propia pla propia páágina webgina web
No es necesario tener instalado un software cliente en el ComputNo es necesario tener instalado un software cliente en el Computadorador
Herramientas: Gratuitas, Convergentes y MultiplataformasHerramientas: Gratuitas, Convergentes y Multiplataformas
![Page 10: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/10.jpg)
![Page 11: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/11.jpg)
Vídeo introductorio: The Machine is Us/ing Us
Fuente: http://es.youtube.com/watch?v=6gmP4nk0EOE
![Page 12: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/12.jpg)
Personaje del año 2006 en la revista Time: Tú
![Page 13: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/13.jpg)
¿Qué es la Web 2.0?
Se pasa de una web fundamentalmenteinformativa y creada por expertos a unaweb social, donde cualquiera puedeparticipar fácilmente y manejar todo tipode aplicacionesSe crean aplicaciones Web muypotentes y sencillas de manejar
![Page 14: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/14.jpg)
Webs más utilizadas a nivel mundial14. Friendster15. Fotolog16. Yahoo Japan (Y)17. Google France (G)18. Baidu (China)19. Microsoft (MS) 20. Ebay21. Skyrock22. Google Chile (G) 23. Megarotic24. Mail.ru (Rusia)25. QQ.com (China) Web 2.0: 15/25
Fuente:
1. Yahoo (Y)
2. Google (G)
3. YouTube (G)
4. Live Search (MS)
5. MSN (MS)
6. Myspace
7. Facebook
8. Hi5
9. Wikipedia
10. Orkut (G)
11. Rapidshare
12. Blogger (G)
13. Megauploadhttp://www.alexa.com
![Page 15: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/15.jpg)
Blogs• Son páginas web muy sencillas que cualquiera puede utilizar
• Se limitan a mostrar noticias de forma secuencial, apareciendo las más recientes en la parte superior
• Consiguen que cualquiera pueda publicar fácilmente cualquier tipo de información en Internet, normalmente de forma gratuita
• Se han convertido en una importante fuente de noticias alternativa a los medios de comunicación tradicionales
• Actualmente hay más de 110 millones de blogs en Internet (según Technorati)
• Los ejemplos más típicos de webs gratuitas de creación de blogs son Blogger (que pertenece a Google) y Wordpress (basada en software libre)
![Page 16: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/16.jpg)
Wikis• Son sitios web que varias personas pueden • modificar fácilmente• Cada página puede ser editada y los cambios que cada persona hace
quedan registrados, pudiéndose volver a cualquier versión anterior• Se pueden añadir enlaces a otras páginas fácilmente, normalmente basta
con poner el título de la nueva página entre dobles corchetes (Ejemplo: [[Nueva Página]])
• Con los wikis se consiguen 2 cosas fundamentales:– Crear y modificar páginas web fácilmente– Permitir la creación de documentos de forma cooperativa entre varias personas
• Los ejemplos más típicos de webs para crear wikis de forma gratuita son Wikispaces y pbWiki
• El wiki más importante del Mundo es la Wikipedia, una enciclopedia que cualquiera puede editar con millones de artículos en decenas de lenguajes
![Page 17: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/17.jpg)
El mejor wiki: la Wikipedia
![Page 18: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/18.jpg)
Compartición de mediosExisten multitud de webs que permiten publicar y compartir medios de todo tipo sin coste algunoCon ello se consigue que cualquiera pueda publicar cualquier tipo de medio en Internet y difundirlo fácilmenteNormalmente, no sólo se puede compartir y buscar medios, sino que se pueden integrar fácilmente dentro de páginas web, incluidos blogs y wikis, haciendo que nuestras publicaciones sean multimediaEjemplos
YouTube permite compartir vídeosFlickr permite compartir fotosSlideshare permite compartir transparenciasScribd permite compartir todo tipo de documentos de texto
![Page 19: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/19.jpg)
Ejemplo de compartición de medios: Fotos en Flickr
![Page 20: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/20.jpg)
Ejemplo de compartición de medios: Vídeos en YouTube
![Page 21: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/21.jpg)
Compartición de medios: presentaciones en Slideshare
![Page 22: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/22.jpg)
http://www.slideshare.net
Soporta los formatos: PPT, PPS, ODP, PDF
Es un servicio gratuito que permite compartir presentaciones
Permite subir hasta 20Mb por archivo
Sigue la filosofía de uso de servicios como youtube
Cada archivo subido es convertido al formato Flash
Permite que los usuarios de nuestros contenidos, dejen sus comentarios
Usa un reproductor que permite integrar la presentación en nuestro blog o página
web
![Page 23: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/23.jpg)
Redes socialesLas redes sociales permiten crear páginas personales donde definimos nuestros perfiles y compartimos recursos como fotos, vídeos, etc.
Nos permiten también conectar con otras personas a las que definimos como amigos dentro de nuestro perfil
También permiten crear comunidades de usuarios con intereses comunes
Así, podemos tener una red social de contactos con los que compartir información y relacionarnos
Los ejemplos más típicos de redes sociales gratuitas son Myspace y LinkedInFacebook a nivel general y para contactos profesionales
También podemos construir muy rápidamente nuestra propia red social en línea en Ning
Existe un software libre avanzado para la creación de redes sociales totalmente personalizadas, de gran eficacia en el ámbito educativo: Elgg
![Page 24: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/24.jpg)
Ejemplo de red social en Facebook
![Page 25: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/25.jpg)
Marcadores sociales y etiquetas
Nos permiten almacenar nuestros enlaces favoritos o marcadores en InternetLos enlaces son compartidos con el resto de los usuarios y están clasificados por etiquetas (descripciones cortas) Nos permiten almacenar gran cantidad de enlaces y luego recuperarlos fácilmenteSe comparte el conocimiento de cientos de miles de personas y nos ayuda a descubrir sitios nuevosActualmente, el sistema de marcadores sociales más utilizado profesionalmente es del.icio.usTambién existe un sistema de marcadores sociales orientado totalmente al descubrimiento automático de nuevas webs basadas en nuestros gustos personales: Stumbleupon
![Page 26: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/26.jpg)
Ejemplo de marcadores sociales: del.icio.us
![Page 27: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/27.jpg)
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 públicos y la categorización de los mismos se realiza a través de los tags
![Page 28: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/28.jpg)
Subscripción a fuentes RSSAntes teníamos que visitar periódicamente cada web para ver si había novedades en la mismaAhora las novedades de las webs que nos interesan llegan a nosotros mediante las llamadas fuentes RSS (también existen otras denominadas Atom, más minoritarias) Cada Web a la que podemos suscribirnos por RSS viene señalada normalmente por éste símbolo: También 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 RSSLos agregadores de RSS gratuitos más utilizados son: el propio navegador web (Internet Explorer 7 o Firefox 2) o Google Reader y Bloglines (en Web)
![Page 29: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/29.jpg)
Ejemplo de fuentes RSS
![Page 30: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/30.jpg)
Aplicaciones web avanzadasUna idea clave de la Web 2.0 es utilizar Internet como plataforma de desarrollo de aplicaciones avanzadasSe utilizan tecnologías como Ajax que permiten interfaces de usuario cómodas y fáciles de usar, parecidas a las aplicaciones de escritorio que podemos encontrar en WindowsAsí, se fomenta el uso del software como servicio ofertado por Internet, no como producto a instalar en el ordenadorEl ejemplo más típico de este tipo de aplicaciones es Google Docs, una suite ofimática sencilla que puede sustituir al clásico Microsoft OfficeGoogle Docs integra un procesador de textos compatible con Word, una hoja de cálculo compatible con Excel y una herramienta de presentaciones capaz de importar desde PowerPoint, aunque son mucho más sencillasOtra suite de aplicaciones avanzadas de negocios es Zoho, que también tiene ofimática, además de CRM, Wiki, Web conferencing y muchas otras aplicaciones
![Page 31: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/31.jpg)
Ejemplo de aplicación Web avanzada: Google Docs
![Page 32: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/32.jpg)
Ejemplo de aplicación Web avanzada: Zoho
![Page 33: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/33.jpg)
Otras aplicaciones interesantes: RapidShare
![Page 34: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/34.jpg)
Otras aplicaciones interesantes: ebay
![Page 35: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/35.jpg)
Otras aplicaciones interesantes: amazon
![Page 36: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/36.jpg)
Otras aplicaciones interesantes: Skype
![Page 37: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/37.jpg)
Otras aplicaciones interesantes: InfoJobs
![Page 38: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/38.jpg)
38
Otras aplicaciones interesantes: Vagos.es
![Page 39: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/39.jpg)
39
Otras aplicaciones interesantes: WordReference
![Page 40: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/40.jpg)
Los “grandes éxitos” de la Web 2.0
• Los 3 gigantes:– Google
• Domina todas las búsquedas mundiales y la publicidad• Las mejores aplicaciones: Google Maps, Google Reader, Gmail, Google
Docs, iGoogle,…• Dueña de sitios clave: YouTube, Blogger
– Yahoo!• Líder de los portales• Alternativa útil a Google en búsquedas, publicidad, correo,…• Dueña de sitios clave: del.ico.us, Flickr
– Microsoft• Monopolio de facto de los sistemas operativos de escritorio, con sus
aplicaciones por defecto: navegador, buscador, página de inicio,…• Copia y pretende competir con los otros 2 (búsquedas, mapas, earth,…) • Tiene 3 de las webs más importantes de Internet: Live Search, MSN y
Microsoft
![Page 41: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/41.jpg)
Influencia social de la Web 2.0: Política
![Page 42: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/42.jpg)
42
Aplicaciones educativasExisten herramientas Web 2.0 especialmente utilizadas en el mundo académico:
Los congresos virtualesCon la Web 2.0, no hay necesidad de reunirse físicamente para organizar este tipo de eventos.Muchas veces, se usa un wiki para organizar el congresoLas conferencias se dan en línea, con transparencias, vídeo, chat, votaciones, compartición de aplicaciones, etc. y quedan grabadasPosteriormente, se sigue el debate en foros
Los e-portfolios o portafolios electrónicosSon una colección de recursos digitales recopilados por un usuario normalmente en Web. Pueden incluir texto, ficheros de todo tipo,multimedia, mensajes de blog y enlacesSuelen ser de 3 tipos: de trabajo, de muestra o de reflexión.Se suelen utilizar para la evaluación mediante evidencias de trabajo
Los entornos personales de aprendizaje (PLE) Complementan a los clásicos LMS como Moodle, Sakai, Blackboard o WebCT, Hablaremos de ellos más adelante.
![Page 43: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/43.jpg)
43
Congreso virtual: “Corporate Learning: Trends and Innovations”
Fuente: http://www.complexive.com/wiki/index.php/Main_Page
![Page 44: Perfil Diseñador y la Web 2.0](https://reader034.fdocuments.net/reader034/viewer/2022051411/547969d3b479599f098b4757/html5/thumbnails/44.jpg)
44
E-portfolio
Fuente: http://www.eportfolio.lagcc.cuny.edu/ePortfolios/Advanced/Sandra.Rios/Spring_2005/index.html