SlideShare una empresa de Scribd logo
1 de 13
Descargar para leer sin conexión
Ing. Alexander Acurio - info@aaluna.com




HTML 5 !El futuro de la web… ahora¡
Ing. Alexander Acurio - info@aaluna.com




             ¿QUÉ ES HTML 5?
 HTML5 es la piedra angular de la plataforma web de código abierto del
W3C, un marco diseñado para apoyar la innovación y fomentar el potencial
que la web tiene para ofrecer.
 Es una colección revolucionaria de herramientas y normas, el sistema de
identidad, HTML5 ofrece el vocabulario visual para clasificar con claridad y
comunicar nuestros esfuerzos colectivos.
Ing. Alexander Acurio - info@aaluna.com




SEMÁNTICA

        Brinda un sentido a la estructura, incluye
       una variedad más rica de etiquetas, la
       semántica es frontal y central con HTML5.
        Un conjunto más completo de etiquetas,
       junto con RDFa (conjunto de extensiones
       de xHTML para introducir semántica),
       microdatos, y microformatos, están
       permitiendo una mayor utilidad.
Ing. Alexander Acurio - info@aaluna.com




OFFLINE Y ALMACENAMIENTO

                    Las aplicaciones Web pueden
                   empezar a trabajar aún más rápido e
                   incluso sin conexión a Internet, gracias
                   a la caché de aplicación HTML5, así
                   como el almacenamiento local, base de
                   datos indexadas, y las especificaciones
                   de la API de archivos.
Ing. Alexander Acurio - info@aaluna.com




MULTIDISPOSITIVOS
               A partir de la API de geolocalización, las
              aplicaciones Web pueden presentar características y
              experiencias ricas en los dispositivos.
               Se están desarrollando y aplicando
              increíbles innovaciones de acceso de dispositivos,
              desde el acceso de entrada de audio / vídeo
              a micrófonos y cámaras, a los datos locales, tales
              como contactos y eventos, e incluso ubicación en
              tiempo real.
Ing. Alexander Acurio - info@aaluna.com




CONECTIVIDAD

                Conectividad más eficiente significa
               más aplicaciones de tiempo real,
               juegos más rápidos y mejor
               comunicación. Web Sockets y Server-
               Sent-Events muentros los datos entre
               cliente y servidor más eficientemente.
Ing. Alexander Acurio - info@aaluna.com




MULTIMEDIA

               El audio y video son los más
              importante en la web, sin necesidad de
              molestos plugins.

               Haciendo que hasta los más
              grandes se muden a HTML 5
                         • Youtube HTML 5
Ing. Alexander Acurio - info@aaluna.com




3D, GRÁFICOS Y EFECTOS

                Características como SVG, Canvas,
               WebGL y CSS3 3D se pueden apreciar
               aplicaciones increíbles con una velocidad
               y calidad envidiables.
Ing. Alexander Acurio - info@aaluna.com




RENDIMIENTO E INTEGRAC IÓN

                      Hace más rápidas las Aplicaciones
                     Web y Contenido Web Dinámico con
                     una variedad de técnicas y tecnologías
                     tales como Web Workers (manejan
                     tareas computacionales intensivas - JS)
                     y XMLHttpRequest 2 (AJAX).
Ing. Alexander Acurio - info@aaluna.com




       CSS3

           Muestra una amplia variedad de
          efectos y estilización, mejorando la
          visualización de la aplicación web sin
          sacrificar la estructura semántica o el
          rendimiento.
           Adicionalmente Web Open Font
          Format (WOFF) proporciona
          flexibilidad y control tipográfico.
Ing. Alexander Acurio - info@aaluna.com
Ing. Alexander Acurio - info@aaluna.com




                        EJEMPLOS
 http://www.zygotebody.com/ (3D, Canvas)
 http://aworldoftweets.frogdesign.com/ (Geolocalización)
 http://www.multiplayerpiano.com/ (Web Sockets)
 http://fritzo.org/keys/#style=wedges (Web Workers)
 https://developer.mozilla.org/es/demos/detail/the-planetarium/launch
 http://chrome.angrybirds.com/
 http://www.effectgames.com/demos/canvascycle/
 http://mudcu.be/sketchpad/
 http://disneydigitalbooks.go.com/tron/
 http://html5readiness.com/
Ing. Alexander Acurio - info@aaluna.com




                                     ING. ALEXANDER
                                          ACURIO
                                              didjeram.com
                                               aaluna.com

                                  ---------------------------------------

                                               @didjeram

                                          facebook.com/didjeram

                                  ---------------------------------------

                                            info@aaluna.com

Más contenido relacionado

Destacado

Migracion a software libre
Migracion a software libreMigracion a software libre
Migracion a software libreVLASLOV
 
