Unidad 1 La Web 2.

UNIDAD

OBJETIVOS
Objetivo General
Conocer el término Web 2.0 como 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.

Objetivos Específicos

Identificar algunas herramientas colaborativas online para

compartir documentos, imágenes, recursos.
Diseñar un blog personal, para publicar información y actualizarla
permanentemente.

1
 Unidad 1 La Web 2.0
INTRODUCCION

La Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia

aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente
una tecnología.

La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia

aplicaciones que funcionan a través de la web enfocada al usuario final. Se trata de
aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de
escritorio.

Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por
brindar mejores soluciones para el usuario final. Muchos aseguran que hemos
reinventado lo que era el Internet, otros hablan de burbujas e inversiones, pero la
realidad es que la evolución natural del medio realmente ha propuesto cosas más
interesantes como lo analizamos diariamente en las notas de Actualidad.

Y es que cuando el web inició, nos encontrábamos en un entorno estático, con páginas en
HTML que sufrían pocas actualizaciones y no tenían interacción con el usuario.

Pero para entender de donde viene el término de Web 2.0 tenemos que remontarnos al
momento en que Dale Dougherty de O’Reilly Media utilizó este término en una
conferencia en la que compartió una lluvia de ideas junto a Craig Cline de MediaLive. En
dicho evento se hablaba del renacimiento y evolución de la web.

Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes

funcionalidades. Y así se dio la pauta para la Web 2.0 conference que arranca en el 2004
y hoy en día se realiza anualmente en San Francisco, con eventos adicionales utilizando
la marca en otros países.

Comparación con la "Web 1.0"

De acuerdo con Tim O'Reilly, la Web 2.0 puede ser comparada con la Web 1.0 de esta
manera:

Web 1.0 Web 2.0

DoubleClick Google AdSense

Ofoto Flickr

Akamai BitTorrent

mp3.com Napster

Enciclopedia Británica Wikipedia

webs personales blogging

evite upcoming.org y EVDB

especulación de nombres de dominios optimización de los motores de búsqueda

páginas vistas coste por clic

2
 Unidad 1 La Web 2.0

screen scraping servicios web

sistema de gestión de contenidos wiki

directorios (taxonomía) etiquetas (folcsonomía)

Comparación con la Web Semántica.

En ocasiones se ha relacionado el término Web 2.0 con el de Web semántica. Sin

embargo ambos conceptos, corresponden más bien a estados evolutivos de la web, y la
Web semántica correspondería en realidad a una evolución posterior, a la Web 3.0 o web
inteligente. La combinación de sistemas de redes sociales, como FOAF y XFN, con el
desarrollo de etiquetas (o tags), que en su uso social derivan en folcsonomías, así como
el plasmado de todas estas tendencias a través de blogs y wikis, confieren a la Web 2.0
un aire semántico sin serlo realmente.

HERRAMIENTAS COLABORATIVAS ON – LINE

La opción de Google para

que dispongas de tu blog
Blogger.com
gratuito en tan sólo tres
sencillos pasos.
Wordpress, además de ser
un fantástico software de
creación de blogs, es un
Wordpress.com
servicio de creación de
blogs gratuitos en
Internet.
Es un servicio de eListas,
ZoomBlog.com integrado con eGrupos

Blogia.com

Es un espacio de
Blogdiario.com Hispavista

Publicación de textos muy

intuitiva y además permite
subir archivos de texto
Lacoctelera.com adjuntos, algo que no es
frecuente en otros
espacios gratuitos de
blogs.

Bitacoras.com

3
 Unidad 1 La Web 2.0
Pizarras colaborativas on-line
Para escribir y dibujar en
una pizarra on-line que
Virtual WhiteBoard
puede ser vista por otros
mientras que creas.
Para escribir y dibujar en
una pizarra on-line que
Vyew
puede ser vista por otros
mientras que creas.

LOS BLOGS
¿Qué son los Weblogs, blogs o bitácoras?

