Guía definitiva para crear y publicar su primera aplicación de iPhone

¿Estás considerando hacer tu propia aplicación? Esto es lo que necesitas saber. Aprenda sobre el ecosistema de la aplicación, los lenguajes de programación, los conjuntos de herramientas y el tiempo y el esfuerzo involucrados. No le digamos lo que debe saber, sino más bien explicarle cómo puede empezar hoy a publicar una aplicación en App Store.

Para su referencia rápida, aquí están los accesos directos:

• Bloques de construcción de una aplicación: conceptos básicos
• El proceso de creación de aplicaciones
• En Swift y Objective-C
• Middleware: Build Once, Run Multiple
• Diseño: cómo se usa su aplicación
• Cómo habilitar una aplicación para Internet
• Pasando de Beta a Live
• Cómo crear su primera aplicación de preguntas frecuentes
• Recursos de aprendizaje para comenzar
• Lista de referencia completa

1. Construcción de bloques de una aplicación: conceptos básicos

Una aplicación es solo una pieza de software que se ejecuta en un teléfono inteligente . Está escrito por un programador y se combina con elementos gráficos creados por un diseñador.

Las aplicaciones para iPhone se crean con una aplicación Mac llamada Xcode, y se programan en Swift u Objective-C. Muchas aplicaciones están conectadas a Internet, lo que significa que tienen un back-end que permite el almacenamiento de datos en la nube o la funcionalidad que interconecta a los usuarios.

Xcode es la aplicación que puede usar para crear aplicaciones nativas para iPhone, y solo está disponible para Mac OS X. Incluye Interface Builder, una herramienta para crear visualmente la base gráfica de su aplicación. Es una herramienta de andamiaje : no puede hacer una aplicación funcional con ella, pero puede sentar las bases para las GUI de su aplicación .

Xcode tiene muchas funciones útiles, como el diseño automático para hacer que su interfaz funcione en múltiples resoluciones de pantalla y un simulador de iPhone para probar su aplicación sin un iPhone real.

Para publicar aplicaciones en la App Store necesitas una cuenta de desarrollador de Apple. Está disponible por $ 99 USD al año y debe renovarse cada año. Apple tiene un completo conjunto de herramientas en línea disponible para administrar aplicaciones nuevas y publicadas, llamadas iTunes Connect, así como un amplio conjunto de documentación.

Además, iTunes Connect ahora presenta una herramienta de distribución beta llamada TestFlight. Se puede usar para distribuir su aplicación a los beta testers .

2. El proceso de hacer aplicaciones

Cualquier proceso de desarrollo de la aplicación sigue aproximadamente estos pasos:

1. Diseño . Haz una maqueta de tu aplicación y diseña todos los componentes en la pantalla.
2. Desarrollar Este paso implica codificar la aplicación, atando las interfaces con acciones if-this-then-that.
3. Prueba . Envíe la aplicación a los beta testers y obtenga comentarios sobre su desempeño. Luego, resuelve cualquier error que surja.
4. Publicar . Obtenga su aplicación más allá del proceso de revisión y empújela a producción en la tienda de aplicaciones.

La gestión moderna de procesos a menudo funciona con iteraciones a nivel micro y macro.

Cuando está creando una nueva función, siempre la diseña primero, luego la codifica, luego la prueba y luego la activa. Ya sea un pequeño componente o una parte completamente nueva de la aplicación, siga este proceso .

3. En Swift y Objective-C

Las aplicaciones de iPhone están escritas en Swift u Objective-C. Swift es el nuevo lenguaje de programación inventado por Apple, anunciado el 2 de junio de 2014 y posteriormente lanzado como una versión estable 1.0 el 9 de septiembre de 2014. Es un lenguaje bastante nuevo y las aplicaciones escritas completamente en Swift ahora están llegando a la App Store.

Swift está ganando popularidad rápidamente y sus características son muy aclamadas por principiantes y programadores avanzados. Lo mejor de Swift es que es intercambiable con Objective-C. Esto ayuda a la adopción de Swift por parte de los programadores, ya que no tienen que volver a escribir su código completo para ser compatibles con el nuevo idioma .

Las personas que ya tienen un nivel intermedio de competencia en cualquier lenguaje de programación necesitarán menos tiempo para elegir Objective-C o Swift. Especialmente aquellos que han trabajado con lenguajes similares a Swift, como Java, PHP o Ruby, no deberían tener problemas para aprender Swift.

