Perfil del nuevoPerfil del nuevoDiseDiseññador Webador Web

Han pasado 17 años desde que en 1991 TimBerners-Lee creara la primera página webbasada en hipertexto dando inicio a la eraweb.

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

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

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

Diseño Sitio WebWeb 2.0

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.

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

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

Vídeo introductorio: The Machine is Us/ing Us

Fuente: http://es.youtube.com/watch?v=6gmP4nk0EOE

Personaje del año 2006 en la revista Time: Tú

¿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

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

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)

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

El mejor wiki: la Wikipedia

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

Ejemplo de compartición de medios: Fotos en Flickr

Ejemplo de compartición de medios: Vídeos en YouTube

Compartición de medios: presentaciones en Slideshare

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

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

Ejemplo de red social en Facebook

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

Ejemplo de marcadores sociales: del.icio.us

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

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) ‏

Ejemplo de fuentes RSS

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

Ejemplo de aplicación Web avanzada: Google Docs

Ejemplo de aplicación Web avanzada: Zoho

Otras aplicaciones interesantes: RapidShare

Otras aplicaciones interesantes: ebay

Otras aplicaciones interesantes: amazon

Otras aplicaciones interesantes: Skype

Otras aplicaciones interesantes: InfoJobs

38

Otras aplicaciones interesantes: Vagos.es

39

Otras aplicaciones interesantes: WordReference

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

Influencia social de la Web 2.0: Política

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.

43

Congreso virtual: “Corporate Learning: Trends and Innovations”

Fuente: http://www.complexive.com/wiki/index.php/Main_Page

44

E-portfolio

Fuente: http://www.eportfolio.lagcc.cuny.edu/ePortfolios/Advanced/Sandra.Rios/Spring_2005/index.html