Trabajo De Web 2

18
LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO VICTORIA JACINTO AVENDAÑO PROF. JAVIER HERNANDEZ HERNANDEZ LIC. TECNOLOGIA EDUCATIVA FUENTES DE INFORMACION LA WEB 2.0 03-NOVIEMBRE-2009

description

saber que es la web 2.0

Transcript of Trabajo De Web 2

Page 1: Trabajo De Web 2

LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0

UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO

VICTORIA JACINTO AVENDAÑO

PROF. JAVIER HERNANDEZ HERNANDEZ

LIC. TECNOLOGIA EDUCATIVA

FUENTES DE INFORMACION

LA WEB 2.0

03-NOVIEMBRE-2009

Page 2: Trabajo De Web 2

LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0 LA WEB 2.0

TEMA: LA WEB 2.0Usando Internet, organizar carpetas, una con tres páginas asociadas a ella.

Usar buscadores, Google, AltaVista, Yahoo.

¿Qué es la Web 2.0?

Características de la Web 2.0

Herramientas de la Web 2.0

Fotos.

Videos.

Archivos.

Hipervínculos.

Contadores.

Horas.

Visitas.

Comentarios.

Servidores para crear Web 2.0

Page 3: Trabajo De Web 2

¿Qué es La Web 2.0?

Para poder empezar iniciaremos con el termino de la web 2.0 se le puede llamar de distintas manera pero se dice que fue acuñado por Tim O'Reilly en 2004 para referirse a una segunda generación en la historia de la Web basada en comunidades, ya que no existe una definición única y homogénea.

La web 2.0 es el resultado de una evolución que ha tenido la red de redes en los últimos años, ya que actualmente ofrece la posibilidad de utilizar una gran cantidad de recursos de software gratuito, disponible desde web, para publicar información en conjunto

Ahora podemos crear información y compartirla

con quien queramos

Ya no somosLectores de información

Page 4: Trabajo De Web 2
Page 5: Trabajo De Web 2

Características de la web 2.0

Page 6: Trabajo De Web 2

Para hablar de la características pueden haber un sin fin pero una de las cuales me causo más interés en la investigación son de las cuales voy a mencionar a continuación y otras agregadas por mí que considero que son de mucha importancia de la web y de las cuales fueron evolucionando desde la web 1.0 a la web 2.0

Otras características de la Web 2.0.

Simplifica la usabilidad del sitio web Ahorra tiempo al usuario Estandariza los lenguajes para una mejor utilización de la re-utilización del código. Permite una mejor interoperabilidad entre aplicaciones y entre las aplicaciones y las máquinas (software-hardware). Facilita las interacciones Facilita el reconocimiento o detección de carencias o nuevas formas de utilización de aplicaciones. Facilita la convergencia entre los medios de comunicación y los contenidos. Facilita la publicación, la investigación y la consulta de contenidos web. Plataformas abiertas

Y sobre todo… estimula y aprovecha la inteligencia colectiva en beneficio de internet.

De acuerdo a O’Reilly (2004), la web 2.0 tiene 7 Principios básicos:

1- La web como plataforma2- Aprovechar la Inteligencia Colectiva3- Gestión de Base de Datos como competencia básica 4- Fin del ciclo de actualizaciones de software 5- Modelos de programación ligera, fácil plantillado 6- Software no limitado a un solo dispositivo 7- Experiencias enriquecedoras del usuario

1. La web como plataforma Todas las herramientas de la web 2.0 están basadas en que tanto el software como la información (los documentos)están alojados en internet y no en el disco rígido de la PC del usuario. Lo que implica un paso del modelo Desktop al Modelo Web top. Nace entonces el concepto de web participativa, donde hay un usuario que deja de ser netamente consumidor para convertirse en proveedor de contenidos y estos contenidos se alojan ya no e forma privada sino que quedan en bases de datos que son compartidas entre varios usuarios (Ej. You Tube, Slide Share, Flickr).

2. Aprovechar la Inteligencia Colectiva (Texto en preparación, continuaré detallando cada una de las características en los próximos días)

3. La web para todos

Page 7: Trabajo De Web 2

Una de las características más importantes es que hablar de Web 2.0 no es hablar de un producto ni de un cableado, sino es hablar de un concepto.

Como plantean diversos autores (citados más arriba), la estándarización en las comunicaciones a través de lenguajes de etiquetas (HTML, XML) permite compartir todo tipo de documentos (texto, audio, imágenes, planillas, etc.) y navegar con los mismos mediante "casi" cualquier navegador.