¿Pero cuál es mejor, Swift u Objective-C?

Objective-C es un poco más difícil de abordar porque usa una sintaxis única. Para los principiantes, Swift es claramente la mejor opción. Es más fácil en comparación con Objective-C y elimina los gastos generales del proceso de desarrollo, lo que hace que la barrera a la entrada para principiantes sea considerablemente menor.

A pesar de eso, Objective-C sigue siendo el estándar en muchas empresas de todo el mundo, por lo que el código heredado será Objective-C para los próximos años. Como desarrollador de iOS empleado, verá más Objective-C que Swift.

4. Middleware: Build Once, Run Multiple

Middleware (o multiplataforma) como Cordova o PhoneGap, es una opción popular para los desarrolladores de aplicaciones, ya que les permite escribir código una vez e implementarlo en Android e iOS .

Las aplicaciones para Android están escritas en Java y no son compatibles con las aplicaciones de iOS . Si desea crear una aplicación para ambas plataformas, pero no desea programar la misma aplicación dos veces, el middleware es una opción que ahorra tiempo .

Muchas de estas herramientas multiplataforma se basan en tecnología web, como HTML5, CSS y JavaScript.

PhoneGap es el más ampliamente adoptado: está siendo utilizado por 400, 000 desarrolladores de aplicaciones. PhoneGap tiene sus propias herramientas de compilación y técnicamente exporta una aplicación que se puede ejecutar y construir dentro de Xcode, convirtiéndola en una "aplicación híbrida" : componentes nativos combinados con HTML5 .

PhoneGap ahora presenta PhoneGap Build, que reemplaza el compilador de Xcode con una solución basada en la nube. PhoneGap es gratuito y se distribuye bajo la licencia pública de código abierto Apache v2.

Las alternativas a PhoneGap incluyen:

• Córdoba (código abierto)
• Sencha Touch (de código abierto y comercial)
• Suite RhoMobile (código abierto)

PhoneGap supera estas alternativas mediante dispositivos compatibles (iOS, Android, Windows Phone, BlackBerry OS, Ubuntu y Firefox OS) y hardware compatible (acelerómetro, cámara, etc.).

Desventajas para Middleware

Usar middleware como PhoneGap tiene dos inconvenientes principales.

Dado que tales herramientas se basan todas en tecnología web, no pueden usar componentes nativos acelerados por hardware. Las animaciones, las transiciones y los gráficos de alta resolución no funcionan tan bien como en una aplicación nativa, lo que hace que sea imposible usarlos para juegos o aplicaciones visualmente intensas .

Además, el uso de middleware requiere un buen conocimiento de compiladores y herramientas de compilación, lo que lo convierte en una opción inconveniente para los desarrolladores principiantes .

5. Diseño: cómo se usa tu aplicación

No todo lo que es aplicaciones es programación. El diseño gráfico es importante en la industria de las aplicaciones; es un requisito para cualquier aplicación que quiera ser tomada en serio. ¿Estás considerando programar tus propias aplicaciones? Si su presupuesto lo permite, contrate un diseñador gráfico. Hay muchos en sitios de outsourcing como Elance o oDesk.

Dicho esto, no necesitas un diseñador gráfico si estás empezando . En iOS, puede trabajar con los muchos componentes prefabricados que Apple usa en sus propias aplicaciones y en toda la interfaz de usuario del sistema operativo. Los componentes estándar de la interfaz de usuario de iPhone no se ven excepcionales, pero tampoco están nada mal. Es una excelente manera de comenzar sin tener que dedicar demasiado tiempo a la apariencia gráfica de su aplicación.

Herramientas y recursos

Las pautas de interfaz humana le brindan una buena descripción de los componentes disponibles y cómo usarlos.

Iconos : considere usar un kit de iconos como Glyphish (comercial). Han reunido cientos de iconos, optimizados para aplicaciones de iPhone, incluidos iconos de redes sociales, botones de reproducción / parada y símbolos para tareas relacionadas con la aplicación, como nuevas, edición y envío.

Maquetas : Otra herramienta que definitivamente debes usar es Balsamiq Mockups (prueba gratuita, comercial). Es un editor de apuntar y hacer clic para hacer maquetas de tus aplicaciones. Una maqueta es un boceto y muestra y explica cómo funciona tu aplicación y lo que hace. Nunca más inicies la programación: da un paso atrás y reconsidera la interfaz de usuario y el diseño de tus aplicaciones haciendo una maqueta.