Los weblogs, también llamados blogs son espacios web que pueden ser individuales o
colectivos, con una determinada temática, utilizados sobre todo para compartir e
interactuar en la red aunque también se usan simplemente como diario personal.

También se llaman bitácoras, el cuaderno donde se apuntan aquellas cosas vividas

durante el viaje y que queremos apuntar para que no sean olvidadas.
A nivel técnico una de las características más importantes de los blogs es que son muy
fáciles de crear y usar.

En la portada del weblog aparecen primero las anotaciones más recientes. Cada uno de
estos post suele incluir un título, la fecha de publicación, el nombre del autor o autora, y
un enlace que conduce a un formulario en el que los visitantes pueden escribir sus
comentarios.

Todo Blog incluye también uno o varios menús con en nombre de los temas o categorías
en las que se clasifican las entradas, de forma que cuando se pulsa sobre uno de esos
nombres aparecen en pantalla únicamente los artículos incluidos en esa categoría.
Además es habitual un apartado con información sobre el autor o autora y una colección
de enlaces a sitios web recomendados.

Todas aquellas personas que escriben un blog reciben el nombre de blogger y éste
mundo de los blos se denomina blogosfera.

En general el Internet hoy en día, es el medio por excelencia para el trabajo académico,
herramientas como el e-mail y la mensajería instantánea se volvieron de uso cotidiano…
pero hay más!. Nos referimos al Boom de Nuevas herramientas colaborativas Web 2.0
que nos facilitarán tanto el trabajo de los equipos de estudiantes, profesores y/o
investigadores, ojoo.. que se usa directamente en el Internet como plataforma; es decir,
no hace falta bajar nada o instalar aplicación alguna en su equipo, todo lo contrario en
Internet esta todo. A continuación me permito poner a su disposición 12 tips de
categorías Web 2.0 para que sean analizadas e implementadas en su proceso de
enseñanza aprendizaje:

WEBLOGS

Un weblog, blog o cuaderno de bitácora es una página Web, utilizada para publicación
personal, en la Web 2.0, constituyéndose en el más famoso de la actualidad, que ha
puesto a millones de personas a escribir y compartir vivencias, aficiones personales e
intereses profesionales. Para una Topología educativo edublog tenemos los blogs
colaborativos de clase, blogs de clase, blogs de investigación y blogs de estudiantes o
profesores.

4
 Unidad 1 La Web 2.0
www.bloger.com Blogs para crear Pág. Web autoadministrables (Nueva adquisición
de Google)
http://www.blogcheese.com BlogCheese es un servicio para crear y hospedar video
blogs

Blogs y bitácoras educativas

Por lo que respecta a la educación podríamos distinguir entre los blogs/bitácoras dirigidas
al alumnado (blog de clase, aplicación didáctica en concreto para recoger datos o blog
para explicar una historia colectiva) y las del profesorado, un espacio virtual para anotar
las experiencias educativas que vamos realizando, los recursos que no queremos olvidar
y que al mismo tiempo queremos compartir y un espacio donde poder estructurar las
ideas a la vez que interactuamos con otras personas, en su mayoría también profesores
y profesoras que se benefician del blog.

Buscadores para blogs

Existen buscadores específicos para blogs... así como Google es el buscador más utilizado
en estos momentos para localizar una página web, su equivalente en la búsqueda de
blogs sería Technorati

¿Cuáles son las ventajas de un blog con respecto a una página web?

Tener un blog es bastante más accesible técnicamente que tener una página web ya que
las herramientas con las que se crean son muy fáciles de usar. En cinco minutos puedes
darte de alta y crear un blog. Hay muchos espacios en la Internet que te ofrecen la
posibilidad de crearlo de manera gratuita.

Blogs para visitar

www.itic-herramientasinformaticas.blogspot.com

5
 Unidad 1 La Web 2.0

http://blogeducativo.blogia.com/ http://jjdeharo.blogspot.com/

