Advertisement
  1. Code
  2. Mobile Development
  3. Android Templates

Cómo programar una aplicación con una plantilla

Scroll to top
Read Time: 5 min

() translation by (you can also view the original English article)

Las aplicaciones son caras, e incluso puede ser difícil encontrar desarrolladores calificados. Ahí es donde las plantillas de aplicaciones móviles pueden ser de ayuda. Las plantillas pueden reducir el costo del desarrollo de la aplicación y ayudar a que la aplicación esté lista con mayor rapidez para salir al mercado.

El uso de una plantilla te proporciona una base de código inicial que puedes desarrollar o personalizar para que se ajuste a la identidad de tu marca. En este tutorial, aprenderás cómo crear una aplicación Android de recetas usando una plantilla de aplicación.

Lo que vamos a construir

Usaremos la plantilla Cookbook para crear nuestra aplicación Android de recetas.

recipe apprecipe apprecipe app

Cookbook es una plantilla de aplicación Android nativa con un hermoso diseño y animaciones. Cookbook almacena datos localmente en una base de datos SQLite; por lo tanto, puedes ejecutar la aplicación sin una conexión a Internet. Es la plantilla perfecta para programar fácilmente una aplicación Android de recetas.

Características

  • analítica a través de Firebase
  • diseño hermoso y responsivo
  • ocho temas de Material Design de entre los que puedes elegir
  • personaliza el diseño para que se ajuste a tu marca
  • las imágenes se almacenan en caché para lograr un mejor rendimiento

Cómo configurar Android Studio

Android Studio es el IDE oficial de Google para desarrollar aplicaciones Android. Cuenta con un potente editor de código y herramientas de desarrollo. Android Studio está disponible para los principales sistemas operativos, y la versión más reciente está disponible en el sitio web para desarrolladores de Android. A continuación se muestran los requisitos del sistema para cada sistema operativo.

system requirementssystem requirementssystem requirements

Descarga Android Studio desde la página oficial. La página detecta automáticamente tu sistema operativo y te proporciona el archivo correcto para descargar. Dependiendo de tu sistema operativo, una vez que ejecutes el instalador, este te dará instrucciones en cada paso, incluyendo información sobre los paquetes recomendados para instalar. Aprende cómo instalar y configurar Android Studio con nuestro tutorial paso a paso.

El comienzo

Ahora que tienes Android Studio instalado, puedes obtener la plantilla de CodeCanyon. Compra el complemento en la página del producto.

Una vez que hayas comprado el complemento, obtendrás un enlace a los archivos descargables. Alternativamente, puedes encontrarlos en la sección de descargas de tu cuenta con los otros artículos que has comprado. Una vez que hayas descargado los archivos, extráelos a la ubicación de tu preferencia.

Ejecuta Android Studio y, en la barra de herramientas, haz clic en Archivo > Nuevo > Importar proyecto. Navega a la ubicación en la que extrajiste los archivos y selecciona los archivos de Gradle del proyecto. Espera unos minutos hasta que Android Studio termine de sincronizar los archivos de Gradle.

A continuación puedes ver la estructura de la aplicación Cookbook.

project structureproject structureproject structure

Configuración y personalización

Estos son algunos de los aspectos que puedes personalizar:

  • nombre e ID de la aplicación
  • temas de color
  • recetas e imágenes
  • mensajería y analítica de Firebase

ID y nombre de la aplicación

Todas las aplicaciones Android tienen un ID de aplicación único, que identifica a tu aplicación en el dispositivo y en la tienda de Google Play. Abre el script de compilación principal mobile/build.gradle y cambia el valor de applicationId, de com.robotemplates.cookbook al ID de tu propia aplicación.

Para cambiar el nombre de la aplicación, abre mobile/src/main/res/values/stringd.xml y cambia el nombre del valor, de Cookbook a tu nombre preferido.

Tema de color

La plantilla Cookbook viene con ocho temas de color. Ve a mobile/src/main/AndoidManifest.xml si quieres cambiar el tema de color de la aplicación.

Prepara la base de datos de recetas y las imágenes

Los datos utilizados en la aplicación se almacenan en una base de datos SQLite local. La base de datos precargada con recetas está almacenada en mobile/src/main/assets/cookbook.db. Esta base de datos se copia automáticamente en el almacenamiento del dispositivo la primera vez que se ejecuta la aplicación y también si se actualiza la base de datos.

Para editar la base de datos usaremos SQLiteStudio, una herramienta poderosa pero ligera usada para crear, editar y navegar en bases de datos SQLite. Puedes descargar SQLiteStudio aquí.

Una vez que SQLiteStudio se haya instalado, carga el archivo cookbook.db y agrega tus propias recetas.

sqlite dbsqlite dbsqlite db

Configura Firebase Cloud Messaging y Analytics

Firebase Cloud Messaging es una solución en la nube multiplataforma que te permite enviar mensajes y notificaciones para Android, iOS y aplicaciones web.

Inicia sesión en Firebase con tu cuenta de Google. Navega a la sección Crea un proyecto y crea un proyecto de Firebase para conectarte a tu aplicación Android. Una vez que crees un proyecto, deberás tener algo como esto:

firebase projectfirebase projectfirebase project

Haz clic en la opción que tiene el icono de Android y serás dirigido a la siguiente página.

add project firebaseadd project firebaseadd project firebase
  • Escribe el nombre de paquete de tu aplicación (ID de la aplicación) en el campo Nombre de paquete Android.
  • Escribe otra información de la aplicación, como el Alias de la aplicación y el Certificado de firma de depuración SHA-1.
  • Haz clic en el botón Registrar aplicación.
  • Descarga el archivo google-services.json y muévelo al directorio raíz del módulo de tu aplicación Android.
google services jsongoogle services jsongoogle services json

Ahora agrega el SDK de Firebase a los archivos build.gradle del proyecto.

firebase sdkfirebase sdkfirebase sdk

Sincroniza los archivos de Gradle, y estás listo para crear y enviar notificaciones push en la Consola de Firebase.

Ejecuta la aplicación

Para ejecutar la aplicación, primero conecta tu dispositivo a tu máquina con un cable USB y asegúrate de que la opción de depuración USB esté activada. En la barra de herramientas de Android Studio, selecciona el dispositivo en el que quieras ejecutar tu aplicación desde el menú desplegable de dispositivos destino.

Ahora haz clic en Ejecutar. Android Studio instalará tu aplicación de recetas en tu dispositivo conectado y la ejecutará.

Así es como se ve la aplicación final:

recipe apprecipe apprecipe app

Conclusión

El desarrollo de aplicaciones se ha convertido en una empresa costosa, pero este no tiene por qué ser tu caso. Como negocio, tiene sentido usar una plantilla para algunas de las funciones generales de la aplicación, como el registro, inicio de sesión, restablecimiento de contraseñas o incluso toda la interfaz de usuario. Las plantillas te permiten ahorrar en costos y acelerar el proceso de desarrollo. CodeCanyon ofrece cientos de plantillas para cada categoría, lo que te permite concentrarte solo en las funciones únicas de tu aplicación.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.