SlideShare una empresa de Scribd logo
1 de 25
PRÁCTICA 04




  ¨Aplicaciones web que
facilitan el intercambio de
        información¨
PRÁCTICA 04



INTEGRANTES
 Carlos  Mauricio Ávila-02
 Ingri Julieth Pinzón Pinzón-26


OBJETIVO
 Hacer 30 diapositivas en formato de
  mapa mental sobre conceptos globales y
  específicos de la web 2.0
PRÁCTICA 04




"web 2.0 es
marketing y lo
segundo se lo ha
inventado usted"
              Eric Schmidt
    Director general de Google
PRÁCTICA 04
PRÁCTICA 04


                           alumnos orientados al
                            trabajo autónomo y
                                colaborativo




 Proporciona espacios
    on-line para el
   almacenamiento,         IMPLICACIONES                     permiten una mayor
                                                             participación en las
clasificación y difusión     EDUCATIVAS                      actividades grupales
de contenidos textuales
    y audiovisuales




                                 profesores y
                            estudiantes pueden
                            elaborar fácilmente
                           materiales y someterlos
                            a los comentarios de
                                 los lectores
PRÁCTICA 04


                                      SECOND LIFE
                               Entorno social con potentes
                                  escenarios gráficos y
                                        avatares.
                                 http://secondlife.com/


       FACEBOOK
     Espacio para la                                                    BSCW
 presentación y expresión                                      Permite a las personas
personal en público con el                                     autorizadas compartir y
objetivo de crear vínculos                                       organizar archivos,
        con otros.                                               participar en foros
   www.facebook.com                                             http://public.bscw.de/




                              REDES
                             SOCIALES
        MY SPACE
     Espacio para la                                              RAVALNET
 presentación y expresión
personal en público con el                                      Red educativa
objetivo de crear vínculos
        con otros.                                             http://www.rava
   www.myspace.com                                                 lnet.org/


                                        TWITTER
                               Entorno de comunicación
                               donde se pueden mandar
                                    micro mensajes
                                   http://twitter.com/
PRÁCTICA 04



                      www.bloglines.com




                                                   www.feedreader.com/
www.netvibes.com/
                      ACCESO A
                    INFORMACION
                      DE INTERES




                    www.google.com/read
                         er?hl=es
PRÁCTICA 04


                      EDICIÓN DE
                        VIDEOS
                    -Movie masher




                    OTROS
LINEAS DE TIEMPO
    -Depity        RECURSOS              CALENDARIOS
                                          -Google
  -Time Toast
   -XTimeLine       DE WEB                calendar



                      2.0

                    GEOLOCALIZACIÓN
                     -Google maps
                      -Google earth
WEB 2.0
 Conceptos y
características
¿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
Características de la web 2.0
 Mayor 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)
TECNOLOGIAS INVOLUCRADAS EN LA
           WEB 2.0

                  JAVA
                           HTML5
                  SCRIPT



     CSS    XML




                  XHTLM    AJAX
JAVA SCRIPT
  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.
XML
   Es 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.
XHTML
Es 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.
HTML5
Es 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.
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.
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.
O´Reilly Media en
                                                       2004

            Creada A
              Través                  Termino
                                     Acuñado




 -Redes
Sociales.
 -Blogs
 -Wikis                        Web
                               2.0                Basada en
                                                 herramientas
                                                      2.0




                  Aplicaciones
                 para facilitar la
                  información
-publicación
                                                    personal
                                                 -redes sociales
                                                   -cliente a
                                                    cliente
               Utiliza
            Tecnologías            Operaciones



  -CSS
  -AJAX
-RSS/ATOM
  -API
  -P2P
                              Web 2.0
-XML/HTML                                          Primera
                                                 conferencia
                                                 en octubre
                                                   de 2004




                     Utilizaban
                   paginas HTML
                   anteriormente
Comunidades                                    Gama
                     Basada en:                especial de
 de usuario
                                               servicios

                       4 pilares


                                     Aprender          Aprender
  Aprender        Aprender
                                     buscando        compartiendo
  haciendo     interactuando


 contenidos       Redes            Organización       Aplicaciones
                 sociales           inteligente       y servicios en
                                                       plataforma

Ensayo-error     facebook             google
                                                   Maps.yahoo.com
Aplicacion
              es ricas no
               intrusivas                Url’s
                                       amigables
                                      semánticas



Interacción
      y
conversació                                    Uso de api’s
      n                                          externas

                            Web 2.0
Ventajas
                                              Desventajas


              aplicaciones
                                              Marginación
                                            económico-social


Tecnología    Comunidad      Negocios     Genera


                                               Amateurismo
Todos los
               Enseñanza       Empresas
 ámbitos
               aprendizaje
 sociales
                                            informaciones