CREAR Y PUBLICAR UN BLOG CON BLOGGER

1.- INGRESANDO A BLOGGER Y RECONOCIENDO SU INTERFAZ

Para ingresar a BLOGGER Abre Internet Explorer

y en la barra de Dirección digita:
www.blogger.com (Luego presione [ENTER])

Revisa las partes Principales de la interfaz de Blogger, hará más rápido nuestro trabajo.

Acceder a Blogger con tu cuenta de Correo electrónico de gmail y Contraseña

6
 Unidad 1 La Web 2.0

2.- CREANDO TU BLOG

Clic en CREAR BLOG AHORA En asignar un nombre al Blog
Escriba un nombre en el casillero Título del blog
y Dirección del Blog y compruebe la disponibilidad
Clic en Continuar

Seleccione una Plantilla de Inicio

Clic en Continuar

Clic en EMPEZAR A PUBLICAR

7
 Unidad 1 La Web 2.0

BARRA DE HERRAMIENTAS DEL EDITOR DE ENTRADAS

Tachado Añade o elimina enlace Lista con viñetas
Deshace
Negrita
Cursiva
Rehace Inserta imagen Alineación Ortografía
Color del texto Cita

Subraya Lista numerada

Inserta salto de línea

Insertar un vídeo Elimina formato

Color de fondo del texto

En la creación de las Entradas Escriba el Título del Tema que desea publicar
En la ventana de texto escriba (o copie) la información que desea publicar

Una vez que tiene

la información,
Haga una VISTA
PREVIA y podrá
observar cómo
está quedando su
Blog, tal como se
muestra en el
ejemplo.

También puede hacer clic en PUBLICAR

ENTRADA y clic en Ver Blog y su blog se
visualizará con la información que le haya
ingresado.

8
 Unidad 1 La Web 2.0

1. EDITAR ENTRADAS

Clic en Nueva Entrada Clic en Editar

entradas - Seleccione la entrada que desea modificar, haga Clic en Editar

Se realiza los cambios que sean necesarios, vuelva a PUBLICAR ENTRADA.

Para Realizar una Nueva Entrada,
Clic en Creación de Entradas
Escriba Título
Ingrese Texto
Agregue imagen, Video,

Personalizar el Blog – GUARDAR y PUBLICAR ENTRADA

2. AGREGAR IMAGEN A LAS ENTRADAS

En la barra de herramientas que se encuentra en la parte superior de las Entradas, elija la

opción Inserta Imagen, Clic en Examinar, seleccione una imagen desde su Flash y Clic en
Abrir, puedes seleccionar varias

9
 Unidad 1 La Web 2.0

Una vez que las imágenes están subidas, se deben seleccionar solo las que se van a poner y
hacer clic en Añadir las imágenes seleccionadas.

Haciendo clic
sobre la
imagen, podrá
elegir la
posición
Izquierda,
centro,
Derecha,
Publicar
Entrada y Ver
Blog

3. AGREGAR ENLACE A LAS ENTRADAS

1. En una Entrada, en la barra superior

haga clic en el icono Enlace
2. Saldrá una ventana, debe pegar o
escribir la URL (dirección Web) del
enlace que desea agregar a su
entrada.
3. Clic en Aceptar
4. Publicar entrada y Ver blog.

10
 Unidad 1 La Web 2.0

NOTA: Podrá Insertar varios enlaces en una ventana

4. AGREGAR VIDEO A LAS ENTRADAS

1. En la entrada, en la barra superior

haga clic en el Icono Insertar un
Video
2. Clic en Desde YouTube – En la barra
de búsqueda, escriba el nombre del
video y clic en Buscar video
3. Elija el video y clic en Seleccionar
4. Finalmente Publicar entrada y Ver blog.

AÑADIR Y ORGANIZAR ELEMENTOS DE LA PÁGINA

Para Continuar Diseñando el Blog, haga clic en la Ficha DISEÑO

