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, clasificación y
                                      IMPLICACIONES                               permiten una mayor
 difusión de contenidos textuales y
            audiovisuales
                                        EDUCATIVAS                                participación en las
                                                                                  actividades grupales




                                      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 presentación y                                                   BSCW
expresión personal en público                                           Permite a las personas
   con el objetivo de crear                                             autorizadas compartir y
      vínculos con otros.                                            organizar archivos, participar
     www.facebook.com                                                           en foros
                                                                        http://public.bscw.de/




                                  REDES
                                 SOCIALES

          MY SPACE
Espacio para la presentación y                                           RAVALNET
expresión personal en público
   con el objetivo de crear
                                                                       Red educativa
      vínculos con otros.
     www.myspace.com
                                                                     http://www.rava
                                                                         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

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.0es marketing y lo segundo se lo ha inventado usted" Eric Schmidt Director general de Google
  • 4.
  • 5.
    PRÁCTICA 04 alumnos orientados al trabajo autónomo y colaborativo Proporciona espacios on-line para el almacenamiento, clasificación y IMPLICACIONES permiten una mayor difusión de contenidos textuales y audiovisuales EDUCATIVAS participación en las actividades grupales 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 presentación y BSCW expresión personal en público Permite a las personas con el objetivo de crear autorizadas compartir y vínculos con otros. organizar archivos, participar www.facebook.com en foros http://public.bscw.de/ REDES SOCIALES MY SPACE Espacio para la presentación y RAVALNET expresión personal en público con el objetivo de crear Red educativa vínculos con otros. www.myspace.com http://www.rava 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 Conceptosy características
  • 10.
    ¿Qué es laWeb 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 laweb 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 ENLA 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ónXML 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 quintarevisió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
  • 25.