Web 2.0
-
Upload
ingri-julieth-pinzon -
Category
Documents
-
view
93 -
download
1
Transcript of Web 2.0
![Page 1: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/1.jpg)
WEB 2.0
¨Aplicaciones web que facilitan el intercambio de
información¨
PRÁCTICA 04
![Page 2: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/2.jpg)
OBJETIVO Hacer 30 diapositivas en formato de
mapa mental sobre conceptos globales y específicos de la web 2.0
PRÁCTICA 04
Carlos Mauricio Ávila-02 Ingri Julieth Pinzón Pinzón-26
INTEGRANTES
![Page 3: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/3.jpg)
"web 2.0 es marketing y lo segundo se lo ha inventado usted"
Eric SchmidtDirector general de Google
PRÁCTICA 04
![Page 4: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/4.jpg)
PRÁCTICA 04
WEB 2.0
![Page 5: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/5.jpg)
PRÁCTICA 04
IMPLICACIONES
EDUCATIVAS
alumnos orientados al trabajo
autónomo y colaborativo
permiten una mayor
participación en las actividades
grupales
profesores y estudiantes pueden elaborar fácilmente
materiales y someterlos a los
comentarios de los lectores
Proporciona espacios on-line para el
almacenamiento, clasificación y
difusión de contenidos textuales
y audiovisuales
![Page 6: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/6.jpg)
PRÁCTICA 04
REDES SOCIAL
ES
SECOND LIFEEntorno social con
potentes escenarios gráficos y avatares.
BSCW Permite a las
personas autorizadas compartir y
organizar archivos, participar en foros
RAVALNET Red educativa
TWITTEREntorno de
comunicación donde se pueden
mandar micro mensajes
MY SPACEEspacio para la presentación y
expresión personal en público con el objetivo de crear
vínculos con otros.
FACEBOOKEspacio para la presentación y
expresión personal en público con el objetivo de crear
vínculos con otros.
![Page 7: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/7.jpg)
PRÁCTICA 04
ACCESO A INFORMACI
ON DE INTERES
www.google.com/reader?hl=es
www.feedreader.com/
www.bloglines.com
www.netvibes.com/
![Page 8: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/8.jpg)
PRÁCTICA 04
OTROS RECURSOS DE
WEB 2.0
EDICIÓN DE VIDEOS
-Movie masher
CALENDARIOS-Google calendar
GEOLOCALIZACIÓN
-Google maps-Google earth
LINEAS DE TIEMPO -Depity
-Time Toast-XTimeLine
![Page 9: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/9.jpg)
WEB 2.0Conceptos y
características
![Page 10: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/10.jpg)
¿Qué es la Web 2.0 o Web
Social?Es la evolución de las
aplicaciones tradicionales hacia aplicaciones enfocadas
al usuario final mediante herramientas 2.0. En si es una filosofía del nuevo modo del uso y entendimiento de la
web en donde el compartir la información e interactuar es
una de las principales herramientas
![Page 11: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/11.jpg)
Características de la web 2.0Mayor accesibilidad a la información
Democratización de los medios
Inteligencia colectiva
La información se encuentra almacenada en internet (Cómputo en la nube)
Pueden realizarse cambios en tiempo real.
Segmentación y profundización de la información
Creación y consumo de información (pro-consumidor)
![Page 12: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/12.jpg)
TECNOLOGIAS INVOLUCRADAS EN LA WEB 2.0
JAVA SCRIP
THTML5
XMLCSS
XHTLM AJAX
![Page 13: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/13.jpg)
JAVA SCRIPT
Haga clic en el icono para agregar una imagen
Se utiliza en páginas web HTML, para realizar tareas y operaciones en el marco de la aplicación
cliente, en otras palabras, extiende las
capacidades del lenguaje HTML.
![Page 14: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/14.jpg)
XMLEs un lenguaje que permite jerarquizar y estructurar la información y describir los
contenidos dentro del propio documento.
La información estructurada presenta varios contenidos
(texto, imágenes, audio, etc.) y formas: hojas de cálculo, tablas de datos, libretas de direcciones, parámetros de
configuración, dibujos técnicos, etc.
![Page 15: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/15.jpg)
XHTMLEs la versión XML de HTML.El objetivo de sus creadores, es
lograr una web semántica donde la estructura y los datos estén separados
claramente. Por ejemplo, el aspecto final del texto se
describe a través de hojas de estilo y no por etiquetas
intercaladas en el texto como en el HTML.
![Page 16: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/16.jpg)
HTML5Es la quinta revisión mayor del lenguaje básico de la World Wide Web. No se limita sólo a crear nuevas etiquetas, atributos y eliminar aquellas marcas que están en desuso o se utilizan inadecuadamente, sino que va mucho más allá. Puede decirse que es el futuro de la Web que conocemos hasta ahora.
![Page 17: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/17.jpg)
Cascading Style Sheets, CSS
Es un lenguaje formal usado para definir la presentación de
un documento estructurado escrito en HTML o XML. Es el
encargado de la estética de la página Web, por lo que el
documento HTML se hace más ligero y mucho más versátil.
![Page 18: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/18.jpg)
Asynchronous JavaScript And
XML (AJAX)Es una forma de desarrollo web para crear aplicaciones interactivas. Estas aplicaciones se ejecutan en el cliente (en este caso el navegador de los usuarios), y mantiene comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre la misma página sin necesidad de recargarla.
![Page 19: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/19.jpg)
Web 2.0
Termino Acuñado
O´Reilly Media en
2004
Basada en herramien
tas 2.0
Aplicaciones para
facilitar la información
-Redes Sociales.
-Blogs-Wikis
Creada A Través
![Page 20: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/20.jpg)
Web 2.0
Operaciones
-publicación personal
-redes sociales-cliente a cliente
Primera conferencia en
octubre de 2004
Utilizaban paginas HTML anteriormente
-CSS-AJAX
-RSS/ATOM-API-P2P
-XML/HTML
Utiliza Tecnologías
![Page 21: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/21.jpg)
WEB 2.0Basada en:Comunidades
de usuario
Gama especial de servicios
4 pilares
Aprender haciendo
contenidos
Ensayo-error
Aprender interactuando
Redes sociale
s
Aprender buscando
Organización inteligente
Aprender compartiendo
Aplicaciones y servicios
en plataforma
Maps.yahoo.com
![Page 22: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/22.jpg)
Web 2.0
Url’s amigables semánticas
Aplicaciones ricas no
intrusivas
Interacción y conversación
Uso de api’s
externas
![Page 23: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/23.jpg)
WEB 2.0Ventajas
Desventajas
aplicaciones
Tecnología
Comunidad
Negocios
Todos los ámbitos sociales
Enseñanza aprendizaj
e
Empresas
Marginación económico-
social
Genera
Amateurismo
informaciones
![Page 24: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/24.jpg)
WEB 2.0Canales
síncronos
Canales asíncronos
Conectados simultáneamen
te
unidireccional
multidireccional
Radio TvChat
Mensajería
Instantánea
unidireccional
Multidireccional
Limitada:
Bidireccional
Multidireccional
Abierta:
web
Blogs
![Page 25: Web 2.0](https://reader030.fdocuments.ec/reader030/viewer/2022032503/55c0302fbb61eb42478b464b/html5/thumbnails/25.jpg)
Web Grafía
www.wikipedia.comhttp://definicion.de/web-2-0/ http://www.alegsa.com.ar/Dic/web%202.0.php http://www.maestrosdelweb.com/editorial/web2/ http://web30websemantica.comuf.com/web30.htm http://misteridea.blogspot.com/2010/04/dando-paso-la-web-30-llegaremos-la-40.html http://www.w3c.es/divulgacion/guiasbreves/websemantica