Canales                                         Canales
        síncronos                                       asíncronos

                                                         Multidireccion
                                                          al Limitada:
                  Conectados        unidireccional
               simultáneamente                                Google
                                               web

                                        Bidireccional   Multidireccion
 unidireccional      multidireccional                    al Abierta:

                                             E-Mail         Blogs
                             Mensajería
                    Chat
          Tv                Instantánea
Radio
www.wikipedia.com
http://definicion.de/web-2-0/
http://www.alegsa.com.ar/Dic/web%202.0.ph
p
http://www.maestrosdelweb.com/editorial/w
eb2/
http://web30websemantica.comuf.com/web
30.htm
http://misteridea.blogspot.com/2010/04/dan
do-paso-la-web-30-llegaremos-la-40.html
http://www.w3c.es/divulgacion/guiasbreves/
websemantica

Más contenido relacionado

La actualidad más candente

Introduccion Web 2 0 y Redes Sociales
Introduccion Web 2 0 y Redes SocialesIntroduccion Web 2 0 y Redes Sociales
Introduccion Web 2 0 y Redes SocialesXavier Catala Balta
 
Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0Utmach
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Socialescmn46
 
Blogs Y Educación.
Blogs Y Educación.Blogs Y Educación.
Blogs Y Educación.gmsrosario
 
Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0Utmach
 
Web 2.0 en la formación permanente: Entornos Personales de Aprendizaje
Web 2.0 en la formación permanente:Entornos Personales de Aprendizaje Web 2.0 en la formación permanente:Entornos Personales de Aprendizaje
Web 2.0 en la formación permanente: Entornos Personales de Aprendizaje Pedro Cuesta
 
Introducción a web o internet 2
Introducción a web o internet 2Introducción a web o internet 2
Introducción a web o internet 2machacaclic
 
Sharepoint2010vuelcaenel social20computing20para20la20empresa
Sharepoint2010vuelcaenel social20computing20para20la20empresaSharepoint2010vuelcaenel social20computing20para20la20empresa
Sharepoint2010vuelcaenel social20computing20para20la20empresaEvangelina González
 
Jose anibal medina_semana_ix
Jose anibal medina_semana_ixJose anibal medina_semana_ix
Jose anibal medina_semana_ix201900479
 
Web 2.0
Web 2.0Web 2.0
Web 2.0Anavay
 
Jose anibal medina_semana_ix
Jose anibal medina_semana_ixJose anibal medina_semana_ix
Jose anibal medina_semana_ix201900479
 

La actualidad más candente (19)

Web 2.0 y nube de internet
Web 2.0 y nube de internetWeb 2.0 y nube de internet
Web 2.0 y nube de internet
 
Web 2
Web 2Web 2
Web 2
 
Ques es web 2
Ques es web 2Ques es web 2
Ques es web 2
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Introduccion Web 2 0 y Redes Sociales
Introduccion Web 2 0 y Redes SocialesIntroduccion Web 2 0 y Redes Sociales
Introduccion Web 2 0 y Redes Sociales
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0,,,
Web 2.0,,,Web 2.0,,,
Web 2.0,,,
 
Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
Blogs Y Educación.
Blogs Y Educación.Blogs Y Educación.
Blogs Y Educación.
 
Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0Herramientas Informaticas.- Aplicaciones Web 2.0
Herramientas Informaticas.- Aplicaciones Web 2.0
 
Web 2.0 en la formación permanente: Entornos Personales de Aprendizaje
Web 2.0 en la formación permanente:Entornos Personales de Aprendizaje Web 2.0 en la formación permanente:Entornos Personales de Aprendizaje
Web 2.0 en la formación permanente: Entornos Personales de Aprendizaje
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Introducción a web o internet 2
Introducción a web o internet 2Introducción a web o internet 2
Introducción a web o internet 2
 
Sharepoint2010vuelcaenel social20computing20para20la20empresa
Sharepoint2010vuelcaenel social20computing20para20la20empresaSharepoint2010vuelcaenel social20computing20para20la20empresa
Sharepoint2010vuelcaenel social20computing20para20la20empresa
 
Jose anibal medina_semana_ix
Jose anibal medina_semana_ixJose anibal medina_semana_ix
Jose anibal medina_semana_ix
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Jose anibal medina_semana_ix
Jose anibal medina_semana_ixJose anibal medina_semana_ix
Jose anibal medina_semana_ix
 

Similar a Web 2.0 (20)

Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
para hacer blogs
para hacer blogspara hacer blogs
para hacer blogs
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Qué es la web 2.0
Qué es la web 2.0Qué es la web 2.0
Qué es la web 2.0
 
Web 2 cesar chacon
Web 2 cesar chaconWeb 2 cesar chacon
Web 2 cesar chacon
 
Web 2
Web 2Web 2
Web 2
 
Presentacion Web 2
Presentacion Web 2Presentacion Web 2
Presentacion Web 2
 
