25400-282575UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO<br />PLANTEL TUXTEPEC<br />LICENCIATURA:TECNOLOGIA EDUCATIVAMATE...
Que Es La Web 2.0
Que Es La Web 2.0
Que Es La Web 2.0
Que Es La Web 2.0
Que Es La Web 2.0
Que Es La Web 2.0
Que Es La Web 2.0
Que Es La Web 2.0
Que Es La Web 2.0
Upcoming SlideShare
Loading in...5
×

Que Es La Web 2.0

1,025

Published on

ESTE INVESTIGACION SE HIZO CON FINES EDUCATIVOS.

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,025
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Que Es La Web 2.0

  1. 1. 25400-282575UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO<br />PLANTEL TUXTEPEC<br />LICENCIATURA:TECNOLOGIA EDUCATIVAMATERIA:FUENTES DE INFORMACIONTEMA:WEB 2.0CATEDRATICO:MTRO: JAVIER HERNADEZ HERNANDEZALUMNA:JOSELINE MARTINEZ MORALES3956057202805<br />Que es la web 2.0<br />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.<br /> La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio.<br />La Web 2.0 se refiere a una nueva generación de Webs basadas en la creación de páginas Web donde los contenidos son compartidos y producidos por los propios usuarios del portal. El término Web 2.0 se utilizó por primera vez en el año 2004 cuando Dale Dougherty de O’Reilly Media utilizó este término en una conferencia en la que hablaba del renacimiento y evolución de la Web.<br />Si hay una Web 2.0 necesariamente debe existir una Web 1.0 de donde evoluciona la primera. La Web 1.0 es la Web tradicional que todos conocemos y que se caracteriza porque el contenido e información de un site es producido por un editor o Webmaster para luego ser consumido por los visitantes de este site. En el modelo de la Web 2.0 la información y contenidos se producen directa o indirectamente por los usuarios del sitio Web y adicionalmente es compartida por varios portales Web de estas características.<br />En la Web 2.0 los consumidores de información se han convertido en “prosumidores”, es decir, en productores de la información que ellos mismos consumen. La Web 2.0 pone a disposición de millones de personas herramientas y plataformas de fácil uso para la publicación de información en la red. Al día de hoy cualquiera tiene la capacidad de crear un blog o bitácora y publicar sus artículos de opinión, fotos, vídeos, archivos de audio, etc. y compartirlos con otros portales e internautas.<br />Concepto de Web 2.0 (pionero: Tim O'Reilly, 2003)<br />Con el término Web 2.0, subrayamos un cambio de paradigma sobre la concepción de Internet y sus funcionalidades, que ahora abandonan su marcada unidireccionalidad y se orientan más a facilitar la máxima interacción entre los usuarios y el desarrollo de redes sociales (tecnologías sociales) donde puedan expresarse y opinar, buscar y recibir información de interés, colaborar y crear conocimiento (conocimiento social), compartir contenidos. Podemos distinguir:<br />Aplicaciones para expresarse/crear y publicar/difundir: blog, wiki...<br />Aplicaciones para publicar/difundir y buscar información: podcast, YouTube, Flickr, SlideShare, Del.icio.us...<br />Aplicaciones para buscar/acceder a información de la que nos interesa estar siempre bien actualizados: RSS, XML, Atom, Bloglines, GoogleReader, buscadores especializados...<br />Redessociales: BSCW, Ning, SecondLife, Twitter...<br />Otras aplicaciones on-line Web 2.0: Calendarios, geolocalización, libros virtuales compartidos, noticias, ofimática on-line, plataformas de teleformación, pizarras digitales colaborativas on-line, portal personalizado...<br />Tecnológicamente, las aplicaciones Web 2.0 son servicios de Internet, por lo que no es necesario tener instalado un software cliente en el ordenador. Así, nuestra plataforma de trabajo es la propia página web, que nos suministra herramientas on-line siempre disponibles y nos proporciona espacios de trabajo colaborativo.<br />Características de la web 2.0<br />No es una moda, si no un cambio esencial en la infraestructura del Web<br />•La Web como Plataforma y arquitectura de participación (Leer / Escribir en el  Web)<br />•Servicios con escalabilidad rentable, no software empaquetado<br />•Control de los propios datos. Los datos son la clave<br />•Fuentes de datos susceptibles de mezcla y transformaciones<br />•Aprovechar la inteligencia colectiva, los usuarios como co-desarrolladores<br />•Sacar partido de la “larga cola”. Miles de mercados de docenas de usuarios en lugar de una docena de mercados de miles de usuarios.<br />•Software no limitado a un solo dispositivo<br />•Arquitectura basada en componentes Pequeñas piezas débilmente unidas (la web como componentes)<br />•La “beta perpetua”<br />OTRAS CARACTERISTICAS SON:<br />1.- Se trata, por ejemplo, de la posibilidad de comunicación a través de la red de Internet utilizando un software que no es preciso tener instalado en nuestro equipo informático.<br />2.- Es evidente que es algo que nos permite la comunicación, la colaboración a través de publicaciones o comunicados en línea. Lo que permite construcciones conjuntas de algo. Está permitiendo el nacimiento de redes de colaboración.<br />3.- Las dos características anteriores introducen esta tercera: la Web 2.0 está provocando el surgimiento de nuevos modos de trabajar, comunicarse y participar síncrona o asíncronamente,<br />4.- Permite que los productos creados o generados en este entorno se conviertan en servicios de interés para terceros.<br />5.- En el fondo estamos ante una suerte de reorganización de la información.<br />6.- Facilita la concurrencia de medios sonoros y visuales.<br />CARACTERISTICAS DE LA WEB 2.0<br />Simplicidad
El diseño es más simple que nunca, ya que 2.0 significa limpieza y simplicidad.<br />Diseño centrado
La gran mayoría de las páginas web están utilizando un diseño centrado en la ventana del navegador, ya que ofrece una sensación de simplicidad y “honestidad”<br />Pocas columnas
Cuantas menos columnas aparezcan en la página, el diseño de la web será mucho más sencillo, y mostrará con mayor claridad los contenidos; dos columnas es el ideal aunque deberíamos evitar más de tres columnas.<br />Sección superior separada
En la sección superior o cabecera, generalmente aparece el logotipo y el área de navegación; es importante que se diferencie la cabecera del resto de la página para poder centrar la atención en lo que es realmente importante.<br />Navegación sencilla
Utilizar un menú permanente de navegación, facilitará a los usuarios el acceso a tus contenidos, aunque en algunas ocasiones deba ser necesario utilizar un submenú que permita acceder a secciones internas de la página. El menú debe ser claro, obvio y destacado.<br />Logotipos en negrita
Un logotipo claro, en negrita, permitirá que en una primera impresión los usuarios presten atención.<br />Tamaño de texto grande
Si eliminamos los elementos “sobrantes” de la página, dispondremos de mayor espacio para poder incrementar el tamaño de la letra, facilitando que los usuarios puedan leer y asimilar nuestro contenido.<br />Instrucciones de texto en negrita
Destacar la introducción de la página o las instrucciones en negrita, nos permitirá recalcar la importancia de este contenido por delante del resto, permitiendo atraer la atención del usuario.<br />Colores fuertes
La utilización de colores fuertes para dividir la página en secciones claras y definidas, y para destacar los principales elementos, permitirá que el usuario entienda mucho mejor la distribución del contenido de nuestra web.<br />Superficies “enriquecidas”
Pese a que yo no soy un gran partidario de este punto, si que he visto muchos ejemplos de páginas que han sabido utilizar los efectos 3D, degradados, … para conseguir un gran impacto visual, y una navegación mucho más sencilla.<br />Degradados
La utilización de los fondos degradados, es una de las principales características que podemos ver en la mayoría de los “nuevos” proyectos Web 2.0<br />Reflejos
Como ya han popularizado Windows Vista y Apple, la utilización de los reflejos en algunos diseños, permitirá que los usuarios tengan la sensación de que el diseño de la página web ha estado cuidado en todos sus aspectos, otorgando una mayor profesionalidad y seriedad.<br />Iconos originales
Los iconos (siempre y cuando sean claros) permiten reducir la cantidad de texto que necesitaríamos para explicar cosas, siempre y cuando estos iconos tengan un significado muy claro y universal.<br />Estrellas
Aunque parezca mentira, la utilización de estrellas u otros elementos para mostrar el precio, ofertas, … se ha utilizado casi siempre en el mundo offline, pero parece que hemos necesitado de la llegada del Web 2.0 para que se utilicen este tipo de elementos en Internet.HYPERLINK " http://www.fanturistic.com/news/submit.php?url=http://megustaelturismo.es/blog/2008/02/13/principales-caracteristicas-del-diseno-de-la-web-20/" <br />Herramientas de la web2.0HYPERLINK " http://myweb2.search.yahoo.com/myresults/bookmarklet?t=Principales%20caracter%C3%ADsticas%20del%20dise%C3%B1o%20de%20la%20Web%202.0&u=http://megustaelturismo.es/blog/2008/02/13/principales-caracteristicas-del-diseno-de-la-web-20/" <br />Las herramientas web 2.0 se visualizan como una herramienta muy potente para estimular instancias de trabajo colaborativo  y para establecer mejores relaciones con los clientes (probablemente es por esto que el retail tiene el mayor nivel de adopción) y usuarios.<br />HERRAMIENTAS DE LA WEB 2.0<br />Las herramienTas de la web 2.0 son las más iMportantes Ya que con ellas y a través de ellas podemos usar Varios elementos como herramientas de trabajo Ya que Nos ayuda a estar informados acerca de cómo funciona cada una de ellas es por Eso que aquí están algunas de las herramientas más usadas en la web.<br />FILEMAIL: Esta herramienta permite enviar a través de su servicio <br />Blogs / Weblogs. Son páginas web que contienen anotaciones ordenadas cronológicamente. Dentro del mundo blogger, existen diversos tipos de herramientas: <br />Sistemas de creación y alojamiento de blogs: Blogger, Wordpress, Windows Live Spaces. <br />Rankings de blogs y herramientas: Alianzo, TopBlogs, CompareBlogs. <br />Comunidades, directorios: bitácoras, blogalaxia. <br />Redes de blogs: Weblogs, Hipertextual, Cdys <br />Videoblogs. Archivos de vídeo que se distribuyen mediante suscripción: MobuzzTV <br />Redes sociales. En las que las personas mantienen relaciones de amistad, intereses comunes o comerciales. <br />Redes sociales personales: Facebook, Orkut, Friendster <br />Redes sociales profesionales (networking): LinkedIn, Xing <br />Wikis. Contenidos creados por los usuarios que cualquiera puede modificar, corregir y ampliar: Wikipedia, Google Knol <br />Lectores RSS y servicios relacionados. Servicios para leer blogs cómodamente mediante suscripción a sus canales RSS: Google Reader, Feedburner, Bloglines. <br />Marcadores sociales y tagging. Lugares donde la gente guarda y clasifica sus páginas favoritas: Del.icio.us, Technorati, Blinklist <br />Agregadores. Servicios que agrupan información procedente de varias fuentes: Lastinfoo <br />Noticias y contenidos votados por los usuarios. Digg, Meneame, Fresqui, Wikio <br />Recomendación de contenidos. LastFM, MyStrands <br />Compartir vídeos. YouTube, Google Video <br />Compartir fotos. Flickr <br />Podcasting. Archivos de sonido que se distribuyen a los oyentes mediante suscripción. Podcast, Podsonoro. <br />Aplicaciones en linea. Gmail, Moneytracking <br />Páginas de inicio personalizadas. Puntos de inicio para el navegador, personalizables con módulos y contenidos diversos. IGogle, Netvibes, Windows Live. <br />Aplicaciones de geoposicionamiento sobre mapas. Google Maps, Panoramio, Tagzania. <br />Buscadores 2.0. Technorati <br />Comunidades móviles y de acceso. Fon <br />CREAR UN BLOG<br />Primer paso: crear una cuenta<br />Lo primero que hay que hacer es un clic en la flecha que nos dice Crear tu blog ahora. Eso nos llevará a otro documento donde deberemos Crear una cuenta de Blogger, lo que quiere decir que tenemos que crear una cuenta que nos identifique en ese servicio y una dirección para nuestro blog.En el texto nos avisan de que si ya tenemos una cuenta en Google, por ejemplo del correo de Gmail, tenemos que hacer clic en el enlace que dice primero acceda a ella. En este caso, el primer paso para crear el blog se realizará automáticamente, y pasaremos al paso 2. Pero quienes no tienen cuenta de Google, tendrán que rellenar el siguiente formulario.<br />En este formulario hay que incluir lo siguiente:<br />Una cuenta de correo electrónico existente que tenga el creador del blog.<br />Una contraseña escrita dos veces para asegurarse de que no hay errores.<br />El nombre que aparecerá como autor o autora del blog y del artículo. <br />Una verificación, que consiste en escribir las letras que aparecen en una pequeña imagen. <br />Activar la casilla de aceptación de las condiciones, aunque siempre es mejor leerlas antes.<br />Hacemos clic en la flecha Continuar, y continuamos con el siguiente paso. <br />2. Segundo paso: asignar un nombre al blog<br />En esta fase simplemente escribiremos un nombre para nuestro blog, que podremos cambiar más tarde, y le asignaremos una dirección de internet, que no podremos cambiar. Es importante que la dirección (también llamada URL) sea corta y siempre con letras minúsculas, sin caracteres especiales como acentos o eñes, y sin huecos. La dirección suele ser el nombre del blog o el nombre del autor, pero se puede poner lo que se quiera. Para mi blog de prueba, que se llama " Mi blog en Blogger" , le he puesto esta dirección: miblogenblogger. Después Blogger añade la parte final hasta quedar así: <br />http://miblogenblogger.blogspot.com.<br />Pero antes de continuar hay que hacer clic en el enlace que dice Comprobar la disponibilidad para ver si ese nombre ya está elegido por otro miembro; y suele ocurrir con frecuencia que ya esté utilizado, así que hay que aguzar el ingenio. Si ocurre esto, nos avisan con la frase: Lo sentimos, esta dirección del blog no está disponible.Y ahora vamos al último paso.<br />20955-5130803. Tercer paso: elegir una plantilla<br />Por último, tendremos que elegir una plantilla, que es el diseño general del blog. Elegiremos la que más nos guste, pero más adelante podremos cambiarla siempre que queramos. La elección de la plantilla es importante, y por eso he escrito un artículo en este blog, " Diseño y elección de la plantilla en Blogger" , donde escribo unos consejos para elegir la plantilla adecuada. Y ya tenemos nuestro blog en Blogger. Ahora habrá que configurarlo y empezar a escribir. Pero eso es otra historia.<br />COMO SUBIR DOCUMENTOS AL BLOGGER<br />Abrir la dirección de Gmail (www.gmail.com).<br />Escribir el nombre del usuario y la contraseña.<br />Hacer clic en documentos y hojas.<br />Hacer clic en nuevo documento parte izquierda superior de la hoja.<br />Pegar el documento que se va a subir.<br />Hacer clic en publicar parte superior derecha.<br />Hacer clic en boton publicar documento.<br />Hacer clic en la ventana que aparece aceptar documento.<br />Copiar la dirección que aparece donde se va a publicar el documento.<br />Abrir nueva ventana de Internet (blogger.com)<br />Identificar el blogger donde se va a publicar y hacer clic en nueva entrada.<br />Escribir el titulo del documento.<br />Hacer la descripción del texto.<br />Pegar la dirección.<br />Poner las etiquetas sin espacios y sin tildes.<br />PASOS PARA AÑADIR UN VIDEO AL BLOG<br />Los vídeos son una forma genial de darle un poco más de vidilla a tu blog. De hecho, este formato es tan popular que los blogs de vídeo, también conocidos como " vlogs" , están inundando Internet. Si deseas unirte a la nueva ola, publicar un vídeo con Blogger es muy sencillo. De momento no es posible alojar directamente archivos de vídeo en Blogger. Sin embargo, puedes incrustar el vídeo o incluir un vínculo a archivos de vídeo dentro de tu blog, siempre que estén alojados en cualquier otro lugar.<br />Por ejemplo, para incrustar un vídeo de YouTube, lo único que tienes que hacer es copiar y pegar el código del recuadro " Incrustar" en tu entrada, mientras te encuentres en el modo " Editar HTML" . También puedes encontrar este código mientras ves el vídeo, en el cuadro " Acerca de este vídeo" . Si el vídeo es tuyo, la página " Incrustar HTML" aparecerá también en la página " Editar vídeo" .<br />Si deseas más información sobre cómo incrustar vídeos de YouTube, puedes echar un vistazo a la página Sharing YouTube Videos, en la parte inferior del sitio YouTube Help.<br />Si deseas utilizar un archivo de vídeo que no está alojado en YouTube, los pasos son muy parecidos. Basta con obtener la URL del archivo alojado y, a continuación, insertarlo entre comillas en el siguiente código HTML: <embed src=" VIDEO_URL" ></embed>Así de sencillo. Si quieres ajustar el alto, el ancho u otros atributos más complicados, existen tutoriales disponibles en línea que pueden ayudarte a hacerlo.<br />PASOS PARA PUBLICAR IMÁGENES EN EL BLOG<br />El icono de imagen en la barra de herramientas del editor de entradas permite a cualquier usuario (con blogs en BlogSpot o publicados mediante FTP) subir imágenes en sus blogs: <br />209551270<br />Al hacer clic en este icono, aparecerá una ventana que le permitirá seleccionar una o varias imágenes de su equipo. Sólo tendrá que hacer clic en el botón " Examinar" para localizar las que desea subir. Si lo prefiere, también puede introducir la URL de una imagen que esté en línea para insertarla en su entrada. <br />20955-1270<br />Si hace clic en el vínculo para seleccionar un diseño, podrá personalizar la forma en la que las imágenes aparecerán en la entrada:<br />-32385-246380Las opciones de izquierda, centro y derecha determinarán la posición del texto de la entrada respecto a las imágenes. La opción de tamaño le permite escalar el tamaño de las imágenes dentro del área de la entrada. Sin embargo, tenga en cuenta que la imagen se subirá a tamaño completo; esta opción sólo determina cómo se escalará dentro del contenido de la entrada.<br />PASOS PARA CREAR UN VÍNCULO A OTRA PÁGINA WEB?<br />Resalte el texto que desea convertir en vínculo. Si no selecciona ninguno antes de utilizar el botón Vínculo, el vínculo se creará sin texto. <br />Haga clic en el botón Vínculo (o pulse control + mayús + a en el teclado):<br />Se abrirá una ventana emergente, donde deberá introducir la URL con la que desea enlazar. Escriba la URL en el cuadro de texto. No olvide incluir http://.<br />Si el botón de este vínculo no aparece en su navegador o no funciona, puede escribir el vínculo a mano:<br /><a href=" http://URL" >TEXTO</a> <br />COMO SUBIR UNA PAGINA WEB<br />Lo siguiente es descargar un programa FTP para subir archivos, para esta ocasión usaremos SmartFTP(Si usas Linux te recomiendo la extensión para FirefoxFireFTP) una vez que hayamos descargado el programa debemos instalarlo.<br />Abrimos el SmartFTP y donde dice “Address” (“Servidor” si esta en español) ponemos la dirección FTP que nos proporciono nuestro hosting, en “Login” (“Usuario” en español) ponemos nuestro nombre de usuario que nos da el hosting para acceder vía FTP y en “Password” (“Contraseña” en Español) ingresamos la contraseña proporcionada, una vez hecho esto damos un clic a “Connect” (“Conectar” si esta en Español) o presionamos ENTER.<br />Si todo fue bien veremos una varias carpetas, una de ella debe ser “public_html” o “htdocs”, ahí es donde deberemos subir todos los archivos de nuestra página Web.<br />Como pueden observar, hay dos ventanas donde se ven carpetas (izquierda y derecha), en la ventana izquierda están las carpetas de nuestra computadora y en la derecha las de nuestro sitio web.<br />En la ventana izquierda debemos navegar hasta la carpeta donde tenemos nuestro sitio y seleccionar todos los archivos, una vez que tengamos TODOS los archivos de nuestra página seleccionados deberemos arrastrarlos dentro de la carpeta “public_html” o “htdocs” según el caso.<br />

×