No tiene por qué ser difícil crear tu primera app Android. Si no eres demasiado ambicioso, puedes dividir el proceso en pasos simples para no abrumarte de una sola vez. El truco está en mantener tu primera app simple y enfocada en crear algo. No intentes construir tu obra maestra la primera vez; en cambio, empieza en pequeño para aprender lo básico y entender cómo funciona todo. Esto te dará la comprensión y la confianza que necesitas para hacer algo más grande la próxima vez. En esta publicación, te guiaré por el proceso en diez pasos simples. Nos encargaremos de todo, desde el concepto inicial y la ideación hasta subir tu app a la Play Store. ¡Solo hacen falta un par de horas por la noche repartidas a lo largo de diez días para llamarte desarrollador de apps!
Pasos para crear una app móvil en 10 días
Día 1: Lluvia de ideas
Obviamente necesitas tener una idea de lo que vas a crear antes de poder empezar. Trabajar en un proyecto facilita el aprendizaje al proporcionar contexto y dirección. Como resultado, tu primer paso debería ser la ideación, es decir, idear un concepto de app atractivo. Sin embargo, el objetivo aquí no es convertirte en el próximo Mark Zuckerberg con una idea que cambie las reglas del juego. En cambio, el objetivo debería ser hacer algo lo más simple posible sin dejar de ser entretenido e interesante. Hazlo lo suficientemente interesante como para que no quieras hacerlo, pero trata de evitar cualquier función compleja en la medida de lo posible. Idealmente, la app solo necesitará una pantalla, o 'screen' (activity), y algunas interacciones simples para asegurarse de que ocurra algo cuando el usuario presione un botón. Tómalo como un reto para crear algo realmente útil con la menor cantidad de código posible. Puedes construir algo más complejo en el futuro, pero por ahora la prioridad es obtener una app funcional en la tienda. Al final del día 1, deberías tener una buena idea de lo que vas a hacer y de cómo funcionará.
Día 2: Crear un wireframe
Ahora que sabes qué quieres crear, deberías hacer un wireframe básico para la app. Wireframing es un término que se usa comúnmente en el diseño web, pero también aplica aquí. Implica crear un mapa de las pantallas individuales, si piensas tener más de una, los botones y cualquier gráfico que planees usar, como logos, imágenes, fondos, etc. Esto te dará una buena estructura para todo lo que necesitas crear. Google tiene una guía bastante buena para crear wireframes aquí. Sin embargo, para tu primera app, te recomiendo empezar con algo más simple. No te preocupes por seguir un método específico al crear tu plan, solo dibújalo de una manera que tenga sentido para ti y que te salga de forma natural. Usa papel cuadriculado y dibuja libremente. En cualquier caso, al final del día 2, deberías tener un boceto general de tu app y una buena idea de qué elementos gráficos vas a necesitar.
Día 3: Elegir y configurar tu IDE
El siguiente paso es seleccionar un IDE y un lenguaje de programación, y luego empezar. El IDE es tu 'Integrated Development Environment', que es una pieza de software que contiene todo lo que necesitas para crear apps. Este software te proporcionará una ventana en la que introducir tu código, revisarlo y darle formato mientras escribes, y compilarlo todo por ti cuando estés listo para probarlo o publicarlo. El IDE, sin embargo, no es el lenguaje de programación en sí, así que, dependiendo del método que uses, también tendrás que descargar el Software Development Kit, que contiene los compiladores del lenguaje de programación. No te preocupes, solo sigue los pasos indicados y todo quedará resuelto.
Android Studio
Android Studio y Java son las herramientas más usadas para desarrollar apps Android. Este es el método oficial de Google, y te dará mucha flexibilidad al mismo tiempo que garantiza bastante apoyo si algo sale mal. Este también es el método que necesitarás entender si alguna vez quieres trabajar como desarrollador profesional. Anteriormente publiqué un artículo que explicaba los pasos necesarios para comenzar con Android Studio. Esto te guiará para instalar y configurar todo lo que necesitas, desde Android Studio hasta Java y el Android SDK. Nuevamente, no te preocupes. Sin embargo, hay numerosas otras opciones para tu IDE y lenguaje. Si quieres hacer un juego, podrías usar Unity y C++. Basic4Android es un IDE de desarrollo rápido que te permite programar en BASIC en lugar de Java. AIDE, un IDE basado en Android, también está disponible. En la gran mayoría de los casos, sin embargo, recomiendo usar Android Studio para tu primera app, y el resto de esta publicación asumirá que irás por ese camino. Sigue los pasos que indiqué para dejarlo listo, e intenta escribir tu primer programa 'Hello World' al final del día 3.
Día 4: Conocer los fundamentos de Java
Como vamos a usar Android Studio y Java para construir nuestra app, conocer un poco de Java será útil. No hace falta convertirse en un mago de la programación en este punto, pero sí deberías saber cómo luce el formato y estar familiarizado con algunos conceptos básicos como variables, clases y sentencias condicionales. Suena aterrador, ¿verdad? No te preocupes, ¡es mucho más simple de lo que crees! Gary Sims y yo hemos estado trabajando en una serie de tutoriales de Java para enseñarte los detalles del lenguaje. Si lees los dos primeros artículos, estoy seguro de que podrás comprender los fundamentos en un solo día. Y no te preocupes si no todo encaja de inmediato; volveremos a ello. Por ahora, solo lee lo suficiente para obtener una comprensión básica de cómo funciona Java y qué implica. Piensa en esto en el contexto de tu app. ¿Qué tipo de variables vas a necesitar? ¿Qué operaciones serán útiles? Ya que estás, vuelve a revisar tu wireframe y anota qué sucede cuando haces clic en cada botón. No te preocupes si todavía no sabes cómo conectar un código específico con interacciones específicas; eso llegará con el tiempo. En este punto, ¡todo será muy abstracto!
Día 5: Creación/adquisición de imágenes
Eso fue un poco pesado, así que para el día cinco haremos algo un poco más ligero y agradable. Específicamente, crearemos y conseguiremos las imágenes que necesitamos. Basándote en tu wireframe, deberías saber exactamente qué tipo de materiales vas a necesitar, lo que incluirá cosas como íconos, logos y fondos. No hay nada de malo en usar materiales gratuitos; de hecho, la mayoría de las apps profesionales lo hacen. Algunos de estos elementos se pueden crear a mano con herramientas como Adobe Illustrator. Otros probablemente querrás tomarlos prestados, y por suerte hay una gran cantidad de recursos gratuitos donde puedes encontrar imágenes de dominio público. Para una lista completa, consulta Icons, fonts, tools, and other resources for Android developers. Incluso podrías tomar un enfoque diferente y externalizar algunos aspectos del diseño. Recuerda, estamos tratando de terminar esto en una noche, así que no seas demasiado ambicioso. No hay nada de malo en usar materiales gratuitos; de hecho, la mayoría de las apps profesionales lo hacen.
Día 6: Construcción del diseño
Ahora, en Android Studio, usa el 'designer' para crear tu diseño. Esta es una herramienta que te permite simplemente arrastrar y soltar widgets, también conocidos como 'views', sobre la página. Para hacer esto, tendrás que crear un nuevo proyecto en Android Studio, pero en este punto no será necesario programar nada, excepto quizá un poco de XML. Para comenzar un nuevo proyecto, ve a File > New > New Project. Sigue los pasos para nombrar tu proyecto y tus activities, y luego selecciona 'Empty Activity'. Ahora iniciaremos el 'designer' antes de empezar a organizar dónde queremos colocar nuestros widgets/views, como los botones, imágenes y texto, etc. Hablé sobre cómo hacer esto en mi tutorial How to Build and Use a Basic Android App for Your Business, y aunque esa publicación trata sobre crear una app para negocios, los mismos principios de diseño y estructura aplican. Esa publicación también te mostrará cómo incorporar los gráficos que hayas reunido en tu proyecto. Si necesitas hacer más de una pantalla, debes crear una nueva activity. Pero, como dije antes, nuestro objetivo es hacer esta app lo más simple posible, lo que significa limitar al máximo la cantidad de activities. Deberías poder completar los diseños básicos en un día si solo tienes una o dos pantallas y usas un diseño minimalista.
Día 7: Desarrollar el código
Ahora viene la parte más difícil: agregar el código. Ya conoces los fundamentos de Java y tienes tus widgets/views en su lugar. Ahora, abre el archivo Java de tu activity principal y agrega algunos eventos 'onClick' para añadir código que se ejecutará solo cuando los usuarios hagan clic en un botón específico o realicen una acción específica. Toma lo que sabes sobre Java y luego lee mi serie de dos partes sobre cómo crear una app Android simple (la parte dos está aquí). Esto te mostrará cómo hacer que ciertas cosas sucedan cuando se hagan clic en tus botones, así como cómo manejar variables, recursos, etc. También puede servir como repaso sobre cómo crear una nueva activity y realizar otras tareas básicas. Aprovecha al máximo lo que ya sabes sobre Java y lo que aprendes de esta publicación. No te preocupes si la funcionalidad de la app aún no está completa, mañana añadiremos más. Simplemente configura los fundamentos, como operaciones, variables y clics en botones. Querrás probar tu código mientras lo escribes. Puedes hacerlo creando un APK de 'debug' e instalándolo en tu dispositivo, o usando el AVD (Android Virtual Device) Manager. Esto te permite probar apps Android en tu computadora para ver si funcionan correctamente. La publicación de Alex Mullis sobre el Android SDK te mostrará cómo ponerlo en marcha.
Día 8: Añadir funcionalidad más sofisticada
Probablemente no terminaste tu código en un día con solo unas pocas horas de aprendizaje de Java, a menos que seas un prodigio, así que esto tomará un poco más. Por eso dedico dos días a añadir el código... Sin embargo, ya deberías tener algunas de las funciones básicas implementadas, de modo que tu app responda a los clics de los botones, de alguna manera, y posiblemente almacene algunas variables. El siguiente paso es añadir la funcionalidad más avanzada que será única para tu app. Por ejemplo, quizá quieras que tu app reproduzca música cuando se presiona un botón. Tal vez te gustaría incluir algunas animaciones llamativas. O quizá necesites saber cómo pasar de una activity a otra. No hay reto que no puedas superar si tienes la capacidad de buscar y aplicar tus propias soluciones. Todas estas cosas son relativamente simples, pero no puedo cubrirlas todas aquí porque no sé qué tipo de app estás desarrollando. Así que, en lugar de darte pescado, te enseñaré a pescar... Simplemente define lo que quieres que haga tu app y luego usa Google para encontrar instrucciones sobre cómo hacer que funcione. Por ejemplo, si quieres que tu botón reproduzca un sonido cuando haces clic, simplemente busca "Android Studio play mp3 on click." En el momento de escribir esto, esa cadena de búsqueda devuelve una gran cantidad de resultados de sitios como Stack Overflow y YouTube. Ni siquiera tienes que entender cómo funcionan las soluciones, simplemente copia el código y pégalo en tu propia app para añadir la funcionalidad necesaria, reemplazando cualquier variable según sea necesario. No hay reto que no puedas superar si tienes la capacidad de buscar y aplicar tus propias soluciones. Al final del día 8, tu app debería poder realizar todas sus funciones.
Día 9: Dar los toques finales
Siendo honestos, tu app probablemente todavía esté un poco tosca en este punto, así que haz algunas pruebas de esfuerzo para asegurarte de que no se bloquee todo el tiempo y tal vez añade un poco de pulido aquí y allá también. Hay formas de probar tus apps en una variedad de dispositivos sin tener que comprar Carphone Warehouse. También he escrito algunas publicaciones sobre cómo darle a tu app un aspecto de material design, o de forma más amplia, cómo 'pimp your app' y darle una bonita capa de pintura. Otro consejo es distribuir tu app entre amigos y familiares para que la prueben. Haz lo que sea necesario para asegurarte de que tu app básica esté pulida y lista para usarse.
Día diez: Publica tu app
Finalmente, debes poner tu app disponible para descarga. Eso significa que tendrás que firmar tu app y crear un nuevo APK, el archivo de instalación que los usuarios descargarán para usar tu app. Firmar es un tipo de certificación que garantiza que nadie más pueda subir actualizaciones, etc. La documentación oficial está disponible aquí. También deberías revisar esta página para aprender cómo crear un APK listo para lanzamiento usando Android Studio. Gary ha escrito una publicación sobre cómo publicar tu primera app en Google Play Store, que te guiará por el proceso de subir el APK a Google. Tendrás que pagar una tarifa de registro de $25, pero es un pago único que debería demostrar ser una inversión inteligente una vez que seas un desarrollador de apps multimillonario. Google Play Store tiene un nuevo icon crop. Se te pedirá que elijas un precio, probablemente gratis por ahora, y que completes los campos de la descripción de tu app a medida que avanzas en este proceso. También debes incluir algunas capturas de pantalla y un ícono. Consulta cómo hacer que tu app Android destaque y llame la atención para obtener algunas indicaciones sobre cómo lograr que tu app se destaque en la tienda.
Día once: Relajación
Y en el undécimo día, ¡debes descansar! Además, vigila tu contador de descargas para ver si está aumentando y si estás empezando a recibir reseñas, ¡esperemos que sí! No te preocupes si eso no sucede; esto es solo una experiencia de aprendizaje y, pase lo que pase, ahora deberías estar mucho mejor preparado para comenzar tu próximo proyecto. Y, hayas completado o no todo esto en diez días, con suerte ahora entiendes los pasos necesarios para crear tus propias aplicaciones. Una vez que empieces, ¡no es tan difícil!
