PDF de programación - La Web 2.0 como Herramienta Docente

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

La Web 2.0 como Herramienta Docente

Centro Buendía

Jesús Vegas

Departamento de Infomática
Universidad de Valladolid

Primavera-Verano 2008

Esquema
Internet
Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0

WWW
Web Docente 1.0

Web 2.0

Aplicaciones Web 2.0
Web Docente 2.0
Herramientas

Herramientas con Uso Docente
Herramientas Docentes

E-learning 2.0

Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Internet

Internet es un conjunto accesible de redes de

computadoras conectadas que transmiten datos
utilizando el estándar TCP/IP.

Es una red de redes que interconecta millones de

computadoras grandes y pequeñas, privadas y
públicas, y que transporta datos y servicios distintos.

Acceso remoto a consola
Correo electrónico
Transferencia de archivos

Internet y WWW no son sinónimos.

Uso de Internet
Datos referidos a 2007 en millones de habitantes.

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

Web 2.0 Docente

J. Vegas

Internet

Región
Africa
Asia
Europa
Oriente M.
América N.
América S.
Oceania
TOTAL

Población Uso Internet Penetración 2000-2007
Web 1.0
882,7 %
WWW
Web Docente 1.0
346,6 %
Web 2.0
231,2 %
Aplicaciones Web 2.0
Web Docente 2.0
920,2 %
Herramientas
120,2 %
Herramientas con Uso
Docente
Herramientas Docentes
598,5 %
151,6 %
265,6 %

941,2
3.733,8
801,8
192,7
334,6
569,1
33,6
6.606,9

44,4
510,5
348,1
33,5
238,0
126,2
19,1
1.319,8

4,7 %
13,7 %
43,4 %
17,4 %
71,1 %
9,6 %
57,1 %
20,0 %

Qué es Internet?
Infraestructura
Cómo es Internet?

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

www.internetworldstats.com

Resumen

Referencias

Redes Conectadas
Infraestructura Mundial

Redes Conectadas
Infraestructura Europea

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

GÉANT2 CoverageALICE-RedCLARA NetworkEUMEDCONNECT NetworkTEIN2 NetworkSEEREN2 NetworkAt the Heart of Global Research Networkingwww.eumedconnect.netAmerica Latina Interconectada Con Europawww.dante.net/alicewww.geant2.netGÉANT2 Global Connectivity November 2006GÉANT2 is operated by DANTE on behalf of Europe’s research and education networks10 Gbps2.5 Gbps622 Mbps155 Mbps8-45 MbpsNumber of Links10 GbpsDark Fibre2.5 Gbps310 Mbps155 Mbps34/45 Mbps“Dark Fibre” links provide multiple wavelengths at 10 Gbps. “Dark Fibre” links also have back-up IP connections. Details of these can be found at www.geant2.netPlanned UpgradeAustriaBelgiumBulgariaSwitzerlandCyprusCzech RepublicGermanyDenmark*EstoniaSpainFinland*FranceGreeceCroatiaHungaryIrelandIsraelIceland*ItalyLithuaniaLuxembourgLatviaMaltaNetherlandsNorway*PolandPortugalRomaniaRussiaSweden*SloveniaSlovakiaTurkeyUnited Kingdom*Connections between these countries are part of NORDUnet (the Nordic regional network) IL includes commodity IP back-upATBEUKTRSKSISERUROPTPLNONLMTLVLULTITISILIEHUHRGRFRFIESEEDKDECZCYCHBGGÉANT2 is operated by DANTE on behalf of Europe’s NRENs.GÉANT2 Lighting the pathway for European Research and EducationBackbone Topology January 2008GÉANT2 is co-funded by the European Commission within its 6th R&D Framework Programme.The first international hybrid research and education network.Lighting dark fibre for greater network performance. This document has been produced with the financial assistance of the European Union. The contents of this document are the sole responsibility of DANTE and can under no circumstances be regarded as reflecting the position of the European Union.Redes Conectadas
Infraestructura Española

Cómo es Internet?

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

World Wide Web
WWW

World Wide Web es un sistema de
documentos hipertexto enlazados
vía Internet.

WWW fue creado en 1989 por Tim

Berners-Lee, CERN de Ginebra.
Elementos: usuario, Navegador

Web, Servidor Web, administrador
web.

Hipertext Transfer Protocol
HTTP

Solicitud Cliente
GET /index.html HTTP/1.1 Host: www.example.com

Respuesta Servidor
HTTP/1.1 200 OK Date: Mon, 23 May 2005
22:38:34 GMT Server: Apache/1.3.3.7 (Unix)
(Red-Hat/Linux) Last-Modified: Wed, 08 Jan
2003 23:11:55 GMT Accept-Ranges: bytes
Content-Length: 438 Connection: close
Content-Type: text/html; charset=UTF-8

<HTML><BODY>Hola!!</BODY></HTML>

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

HyperText Markup Language
HTML

Lenguaje de especificación de

páginas web.

Estructura/Presentación de la
información de un documento.

HTML
Plantilla Página Web

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

navegacionidentificaciónfecha actualizaciónenlacesinternos odescendientesenlacesprincipales<table>separador<hr>separador<hr>cabecera <table>cuerpo <table>informaciónUVAtítulo <title>título <font>foto del profesor<img>pie <table>Web 1.0

Web 1.0 se refiere al estado del WWW antes del

Web 2.0 (1994–2004).

Los sitios web eran un modo de publicación de

sentido único: editor web → usuario.

Web Docente 1.0

Web Docente conjunto de páginas creadas como

soporte para la educación.

Web creado por el profesor para la enseñanza de

una asignatura:

Programa de la asignatura (objetivos, contenidos,

evaluación, ...).

Materiales (apuntes, referencias, ...).
Noticias, calendario de eventos y tablón de anuncios.
Enlaces de interés.

Flujo de información
Profesor (Generador de Información)→ alumno
(Receptor de Información).

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es Internet?

Web 1.0
WWW
Web Docente 1.0

Web 2.0
Aplicaciones Web 2.0
Web Docente 2.0
Herramientas
Herramientas con Uso
Docente
Herramientas Docentes

E-learning 2.0
Mundos Virtuales
Alumnos
Universidad
Sociedad

Resumen

Referencias

Web Docente 1.0

Sitios web estáticos: se crean las páginas y se

almacenan en un servidor.

Editores HTML: Dreamweaver, a mano...
Gráficos: Gimp, Photoshop, CorelDraw ...
Multimedia: Flash, ...
Programación: JavaScript, Java, ...
Publicación en el servidor: FTP, filezilla, ...

Sitios web dinámicos: la información mostrada se

obtiene de una Base de Datos de manera dinámica.

PHP + mSQL

Profesores-Programadores Web

Profesores-Programadores Web: una nueva
especie...
Los profesores enseñan ...
Los profesores investigan ...
Los profesores gestionan ...
Los profesores programan en el Web...

Monje - Ayuda de Escritorio

Web 2.0 Docente

J. Vegas

Internet

Qué es Internet?
Infraestructura
Cómo es