Aquí se puede Añadir y Organizar Elementos de la Página denominados gadgets:
Estos pueden ser: Lista de Enlaces, Lista de texto, Imagen, Presentaciones, Calendarios,
seguidores, entre otras.

11
 Unidad 1 La Web 2.0

Siga los pasos:

1. Añadir y organizar elementos de la página
2. Haga clic en Añadir un gadget
3. Seleccione una opción (Imagen, Texto,
Html…….)
4. Agregue la información en el gadget que eligió
(Agregue Título a: Imagen, Texto, Html……)
5. Clic en Guardar
6. Personalice la ubicación (arriba, abajo….)
7. Guardar y ver blog

5. AGREGAR SONIDO EN UN GADGET HTML

1. Haga clic en Añadir un gadget

2. Seleccione el elemento HTML/Javascript
3. En la ventana que aparece coloca un título y
Digita las siguientes líneas de códigos:

<embed width="200" autostart="true" loop="true" src="http://www.culturageneral.net/

musica/clasica/htm/midis/sonata_no_14_claro_de_luna.mid" height="40"></embed>

12
 Unidad 1 La Web 2.0

4. Finalmente Seleccione el botón GUARDAR y Ver blog.

NOTA: La URL que esta resaltada con negrita y rojo puede ser cambiada de acuerdo al
sonido MIDI que desee agregar, las mismas que se encuentran en la siguiente dirección:

http://www.culturageneral.net
http://www.piano-midi.de/beeth_es.htm

6. AGREGAR LISTA DE ENLACE EN UN

GADGET
1. Haga clic en Añadir un gadget
2. Seleccione una opción Lista de Enlaces
3. Llene la información en el gadget
4. Pegue la URL de los enlaces necesarios
5. Clic en Guardar y ver blog

6. Clic en Diseño para continuar

diseñando el blog

ENTRAR A TU BLOG A TRAVÉS DE INTERNET EXPLORER

Una vez publicado tu Blog, cualquier persona de cualquier parte del mundo que conozca
la dirección URL de tu Blog puede acceder a él. De la siguiente manera:

Abre Internet Explorer y en la barra de dirección digitar la dirección de tu Blog

creado:
www.itic-herramientasinformaticas.blogspot.com

CAMBIANDO ALGUNAS OPCIONES DE TU BLOG.

Si deseas modificar algunos datos de tu Blog como el Título, agregarle un Subtítulo o

Descripción, Debes seguir los siguientes pasos

1 . CAMBIAR EL TITULO DE TU BLOG

Clic en la Ficha Configuración

13
 Unidad 1 La Web 2.0

En la casilla Título, puedes cambiar el título y agregar una descripción

Cuando termine clic en Guardar Configuración

2 . ELIMINAR UN BLOG CREADO

Clic en la Ficha Configuración

14
 Unidad 1 La Web 2.0

Clic en Suprimir blog

Debe confirmar si
desea suprimir el blog
o no
Clic en Suprimir este
Blog

3. PERSONALIZAR EL DISEÑO DEL BLOG

Hasta este momento tu Blog estará como en la imagen siguiente. En la que ubicarás las
partes que se describen, las que quizás quieras personalizar

Para ello debes hacer clic en Diseño y aparece esta ventana, puedes hacer clic y arrastrar
un elemento de la página y ubicarlo en otro lugar

15
 Unidad 1 La Web 2.0

2.- Guarda los cambios y puedes revisar

los cambios con el botón Vista previa.

1.- Arrastrael elemento Datos

personales a la ubicación deseada, veamos
que quede sobre el elemento Archivo del
Bolg (Enlaces de Entradas).

3. CAMBIAR EL DISEÑO DE PLANTILLAS AL BLOG

Para tener una mejor presentación de su Blog, puede cambiar la plantilla por otra qye sea de
su agrado, para ello realice lo siguiente:
Clic en la Ficha Diseño – Diseñador de plantillas

