Download - Conceptos de la web 2.0
![Page 1: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/1.jpg)
Web 2.0 al alcance de todos
Marcos Martínez Muñiz
#01 Conceptos
![Page 2: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/2.jpg)
Web 2.0 al alcance de todos
¿Qué haremos a lo largo del curso?
• Funcionamento de Internet: estrutura de la Red, servidores navegación, correo electrónico, buscadores, …
• Diferenciación de web tradicional contra web 2.0
• Universo de herramientas 2.0
![Page 3: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/3.jpg)
Web 2.0 alñalcance de todos
Si nos sobra tiempo…
• Taller de creatividad• Instalación y configuración de nuestro servidor• Instalación y configuración de herramientas web
2.0• Utilización de APIs de programación
![Page 4: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/4.jpg)
Web 2.0 al alcance de todos
Funcionamiento del taller…
• Aprendizaje básico de nuevas tecnologías• De manera amena• Ilustrando con ejemplos, vídeos y otros
contenidos multimedia• Colaboración, colaboración, colaboración…
![Page 5: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/5.jpg)
Web 2.0 alñalcance de todos
Empezamos…
• Con un vídeo
![Page 6: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/6.jpg)
Web 2.0 al alcance de todos
Recomendaciones antes de empezar…
• Conocernos un poco… • Creación de una cuenta de correo gratuíta para
utilizar durante el curso• Creación de una cuenta en Dropbox• Vamos a aprender a instalar complementos no
Mozilla Firefox que luego utilizaremos• Aprovechar al máximo los buscadores
![Page 7: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/7.jpg)
Web 2.0 al alcance de todos
Primeros pasos …
• Crear una cuenta de correo en gmail• Configuración de la cuenta de correo que
utilizaremos durante el curso• Probar “labs” y otras muchas opciones de gmail
[PRÁCTICA]
![Page 8: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/8.jpg)
Web 2.0 al alcance de todos
Primeros pasos …
• Enviar correos a muchas personas: correos cadena• A la hora de enviarle a múltiples destinatarios debemos
agregarlos en el campo CCO y nunca en el campo Para o CC
• Si recibimos un correo cadena y queremos reenviarlo, debemos borrar todas las direcciones que contiene el mensaje antes de enviarlo
[CONSEJOS]
![Page 9: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/9.jpg)
Web 2.0 al alcance de todos
Primeros pasos …
• Cuidado con el correo no deseado o SPAM• Generalmente es publicidad
• Además de este correo debemos prestar especial atención a la hora de identificar correo PHISHING
• A menudo requiere datos bancarios• Imita páginas de las entidades bancarias a la
perfección• Muy peligroso• El sentido común es nuestra mejor defensa
[CONSEJOS]
![Page 10: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/10.jpg)
Web 2.0 al alcance de todos
Primeros pasos …
• ¿qué es DropBox?• Dropbox es un servicio de alojamiento de
archivos multiplataforma en la nube.• Quédate con el concepto de “la nube”, será
muy importante a partir de ahora.
![Page 11: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/11.jpg)
Web 2.0 al alcance de todos
Primeros pasos …
• Crear una cuenta de DropBox• Instalar DropBox en nuestro equipo• Iniciar su funcionamiento con un archivo en
vuestra carpeta.• No os olvidéis de desinstalarla antes de salir
[PRÁCTICA]
![Page 12: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/12.jpg)
Web 2.0 al alcance de todos
Primeros pasos …
• Crear contraseñas seguras• No son seguras: números de teléfono, fechas de
nacimiento, números de DNI, matrícula coche, etc.• La contraseña tiene que ser segura, pero también
tenemos que acordarnos (porque no se debe apuntar)• Por ejemplo: “marcos” no es segura
1. =marcos=2. =MarcoS=3. =1M8a0r8c8o0s= es una contraseña segura
[CONSEJOS]
![Page 13: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/13.jpg)
Web 2.0 al alcance de todos
Utilizar un buscador …
• Para realizar una consulta en un buscador tenemos que responder a las siguientes cuestións:• ¿Qué queremos buscar?• ¿Dónde lo podemos encontrar?
• A partir de ahí tendremos que eligir uno de los buscadores disponibles en la Red
• Ejemplo: “cursos informática 2010 en la Universidad de Vigo”
• Ejemplo: “restaurantes Ourense”
[PRÁCTICA]
![Page 14: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/14.jpg)
Web 2.0 al alcance de todos
Primeros pasos buscadores …
• Utiliza as “opcións avanzadas” dos buscadores• Permite restrinxir os resultados da busca• Encontraremos máis facilmente a información que
desexamos• Hai múltiples opcións: próbaas
• Por idioma• Por país• Por dominio• ETC.
[CONSEJOS]
![Page 15: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/15.jpg)
Web 2.0 al alcance de todos
Primeros pasos buscadores …
• Dominio en Internet• Por ejemplo: http://vicou.uvigo.es
[EJEMPLO]
http:// vicou uvigo es
Protocolo Subdominio Universidad de Vigo
España
DOMINIO
![Page 16: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/16.jpg)
Web 2.0 al alcance de todos
Primeros pasos buscadores …
![Page 17: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/17.jpg)
Web 2.0 al alcance de todos
Utilizar un buscador …
• Busca tu nombre completo entre comillas.• Podrás observar tu relevancia en la red • Comprobarás si tus perfiles sociales están a la
vista de todo el mundo• Esto es importante de cara a una reputación
social sana.
[PRÁCTICA]
![Page 18: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/18.jpg)
Web 2.0 al alcance de todos
Navegadores (Mozilla Firefox)…
• Es un programa que utilizamos para consultar los contenidos de las páginas web
• Historia de los navegadores• Hay muchos en el mercado, pero los más
conocidos son:• Microsoft Internet Explorer• Mozilla Firefox• Google Chrome• Safari
[NAVEGADORES]
![Page 19: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/19.jpg)
Web 2.0 al alcance de todos
Navegadores (Mozilla Firefox)…
[NAVEGADORES]
Fuente:http://www.nometoqueslashelveticas.com/
![Page 20: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/20.jpg)
Web 2.0 al alcance de todos
Navegadores (Mozilla Firefox)…
• A lo largo del curso veremos diversas herramientas que se podrán administrar e consultar desde el navegador Mozilla Firefox.
• Aprenderemos a instalar complementos en el navegador
• Configuramos la página de inicio• A medida que avance el curso aumentaremos
los complementos instalados
[PRÁCTICA]
![Page 21: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/21.jpg)
Web 2.0 al alcance de todos
Fin del primer día …
• El proyecto http://1libro1euro.com• Video
[RECOMENDADO]
![Page 22: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/22.jpg)
Web 2.0 al alcance de todos
¿Cómo llegamos hasta aquí?
Información Informática Internet
![Page 23: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/23.jpg)
Web 2.0 al alcance de todos
Ejercicio filosófico: opiniones!
• ¿Podríamos vivir sin las tecnologías actuales? (no digo nuevas tecnologías)
• 20 años antes VS. 5 años después
![Page 24: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/24.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
• Cada vez manejamos más información• Cada vez tenemos más necesidades
comunicativas• Compartimos la información (personal,
profesional, etc.)• Tenemos acceso “global” a la información
![Page 25: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/25.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
• En respuesta a las necesidades nació Internet• Internet es una red mundial de computadores• NO son sólo las páginas web• Hay muchos más servicios: correo, chat, voIp,
mapas, etc.
![Page 26: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/26.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
![Page 27: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/27.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
![Page 28: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/28.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
Vemos un exemplo con Facebook:
![Page 29: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/29.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
[DATO]
Hoy en día los usuarios registrados en Facebook son más de 400 millones en todo el mundo.
![Page 30: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/30.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
España (43 mill.)
Facebook (400 mill.)
![Page 31: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/31.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
![Page 32: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/32.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
![Page 33: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/33.jpg)
Web 2.0 al alcance de todos
Internet cada vez más grande…
[DATO]
En total, el crash de las punto-com provocó 5 millardos de dólares en pérdidas de valor de las empresas tecnológicas, desde Marzo de 2000 a Octubre de 2002.
![Page 34: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/34.jpg)
Web 2.0 al alcance de todos
Evolución hasta la web 2.0
• Las páginas web están basadas en Hipertexto• Propuesto por Vannebar Bush (1945)• Por ejemplo: libros
• As páginas fueron evolucionando e introduciendo todo tipo de contenidos: imágenes, sonido, vídeo, animaciones, infografía, etc.
• Son conocidas como páginas web tradicionales
![Page 35: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/35.jpg)
Web 2.0 al alcance de todos
Evolución hasta la web 2.0 …
• Tenemos que localizar la página web de una empresa (la más fea, estéticamente hablando)
• Puedes utilizar cualquier de los buscadores que conocéis o bien proponer alguna que ya tengas localizada
• Estudiaremos su interfaz para luego comparar con las interfaces 2.0
[PRÁCTICA]
![Page 36: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/36.jpg)
Web 2.0 al alcance de todos
Evolución hasta la web 2.0 …
• Como ejemplo:http://www.milliondollarhomepage.com/
[PRÁCTICA]
![Page 37: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/37.jpg)
Web 2.0 al alcance de todos
Evolución hasta la web 2.0
• Con los años, las páginas fueron mejorando notablemente su estética
• Además mejoraron su funcionamiento interno a la hora de publicar contenidos
• Llegamos al nacimiento de los gestores de contenidos o CMS
• Hay algunos autores que llaman a esta etapa en la evolución web como a web 1.5
![Page 38: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/38.jpg)
Web 2.0 al alcance de todos
¿Dónde nos encontramos?
![Page 39: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/39.jpg)
Web 2.0 al alcance de todos
Web 2.0
• Es difícil definir la web 2.0.• Es un fenómeno social que tiene lugar en
Internet a través de la utilización de sus servicios por medio de interfaces web.
• El centro es el usuario (personas)• Un término definido por Tim O'Reilly
![Page 40: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/40.jpg)
Web 2.0 al alcance de todos
Web 2.0
• Sus pilares son los conocidos como las 4 Cs:
[Las 4 C]
![Page 41: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/41.jpg)
Web 2.0 al alcance de todos
Web 2.0
C[Las 4 C]
ompartir
![Page 42: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/42.jpg)
Web 2.0 al alcance de todos
Web 2.0
• Licencias Creative Commons y similares• Cloud Computing
• Un ejemplo de aplicación web a partir de código que ofrece google, concretamente google maps:
http://mispicaderos.net/• ¿es web 2.0?
[Los Culpables]
![Page 45: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/45.jpg)
Web 2.0 al alcance de todos
Evolución hasta la web 2.0 …
• Tenemos que localizar una página web que ofrezca algún servicio a sus usuarios
• Puedes utilizar cualquier buscador que conoces o bien proponer alguna que ya tengas localizada
• Estudiaremos su interfaz para logo compararla con las interfaces de las páginas web tradicionales
[PRÁCTICA]
![Page 46: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/46.jpg)
Web 2.0 al alcance de todos
Evolución hasta la web 2.0 …
• Decir si son web 2.0 o no estas aplicaciones:
[PRÁCTICA]
![Page 47: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/47.jpg)
Web 2.0 al alcance de todos
Fin de la primera parte…
• Hasta aquí una explicación sencilla de los conceptos que nos llevaron hasta la web 2.0
• A partir de ahora completaremos estos conceptos desde un punto de vista más práctico
• Probaremos todo tipo de herramientas que nos ofrecen servicios como usuarios de la Red
![Page 48: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/48.jpg)
Web 2.0 al alcance de todos
Fake Name Generator
[FUNNY APLIZZ]
![Page 49: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/49.jpg)
Web 2.0 al alcance de todos
Did you know?¿Sabías que?
![Page 50: Conceptos de la web 2.0](https://reader033.vdocuments.co/reader033/viewer/2022052910/559b11251a28abb8498b46c9/html5/thumbnails/50.jpg)
Web 2.0 ao alcance de todos
Marcos Martínez MuñizRaúl Piñeiro Martínez
#01 Conceptos