Universidad Nacional Daniel Alcides Carrión FACULTAD DE CIENCIAS DE LA EDUCACIÓN  Y COMUNICACIÓN SOCIAL ESCUELA PROFESIONAL DE EDUCACIÓN A DISTANCIA TEMA:  WEB 2.0 LIC. CESAR ALCANTARA VEGA  DOCENTE : Cerro de Pasco, Setiembre DEL 2010  ASIGNATURA: USOS EDUCATIVOS DE INTERNETI
Web 2.0
 
El concepto original del contexto, llamado  Web 1.0  era páginas estáticas programadas en  HTML  (Hyper Text Mark Language) que no eran actualizadas frecuentemente. El éxito de las  .com  dependía de webs más dinámicas (a veces llamadas  Web 1.5 ) Web 2.0 nos referimos a una serie de aplicaciones y páginas de Internet que utilizan la inteligencia colectiva para proporcionar servicios interactivos en red dando al usuario el control de sus datos.
Web 2.0, como propuso  Xavier Ribes en 2007 , "todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido (añadiendo, cambiando o borrando información o asociando datos a la información existente), bien en la forma de presentarlos o en contenido y forma simultáneamente".
Para compartir en la Web 2.0 se utilizan una serie de herramientas, entre las que se pueden destacar: Blogs : La blogosfera es el conjunto de blogs que hay en Internet. Un blog es un espacio web personal en el que su autor (puede haber varios autores autorizados) puede escribir cronológicamente artículos, noticias...(con imágenes y enlaces), pero además es un espacio colaborativo donde los lectores también pueden escribir sus comentarios a cada uno de los artículos (entradas/post) que ha realizado el autor. Hay diversos servidores de weblog gratuitos como por ejemplo:  Blogger .  Wordpress
Wikis : En hawaiano "wikiwiki " significa: rápido, informal. Una wiki es un espacio web corporativo, organizado mediante una estructura hipertextual de páginas (referenciadas en un menú lateral), donde varias personas autorizadas elaboran contenidos de manera asíncrona. Basta pulsar el botón "editar" para acceder a los contenidos y modificarlos. Suelen mantener un archivo histórico de las versiones anteriores y facilitan la realización de copias de seguridad de los contenidos. Hay diversos servidores de wiki gratuitos:  Wikia .
Todos estos entornos nos permiten almacenar recursos en Internet, compartirlos y visualizarlos cuando nos convenga desde Internet. Constituyen una inmensa fuente de recursos y lugares donde publicar materiales para su difusión mundial.  Documentos: Vídeos Presentaciones Fotos:  Flickr
Virtualización Computación distribuida, Grid Web 2.0 Web Semántica Open Source SOA
La Web como plataforma El navegador pasa a ser la única aplicación Correo, Calendario, Contactos, Fotos, Ofimática El usuario sube y almacena contenido en la Web Inteligencia Colectiva (Folksonomy) Categorización colaborativa basada en etiquetas (tags) La opinión de los usuarios cuenta y mucho. La información se comparte y se combina Agregación de datos de diferentes fuentes (Mashups) Interfaz de usuario equivalente al escritorio AJAX
Una Web 2.0 debe tener un 50% o más de su estructura basada en al menos dos de los siguientes elementos o tecnologías: Blogs Wikis Tags (etiquetas) Mashups (con Google Maps, Yahoo, otros) AJAX Feeds (RSS, Atom) Redes sociales
Remy Maucherat (France) – Jboss http://labs.jboss.com/developers/#RemyMaucherat Filip Hanik (Sweden) - JBoss Jean François Arcand (Prevost, Quebec) - Sun ... ... Nacho Ortega (Granada, Spain) – SIAPI http://jakarta.apache.org/site/whoweare.html http://www.jgroups.org/javagroupsnew/docs/members.html
Tecnologías Web 2.0
CSS (Separación de Diseño y Contenido) RSS, RDF, ATOM (Sindicación y agregación de contenidos) AJAX (Aplicaciones Web basadas en HTML y XML con componentes asíncronos) JAVA WEB START, FLEX, LASZLO, FLASH (Clientes Ricos Ligeros no HTML) CAPTCHA (Palabra aleatoria y distorsionada sólo legible para ojos humanos que sirve para evitar el acceso de robots)
SOAP, REST, JCC (Servicios Web) SSO, Registro, Federación de Identidad (Autenticación, Autorización y Seguridad en el acceso a las Aplicaciones WEB) JAVASCRIPT, RUBY, PYTHON, PHP, Groovy (Lenguajes de Script) Frameworks ágiles: RubyOnRails, Jruby, Grails
Soporte multinavegador (IE, Firefox, Opera, Safari, Netscape, otros) Soporte de Sistemas Operativos alternativos como Linux, Solaris o MacOSX Existencia de librerías y aplicaciones en Software Libre desarrolladas en comunidad. Uso abundante de Open Source en las versiones comerciales y enterprise
AJAX
AJAX es un acrónimo de  Asynchronous Javascript And XML AJAX utiliza JavaScript combinado con XML para recargar información del servidor sin refrescar la página A nivel técnico se basa en el soporte por parte del navegador del objeto  XMLHttpRequest El término AJAX fue acuñado por Jesse James Garrett en Febrero de 2005 Ventajas del uso de AJAX en aplicaciones WEB: Mejora cualitativa en la experiencia del usuario WEB Tecnología RIA (Rich Internet Application) evolutiva, y no rupturista como Flash, XUL y otras El ancho de banda consumido disminuye
Validación de formularios en tiempo real Identificador de usuario, números de serie, códigos postales, cupones de promoción, y otros campos se pueden validar contra el servidor antes de que el usuario envíe el formulario completo. Auto-Completar Direcciones de correo electrónico, nombres de personas o ciudades se pueden autocompletar según el usuario va escribiendo Operaciones Maestro - Detalle Basado en eventos del cliente, la página HTML actualiza información detallada de productos según se van seleccionando
Controles de interfaz de usuario (GUI) avanzados  Arboles, Menús, Barras de progreso, Zoom, Mapas que se actualizan sin refrescar la página Refresco automático sólo de datos Lás páginas HTML consultan al servidor y  actualizan resultados deportivos, cotizaciones de bolsa, temperaturas, o cualquier otro dato específico Notificación desde el servidor (PUSH) La página HTML recibe notificaciones del servidor, bien mediante “Polling” o “Comet Programming”
General:  El sitio no debe actuar como un "jardín cerrado": la información debe poderse introducir y extraer fácilmente  Los usuarios deberían controlar su propia información  Basada exclusivamente en la Web: los sitios Web 2.0 con más éxito pueden ser utilizados enteramente desde un navegador  La existencia de links es requisito imprescindible
Aplicaciones Educativas Anteriormente internet era propiamente unidireccional, es decir, la información era más bien de corte informativo y no permitía la interacción directa con y entre los usuarios. Hoy en día, se ha convertido en bidireccional y nos permite la interacción de todo tipo de contenido, sean estos videos, imágenes, textos e inclusive almacenamiento y edición de archivos online y en tiempo real. Estas herramientas permiten la integración de un tejido social, es decir, una red de personas que pueden interactuar a través de los espacios que se han generado en internet, tales como blogs, google groups, twitter, facebook, wikipedia
Todos contribuyendo en la Web
La web 2.0 permite nuevos roles para profesores y alumnos sobre todo en base al trabajo autónomo y colaborativo, crítico y creativo, la expresión personal, investigar y compartir recursos, crear conocimiento y aprender... Con sus aplicaciones de edición profesores y estudiantes pueden elaborar fácilmente materiales de manera individual o grupal, compartirlos y someterlos a los comentarios de los lectores
Para que realmente se pueda realizar el trabajo educativo individual o en grupo frente un ordenador y el ciberespacio se requieren unas premisas básicas infraestructurales: En el centro docente se debe tener una intranet educativa, aulas con ordenadores suficientes para todos los alumnos y con conexión a internet.  Los estudiantes necesitan disponer de ordenador y conexión a internet también en casa.  El profesorado deberá tener a su alcance un buen equipo para realizar y preparar todas las actividades.  Disponer de recursos para que los ciudadanos puedan acceder a internet como bibliotecas, centros cívicos, zonas wifi, etc.
Así mismo, los estudiantes y el profesorado tienen que tener unas competencias mínimas para usar bien los recursos que la web ofrece. Estudiantes  Competencias digitales: saber navegar (buscar, valorar y seleccionar), expresarse y comunicarse con otros en el ciberespacio, conocer los riesgos (plagio, spam, falsedad)  Competencias sociales: saber trabajar en equipo con respeto y responsabilidad.  Otras: capacidad de crítica, creatividad, capacidad de resolución de problemas, iniciativa y aprendizaje autónomo, etc.  Profesorado  Competencias digitales: las mismas que los estudiantes.  Competencias didácticas: aplicar modelos de uso de las aplicaciones web 2.0 bien contextualizados.  Conocimiento de las reglas claras en cuanto a la utilización de los recursos.
Podemos compartir información (Derechos de Autor Creative Commons).  Subir archivos a la red (Publicar y compartir información por medio de herramientas como: Scribd, Slideshare, entre otras).  Escribir (Colaborar en la producción de contenidos por medio de Wikis, Blogs entre otras herramientas).  Re-escribir la información (Editar).  Escuchar y hablar (Participar en video o teleconferencias por medio de herramientas como: Skype, Youtube entre otras).  Recuperar información (A través de folcsonomías [10]  por medio de herramientas como: Delicious, Meneame).  Participar en redes sociales (Por medio de herramientas como: Myspace, Second Life, Facebook).

