Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Trabajo De Web 2

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
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 L...
Trabajo De Web 2
Trabajo De Web 2
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 17 Anuncio

Más Contenido Relacionado

Anuncio

Más de victoria (20)

Anuncio

Más reciente (20)

Trabajo De Web 2

  1. 1. 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 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 sdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmrtyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmrtyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmrtyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmrtyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmrtyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmrtyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmUNIVERSIDAD INTERAMERICANA PARA EL DESARROLLOVICTORIA JACINTO AVENDAÑOPROF. JAVIER HERNANDEZ HERNANDEZLIC. TECNOLOGIA EDUCATIVAFUENTES DE INFORMACIONLA WEB 2.003-NOVIEMBRE-2009<br />TEMA: LA WEB 2.0<br />Usando Internet, organizar carpetas, una con tres páginas asociadas a ella. <br />Usar buscadores, Google, AltaVista, Yahoo.<br />¿Qué es la Web 2.0?<br />Características de la Web 2.0<br />Herramientas de la Web 2.0<br />Fotos.<br />Videos.<br />Archivos.<br />Hipervínculos.<br />Contadores.<br />Horas.<br />Visitas.<br />Comentarios.<br />Servidores para crear Web 2.0<br />¿Qué es La Web 2.0?<br />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.<br />429577527305Ahora podemos crear información y compartirla con quien queramosYa no somosLectores de información<br />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<br />Características de la web 2.0<br />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<br />Otras características de la Web 2.0. <br />Simplifica la usabilidad del sitio web <br />Ahorra tiempo al usuario <br />Estandariza los lenguajes para una mejor utilización de la re-utilización del código. <br />Permite una mejor interoperabilidad entre aplicaciones y entre las aplicaciones y las máquinas (software-hardware). <br />Facilita las interacciones <br />Facilita el reconocimiento o detección de carencias o nuevas formas de utilización de aplicaciones. <br />Facilita la convergencia entre los medios de comunicación y los contenidos. <br />Facilita la publicación, la investigación y la consulta de contenidos web. <br />Plataformas abiertas<br />Y sobre todo… estimula y aprovecha la inteligencia colectiva en beneficio de internet.<br />De acuerdo a O’Reilly (2004), la web 2.0 tiene 7 Principios básicos:<br />La web como plataforma<br />Aprovechar la Inteligencia Colectiva<br />Gestión de Base de Datos como competencia básica <br />Fin del ciclo de actualizaciones de software <br />Modelos de programación ligera, fácil plantillado <br />Software no limitado a un solo dispositivo <br />Experiencias enriquecedoras del usuario<br />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).<br />2. Aprovechar la Inteligencia Colectiva (Texto en preparación, continuaré detallando cada una de las características en los próximos días)<br />3. La web para todos<br />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.<br />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.<br />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.<br />HERRAMIENTAS WEB 2.0<br />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.<br />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<br />Google. Gmail, YouTube, Page Creator, Groups, Reader <br />Crear y compartir documentos, hojas de cálculo y presentaciones On-Line. GoogleDocs<br />Blogs. Blogger .<br />Wiki<br />Lectores de Feeds. <br />Gestión y Almacenamiento de Imágenes. Flickr y Google Picas<br />FOTOGRAFÍA<br />flickr: www.flickr.com<br />Ana S (C)<br />Pikeo: http://www.pikeo.com/<br />FavSharehttp://favshare.com/es/<br />SergioM- C<br />Picasa picasaweb.google.es/<br />DOCUMENTOS<br />slideshare: http://www.slideshare.net/(Miha y Alx P -C)<br />VÍDEO<br />Metacafe :http://www.metacafe.com/<br />Dailymotion :http://www.dailymotion.com/es<br />Youtube: **http://www.youtube.com**<br />SchoolTube :http://www.schooltube.com/<br />TeacherTube :**http://www.teachertube.com/**<br />Cómo crear un blog en Blogger<br />Sólo tienes que escribir http://www.blogger.com en la barra de direcciones de tu navegador o hacer clic en este enlace.<br />Entonces te aparecerá esto<br />Le das clic<br />1.- Primer paso: crear una cuenta <br />Pero quienes no tienen cuenta de Google, tendrán que rellenar el siguiente formulario.<br />2.- Segundo paso: asignar nombre al blog<br />Se le asignara un nombre al blog.<br />La dirección del blog o URL: debe ser corta y contener letras minúsculas <br />Así tiene que quedar el URL dependiendo del nombre que le den: <br />http://miblogenblogger.blogspot.com.<br />3.- Tercer paso: elegir la plantilla <br />Por último, tendremos que elegir una plantilla.<br />Y ya tenemos nuestro blog<br />Creación de un Wiki <br />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.<br />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.<br />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. <br />Después de decidir para qué puedes usar el Wiki, empieza la creación de uno:<br />- Entra en la página, rellena los datos y Ya Está!!<br />- 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 <br />- <br />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).<br />FlickrCC  <br />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. <br />Para hacer un hipervínculo seguiremos los siguientes pasos: <br />Copiar la URL a la que queremos enlazar. También podemos apuntarla o memorizarla.<br />En el editor de texto de nuestro blog seleccionamos, en el artículo que estemos escribiendo, la palabra que nos servirá de enlace.<br />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.<br />Al pinchar en la cadena (atajo de teclado Ctrl+A) aparece una pantalla con las siguientes ventanas: Link URL, Target, Título. <br />LinkURL: copiamos o escribimos la URL que hemos copiado anteriormenteTarget: 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.Título: ponemos un título que aparecerá al tener el ratón encima del enlace.Por último hacemos clic en Insertar.  Atajos de teclado para copiar y pegar:   Copiar: Control+cPegar: Control+vPuedes ver estas instrucciones en la siguiente presentación: http://ividal.com/tutoriales/hipervinculo.htm¿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<br />PASOS PARA SUBIR FOTOS<br />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 RESPONDERPara subir una foto que ya está en internet, revisa este POSTSaludos, <br />Tecnologías que dan vida a un proyecto Web 2.0:<br />Transformar software de escritorio hacia la plataforma del web.<br />Respeto a los estándares como el XHTML.<br />Separación de contenido del diseño con uso de hojas de estilo.<br />Sindicación de contenidos.<br />Ajax (javascript ascincrónico y xml).<br />Uso de Flash, Flex o Lazlo.<br />Uso de Ruby on Rails para programar páginas dinámicas. <br />Utilización de redes sociales al manejar usuarios y comunidades.<br />Dar control total a los usuarios en el manejo de su información.<br />Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.<br />Facilitar el posicionamiento con URL sencillos.<br />Contenidos<br />Introducción a la Web 2.0 . <br />Somero análisis de las herramientas que permiten que cualquier internauta sea productor y consumidor de información <br />HERRAMIENTAS DE JA WEB 2.0<br />Google. GMail, YouTube, Page Creator, Groups, Reader ... <br />Crear y compartir documentos, hojas de cálculo y presentaciones On-Line. GoogleDocs <br />Blogs. Blogger <br />Crearemos blogs personales de los asistentes al curso y un blog común donde podrán postear todos ellos. <br />Wikis. pbwiki <br />Crearemos una Wiki donde los asistentes al curso irán colaborando para hacer un resumen del mismo. <br />Lectores de Feeds. BlogLines y Google Reader <br />Usaremos Bloglines (o bien Google Reader) para que nos avise automáticamente de las actualizaciones en Blogs, Webs... <br />Del.ici.ous <br />Almacenar, clasificar y compartir Favoritos. <br />Gestión y Almacenamiento de Imágenes. Flickr y Google Picasa <br />Fecha, Lugar e inscripción<br />Una mañana por determinar - Aula de Informática del CIO.Para inscribirte en el curso mándanos un email a cc@umh.es y espera confirmación. <br />Profesor<br />Dr. Marco A. Marhuenda<br />Apoyo Técnico<br />Rafael Garbayo<br />Material<br />Curso dado de alta en http://campus.umh.es <br />

×