Tecnología

Inicio

Cómo construir formularios y aplicaciones para el iPod

August 5

Incluso con un conocimiento limitado de la Web de codificación es posible construir rápidamente sus propias formas y aplicaciones para el iPod Touch, iPhone o iPad. Para construir estas formas de cero que pueda necesitar conocimientos en PHP, HTML5, JavaScript y CSS. Sin embargo, incluso si no está seguro de lo que significan estas siglas, hay un montón de páginas de muestra disponibles en línea de desarrolladores con experiencia que se puede utilizar para hacer sus propias aplicaciones y formas.

Instrucciones

1 Asegúrese de que tiene acceso a un servidor Web de un servidor de aplicaciones PHP y una base de datos SQL. La mayoría de las empresas de alojamiento web PHP y SQL hacen disponibles cuando se suscribe a servicios de alojamiento web. Consulte la documentación del servidor web para ver cómo acceder a ellos.

2 Explorar biblioteca de desarrollo de Safari de Apple para el código de ejemplo para usar como base de su formulario web. Otros sitios web de desarrollador como net.tutsplus.com tienen código de muestra gratis para ayudarle a diseñar formas y aplicaciones para dispositivos móviles como el iPod Touch o iPhone.

3 Abrir los archivos de plantilla en un editor de texto básico como el Bloc de notas. Si usted tiene experiencia con un programa de diseño web como Dreamweaver, utilice este para abrir los archivos en su lugar.

4 Guardar cualquier archivo utilizando el código PHP usando la extensión ".php", en lugar de ".html" incluso si no hay código HTML en la página.

5 Sustituir los eventos del ratón en la página, como "por encima del ratón" con eventos táctiles como "touchstart", "touchmove" y "touchcancel". dispositivos Apple iOS no reconocen los eventos del ratón.

6 Hacer uso de un código específico IOS en CSS para hacer uso de las funciones del iPhone y el iPod Touch. Por ejemplo, para crear un campo de texto con esquinas redondeadas, en el estilo característico de iOS, puede utilizar el siguiente código:
{
-webkit-border-radius: 10px;
}

7 Hacer uso de la "autocorrección" iOS o "autocapitalize" atributos en los campos de texto para corregir errores de ortografía o añadir capitales a las primeras letras de las palabras o frases. Por ejemplo, el siguiente código automáticamente en mayúsculas la primera letra de las palabras en el campo de nombre de la ciudad, la primera letra de una frase en un campo de comentarios, pero no en el campo nombre de usuario:
<Form autocapitalize = "palabras">

City: &lt;input name=&quot;city&quot; autocapitalize=&quot;characters&quot;>
Comments: &lt;textarea name=&quot;comments&quot; autocapitalize=&quot;sentences&quot;>&lt;/textarea>
Username: &lt;input name=&quot;username&quot; autocapitalize=&quot;none&quot;>

</ Form>

8 Sube tus archivos a un servidor Web, a continuación, acceda a la página de la aplicación con el iPod Touch o iPhone. Probar la aplicación a fondo antes de dirigir a alguien en la nueva aplicación.

La creación de su propio icono de la aplicación

9 Crear una imagen de icono para representar a su aplicación Web utilizando cualquier programa de edición de fotos o de diseño gráfico que le permite guardar imágenes en formato PNG. El tamaño la imagen para que sea 114 por 114 píxeles.

10 Guarda la imagen como "manzana-touch-icon.png". Cargar la imagen en el directorio raíz de su servidor Web usando un cliente FTP como Filezilla. Esta imagen se mostrará en el iPod o iPhone cuando los usuarios guardar la aplicación a sus pantallas de inicio.

11 Insertar "<link rel =" apple-touch-icon "href =" ./ manzana-touch-icon.png "/>" en la cabecera de la página de la aplicación Web. Esto le indica al iPod o iPhone dónde encontrar la imagen del icono . el iPod Touch o iPhone se estilizar la imagen con esquinas redondas y un efecto de brillo como lo hace con todos los iconos.

Cómo hacer que su aplicación disponible sin conexión

12 Inserte la línea "<html manifiesto =" / offline.manifest ">" en la cabecera de la página de la aplicación Web. Esto dirige el iPod a su archivo "manifiesto", que enumera los archivos de imágenes y el iPod tiene que guardar en caché para ejecutar la aplicación en línea.

13 Crear un archivo de texto básico llamado "manifiesto" sin la extensión ".txt". Insertar "manifiesto de caché" en la primera línea, "caché" en la segunda línea, a continuación, cada archivo y la imagen utilizada por la aplicación en una línea separada después de eso, incluyendo cualquier archivo CSS. Esto especifica que estos archivos se llevarán a cabo en el iPod caché para almacenar su aplicación fuera de línea. Cargar este archivo en el directorio raíz de su servidor Web.

14 Busque el archivo ".htaccess" en el directorio raíz de su servidor Web e introduzca "AddType text / cache-manifest manifiesta" como una nueva línea de este archivo. Esto dirige el iPod dónde localizar el archivo de manifiesto.