Trabajo undac web 2.0

  • 1.
    Universidad Nacional DanielAlcides Carrión FACULTAD DE CIENCIAS DE LA EDUCACIÓN Y COMUNICACIÓN SOCIAL ESCUELA PROFESIONAL DE EDUCACIÓN A DISTANCIA TEMA: WEB 2.0 LIC. CESAR ALCANTARA VEGA DOCENTE : Cerro de Pasco, Setiembre DEL 2010 ASIGNATURA: USOS EDUCATIVOS DE INTERNETI
  • 2.
  • 3.
  • 4.
    El concepto originaldel contexto, llamado Web 1.0 era páginas estáticas programadas en HTML (Hyper Text Mark Language) que no eran actualizadas frecuentemente. El éxito de las .com dependía de webs más dinámicas (a veces llamadas Web 1.5 ) Web 2.0 nos referimos a una serie de aplicaciones y páginas de Internet que utilizan la inteligencia colectiva para proporcionar servicios interactivos en red dando al usuario el control de sus datos.
  • 5.
    Web 2.0, comopropuso Xavier Ribes en 2007 , "todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido (añadiendo, cambiando o borrando información o asociando datos a la información existente), bien en la forma de presentarlos o en contenido y forma simultáneamente".
  • 6.
    Para compartir enla Web 2.0 se utilizan una serie de herramientas, entre las que se pueden destacar: Blogs : La blogosfera es el conjunto de blogs que hay en Internet. Un blog es un espacio web personal en el que su autor (puede haber varios autores autorizados) puede escribir cronológicamente artículos, noticias...(con imágenes y enlaces), pero además es un espacio colaborativo donde los lectores también pueden escribir sus comentarios a cada uno de los artículos (entradas/post) que ha realizado el autor. Hay diversos servidores de weblog gratuitos como por ejemplo: Blogger . Wordpress
  • 7.
    Wikis : Enhawaiano "wikiwiki " significa: rápido, informal. Una wiki es un espacio web corporativo, organizado mediante una estructura hipertextual de páginas (referenciadas en un menú lateral), donde varias personas autorizadas elaboran contenidos de manera asíncrona. Basta pulsar el botón "editar" para acceder a los contenidos y modificarlos. Suelen mantener un archivo histórico de las versiones anteriores y facilitan la realización de copias de seguridad de los contenidos. Hay diversos servidores de wiki gratuitos: Wikia .
  • 8.
    Todos estos entornosnos permiten almacenar recursos en Internet, compartirlos y visualizarlos cuando nos convenga desde Internet. Constituyen una inmensa fuente de recursos y lugares donde publicar materiales para su difusión mundial. Documentos: Vídeos Presentaciones Fotos: Flickr
  • 9.
    Virtualización Computación distribuida,Grid Web 2.0 Web Semántica Open Source SOA
  • 10.
    La Web comoplataforma El navegador pasa a ser la única aplicación Correo, Calendario, Contactos, Fotos, Ofimática El usuario sube y almacena contenido en la Web Inteligencia Colectiva (Folksonomy) Categorización colaborativa basada en etiquetas (tags) La opinión de los usuarios cuenta y mucho. La información se comparte y se combina Agregación de datos de diferentes fuentes (Mashups) Interfaz de usuario equivalente al escritorio AJAX
  • 11.
    Una Web 2.0debe tener un 50% o más de su estructura basada en al menos dos de los siguientes elementos o tecnologías: Blogs Wikis Tags (etiquetas) Mashups (con Google Maps, Yahoo, otros) AJAX Feeds (RSS, Atom) Redes sociales
  • 12.
    Remy Maucherat (France)– Jboss http://labs.jboss.com/developers/#RemyMaucherat Filip Hanik (Sweden) - JBoss Jean François Arcand (Prevost, Quebec) - Sun ... ... Nacho Ortega (Granada, Spain) – SIAPI http://jakarta.apache.org/site/whoweare.html http://www.jgroups.org/javagroupsnew/docs/members.html
  • 13.
  • 14.
    CSS (Separación deDiseño y Contenido) RSS, RDF, ATOM (Sindicación y agregación de contenidos) AJAX (Aplicaciones Web basadas en HTML y XML con componentes asíncronos) JAVA WEB START, FLEX, LASZLO, FLASH (Clientes Ricos Ligeros no HTML) CAPTCHA (Palabra aleatoria y distorsionada sólo legible para ojos humanos que sirve para evitar el acceso de robots)
  • 15.
    SOAP, REST, JCC(Servicios Web) SSO, Registro, Federación de Identidad (Autenticación, Autorización y Seguridad en el acceso a las Aplicaciones WEB) JAVASCRIPT, RUBY, PYTHON, PHP, Groovy (Lenguajes de Script) Frameworks ágiles: RubyOnRails, Jruby, Grails
  • 16.
    Soporte multinavegador (IE,Firefox, Opera, Safari, Netscape, otros) Soporte de Sistemas Operativos alternativos como Linux, Solaris o MacOSX Existencia de librerías y aplicaciones en Software Libre desarrolladas en comunidad. Uso abundante de Open Source en las versiones comerciales y enterprise
  • 17.
  • 18.
    AJAX es unacrónimo de Asynchronous Javascript And XML AJAX utiliza JavaScript combinado con XML para recargar información del servidor sin refrescar la página A nivel técnico se basa en el soporte por parte del navegador del objeto XMLHttpRequest El término AJAX fue acuñado por Jesse James Garrett en Febrero de 2005 Ventajas del uso de AJAX en aplicaciones WEB: Mejora cualitativa en la experiencia del usuario WEB Tecnología RIA (Rich Internet Application) evolutiva, y no rupturista como Flash, XUL y otras El ancho de banda consumido disminuye
  • 19.
    Validación de formulariosen tiempo real Identificador de usuario, números de serie, códigos postales, cupones de promoción, y otros campos se pueden validar contra el servidor antes de que el usuario envíe el formulario completo. Auto-Completar Direcciones de correo electrónico, nombres de personas o ciudades se pueden autocompletar según el usuario va escribiendo Operaciones Maestro - Detalle Basado en eventos del cliente, la página HTML actualiza información detallada de productos según se van seleccionando
  • 20.
    Controles de interfazde usuario (GUI) avanzados Arboles, Menús, Barras de progreso, Zoom, Mapas que se actualizan sin refrescar la página Refresco automático sólo de datos Lás páginas HTML consultan al servidor y actualizan resultados deportivos, cotizaciones de bolsa, temperaturas, o cualquier otro dato específico Notificación desde el servidor (PUSH) La página HTML recibe notificaciones del servidor, bien mediante “Polling” o “Comet Programming”
  • 21.
    General: Elsitio no debe actuar como un "jardín cerrado": la información debe poderse introducir y extraer fácilmente Los usuarios deberían controlar su propia información Basada exclusivamente en la Web: los sitios Web 2.0 con más éxito pueden ser utilizados enteramente desde un navegador La existencia de links es requisito imprescindible
  • 22.
    Aplicaciones Educativas Anteriormenteinternet era propiamente unidireccional, es decir, la información era más bien de corte informativo y no permitía la interacción directa con y entre los usuarios. Hoy en día, se ha convertido en bidireccional y nos permite la interacción de todo tipo de contenido, sean estos videos, imágenes, textos e inclusive almacenamiento y edición de archivos online y en tiempo real. Estas herramientas permiten la integración de un tejido social, es decir, una red de personas que pueden interactuar a través de los espacios que se han generado en internet, tales como blogs, google groups, twitter, facebook, wikipedia
  • 23.
  • 24.
    La web 2.0permite nuevos roles para profesores y alumnos sobre todo en base al trabajo autónomo y colaborativo, crítico y creativo, la expresión personal, investigar y compartir recursos, crear conocimiento y aprender... Con sus aplicaciones de edición profesores y estudiantes pueden elaborar fácilmente materiales de manera individual o grupal, compartirlos y someterlos a los comentarios de los lectores
  • 25.
    Para que realmentese pueda realizar el trabajo educativo individual o en grupo frente un ordenador y el ciberespacio se requieren unas premisas básicas infraestructurales: En el centro docente se debe tener una intranet educativa, aulas con ordenadores suficientes para todos los alumnos y con conexión a internet. Los estudiantes necesitan disponer de ordenador y conexión a internet también en casa. El profesorado deberá tener a su alcance un buen equipo para realizar y preparar todas las actividades. Disponer de recursos para que los ciudadanos puedan acceder a internet como bibliotecas, centros cívicos, zonas wifi, etc.
  • 26.
    Así mismo, losestudiantes y el profesorado tienen que tener unas competencias mínimas para usar bien los recursos que la web ofrece. Estudiantes Competencias digitales: saber navegar (buscar, valorar y seleccionar), expresarse y comunicarse con otros en el ciberespacio, conocer los riesgos (plagio, spam, falsedad) Competencias sociales: saber trabajar en equipo con respeto y responsabilidad. Otras: capacidad de crítica, creatividad, capacidad de resolución de problemas, iniciativa y aprendizaje autónomo, etc. Profesorado Competencias digitales: las mismas que los estudiantes. Competencias didácticas: aplicar modelos de uso de las aplicaciones web 2.0 bien contextualizados. Conocimiento de las reglas claras en cuanto a la utilización de los recursos.
  • 27.
    Podemos compartir información(Derechos de Autor Creative Commons). Subir archivos a la red (Publicar y compartir información por medio de herramientas como: Scribd, Slideshare, entre otras). Escribir (Colaborar en la producción de contenidos por medio de Wikis, Blogs entre otras herramientas). Re-escribir la información (Editar). Escuchar y hablar (Participar en video o teleconferencias por medio de herramientas como: Skype, Youtube entre otras). Recuperar información (A través de folcsonomías [10] por medio de herramientas como: Delicious, Meneame). Participar en redes sociales (Por medio de herramientas como: Myspace, Second Life, Facebook).