¿Porque android?
¿Porque android?¿Porque android?
¿Porque android?VLASLOV
 
Seguridad
SeguridadSeguridad
SeguridadVLASLOV
 
Book of-vaadin
Book of-vaadinBook of-vaadin
Book of-vaadinVLASLOV
 
Gwt manual de instalacion
Gwt   manual de instalacionGwt   manual de instalacion
Gwt manual de instalacionVLASLOV
 
GWT - EL ESCRITORIO EN LA WEB
GWT - EL ESCRITORIO EN LA WEBGWT - EL ESCRITORIO EN LA WEB
GWT - EL ESCRITORIO EN LA WEBVLASLOV
 
Google el omnipresente
Google el omnipresenteGoogle el omnipresente
Google el omnipresenteVLASLOV
 
GWT y SmartGWT - Introducción
GWT y SmartGWT - IntroducciónGWT y SmartGWT - Introducción
GWT y SmartGWT - IntroducciónVLASLOV
 

Destacado (9)

Migracion a software libre
Migracion a software libreMigracion a software libre
Migracion a software libre
 
¿Porque android?
¿Porque android?¿Porque android?
¿Porque android?
 
Seguridad
SeguridadSeguridad
Seguridad
 
Book of-vaadin
Book of-vaadinBook of-vaadin
Book of-vaadin
 
Gwt manual de instalacion
Gwt   manual de instalacionGwt   manual de instalacion
Gwt manual de instalacion
 
GWT - EL ESCRITORIO EN LA WEB
GWT - EL ESCRITORIO EN LA WEBGWT - EL ESCRITORIO EN LA WEB
GWT - EL ESCRITORIO EN LA WEB
 
Google el omnipresente
Google el omnipresenteGoogle el omnipresente
Google el omnipresente
 
GWT y SmartGWT - Introducción
GWT y SmartGWT - IntroducciónGWT y SmartGWT - Introducción
GWT y SmartGWT - Introducción
 
Tipos De Protocolos
Tipos De ProtocolosTipos De Protocolos
Tipos De Protocolos
 

Similar a Html5. El futuro de la web... ahora.

Front end developer
Front end developerFront end developer
Front end developerSkynet Erp
 
Estándares Web y Accesibilidad en Colombia
Estándares Web y Accesibilidad en ColombiaEstándares Web y Accesibilidad en Colombia
Estándares Web y Accesibilidad en ColombiaGabriel Porras
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbasPeter Concha
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbasAvanet
 
Presentación Web 2.0
Presentación Web 2.0Presentación Web 2.0
Presentación Web 2.0amaliadavila
 
Presentación Web 2.0
Presentación Web 2.0Presentación Web 2.0
Presentación Web 2.0amaliadavila
 
Web20
Web20Web20
Web20UJAP
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007guest976d083
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007guestd24c393
 
Web 2.0 y computación en la nube
Web 2.0 y computación en la nubeWeb 2.0 y computación en la nube
Web 2.0 y computación en la nubeJuanaLalo
 
Estándares W3C (Tarea)
Estándares W3C (Tarea)Estándares W3C (Tarea)
Estándares W3C (Tarea)Javier Chávez
 
Herramientas telemáticas la web
Herramientas telemáticas la webHerramientas telemáticas la web
Herramientas telemáticas la webFranklin Gelpud
 
Ventajas desventajas paginas_web
Ventajas desventajas paginas_webVentajas desventajas paginas_web
Ventajas desventajas paginas_webJhairo Fc
 

Similar a Html5. El futuro de la web... ahora. (20)

Front end developer
Front end developerFront end developer
Front end developer
 
Estándares Web y Accesibilidad en Colombia
Estándares Web y Accesibilidad en ColombiaEstándares Web y Accesibilidad en Colombia
Estándares Web y Accesibilidad en Colombia
 
Las Ventajas de usar HTML5 Y CSS3
Las Ventajas de usar HTML5 Y CSS3Las Ventajas de usar HTML5 Y CSS3
Las Ventajas de usar HTML5 Y CSS3
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Presentación Web 2.0
Presentación Web 2.0Presentación Web 2.0
Presentación Web 2.0
 
Presentación Web 2.0
Presentación Web 2.0Presentación Web 2.0
Presentación Web 2.0
 
Html5todayv7
Html5todayv7Html5todayv7
Html5todayv7
 
Web20
Web20Web20
Web20
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Web 2.0 y computación en la nube
Web 2.0 y computación en la nubeWeb 2.0 y computación en la nube
Web 2.0 y computación en la nube
 
Estándares W3C
Estándares W3CEstándares W3C
Estándares W3C
 
Estándares W3C (Tarea)
Estándares W3C (Tarea)Estándares W3C (Tarea)
Estándares W3C (Tarea)
 