¿Hiciste una maqueta esbozada, pero no puedes tener una idea de cómo se verá realmente la aplicación? Trabaja con los PSD de diseño de Teehan + Lax (gratis). Han extraído todos los componentes de la GUI de iOS y los han puesto a disposición como gráficos vectoriales. ¡Perfecto para hacer una maqueta gráfica!

6. Cómo habilitar una aplicación para Internet

¿Tu aplicación está conectada a internet? Crear un back-end personalizado con lenguajes del lado del servidor como NodeJS, Ruby o PHP puede tomar mucho tiempo, dinero y esfuerzo. Es más fácil usar una herramienta de plataforma como servicio, como Parse.

Parse es una solución basada en la nube para almacenar datos fuera de línea y en línea en su aplicación . Supongamos que está creando una aplicación social con una secuencia de imágenes y actualizaciones de estado. Podría usar Parse para almacenar esos datos en la nube y usar su SDK para obtenerlos de y para sus usuarios .

El uso de una herramienta como Parse elimina por completo la necesidad de crear un back-end personalizado . El nivel de uso básico de Parse es gratuito, los niveles subsiguientes comienzan en USD100 / mes.

Las alternativas a Parse son Appcelerator (middleware + PaaS, comercial) y App42 (analítica PaaS +, nivel gratuito).

7. Pasando de Beta a Live

Antes de que se publique una aplicación en la App Store, debes subirla con iTunes Connect. Ingrese la información básica de su aplicación como una descripción, categorías de aplicaciones y qué icono de aplicación usar .

Luego, su aplicación ingresa al proceso de revisión, un requisito de Apple. Un revisor de Apple verifica si su aplicación cumple con los Lineamientos de revisión y si tiene errores. Se trata de un control de calidad para garantizar que solo las buenas aplicaciones ingresen a la App Store y, desde el momento de la carga, demorarán alrededor de 2 semanas para que se revise su aplicación.

Más sobre Hongkiat:

• Genere fácilmente iconos de aplicaciones de iOS con MakeAppIcon
• Promocione su aplicación iOS con la metaetiqueta de la aplicación iTunes
• 8 consejos para aumentar las descargas de tu aplicación
• 20 redes publicitarias para monetizar su aplicación móvil

10 preguntas frecuentes para crear tu primera aplicación

Por supuesto, en este punto es posible que aún tenga algunas preguntas candentes relacionadas con la creación de sus primeras aplicaciones de iOS. Vamos a ver las 10 preguntas más importantes para los nuevos desarrolladores de aplicaciones.

1. ¿Cuánto cuesta una aplicación?

El costo del desarrollo de una aplicación realmente puede diferir de una empresa contratante a la otra. Los profesionales externos de outsourcing pueden crear una aplicación simple por alrededor de USD3000. Las compañías más grandes pueden solicitar entre USD25, 000 y USD100, 000 para una aplicación compleja, incluido el diseño gráfico y la programación de back-end. Empresas como Tinder, Pinterest, Facebook, etc. pueden gastar cientos de miles de millones en desarrollar y comercializar una aplicación. Al igual que en cualquier otro lugar: obtienes lo que pagas .

2. Estoy atrapado con un error de programación. ¿Cómo obtengo ayuda?

Ya se han realizado muchas preguntas de programación para principiantes en sitios como StackOverflow. Busque el mensaje de error o error que encontró, y lo más probable es que encuentre una solución. Al hacer una pregunta usted mismo, siempre busque primero, y asegúrese de explicar su problema a fondo y contar los pasos que ya ha tomado para resolverlo . Quora es un buen medio para hacer preguntas no técnicas, como sobre negocios y temas de UX / UI.

3. Tengo una idea brillante para una aplicación. ¿Dónde empiezo?

Si realmente quiere crear una empresa basada en una aplicación, no empiece con la programación de inmediato. Primero, valide su idea de negocio lanzándose a su público objetivo .

Póngase en contacto con clientes potenciales y encuestarlos, solicitando comentarios .

Tenga en cuenta que la mayoría de las aplicaciones exitosas resuelven un problema inmediato, de tal manera que los clientes quieren pagar por ello . Cuando haya validado su idea y haya creado una relación con sus primeros clientes, proceda con el diseño y desarrollo de la aplicación real.

