Upload
raymond-goldsmith
View
3.122
Download
0
Embed Size (px)
DESCRIPTION
Algunas caracteísticas que debe tener el dieñador web y la web 2.0
Citation preview
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