INVESTIGACIÓN FORMATIVA – TECNOLOGIA WEB II

ESCUELA PROFESIONAL DEINGENIERÍA DE SISTEMASSEDE CHIMBOTE

UNIVERSIDAD CATÓLICA LOS ÁNGELES DE CHIMBOTE

ESTUDIANTE:

 MAUTINO TOLENTINO ROSSY

 LOPEZ JARAMILLO IRVIN

 TORRES GAMBOA BRANDON

DOCENTE:

 ING. ORLANDO CLEMENTE IPARRAGUIRRE VILLANUEVA

CURSO:

 TECNOLOGIA WEB II

201 5

TEMA:

 APPs WEB OFFLINECICLO:

 VI

UNIVERSIDAD CATÓLICA LOS ÁNGELES DE CHIMBOTE Página 1

INVESTIGACIÓN FORMATIVA – TECNOLOGIA WEB II

Contra Caratula

AUTOR:

 Rossy Mautino Tolentino

 Lopez Jaramillo Irvin

 Torres Gamboa Brandon

TEMA: APPs WEB OFFLINE

CHIMBOTE – 2015

UNIVERSIDAD CATÓLICA LOS ÁNGELES DE CHIMBOTE Página 2INVESTIGACIÓN FORMATIVA – TECNOLOGIA WEB II

DEDICATORIA

Primeramente dedicamos este trabajo a Dios por darnos sabiduría y pacienciapara seguir en nuestro camino profesional a pesar de las dificultades que

encontramos en él. De igual forma dedicamos este trabajo a nuestro padres, aquienes le debemos la vida y los consejos que en ella nos ha dado, por

demostrarnos día a día su comprensión, dedicación y sobre todo su cuidado, anuestros profesores quienes han sabido formarnos con buenos sentimientos,

hábitos y valores, lo cual nos ha ayudado a salir adelantebuscando siempre el mejor camino.

A nuestro estimado profesor, gracias por su tiempo, por su apoyo así como por lasabiduría que nos transmitieron en el desarrollo de nuestra formación profesional,por haber guiado el desarrollo de este trabajo y llegar a la culminación del mismo.

AGRADECIMIENTO

Antes que nada agradecemos a Dios por su bendición,

y por darnos un día más de vida y estar rodeados de nuestros seres queridos,

también por darnos la fuerza necesaria para seguir adelante con esta monografía.

De igual manera agradecemos a la Universidad ULADECH CATOLICA por darnos la

oportunidad de realizar esta monografía la cual me ayudara a nuestro

desenvolvimiento como futuros profesionales.

EPÍGRAFE

"Dicen que  los pesimistas ven el vaso medio vacío;  los optimistas, en cambio, lo

ven medio lleno. Los ingenieros, por supuesto, ven que el vaso es el doble de

grande de lo que sería necesario"

-- Bob Lew

UNIVERSIDAD CATÓLICA LOS ÁNGELES DE CHIMBOTE Página 3

INVESTIGACIÓN FORMATIVA – TECNOLOGIA WEB II

SUMARIO:

RESUMEN:

El presente trabajo monográfico abarca los temas acerca de aplicaciones fuera de línea,

los pasos que se deben de seguir para lograr implementar los portales webs y que

estos puedan mostrar información sin tener acceso a internet gracias a la API de caché.

Definiremos ¿Qué son “Las Aplicaciones offline”?; el rango donde estas aplicaciones

favorece a las empresas y como es la estructura de la sintaxis para poder implementar

una aplicación real que pueda trabajar sin conexión a internet.

INTRODUCCIÓN:

Líderes y directores de negocios de empresas conocen la importancia de brindar

información y servicios a sus clientes mediante una página web, para ello deben de

poder mostrar cierta información de su negocio en el caso de que el usuario no esté

conectado a internet.

Para ello  los programadores se basan en una herramienta que es la API de caché de

HTML5, la cual permite guardar información en caché de ciertas páginas o datos de la

página que resultarían muy importante para un cliente o un futuro cliente.

Estas aplicaciones off-line tiene la finalidad de ofrecer servicios o información de una

empresa en un portal web, pero se centra más en  la  información en  los dispositivos

móviles, que son los equipos con los que no siempre se puede contar con un acceso a