4. ¿Necesito un iPhone para crear aplicaciones?

No, pero es recomendado. Xcode tiene un simulador de iPhone, que ejecuta tus aplicaciones como lo haría un iPhone físico. Sostener un iPhone real con su aplicación en sus manos es diferente de verlo en el monitor de su computadora, por lo que se recomienda probar su aplicación en un dispositivo real.

Tenga en cuenta que Xcode solo se ejecuta en Mac OS X.

5. No soy bueno en matemáticas, ¿lo necesito para programar?

Si y no. Es un mito urbano que para poder codificar debes ser bueno en matemáticas. Muchos principios de programación tienen sus raíces en las matemáticas, pero no son necesarios para una comprensión básica de cómo hacer aplicaciones . Cuando te sumerjas más y seas más hábil en la programación, descubrirás que has adquirido algunas habilidades matemáticas a lo largo del camino.

6. Yo trabajo para una compañía. ¿Perseguiré la idea de mi aplicación con la empresa o en mi propio tiempo?

Depende de la compañía y su posición. ¿Es usted ingeniero y es el negocio principal de su empresa en línea, digital o estrechamente relacionado con las aplicaciones? Entonces quizás desee construir un prototipo y convencer a su supervisor o empleador para que persiga la idea.

Si cree que su empleador no verá el valor, puede perseguir la idea de la aplicación en su propio tiempo. Tenga en cuenta su contrato con su empleador . Las invenciones hechas durante su tiempo con la compañía podrían considerarse propiedad intelectual de la compañía, no suya.

7. La idea de mi aplicación ya existe en la App Store. ¿Qué hago ahora?

El hecho de que exista no significa que sea una buena aplicación . Siempre puede crear una aplicación competidora y mejorarla de lo que ya existe.

Del mismo modo, el hecho de que una aplicación no exista aún no hace que sea una buena idea crearla. Bien podría ser que una aplicación se haya publicado varias veces, pero se retiró de la tienda de aplicaciones porque no era necesario.

Siempre valide la idea de su aplicación por el problema que está resolviendo y el valor que tiene para sus usuarios.

8. ¿Por qué el iPhone a veces se llama iOS?

Hay una pequeña diferencia: iPhone es el nombre del teléfono inteligente de hardware real y iOS significa "Sistema operativo i". Volviendo a la historia de Apple, la computadora iMac fue el primer producto en tener el prefijo "i". Más tarde, siguieron este estilo y crearon más productos: iTunes, iPod, iPad y iPhone. Es natural llamar al sistema operativo que se ejecuta en el iPhone, iOS.

9. ¿Cómo comercializas efectivamente una aplicación para iPhone?

¡Se han escrito libros enteros sobre esta pregunta! Es difícil, pero no imposible de responder. Todas las aplicaciones exitosas resuelven un problema, de tal manera que las personas quieren pagarlo.

Puede encontrar un problema y encontrar personas que necesitan su solución, o encontrar una audiencia y encuestarlos por problemas para los que podría hacer una solución . Manténgase en contacto con este grupo de clientes y bríndeles una forma de contarle a otros sobre su producto. Las referencias y el boca a boca es una máquina de marketing efectiva y barata.

10. ¿Cuál es la peor forma de aprender a programar?

Renunciar es una de las peores formas de aprender a programar . Aprender una nueva habilidad tiene altibajos, y solo puedes continuar celebrando las altas y viendo a través de las caídas. Renunciar no es parte de la ecuación.

Además, descubra cuál es su estilo de aprendizaje. No tiene sentido mirar videos, cuando se escribe mejor el código y el método de prueba y error.

Finalmente, no elija aleatoriamente un libro sobre programación de la biblioteca, pero encuentre un método o ruta de aprendizaje comprobada . Cuando aprendes español, no comienzas leyendo un diccionario, ¿verdad?

Recursos de aprendizaje para comenzar

Si aún desea continuar con la creación de su primera aplicación de iOS, en esta sección encontrará todos sus recursos de aprendizaje para comenzar.

El desarrollo de la aplicación implica una gran cantidad de componentes, y cuando eres nuevo puede ser todo un desafío familiarizarte con todas las herramientas. ¡No temáis! Puede hacer su primera aplicación en un día al máximo, sin experiencia previa en programación. Lo único que necesitas es un buen recurso que te muestre las cuerdas y se concentre en un conjunto de herramientas a la vez. Hay muchos tutoriales para principiantes en Internet, así como cursos premium.