Sitios Web
Sitios WebSitios Web
Sitios Web
 
Web 2.0 jhean carlos piedrahita cabezas
Web 2.0 jhean carlos piedrahita cabezasWeb 2.0 jhean carlos piedrahita cabezas
Web 2.0 jhean carlos piedrahita cabezas
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Web 2
Web 2Web 2
Web 2
 
REDES SOCIALES
REDES SOCIALES REDES SOCIALES
REDES SOCIALES
 
Presentación1 web
Presentación1 webPresentación1 web
Presentación1 web
 
La wed 2
La wed 2La wed 2
La wed 2
 
La wed 2
La wed 2La wed 2
La wed 2
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 
Proyecto final
Proyecto finalProyecto final
Proyecto final
 

Web 2.0

  • 1. PRÁCTICA 04 ¨Aplicaciones web que facilitan el intercambio de información¨
  • 2. PRÁCTICA 04 INTEGRANTES  Carlos Mauricio Ávila-02  Ingri Julieth Pinzón Pinzón-26 OBJETIVO  Hacer 30 diapositivas en formato de mapa mental sobre conceptos globales y específicos de la web 2.0
  • 3. PRÁCTICA 04 "web 2.0 es marketing y lo segundo se lo ha inventado usted" Eric Schmidt Director general de Google
  • 5. PRÁCTICA 04 alumnos orientados al trabajo autónomo y colaborativo Proporciona espacios on-line para el almacenamiento, IMPLICACIONES permiten una mayor participación en las clasificación y difusión EDUCATIVAS actividades grupales de contenidos textuales y audiovisuales profesores y estudiantes pueden elaborar fácilmente materiales y someterlos a los comentarios de los lectores
  • 6. PRÁCTICA 04 SECOND LIFE Entorno social con potentes escenarios gráficos y avatares. http://secondlife.com/ FACEBOOK Espacio para la BSCW presentación y expresión Permite a las personas personal en público con el autorizadas compartir y objetivo de crear vínculos organizar archivos, con otros. participar en foros www.facebook.com http://public.bscw.de/ REDES SOCIALES MY SPACE Espacio para la RAVALNET presentación y expresión personal en público con el Red educativa objetivo de crear vínculos con otros. http://www.rava www.myspace.com lnet.org/ TWITTER Entorno de comunicación donde se pueden mandar micro mensajes http://twitter.com/
  • 7. PRÁCTICA 04 www.bloglines.com www.feedreader.com/ www.netvibes.com/ ACCESO A INFORMACION DE INTERES www.google.com/read er?hl=es
  • 8. PRÁCTICA 04 EDICIÓN DE VIDEOS -Movie masher OTROS LINEAS DE TIEMPO -Depity RECURSOS CALENDARIOS -Google -Time Toast -XTimeLine DE WEB calendar 2.0 GEOLOCALIZACIÓN -Google maps -Google earth
  • 9. WEB 2.0 Conceptos y características
  • 10. ¿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
  • 11. Características de la web 2.0 Mayor 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)
  • 12. TECNOLOGIAS INVOLUCRADAS EN LA WEB 2.0 JAVA HTML5 SCRIPT CSS XML XHTLM AJAX
  • 13. JAVA SCRIPT 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.
  • 14. XML Es 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.
  • 15. XHTML Es 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.
  • 16. HTML5 Es 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.
  • 17. 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.
  • 18. 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.
  • 19. O´Reilly Media en 2004 Creada A Través Termino Acuñado -Redes Sociales. -Blogs -Wikis Web 2.0 Basada en herramientas 2.0 Aplicaciones para facilitar la información
  • 20. -publicación personal -redes sociales -cliente a cliente Utiliza Tecnologías Operaciones -CSS -AJAX -RSS/ATOM -API -P2P Web 2.0 -XML/HTML Primera conferencia en octubre de 2004 Utilizaban paginas HTML anteriormente
  • 21. Comunidades Gama Basada en: especial de de usuario servicios 4 pilares Aprender Aprender Aprender Aprender buscando compartiendo haciendo interactuando contenidos Redes Organización Aplicaciones sociales inteligente y servicios en plataforma Ensayo-error facebook google Maps.yahoo.com
  • 22. Aplicacion es ricas no intrusivas Url’s amigables semánticas Interacción y conversació Uso de api’s n externas Web 2.0
  • 23. Ventajas Desventajas aplicaciones Marginación económico-social Tecnología Comunidad Negocios Genera Amateurismo Todos los Enseñanza Empresas ámbitos aprendizaje sociales informaciones
  • 24. Canales Canales síncronos asíncronos Multidireccion al Limitada: Conectados unidireccional simultáneamente Google web Bidireccional Multidireccion unidireccional multidireccional al Abierta: E-Mail Blogs Mensajería Chat Tv Instantánea Radio