1. 25400-282575UNIVERSIDAD INTERAMERICANA PARA EL
DESARROLLO
PLANTEL TUXTEPEC
LICENCIATURA:TECNOLOGIA EDUCATIVAMATERIA:FUENTES DE
INFORMACIONTEMA:WEB 2.0CATEDRATICO:MTRO: JAVIER HERNADEZ
HERNANDEZALUMNA:JOSELINE MARTINEZ MORALES3956057202805
Que es la web 2.0
La Web 2.0 es la representacin de la evolucin de las aplicaciones
tradicionales hacia aplicaciones web enfocadas al usuario final. El
Web 2.0 es una actitud y no precisamente una tecnologa.
La Web 2.0 es la transicin que se ha dado de aplicaciones
tradicionales hacia aplicaciones que funcionan a travs del web
enfocadas al usuario final. Se trata de aplicaciones que generen
colaboracin y de servicios que reemplacen las aplicaciones de
escritorio.
La Web 2.0 se refiere a una nueva generacin de Webs basadas en la
creacin de pginas Web donde los contenidos son compartidos y
producidos por los propios usuarios del portal. El trmino Web 2.0
se utiliz por primera vez en el ao 2004 cuando Dale Dougherty de
OReilly Media utiliz este trmino en una conferencia en la que
hablaba del renacimiento y evolucin de la Web.
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 informacin 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 informacin y contenidos se producen directa o indirectamente
por los usuarios del sitio Web y adicionalmente es compartida por
varios portales Web de estas caractersticas.
En la Web 2.0 los consumidores de informacin se han convertido en
prosumidores, es decir, en productores de la informacin que ellos
mismos consumen. La Web 2.0 pone a disposicin de millones de
personas herramientas y plataformas de fcil uso para la publicacin
de informacin en la red. Al da de hoy cualquiera tiene la capacidad
de crear un blog o bitcora y publicar sus artculos de opinin,
fotos, vdeos, archivos de audio, etc. y compartirlos con otros
portales e internautas.
Concepto de Web 2.0 (pionero: Tim O'Reilly, 2003)
Con el trmino Web 2.0, subrayamos un cambio de paradigma sobre la
concepcin de Internet y sus funcionalidades, que ahora abandonan su
marcada unidireccionalidad y se orientan ms a facilitar la mxima
interaccin entre los usuarios y el desarrollo de redes sociales
(tecnologas sociales) donde puedan expresarse y opinar, buscar y
recibir informacin de inters, colaborar y crear conocimiento
(conocimiento social), compartir contenidos. Podemos
distinguir:
Aplicaciones para expresarse/crear y publicar/difundir: blog,
wiki...
Aplicaciones para publicar/difundir y buscar informacin: podcast,
YouTube, Flickr, SlideShare, Del.icio.us...
Aplicaciones para buscar/acceder a informacin de la que nos
interesa estar siempre bien actualizados: RSS, XML, Atom,
Bloglines, GoogleReader, buscadores especializados...
Redessociales: BSCW, Ning, SecondLife, Twitter...
Otras aplicaciones on-line Web 2.0: Calendarios, geolocalizacin,
libros virtuales compartidos, noticias, ofimtica on-line,
plataformas de teleformacin, pizarras digitales colaborativas
on-line, portal personalizado...
Tecnolgicamente, 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 pgina web, que nos suministra herramientas on-line siempre
disponibles y nos proporciona espacios de trabajo
colaborativo.
Caractersticas de laweb 2.0
No es una moda, si no un cambio esencial en la infraestructura del
Web
La Web como Plataforma y arquitectura de participacin (Leer /
Escribir en el Web)
Servicios con escalabilidad rentable, no software empaquetado
Control de los propios datos. Los datos son la clave
Fuentes de datos susceptibles de mezcla y transformaciones
Aprovechar la inteligencia colectiva, los usuarios como
co-desarrolladores
Sacar partido de la larga cola. Miles de mercados de docenas de
usuarios en lugar de una docena de mercados de miles de
usuarios.
Software no limitado a un solo dispositivo
Arquitectura basada en componentes Pequeas piezas dbilmente unidas
(la web como componentes)
La beta perpetua
OTRAS CARACTERISTICAS SON:
1.- Se trata, por ejemplo, de la posibilidad de comunicacin a travs
de la red de Internet utilizando un software que no es preciso
tener instalado en nuestro equipo informtico.
2.- Es evidente que es algo que nos permite la comunicacin, la
colaboracin a travs de publicaciones o comunicados en lnea. Lo que
permite construcciones conjuntas de algo. Est permitiendo el
nacimiento de redes de colaboracin.
3.- Las dos caractersticas anteriores introducen esta tercera: la
Web 2.0 est provocando el surgimiento de nuevos modos de trabajar,
comunicarse y participar sncrona o asncronamente,
4.- Permite que los productos creados o generados en este entorno
se conviertan en servicios de inters para terceros.
5.- En el fondo estamos ante una suerte de reorganizacin de la
informacin.
6.- Facilita la concurrencia de medios sonoros y visuales.
CARACTERISTICAS DE LA WEB 2.0
SimplicidadEl diseo es ms simple que nunca, ya que 2.0 significa
limpieza y simplicidad.
Diseo centradoLa gran mayora de las pginas web estn utilizando un
diseo centrado en la ventana del navegador, ya que ofrece una
sensacin de simplicidad y honestidad
Pocas columnasCuantas menos columnas aparezcan en la pgina, el
diseo de la web ser mucho ms sencillo, y mostrar con mayor claridad
los contenidos; dos columnas es el ideal aunque deberamos evitar ms
de tres columnas.
Seccin superior separadaEn la seccin superior o cabecera,
generalmente aparece el logotipo y el rea de navegacin; es
importante que se diferencie la cabecera del resto de la pgina para
poder centrar la atencin en lo que es realmente importante.
Navegacin sencillaUtilizar un men permanente de navegacin,
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 pgina. El men debe ser claro,
obvio y destacado.
Logotipos en negritaUn logotipo claro, en negrita, permitir que en
una primera impresin los usuarios presten atencin.
Tamao de texto grandeSi eliminamos los elementos sobrantes de la
pgina, dispondremos de mayor espacio para poder incrementar el
tamao de la letra, facilitando que los usuarios puedan leer y
asimilar nuestro contenido.
Instrucciones de texto en negritaDestacar la introduccin de la
pgina o las instrucciones en negrita, nos permitir recalcar la
importancia de este contenido por delante del resto, permitiendo
atraer la atencin del usuario.
Colores fuertesLa utilizacin de colores fuertes para dividir la
pgina en secciones claras y definidas, y para destacar los
principales elementos, permitir que el usuario entienda mucho mejor
la distribucin del contenido de nuestra web.
Superficies enriquecidasPese a que yo no soy un gran partidario de
este punto, si que he visto muchos ejemplos de pginas que han
sabido utilizar los efectos 3D, degradados, para conseguir un gran
impacto visual, y una navegacin mucho ms sencilla.
DegradadosLa utilizacin de los fondos degradados, es una de las
principales caractersticas que podemos ver en la mayora de los
nuevos proyectos Web 2.0
ReflejosComo ya han popularizado Windows Vista y Apple, la
utilizacin de los reflejos en algunos diseos, permitir que los
usuarios tengan la sensacin de que el diseo de la pgina web ha
estado cuidado en todos sus aspectos, otorgando una mayor
profesionalidad y seriedad.
Iconos originalesLos iconos (siempre y cuando sean claros) permiten
reducir la cantidad de texto que necesitaramos para explicar cosas,
siempre y cuando estos iconos tengan un significado muy claro y
universal.
EstrellasAunque parezca mentira, la utilizacin 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/"
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/"
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 adopcin) y
usuarios.
HERRAMIENTAS DE LA WEB 2.0
Las herramienTas de la web 2.0 son las ms iMportantes Ya que con
ellas y a travs de ellas podemos usar Varios elementos como
herramientas de trabajo Ya que Nosayuda a estar informados acerca
de cmo funciona cada una de ellas es por Eso que aqu estn algunas
de las herramientas ms usadas en la web.
FILEMAIL: Esta herramienta permite enviar a travs de su
servicio
Blogs / Weblogs. Son pginas web que contienen anotaciones ordenadas
cronolgicamente. Dentro del mundo blogger, existen diversos tipos
de herramientas:
Sistemas de creacin y alojamiento de blogs: Blogger, Wordpress,
Windows Live Spaces.
Rankings de blogs y herramientas: Alianzo, TopBlogs,
CompareBlogs.
Comunidades, directorios: bitcoras, blogalaxia.
Redes de blogs: Weblogs, Hipertextual, Cdys
Videoblogs. Archivos de vdeo que se distribuyen mediante
suscripcin: MobuzzTV
Redes sociales. En las que las personas mantienen relaciones de
amistad, intereses comunes o comerciales.
Redes sociales personales: Facebook, Orkut, Friendster
Redes sociales profesionales (networking): LinkedIn, Xing
Wikis. Contenidos creados por los usuarios que cualquiera puede
modificar, corregir y ampliar: Wikipedia, Google Knol
Lectores RSS y servicios relacionados. Servicios para leer blogs
cmodamente mediante suscripcin a sus canales RSS: Google Reader,
Feedburner, Bloglines.
Marcadores sociales y tagging. Lugares donde la gente guarda y
clasifica sus pginas favoritas: Del.icio.us, Technorati,
Blinklist
Agregadores. Servicios que agrupan informacin procedente de varias
fuentes: Lastinfoo
Noticias y contenidos votados por los usuarios. Digg, Meneame,
Fresqui, Wikio
Recomendacin de contenidos. LastFM, MyStrands
Compartir vdeos. YouTube, Google Video
Compartir fotos. Flickr
Podcasting. Archivos de sonido que se distribuyen a los oyentes
mediante suscripcin. Podcast, Podsonoro.
Aplicaciones en linea. Gmail, Moneytracking
Pginas de inicio personalizadas. Puntos de inicio para el
navegador, personalizables con mdulos y contenidos diversos.
IGogle, Netvibes, Windows Live.
Aplicaciones de geoposicionamiento sobre mapas. Google Maps,
Panoramio, Tagzania.
Buscadores 2.0. Technorati
Comunidades mviles y de acceso. Fon
CREAR UN BLOG
Primer paso: crear una cuenta
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 direccin 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
automticamente, y pasaremos al paso 2. Pero quienes no tienen
cuenta de Google, tendrn que rellenar el siguiente
formulario.
En este formulario hay que incluir lo siguiente:
Una cuenta de correo electrnico existente que tenga el creador del
blog.
Una contrasea escrita dos veces para asegurarse de que no hay
errores.
El nombre que aparecer como autor o autora del blog y del
artculo.
Una verificacin, que consiste en escribir las letras que aparecen
en una pequea imagen.
Activar la casilla de aceptacin de las condiciones, aunque siempre
es mejor leerlas antes.
Hacemos clic en la flecha Continuar, y continuamos con el siguiente
paso.
2. Segundo paso: asignar un nombre al blog
En esta fase simplemente escribiremos un nombre para nuestro blog,
que podremos cambiar ms tarde, y le asignaremos una direccin de
internet, que no podremos cambiar. Es importante que la direccin
(tambin llamada URL) sea corta y siempre con letras minsculas, sin
caracteres especiales como acentos o ees, y sin huecos. La direccin
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 direccin: miblogenblogger.
Despus Blogger aade la parte final hasta quedar as:
http://miblogenblogger.blogspot.com.
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 direccin del blog no est
disponible.Y ahora vamos al ltimo paso.
20955-5130803. Tercer paso: elegir una plantilla
Por ltimo, tendremos que elegir una plantilla, que es el diseo
general del blog. Elegiremos la que ms nos guste, pero ms adelante
podremos cambiarla siempre que queramos. La eleccin de la plantilla
es importante, y por eso he escrito un artculo en este blog, "
Diseo y eleccin 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 esoes otra historia.
COMO SUBIR DOCUMENTOS AL BLOGGER
Abrir la direccin de Gmail (www.gmail.com).
Escribir el nombre del usuario y la contrasea.
Hacer clic en documentos y hojas.
Hacer clic en nuevo documento parte izquierda superior de la
hoja.
Pegar el documento que se va a subir.
Hacer clic en publicar parte superior derecha.
Hacer clic en boton publicar documento.
Hacer clic en la ventana que aparece aceptar documento.
Copiar la direccin que aparece donde se va a publicar el
documento.
Abrir nueva ventana de Internet (blogger.com)
Identificar el blogger donde se va a publicar y hacer clic en nueva
entrada.
Escribir el titulo del documento.
Hacer la descripcin del texto.
Pegar la direccin.
Poner las etiquetas sin espacios y sin tildes.
PASOS PARA AADIR UN VIDEO AL BLOG
Los vdeos son una forma genial de darle un poco ms de vidilla a tu
blog. De hecho, este formato es tan popular que los blogs de vdeo,
tambin conocidos como " vlogs" , estn inundando Internet. Si deseas
unirte a la nueva ola, publicar un vdeo con Blogger es muy
sencillo. De momento no es posible alojar directamente archivos de
vdeo en Blogger. Sin embargo, puedes incrustar el vdeo o incluir un
vnculo a archivos de vdeo dentro de tu blog, siempre que estn
alojados en cualquier otro lugar.
Por ejemplo, para incrustar un vdeo de YouTube, lo nico que tienes
que hacer es copiar y pegar el cdigo del recuadro " Incrustar"en tu
entrada, mientras te encuentres en el modo " Editar HTML" . Tambin
puedes encontrar este cdigo mientras ves el vdeo, en el cuadro "
Acerca de este vdeo" . Si el vdeo es tuyo, la pgina " Incrustar
HTML"aparecer tambin en la pgina " Editar vdeo" .
Si deseas ms informacin sobre cmo incrustar vdeos de YouTube,
puedes echar un vistazo a la pgina Sharing YouTube Videos, en la
parte inferior del sitio YouTube Help.
Si deseas utilizar un archivo de vdeo que no est alojado en
YouTube, los pasos son muy parecidos. Basta con obtener la URL del
archivo alojado y, a continuacin, insertarlo entre comillas en el
siguiente cdigo HTML: As de sencillo. Si quieres ajustar el alto,
el ancho u otros atributos ms complicados, existen tutoriales
disponibles en lnea que pueden ayudarte a hacerlo.
PASOS PARA PUBLICAR IMGENES EN EL BLOG
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 imgenes en sus blogs:
209551270
Al hacer clic en este icono, aparecer una ventana que le permitir
seleccionar una o varias imgenes de su equipo. Slo tendr que hacer
clic en el botn " Examinar"para localizar las que desea subir. Si
lo prefiere, tambin puede introducir la URL de una imagen que est
en lnea para insertarla en su entrada.
20955-1270
Si hace clic en el vnculo para seleccionar un diseo, podr
personalizar la forma en la que las imgenes aparecern en la
entrada:
-32385-246380Las opciones de izquierda, centro y derecha
determinarn la posicin del texto de la entrada respecto a las
imgenes. La opcin de tamao le permite escalar el tamao de las
imgenes dentro del rea de la entrada. Sin embargo, tenga en cuenta
que la imagen se subir a tamao completo; esta opcin slo determina
cmo se escalar dentro del contenido de la entrada.
PASOS PARA CREAR UN VNCULO A OTRA PGINA WEB?
Resalte el texto que desea convertir en vnculo. Si no selecciona
ninguno antes de utilizar el botn Vnculo, el vnculo se crear sin
texto.
Haga clic en el botn Vnculo (o pulse control + mays + a en el
teclado):
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://.
Si el botn de este vnculo no aparece en su navegador o no funciona,
puede escribir el vnculo a mano:
TEXTO
COMO SUBIR UNA PAGINA WEB
Lo siguiente es descargar un programa FTP para subir archivos, para
esta ocasin usaremos SmartFTP(Si usas Linux te recomiendo la
extensin para FirefoxFireFTP) una vez que hayamos descargado el
programa debemos instalarlo.
Abrimos el SmartFTP y donde dice Address (Servidor si esta en
espaol) ponemos la direccin FTP que nos proporciono nuestro
hosting, en Login (Usuario en espaol) ponemos nuestro nombre de
usuario que nos da el hosting para acceder va FTP y en Password
(Contrasea en Espaol) ingresamos la contrasea proporcionada, una
vez hecho esto damos un clic a Connect (Conectar si esta en Espaol)
o presionamos ENTER.
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 pgina Web.
Como pueden observar, hay dos ventanas donde se ven carpetas
(izquierda y derecha), en la ventana izquierda estn las carpetas de
nuestra computadora y en la derecha las de nuestro sitio web.
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 pgina seleccionados
deberemos arrastrarlos dentro de la carpeta public_html o htdocs
segn el caso.