El proceso de aprendizaje: en breve

¿Cuál es tu estilo de aprendizaje? Considere eso antes de elegir un recurso.

• Ver videos : CS 193P iPhone Application Development por Stanford University, disponible para iTunes U (gratis).
• Leer un libro : Sams Teach Yourself Swift en 24 horas ($ 25- $ 35) y The Swift Programming Language Book de Apple (gratis)
• Codificándote : tutoriales de programación de We Heart Swift, JamesonQuave y AppCoda (todo gratis).

Cuando haya creado su primera aplicación, es un gran plan sumergirse brevemente en una serie de componentes uno tras otro. Aprender acerca:

1. Uso de controles de navegación, como barras de pestañas y menús de hamburguesas
2. Uso de hardware, como la cámara y el acelerómetro
3. Uso de diseños, como el controlador de vista de tabla y el controlador de vista de página
4. Trabajando con animaciones y ver transiciones
5. El ciclo de vida de la aplicación
6. Compiladores y herramientas de compilación

La mayoría de estos temas requieren un par de días (24 a 32 horas) de retoques, prueba y error, y búsqueda de recursos.

Una vez que tenga los conceptos básicos resueltos, empiece a trabajar directamente con fuentes de Internet y soluciones basadas en la nube como Parse. Todas las aplicaciones están conectadas a Internet de una forma u otra.

De todos modos, aquellos que están acostumbrados a aprender cosas nuevas a menudo pueden esbozar su propio plan de aprendizaje y no necesariamente tienen que seguir un programa como un curso o un libro.

Envolver

¿No sería genial tener tu propia aplicación en la App Store? Ahora tiene un esquema básico de las herramientas involucradas en la creación de aplicaciones y lo que se necesita para aprender cómo crear sus propias aplicaciones. Comience con Swift leyendo un libro o siguiendo un tutorial, cree una interfaz de gran apariencia con Balsamiq, obtenga una cuenta de desarrollador y publíquela.

Lista de referencia completa:

• Xcode
• Constructor de interfaz
• Programa de desarrollo de Apple
• iTunes Connect
• Vuelo de prueba
• Rápido
• Apache Cordova
• PhoneGap
• Sencha Touch
• Suite RhoMobile
• Elance
• oDesk
• Pautas de interfaz humana
• Glyphish
• Maquetas de Balsamiq
• Teehan + Lax iPhone PSDs
• Analizar gramaticalmente
• Appcelerator
• App42
• Desarrollo de aplicaciones de iPhone Stanford CS 193P
• Sams Teach Swrself Swift en 24 horas
• We Heart Swift
• JamesonQuave
• AppCoda
• El libro de lenguaje de programación Swift

Nota del editor : esto fue escrito por Reinder de Vries para Hongkiat.com. Reinder es un emprendedor y desarrollador de aplicaciones, que cree que no hay suficientes creadores de aplicaciones en el mundo. Ha desarrollado más de 50 aplicaciones y cientos de miles de usuarios usan su código en todo el mundo. Cuando no está codificando, enseña a los aspirantes a desarrolladores cómo crear sus propias aplicaciones en LearnAppMaking.com.

Ahora lea: Cómo integrar jQuery Mobile en Phonegap / Cordova

Guía para el diseño de cuadrícula de CSS Unidad de Fr

El Módulo de diseño de cuadrícula CSS se envió con una nueva unidad de CSS llamada unidad fr . Tan sencillo como puede ser, fr es la abreviatura de la palabra "fracción" . La nueva unidad permite dividir rápidamente la cuadrícula en columnas o filas proporcionales. Como resultado, la creación de redes totalmente receptivas y flexibles se convierte casi en una brisa.Como la

(Consejos de tecnología y diseño)

Las mejores fuentes de juego de tronos y efectos de texto hasta el momento

Uno de los drama de fantasía más grande y más hablado en la televisión, Game of Thrones ha cautivado a un mamut de audiencia en todo el mundo. Desde proverbios hasta mercancía, Game of Thrones ha llevado a inspirar una gran cantidad de cosas en nuestra vida cotidiana.Como los diseñadores hacen una buena parte del fandom de Game of Thrones, se han creado muchas fuentes y efectos de texto tomando como inspiración las famosas series. Así q

(Consejos de tecnología y diseño)