Aparece esta nueva pantalla, en la que podrá elegir una de ellas.

16
 Unidad 1 La Web 2.0

Al elegir Plantillas. Puede cambiar la plantilla por una de la derecha

Si elige Fondo puede cambiar el fondo de la Plantilla

por otro de los mostrados

Si elije ajuste de ancho, puede cambiar el ancho de

los gadget.

Al elegir diseño, puede cambiar el diseño de su plantilla, de acuerdo al ejemplo

17
 Unidad 1 La Web 2.0

Al realizar los cambios debe APLICAR AL BLOG, este quedará diferente como en el
ejemplo que esta a continuación

Finalmente Ver el Blog

En el desarrollo del Módulo, se explorarán las opciones más utilizadas de los Gadget

18
 Unidad 1 La Web 2.0

ALGUNAS DIRECCIONES IMPORTANTES PARA REVISAR

WIKIS

Wikis son herramientas que permiten el diseño y redacción de sitio Web de forma
colaborativa de muchos autores. Los mejores ejemplos de wiki GNU son:
www.Wikipedia.org Enciclopedia libre
http://wikibooks.org Colección de libros de texto manuales, tutoriales u otros textos
pedagógicos de contenido libre y de acceso gratuito.
www.Wikicionario.org Diccionario con sinónimos
www.Wikisource.org La biblioteca libre
www.Wikinoticias.org Noticias libres
www.Meta-Wiki.org Coordinación de proyectos
www.Wikiversidad.org : Proyecto de discusión y creación de una plataforma
educativa virtual.

HERRAMIENTAS DE E-LEARNING.

www.Wikiversidad.org : Proyecto de discusión y creación de una plataforma

educativa virtual.
http://www.nicenet.org sitio Web para alojar las clases (de cualquier materia) por
Internet

RECURSOS DIDACTICOS

http://cmap.ihmc.us/ La alternativa para elaborar mapas cognitivos y diagramas

http://web.uvic.ca/hrd/hotpot/ Web para desarrollar actividades y evaluaciones
interactivas

ARCHIVOS EN LINEA

http://www.mediafire.com Aplicación Web que facilitan tener un archivo en línea y

que puedas compartirlos
www.openomy.com y www.xdrive.com Servicios en donde puedes guardar archivos
de cualquier formato para compartirlos mediante descargas. Recomendaciones:

Administradores de Fotos, Imágenes, Sonido y Video:

www.flickr.com Para archivar , manejar y compartir Fotos

http://www.zoto.com Zoto le permite almacenar y organizar de manera segura un
número ilimitado de fotos digitales.
www.youtube.com Para subir y almacenar videos:
http://www.podomatic.com/ Podcasting (La radio en la Internet)
http://www.pandora.com Para escuchar música

LINKS O ENLACES EN LINEA

http://www.furl.net Un servicio especial de Internet para guardar y clasificar

colecciones de bookmarks o enlaces.
www.Del.icio.us Sin duda el servicio más conocido y utilizado en guardar enlaces

CONVERTIR DOCUMENTOS EN DIFERENTES FORMATOS

http://www.pdfonline.com Aplicación en línea que permitir convertir documentos e

imágenes al formato de PDF de forma gratuita.
http://media-convert.com/convert/index.php Para convertir archivos a diferentes
formatos

19
 Unidad 1 La Web 2.0

DESARROLLO DE ENCUESTAS EN LÍNEA

http://info.zoomerang.com/ software de encuestas en línea líder en el mundo que

negocios, organizaciones e individuos utilizan para crear encuestas profesionales
adaptadas a sus necesidades

ORGANIZACIÓN DE AGENDA

http://www.google.com/calendar Calendario basado en Web, que facilita llevar un

registro de sus propios horarios y compartir archivos con otros personas.
http://www.kiko.com Kiko es un calendario de calendario de escritorio y se integra
con su teléfono móvil y AIM y le permite acceder a su calendario desde cualquier
computadora.

20