Cómo construir aplicaciones para el iPad como un no-programador

Si usted quiere construir su primera aplicación para el iPad, pero no tienen experiencia en programación de software basado en objetos, una aplicación web es una gran manera de empezar. En su esencia, una aplicación web es simplemente una página web que haya sido formateada específicamente para un iPad. Los usuarios pueden guardar su aplicación Web a su pantalla de inicio con su propio icono, al igual que cualquier aplicación que se ha descargado de la App Store de Apple.

Instrucciones

Empezando

1 Dibuje un diseño para su aplicación usando un lápiz y papel. Decidir lo que la aplicación debe ser capaz de hacer. Dar prioridad a lo que tiene que hacer frente a lo que le gustaría que hiciera.

2 Familiarizarse con el lenguaje de marcado de hipertexto, extensible HTML, hojas de estilo CSS y JavaScript. Hay muchos buenos libros disponibles en librerías y su biblioteca local. También hay tutoriales y ejemplos de código disponible en línea, así como foros de desarrollo web donde la gente puede ayudarle a hacer su aplicación Web hacer lo que necesita hacer.

3 Registrarse en el programa libre de desarrollador de Apple Safari en developer.apple.com. Esto le dará acceso a la Biblioteca de desarrolladores de Apple, incluyendo tutoriales y código de ejemplo específicamente para iPads.

4 Comparar lo que necesita y lo que quiere la aplicación Web que ver con las capacidades de los diferentes tipos de códigos Web disponibles.

Construcción y Prueba de una aplicación web

5 Decidir sobre un programa a utilizar para el desarrollo de su aplicación web. Los programas como Adobe Dreamweaver CS5 o InDesign puede hacer que sea más fácil si usted tiene experiencia con ellos. También es posible construir la aplicación Web desde cero utilizando un editor de texto básico como el Bloc de notas.

6 Descargar e instalar el navegador web Safari de apple.com/safari. Este es el navegador web utilizado por el IPAD. Puede modificar su aplicación Web y probarlo directamente desde el ordenador.

7 Haga clic en el menú Safari "Archivo", seleccione "Preferencias" y haga clic en el botón "Opciones avanzadas". Haga clic en la opción "Mostrar Desarrollar menú en el menú de bar".

8 Seleccione el menú "Crear" en Safari, "agente de usuario", "Otros" y pegue el siguiente código "Mozilla / 5.0 (iPad; U; CPU OS 3_2 como Mac OS X; en-us) AppleWebKit / 531.21.10 (KHTML , like Gecko) Version / 4.0.4 Mobile / 7B334b Safari / 531.21.10 "para que el imitador navegador que utiliza un iPad.

9 posicionamiento fijo utilizado en el código CSS de la aplicación Web para asegurarse de Safari en el equipo no distorsiona la página, mientras que usted está construyendo y probando la aplicación.

10 Utilice una etiqueta meta ancho de la ventana gráfica constante en el encabezado de la página web, como por ejemplo "<meta name =" viewport "content =" width = device-width "/>" para garantizar la página se comporta como una aplicación de página completa en la iPAD.

11 Usa los eventos de contacto en la aplicación Web, como por ejemplo "touchstart", "touchmove", "touchend," y "touchcancel," en lugar de utilizar los eventos del ratón.

12 Use la etiqueta "<textarea>" para indicar las zonas donde el espectador puede introducir texto. Este código se lanzará el teclado del iPad. El iPad no es compatible con los comandos "contentEditable" en una página web o aplicación web.

13 Sube la aplicación Web en un servidor Web. Para la mayoría de los propósitos, lo mejor es utilizar su propia dirección URL de dominio, alojado en un servidor Web.

14 Añadir un icono que se puede utilizar en el iPad cuando los usuarios seleccionan para guardar su aplicación a su pantalla de inicio. Puede hacer esto haciendo un archivo PNG 114 por 114 píxeles y subirlo a la carpeta de aplicación Web. Añadir un enlace en la cabecera de la aplicación Web en el formato "<link rel =" ipad-icon "href =" ./ ipad-icon.png "/>" por lo que el iPad puede encontrar el icono cuando los usuarios guardar su aplicación Web a la pantalla principal.

Consejos y advertencias

• Si no está familiarizado con términos como meta tags, eventos táctiles y eventos de ratón, no se preocupe. Usted pronto entenderlos al estudiar los lenguajes web básicos.