Notas del editor

  • #19 AJAX term is new, but the technology is not that new.
  • #20 Some uses for AJAX interactions are the following: * Real-Time Form Data Validation: Form data such as user IDs, serial numbers, postal codes, or even special coupon codes that require server-side validation can be validated in a form before the user submits a form. * Autocompletion: A specific portion of form data such as an email address, name, or city name may be autocompleted as the user types. * Master Details Operations: Based on a client event, an HTML page can fetch more detailed information on data such as a product listing that enables the client to view the individual product information without refreshing the page. * Sophisticated User Interface Controls: Controls such as tree controls, menus, and progress bars may be provided that do not require page refreshes. * Refreshing Data on the Page: HTML pages may poll data from a server for up-to-date data such as scores, stock quotes, weather, or application-specific data. * Server-side Notifications: An HTML page may simulate a server-side push by polling the server for event notifications that may notify the client with a message, refresh page data, or redirect the client to another page.
  • #21 Some uses for AJAX interactions are the following: * Real-Time Form Data Validation: Form data such as user IDs, serial numbers, postal codes, or even special coupon codes that require server-side validation can be validated in a form before the user submits a form. * Autocompletion: A specific portion of form data such as an email address, name, or city name may be autocompleted as the user types. * Master Details Operations: Based on a client event, an HTML page can fetch more detailed information on data such as a product listing that enables the client to view the individual product information without refreshing the page. * Sophisticated User Interface Controls: Controls such as tree controls, menus, and progress bars may be provided that do not require page refreshes. * Refreshing Data on the Page: HTML pages may poll data from a server for up-to-date data such as scores, stock quotes, weather, or application-specific data. * Server-side Notifications: An HTML page may simulate a server-side push by polling the server for event notifications that may notify the client with a message, refresh page data, or redirect the client to another page.