La universalización en el acceso a los medios tecnológicos "exige" nuevas herramientas de colaboración al alcance de todos. La Web 2.0 permite, mediante mecanismos muy simples que cualquier individuo pueda publicar. Esto mismo "democratiza" el uso de internet al ampliar las posibilidades de sólo lectura.

HERRAMIENTAS WEB 2.0

Hay muchas herramientas en la web 2.0 pero unas de las básicas que considero como estudiante y atreves de la investigación son las que menciono a continuación.

Busca recursos en Internet (enlaces, imágenes, presentaciones, vídeos...) que nos ayuden a entender este término y a "cómo hacer...". de esta forma nos sacaran de nuestras dudas y nos empezaran a hilar con el tema

1. Google. Gmail, YouTube, Page Creator, Groups, Reader 2. Crear y compartir documentos, hojas de cálculo y presentaciones On-Line.

GoogleDocs3. Blogs. Blogger .4. Wiki5. Lectores de Feeds. 6. Gestión y Almacenamiento de Imágenes. Flickr y Google Picas

Page 8: Trabajo De Web 2

FOTOGRAFÍA

flickr: www.flickr.com

Ana S (C)

Pikeo: http://www.pikeo.com/

FavSharehttp://favshare.com/es/

SergioM- C

Picasa picasaweb.google.es/

DOCUMENTOS

slideshare: http://www.slideshare.net/

(Miha y Alx P -C)

VÍDEO

Metacafe :http://www.metacafe.com/

Page 9: Trabajo De Web 2

Dailymotion :http://www.dailymotion.com/es

Youtube: **http://www.youtube.com**

SchoolTube :http://www.schooltube.com/

TeacherTube :**http://www.teachertube.com/**

Cómo crear un blog en Blogger

Sólo tienes que escribir http://www.blogger.com en la barra de direcciones de tu navegador o hacer clic en este enlace.

Entonces te aparecerá esto

Page 10: Trabajo De Web 2

Le das clic

1.- Primer paso: crear una cuenta

Pero quienes no tienen cuenta de Google, tendrán que rellenar el siguiente formulario.

2.- Segundo paso: asignar nombre al blog

Se le asignara un nombre al blog.

La dirección del blog o URL: debe ser corta y contener letras minúsculas

Así tiene que quedar el URL dependiendo del nombre que le den:

Page 11: Trabajo De Web 2

http://miblogenblogger.blogspot.com.

3.- Tercer paso: elegir la plantilla

Por último, tendremos que elegir una plantilla.

Y ya tenemos nuestro blog

Page 12: Trabajo De Web 2

Creación de un Wiki

Los wikis pueden alojarse en los servidores propios pero para ello necesitamos tener un servidor en el que instalar la herramienta. Esta es una buena opción para usar cuando el centro cuenta con un servidor.

Pero la forma más común y sencilla es usar uno de los sitios gratuitos que hay en Internet como el más conocido y estable que es Wikispaces.

Aunque el sitio de Wikispace hay que utilizarlo en inglés puedes usar esta ayuda en español donde se explica qué significa cada cosa, además de ser muy intuitivo.

Después de decidir para qué puedes usar el Wiki, empieza la creación de uno:

- Entra en la página, rellena los datos y Ya Está!!

- Wikispace ha mejorado bastante recientemente y se permite hacer muchas más cosas. Una vez te hayas registrado, explora los distintos apartados a partir de "Manage Space"

-

Wikispace añade publicidad de Google en sus páginas pero existe la opción de solicitar que no se incluya dicha publicidad si el wiki es destinado a actividades educativas no lucrativas (en el apartado de subcription ve hasta el final y elige "Request a complimentary upgrade to Plus for K-12 education", en unos pocos días la publicidad desaparece).

Page 13: Trabajo De Web 2

FlickrCC 

Los enlaces o hipervínculos que aparecen en los artículos nos dan la posibilidad de ampliar su contenido y dirigirnos a otras páginas web que ofrecen nuevos datos sobre lo que hemos publicado.

Para hacer un hipervínculo seguiremos los siguientes pasos:

1. Copiar la URL a la que queremos enlazar. También podemos apuntarla o memorizarla.

2. En el editor de texto de nuestro blog seleccionamos, en el artículo que estemos escribiendo,

la palabra que nos servirá de enlace.

3. Se nos resaltarán dos iconos: uno que es una cadena y otro a su derecha que se asemeja

una cadena rota. Son los iconos que nos permitirán hacer o deshacer el enlace o

hipervínculo.

4. Al pinchar en la cadena (atajo de teclado Ctrl+A) aparece una pantalla con las siguientes

ventanas: Link URL, Target, Título.