internet.

UNIVERSIDAD CATÓLICA LOS ÁNGELES DE CHIMBOTE Página 4

INVESTIGACIÓN FORMATIVA – TECNOLOGIA WEB II

CAPÍTULO I:

USANDO APLICACIONES OFFLINE

La capacidad de utilizar aplicaciones cuando no se está conectado a Internet es especialmente importante en

dispositivos móviles, ya que pueden encontrarse fuera de áreas de cobertura frecuentemente. Pero también importa

en sistemas de escritorio, un ejemplo común podría ser su uso en un avión que carece de conexión WiFi.

Varias estrategias y tecnologías pueden ayudar a asegurar una buena experiencia offline:

Caché de aplicación

Comprobación de la conectividad

Almacenamiento local

IndexedDB

CACHÉ DE APLICACIÓN

La manera principal de hacer que una aplicación funcione offline es a través de la caché de la aplicación, que guarda

recursos para la aplicación en el sistema del cliente, de modo que estén disponibles incluso cuando Internet no lo

esté.

Utilizar la caché de la aplicación

Especificaciones W3C para aplicaciones web offline

COMPROBACIÓN DE LA CONECTIVIDAD

Un factor clave para poder trabajar bien offline es comprobar si el dispositivo tiene conectividad y si responde

apropiadamente cuando no la tiene. Incluso un mensaje que avise al usuario cuando la aplicación no funcionará sin

conexión es mucho mejor que quedarse bloqueado, o que recibir un mensaje genérico de error de tiempo de espera.

La forma más simple de hacer esto es comprobar y escuchar cambios en la propiedad window.navigator.onLine. Sin

embargo, este valor no se garantiza que sea exacto.

Si estás utilizando XMLHttpRequest para actualizar los datos de forma dinámica, puedes comprobar su respuesta

para determinar si la conexión de red se ha caído durante el uso de tu aplicación.

CAPÍTULO I I:

COMO HACER LAS PÁGINAS WEB CACHEABLES, QUE FUNCIONEN OFFLINE SIN CONEXIÓN A

INTERNET

En el internet de hoy en el que gran porciento de los usuarios usan dispositivos portables como teléfonos celulares y

tabletas para navegar en la red, puede ser necesario para algunos conocer cómo crear páginas que el usuario pueda

verlas con todos los elementos que contienen, aun estando sin conexión a internet.

Por supuesto que esta función no es factible implementarla en todas las páginas de un sitio, si fuera así el usuario

solo accedería a nuestro sitio una sola vez y perderíamos visitantes.

Esta función puede resultar muy útil para páginas con contenido específico, se conocen como aplicaciones web ya

que funcionan de forma similar a una aplicación, permitiendo al usuario interactuar con su contenido aun sin estar

conectados a la red.

Más abajo puedes encontrar ejemplos prácticos de páginas en este sitio que utilizan esta función.

CONCLUSIONES:

REFERENCIAS BIBLIOGRÁFICAS:

Alicia Ramos. Aplicaciones Web (Novedad 2011). 1° Edición.  [Libro Electrónico].

España: Editorial Paraninfo, 2011. [cited 2015 abril 06].

Luc Van Lancker. Los API JavaScript de HTML5: Integre la potencia de HTML5 en

sus aplicaciones Web. [Libro Electrónico]. España: Ediciones ENI, 2013 [cited 2015

abril 06].

Alicia Ramos Martín, Maria Jesus Ramos Martín. Aplicaciones Web. 2° Edición.

[Libro Electrónico]. España: Ediciones Paraninfo, S.A., 2014. [cited 2015 abril 06].

Damián De Luca. HTML5: Entienda el cambio, aproveche su potencial. 1° Edición.

[Libro Electrónico]. Argentina: USERSHOP, 2011. [cited 2015 abril 06].

Juan Diego Gauchat. El Gran Libro de HTML5. 1° Edición. [Libro Electrónico].

España: Editorial Tomera Ltda., 2014. [cited 2015 abril 06].

Martin Sánchez Morales. Manual de Desarrollo Web basado en ejercicios y

supuestos prácticos. 1° Edición. [Libro Electrónico]. España: Lulu.com, 2012. [cited

2015 abril 06].