Herramientas telemáticas la web
Herramientas telemáticas la webHerramientas telemáticas la web
Herramientas telemáticas la web
 
Ventajas desventajas paginas_web
Ventajas desventajas paginas_webVentajas desventajas paginas_web
Ventajas desventajas paginas_web
 
Html4
Html4Html4
Html4
 
Web
WebWeb
Web
 
Web 1,2,3
Web 1,2,3Web 1,2,3
Web 1,2,3
 
HTML 4
HTML 4HTML 4
HTML 4
 

Html5. El futuro de la web... ahora.

  • 1. Ing. Alexander Acurio - info@aaluna.com HTML 5 !El futuro de la web… ahora¡
  • 2. Ing. Alexander Acurio - info@aaluna.com ¿QUÉ ES HTML 5?  HTML5 es la piedra angular de la plataforma web de código abierto del W3C, un marco diseñado para apoyar la innovación y fomentar el potencial que la web tiene para ofrecer.  Es una colección revolucionaria de herramientas y normas, el sistema de identidad, HTML5 ofrece el vocabulario visual para clasificar con claridad y comunicar nuestros esfuerzos colectivos.
  • 3. Ing. Alexander Acurio - info@aaluna.com SEMÁNTICA  Brinda un sentido a la estructura, incluye una variedad más rica de etiquetas, la semántica es frontal y central con HTML5.  Un conjunto más completo de etiquetas, junto con RDFa (conjunto de extensiones de xHTML para introducir semántica), microdatos, y microformatos, están permitiendo una mayor utilidad.
  • 4. Ing. Alexander Acurio - info@aaluna.com OFFLINE Y ALMACENAMIENTO  Las aplicaciones Web pueden empezar a trabajar aún más rápido e incluso sin conexión a Internet, gracias a la caché de aplicación HTML5, así como el almacenamiento local, base de datos indexadas, y las especificaciones de la API de archivos.
  • 5. Ing. Alexander Acurio - info@aaluna.com MULTIDISPOSITIVOS  A partir de la API de geolocalización, las aplicaciones Web pueden presentar características y experiencias ricas en los dispositivos.  Se están desarrollando y aplicando increíbles innovaciones de acceso de dispositivos, desde el acceso de entrada de audio / vídeo a micrófonos y cámaras, a los datos locales, tales como contactos y eventos, e incluso ubicación en tiempo real.
  • 6. Ing. Alexander Acurio - info@aaluna.com CONECTIVIDAD  Conectividad más eficiente significa más aplicaciones de tiempo real, juegos más rápidos y mejor comunicación. Web Sockets y Server- Sent-Events muentros los datos entre cliente y servidor más eficientemente.
  • 7. Ing. Alexander Acurio - info@aaluna.com MULTIMEDIA  El audio y video son los más importante en la web, sin necesidad de molestos plugins.  Haciendo que hasta los más grandes se muden a HTML 5 • Youtube HTML 5
  • 8. Ing. Alexander Acurio - info@aaluna.com 3D, GRÁFICOS Y EFECTOS  Características como SVG, Canvas, WebGL y CSS3 3D se pueden apreciar aplicaciones increíbles con una velocidad y calidad envidiables.
  • 9. Ing. Alexander Acurio - info@aaluna.com RENDIMIENTO E INTEGRAC IÓN  Hace más rápidas las Aplicaciones Web y Contenido Web Dinámico con una variedad de técnicas y tecnologías tales como Web Workers (manejan tareas computacionales intensivas - JS) y XMLHttpRequest 2 (AJAX).
  • 10. Ing. Alexander Acurio - info@aaluna.com CSS3  Muestra una amplia variedad de efectos y estilización, mejorando la visualización de la aplicación web sin sacrificar la estructura semántica o el rendimiento.  Adicionalmente Web Open Font Format (WOFF) proporciona flexibilidad y control tipográfico.
  • 11. Ing. Alexander Acurio - info@aaluna.com
  • 12. Ing. Alexander Acurio - info@aaluna.com EJEMPLOS  http://www.zygotebody.com/ (3D, Canvas)  http://aworldoftweets.frogdesign.com/ (Geolocalización)  http://www.multiplayerpiano.com/ (Web Sockets)  http://fritzo.org/keys/#style=wedges (Web Workers)  https://developer.mozilla.org/es/demos/detail/the-planetarium/launch  http://chrome.angrybirds.com/  http://www.effectgames.com/demos/canvascycle/  http://mudcu.be/sketchpad/  http://disneydigitalbooks.go.com/tron/  http://html5readiness.com/
  • 13. Ing. Alexander Acurio - info@aaluna.com ING. ALEXANDER ACURIO didjeram.com aaluna.com --------------------------------------- @didjeram facebook.com/didjeram --------------------------------------- info@aaluna.com