SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
- Quinta versión del lenguaje de programación
“básico” de la World Wide Web, el HTML.
-Reduce la necesidad de plugins externos como Flash.
- Mejor manejo de errores.
- Desarrolla contenidos moviles, para webs y
juegos online.
- Principal plataforma de negocios..
- Beneficios como: Simplicidad, costo, flexibilidad
y movilidad.
- Nuevos elementos que per-
miten incrustar un contenido
multimedia de sonido o de
vídeo, respectivamente.
- Permite reproducir y controlar
videos y audio sin necesidad de
plugins como el de flash.
- Youtube deja de usar flash y
comienza a proyectar en
HTML5.
Ver ejemplo:
http://spielzeugz.de/html5/liquid-particles.html
Juego :
http://agent8ball.com/
FLASH VS HTML5
Potencia: En cuanto a la potencia actual para la animación 2D, se pueden
hacer las mismas cosas con HTML5 y Flash. En cuanto a animación 3D es
superior en el Flash que el HTML5, sin embargo a mediano plazo se prevé
que el HTML5 tendrá la misma potencia del Flash.
SEO: Los sitios realizados completamente en Flash tienen limitaciones signifi-
cativas para posicionarse en motores de búsqueda en cambio los sitios reali-
zados en HTML5 tienen buen posicionamiento en buscadores .
Móviles: Flash no se ve en algunos dispositivos móviles y el HTML5 sí, siem-
pre y cuando se cuente con un navegador actualizado.
Grandes empresas: están de lado de HTML5 y están dejando de lado a
Flash, incluido Google Chrome, Firefox, Safari y Adobe.
Documentación: la documentación para HTML5 y Canvas no es tan extensa
como la documentación de ActionScript 3. Esta diferencia se irá reduciendo
con el tiempo.
GEOLOCALIZACIÓN
- Permite conocer el lugar donde se ecuentra
el usuario cuando visita el portal.
- Segmentación de los contenidos.
- El navegador utiliza gps, dirección IP,
anenas de redes m´viles o la localización
Wi-Fi, para dar con la posición exacta del
usuario.
Ver ejemplo:
http://loquenecesita.com/files/geolocalizacio
n.html
En la primera visita el navegador
descarga y guarda todos los archi-
vos necesarios para desplegar la
página (HTML, CSS, javascript, im-
ágenes, etc).
en la segunda visita en modo offline
el navegador reconoce la dirección y
sirve los archivos del cache de la
aplicación local, en lugar de obtener-
los por la red.
El principal componente de esta
característica se llama archivo de
manifiesto (manifest file), que es un
archivo de texto que se guarda en el
servidor Web. Este archivo se envía
al dispositivo del usuario y no se
muestro como la típica página de
error en un sitio web.
Offline Application Cache
Sitios Web hechos con

Más contenido relacionado

La actualidad más candente (20)

Publicar presentaciones PowerPoint
Publicar presentaciones PowerPointPublicar presentaciones PowerPoint
Publicar presentaciones PowerPoint
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Sitio web diapositivas
Sitio  web diapositivasSitio  web diapositivas
Sitio web diapositivas
 
Paginas web
Paginas webPaginas web
Paginas web
 
Motores de busqueda y paginas web
Motores de busqueda y paginas webMotores de busqueda y paginas web
Motores de busqueda y paginas web
 
Wordpress
WordpressWordpress
Wordpress
 
Que es una pagina web
Que es una pagina  webQue es una pagina  web
Que es una pagina web
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Pagina web
Pagina webPagina web
Pagina web
 
Uso y administracion de paginas web
Uso y administracion de paginas webUso y administracion de paginas web
Uso y administracion de paginas web
 
Solución
SoluciónSolución
Solución
 
Estudiante
EstudianteEstudiante
Estudiante
 
Navegadores Web
Navegadores WebNavegadores Web
Navegadores Web
 
Evidencia clase 2 tecnoweb
Evidencia clase 2 tecnowebEvidencia clase 2 tecnoweb
Evidencia clase 2 tecnoweb
 
Diapositivasweb3
Diapositivasweb3Diapositivasweb3
Diapositivasweb3
 
Presentaciones online
Presentaciones onlinePresentaciones online
Presentaciones online
 
Tarea CMS
Tarea CMSTarea CMS
Tarea CMS
 

Similar a HTML5, geolocalización y PWAs

Adobe flash
Adobe flashAdobe flash
Adobe flashEducaweb
 
Html 5
Html 5Html 5
Html 5cittly
 
Los navegadores más utilizados
Los navegadores más utilizadosLos navegadores más utilizados
Los navegadores más utilizados28ma
 
Herramientas avanzadas de los navegadores
Herramientas avanzadas de los navegadoresHerramientas avanzadas de los navegadores
Herramientas avanzadas de los navegadoresyeloba
 
Trabajo de informatica web
Trabajo de informatica webTrabajo de informatica web
Trabajo de informatica webJuaanitho Zamora
 
Los navegadores.pps
Los navegadores.ppsLos navegadores.pps
Los navegadores.ppsatiportal
 
Los navegadores
Los navegadoresLos navegadores
Los navegadoresatiportal
 
Los navegadores
Los navegadoresLos navegadores
Los navegadoresatiportal
 
Sistema operativo google chrome
Sistema operativo google chromeSistema operativo google chrome
Sistema operativo google chromeTaniaa Roosel
 
