Cómo usar ajax para hacer una aplicación para HTML5 y CSS3 programación

Todo el mundo quiere hacer que las aplicaciones móviles en estos días. Aquí está el gran secreto. Muchas aplicaciones son realmente escritos en HTML 5, CSS y javascript. Usted ya sabe todo lo necesario para hacer que las aplicaciones que funcionan en los dispositivos móviles. Mejor aún, no es necesario para aprender un nuevo idioma o pedir permiso a la tienda de aplicaciones o comprar una licencia, como lo hace para las aplicaciones nativas.

Video: Como enviar datos con AJAX, PHP, MySQL, jQuery y CSS

Hay un par de trucos maravillosos que puede hacer por los usuarios de iOS. Usted puede diseñar su programa de modo que el usuario puede añadir un icono directamente en el escritorio. El usuario puede entonces iniciar el programa como cualquier otra aplicación. También puede hacer que el navegador ocultar el navegador normal de pertrechos de modo que su programa no parece que se está ejecutando en un navegador!

Resulta que estos efectos son muy fáciles de hacer.

Añadir un icono para su programa

Las versiones modernas de iOS (el sistema operativo iPhone / iPad) ya tienen la capacidad de almacenar cualquier página web en el escritorio. Sólo ver la página web en Safari y haga clic en el botón Compartir. Usted encontrará una opción para guardar la página Web para el escritorio. Puede indicar a los usuarios a hacer esto, y que será capaz de poner en marcha su programa como una aplicación normal.

Sin embargo, el icono predeterminado para una aplicación ahorrado es bastante feo. Si quieres un icono de aspecto agradable, se puede guardar una pequeña imagen como un archivo .jpg y ponerlo en el mismo directorio que el programa. A continuación, puede añadir esta línea a su página (en la cabecera) y que la imagen aparecerá en el escritorio cuando el usuario guarda su programa:

Como bono adicional, el iPhone o el IPAD ajustar automáticamente la imagen para que parezca un icono de Apple, la adición de los efectos correspondientes a la versión instalada de iOS (redondeados y vidriosos en iOS6, plana en iOS7.)

Video: Desarrollo de sistemas web en PHP 7 POO, MySQL, Jquery Ajax, HTML5 CSS3 Bootstrap desde cero

Por supuesto, este icono es un truco-sólo Apple mecanismo. Con la mayoría de las versiones de Android, cualquier marcador que haya designado con el navegador principal se puede agregar al escritorio, pero no hay ninguna opción icono personalizado. los apple-touch-icon Directiva simplemente se ignora si está utilizando otro sistema operativo.

Retire la barra de herramientas de Safari

A pesar de que su programa se ve bien desde la pantalla principal, cuando el usuario activa el programa sigue siendo obvio que el programa es parte del navegador web. Puede ocultar fácilmente la barra de herramientas del navegador con otra línea en la cabecera:

Este código no va a hacer nada diferente a menos que el programa se llama desde el escritorio. Sin embargo, en ese caso, se esconde la barra de herramientas, haciendo que el programa y se siente como una aplicación en toda regla. Como un beneficio adicional, este se ejecuta el programa en modo de pantalla completa, que le da un poco más de espacio para el juego.

Una vez más, esta es una solución de Apple-específica. No hay una manera fácil de conseguir el mismo efecto en los dispositivos Android.

Almacenar su programa en línea

Ahora el programa está buscando mucho como una aplicación, excepto que sólo se ejecuta cuando se está conectado a Internet. HTML5 tiene una característica maravillosa que le permite almacenar toda una página web localmente la primera vez que se ejecute.

Entonces, si el usuario intenta acceder al programa y el sistema no se puede obtener en línea, la copia local del juego se ejecuta en su lugar. En esencia, el programa se descarga la primera vez que se activa y permanece en el dispositivo local.

Este es un efecto relativamente fácil de lograr:

Video: Como hacer peticion AJAX con Jquery - tutorial javascript

Hacer su programa de estabilidad: Antes de poder utilizar el mecanismo de almacenamiento fuera de línea, usted querrá asegurarse de que su programa está cerca de liberar listo. Como mínimo, tendrá que asegurarse de que sabe todos los archivos externos necesarios para el juego.
Utilizar sólo los recursos locales: Para este tipo de proyectos, no se puede confiar en la Internet externa, por lo que tendrá que tener todos sus archivos locales. Esto significa que realmente no se puede utilizar PHP o archivos externos. Usted necesita tener una copia local de todo en el servidor.
Construir un archivo cahce.manifest: Mira el directorio que contiene el juego, y crear un nuevo archivo de texto llamado.
Escribir la primera línea: La primera línea del archivo de cache.manifest sólo debe contener el texto manifiesto de caché (Todo en mayúsculas).
Haga una lista de todos los archivos en el directorio: Escribir el nombre de cada archivo en el directorio, un archivo por línea. Tenga cuidado con su capitalización y la ortografía.
Añadir el atributo de manifiesto: los etiqueta tiene un nuevo atributo llamado manifiesto. Usar esto para describir al servidor en el manifiesto de la caché se puede encontrar:
Video: Cap 1: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero
Cargar la página normalmente: Tendrá que cargar la página web una vez de la forma habitual. Si todo está configurado correctamente, el navegador en silencio hacer una copia del archivo.
Prueba en línea: La mejor manera de probar almacenamiento fuera de línea es para desactivar temporalmente el acceso sin hilos en su máquina y luego tratar de acceder al archivo. Si las cosas funcionaron, usted debe ser capaz de ver su página como si estuviera todavía en línea.
Compruebe la configuración del servidor: Si el almacenamiento sin conexión no funciona, puede que tenga que consultar con su administración del servidor. El / tipo MIME manifiesta texto necesita ser configurado en el servidor. Es posible que tenga que pedir al administrador del servidor para configurar esta opción en el archivo .htaccess para su cuenta:
```
AddType text / .manifest caché manifiesta
```

Tenga en cuenta que puede tomar el mecanismo de caché de manifiesto varias horas para reconocer los cambios, por lo que cuando se realizan cambios en su página, estos cambios no se actualiza automáticamente en el navegador local. Es por eso que lo mejor es guardar el archivo fuera de línea durante casi al final de su ciclo de desarrollo del proyecto.