1. LinkURL: copiamos o escribimos la URL que hemos copiado anteriormente

2. Target: aquí le indicamos dónde se abrirá el nuevo enlace. Open link in the

same Windows (se abrirá en la misma ventana), Open link in a new Windows

(se abrirá en una ventana nueva). Conviene que selecciones esta última

opción para que no se pierda de vista la ventana donde está tu blog.

3. Título: ponemos un título que aparecerá al tener el ratón encima del enlace.

5. Por último hacemos clic en Insertar.

 

Atajos de teclado para copiar y pegar:

 

Copiar: Control+c

Pegar: Control+v

Puedes ver estas instrucciones en la siguiente presentación: http://ividal.com/tutoriales/hipervinculo.htm

Page 14: Trabajo De Web 2

¿Cómo publicar video?Podrás seleccionar cualquier video que te agrade de Youtube. Le he dado a buscar un tema que me interesa: un poco de jazz con Norah Jones, he escrito su nombre en el buscador y me ha dado varios videos. Cada video tiene una URl y un identificador que es el que hay que colocar entre llaves. La URL de este que veis es: 

http://www.youtube.com/watch?v=WhaoTVjke2o

Lo que está en negrita es lo que hay que colocar en el código como se indica más arriba. El resultado tendría que ser el video que veras a continuación, y así tendrá que aparecer en tu blog o en tu paginas

PASOS PARA SUBIR FOTOS

Antes de intentar subir una foto... debes suscribirte a los foros

Subir fotos en tus mensajes en www.ajeepear.com es muy sencillo: casi hasta abajo de

la pantalla de publicación de menssjes verás una seción que dice Archivos adjuntos

(abajo de los Iconos del mensaje) y un boton que dice BROWSE o EXAMINAR. Das click

en ese botón y seleccionas la foto ubicada en tu PC.

Asegurate de que el archivo tenga un tamaño máximo de 100 KB. Si es mas grande, no

será publicado en tu mensaje. Las extensiones admitidas son GIF y JPEG. No se

admiten videos.

Asegurate también de que la resolución sea de 640x480 pixeles, si la mandas muy

grande puede que no sea desplegada o si lo es, vas a descuadrar toda la interfase de

los monitores de baja resolución.

Cuando previsualizas el mensaje no te muestra la imagen adjunta y la quita del campo

de BROWSE, por lo que debes seleccionar de nuevo el archivo dando click en BROWSE

en la sección <Archivos adjuntos>

Lo mejor es seleccionar el archivo que vas a subir y dar click en RESPONDER

Para subir una foto que ya está en internet, revisa este POST

Page 15: Trabajo De Web 2

Saludos,

Tecnologías que dan vida a un proyecto Web 2.0:

Transformar software de escritorio hacia la plataforma del web.Respeto a los estándares como el XHTML.Separación de contenido del diseño con uso de hojas de estilo.

Sindicación de contenidos. Ajax (javascript ascincrónico y xml).

Uso de Flash, Flex o Lazlo.Uso de Ruby on Rails para programar páginas dinámicas. Utilización de redes sociales al manejar usuarios y comunidades.Dar control total a los usuarios en el manejo de su información.Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.Facilitar el posicionamiento con URL sencillos.

Contenidos

1. Introducción a la Web 2.0 .

Page 16: Trabajo De Web 2

Somero análisis de las herramientas que permiten que cualquier internauta sea productor y consumidor de información

HERRAMIENTAS DE JA WEB 2.0

2. Google. GMail, YouTube, Page Creator, Groups, Reader ... 3. Crear y compartir documentos, hojas de cálculo y presentaciones On-Line.

GoogleDocs 4. Blogs. Blogger

Crearemos blogs personales de los asistentes al curso y un blog común donde podrán postear todos ellos.

5. Wikis. pbwiki

Crearemos una Wiki donde los asistentes al curso irán colaborando para hacer un resumen del mismo.

6. Lectores de Feeds. BlogLines y Google Reader

Usaremos Bloglines (o bien Google Reader) para que nos avise automáticamente de las actualizaciones en Blogs, Webs...

7. Del.ici.ous

Almacenar, clasificar y compartir Favoritos.

8. Gestión y Almacenamiento de Imágenes. Flickr y Google Picasa

Fecha, Lugar e inscripción

Una mañana por determinar - Aula de Informática del CIO.Para inscribirte en el curso mándanos un email a [email protected] y espera confirmación.

Profesor

Dr. Marco A. Marhuenda

Apoyo Técnico

Rafael Garbayo

Material

Curso dado de alta en http://campus.umh.es