Pinargote quiroz jennifer
Pinargote quiroz jenniferPinargote quiroz jennifer
Pinargote quiroz jenniferkassy9331
 
Lina cardona flash n1
Lina cardona flash n1Lina cardona flash n1
Lina cardona flash n1LinaCtriana
 
Actividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativaActividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativapilywily
 
HTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOYHTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOYJuan Eladio Sánchez Rosas
 
Los navegadores más usados
Los navegadores más usadosLos navegadores más usados
Los navegadores más usadosmarcejesus
 
Los navegadores más usados
Los navegadores más usadosLos navegadores más usados
Los navegadores más usadosmarcejesus
 

Similar a HTML5, geolocalización y PWAs (20)

Adobe flash
Adobe flashAdobe flash
Adobe flash
 
Html 5
Html 5Html 5
Html 5
 
Los navegadores más utilizados
Los navegadores más utilizadosLos navegadores más utilizados
Los navegadores más utilizados
 
Herramientas avanzadas de los navegadores
Herramientas avanzadas de los navegadoresHerramientas avanzadas de los navegadores
Herramientas avanzadas de los navegadores
 
Trabajo de informatica web
Trabajo de informatica webTrabajo de informatica web
Trabajo de informatica web
 
Los navegadores.pps
Los navegadores.ppsLos navegadores.pps
Los navegadores.pps
 
Los navegadores
Los navegadoresLos navegadores
Los navegadores
 
Macromedia Flash 8
Macromedia  Flash 8Macromedia  Flash 8
Macromedia Flash 8
 
Los navegadores
Los navegadoresLos navegadores
Los navegadores
 
HTML5
HTML5HTML5
HTML5
 
Abobe Flash
Abobe Flash Abobe Flash
Abobe Flash
 
Sistema operativo google chrome
Sistema operativo google chromeSistema operativo google chrome
Sistema operativo google chrome
 
Pinargote quiroz jennifer
Pinargote quiroz jenniferPinargote quiroz jennifer
Pinargote quiroz jennifer
 
Lina cardona flash n1
Lina cardona flash n1Lina cardona flash n1
Lina cardona flash n1
 
uTILIDADES
uTILIDADESuTILIDADES
uTILIDADES
 
Actividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativaActividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativa
 
HTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOYHTML5 y los desafíos del desarrollo web de HOY
HTML5 y los desafíos del desarrollo web de HOY
 
Flash cs 5 2
Flash cs 5 2Flash cs 5 2
Flash cs 5 2
 
Los navegadores más usados
Los navegadores más usadosLos navegadores más usados
Los navegadores más usados
 
Los navegadores más usados
Los navegadores más usadosLos navegadores más usados
Los navegadores más usados
 

HTML5, geolocalización y PWAs

  • 1.
  • 2. - Quinta versión del lenguaje de programación “básico” de la World Wide Web, el HTML. -Reduce la necesidad de plugins externos como Flash. - Mejor manejo de errores. - Desarrolla contenidos moviles, para webs y juegos online. - Principal plataforma de negocios.. - Beneficios como: Simplicidad, costo, flexibilidad y movilidad.
  • 3.
  • 4. - Nuevos elementos que per- miten incrustar un contenido multimedia de sonido o de vídeo, respectivamente. - Permite reproducir y controlar videos y audio sin necesidad de plugins como el de flash. - Youtube deja de usar flash y comienza a proyectar en HTML5.
  • 6. FLASH VS HTML5 Potencia: En cuanto a la potencia actual para la animación 2D, se pueden hacer las mismas cosas con HTML5 y Flash. En cuanto a animación 3D es superior en el Flash que el HTML5, sin embargo a mediano plazo se prevé que el HTML5 tendrá la misma potencia del Flash. SEO: Los sitios realizados completamente en Flash tienen limitaciones signifi- cativas para posicionarse en motores de búsqueda en cambio los sitios reali- zados en HTML5 tienen buen posicionamiento en buscadores . Móviles: Flash no se ve en algunos dispositivos móviles y el HTML5 sí, siem- pre y cuando se cuente con un navegador actualizado. Grandes empresas: están de lado de HTML5 y están dejando de lado a Flash, incluido Google Chrome, Firefox, Safari y Adobe. Documentación: la documentación para HTML5 y Canvas no es tan extensa como la documentación de ActionScript 3. Esta diferencia se irá reduciendo con el tiempo.
  • 7. GEOLOCALIZACIÓN - Permite conocer el lugar donde se ecuentra el usuario cuando visita el portal. - Segmentación de los contenidos. - El navegador utiliza gps, dirección IP, anenas de redes m´viles o la localización Wi-Fi, para dar con la posición exacta del usuario. Ver ejemplo: http://loquenecesita.com/files/geolocalizacio n.html
  • 8. En la primera visita el navegador descarga y guarda todos los archi- vos necesarios para desplegar la página (HTML, CSS, javascript, im- ágenes, etc). en la segunda visita en modo offline el navegador reconoce la dirección y sirve los archivos del cache de la aplicación local, en lugar de obtener- los por la red. El principal componente de esta característica se llama archivo de manifiesto (manifest file), que es un archivo de texto que se guarda en el servidor Web. Este archivo se envía al dispositivo del usuario y no se muestro como la típica página de error en un sitio web. Offline Application Cache