Cómo crear apps para Android sin saber programar

¬ŅSiempre has querido crear una app para Android pero no sabes programar? La programaci√≥n de aplicaciones puede ser algo muy complicado, especialmente si no se dominan los lenguajes de programaci√≥n m√°s frecuentes para este tipo de trabajo. Pero, afortunadamente, hoy en d√≠a existen herramientas que permiten crear apps para Android sin saber programar.

Kodular es una de estas herramientas. Un sitio web en el cual se hace uso del drag and drop para poder crear aplicaciones completamente funcionales de prácticamente cualquier cosa. Desde una versión de tu sitio web en forma de aplicación hasta un vídeo juego, entre muchas otras cosas. Kodular te permitirá convertirte en todo un desarrollador de aplicaciones sin saber prácticamente nada de código.

Crear apps de Android sin saber programar

Eso s√≠, ser√° necesario dedicarle tiempo. Como sucede con todo lo nuevo, hay una l√≠nea de aprendizaje. Hay muchos elementos seleccionables y formas de personalizar cada uno de los aspectos que ofrece Kodular. Es por esa raz√≥n que la primera aplicaci√≥n realizada en la plataforma puede demorar m√°s de lo que algunos tienen planeado. Pero una vez se le pilla el truco, crear aplicaciones con ella se volver√° como un juego de ni√Īos.

Crear una cuenta en Kodular

Antes de comenzar con todo el proceso de creación de una aplicación en este sitio web, primero hay que crear una cuenta en la plataforma. No sólo es algo necesario para poder acceder a sus funciones, sino que además permite tener un espacio en el que todas las aplicaciones estarán organizadas y se podrán acceder a ellas sin esfuerzo alguno.

Lo primero ser√° acceder a la web kodular.io. En la p√°gina inicial tan solo tienes que pulsar en el bot√≥n Create apps! para que te redirija al panel de inicio de sesi√≥n. En la pesta√Īa Kodular Access podr√°s iniciar sesi√≥n con cualquiera de las redes sociales que te ofrece el sitio. Al no tener cuenta, tendr√°s que presionar el bot√≥n Register en la esquina superior derecha de la pantalla.

De la misma forma que con el inicio de sesi√≥n, podr√°s escoger Google, Facebook, Github o Twitter para crear tu cuenta. Am√©n de poder hacerlo con tu cuenta de correo electr√≥nico tradicional, escogiendo un nombre y una contrase√Īa. Despu√©s de a√Īadir la informaci√≥n, bastar√° con aceptar los t√©rminos de servicio y presionar Signup para crear la cuenta.

Ya creada, cada vez que se quiera acceder, bastar√° con repetir el proceso √ļnicamente accediendo a la secci√≥n Login, y escogiendo el m√©todo de inicio de sesi√≥n que se ha utilizado en el momento del registro.

Crear un nuevo proyecto

Crear nuevo proyecto

Siendo primerizo/a en la creación de aplicaciones de Android, lo primero que tendrás que hacer es crear un nuevo proyecto en Kodular. En la página de inicio de tu cuenta en creator.kodular.io podrás ver un botón New Project que tendrás que presionar para poder comenzar con un nuevo proyecto. En esa misma pantalla se mostrarán todos los proyectos que hayas creado en la plataforma. También se puede ver un botón para importar proyectos. Al presionarlo simplemente tendrás que seleccionar el archivo de tu proyecto para cargarlo y poder trabajar con él en la plataforma.

Para finalizar con la creaci√≥n del proyecto tendr√°s que escoger un nombre para la aplicaci√≥n. Los nombres de los proyectos tienen que iniciar con una letra y s√≥lo puede contener letras, n√ļmeros y guiones.

Kodular Creator, comienza a crear tu app para Android

Despu√©s de escoger el nombre que tendr√° la aplicaci√≥n, que se puede cambiar en cualquier momento, se abrir√° Kodular Creator, la herramienta de creaci√≥n de aplicaciones de la plataforma, y que se basa en el drag and drop para poder a√Īadir todos los elementos que necesita la app.

Palette y visor

Palette Kodular

En el extremo izquierdo de la pantalla se puede encontrar la paleta. En √©sta se pueden ver todos los elementos que se pueden a√Īadir a la aplicaci√≥n. Es lo primero que hay que hacer para poder crear una aplicaci√≥n.

Si se coloca el rat√≥n sobre los iconos de la paleta, se pueden ver las distintas secciones. Al hacer clic en ellas se podr√°n desvelar los elementos que conforman cada una de dichas secciones, y que se pueden a√Īadir a la aplicaci√≥n simplemente arrastr√°ndolas. Las secciones disponibles son las siguientes:

  • User Interface (Interfaz de usuario)
  • Layout
  • Media
  • Drawing and Animation
  • Maps
  • Sensors
  • Social
  • Storage
  • Device
  • Dynamic Components
  • Connectivity
  • Google
  • Monetization
  • LEGO MINDSTORMS
  • Expermiental
  • Extension

En la zona central de la herramienta se encuentra el visor. Allí es donde hay que arrastrar y colocar cada uno de los elementos. Se pueden alinear de la forma que mejor se quiera en la pantalla, de una forma muy visual.

A la derecha de la pantalla se puede encontrar una secci√≥n en la cual se edita cada uno de los aspectos del elemento que est√© seleccionado. De esta forma, por ejemplo, si se selecciona la pantalla inicial, se pueden a√Īadir comentarios sobre la pantalla, la alineaci√≥n, color, im√°genes de fondo, iconos, calidad de im√°genes, elementos a ocultar y mucho m√°s.

Despu√©s de terminar con una pantalla, se puede pasar a la siguiente a√Īadiendo una nueva. Para hacerlo, en la zona superior de la pantalla, tendr√°s que pulsar en Add screen para a√Īadir una nueva pantalla. Despu√©s de ello simplemente hay que a√Īadir m√°s elementos y seguir creando pantallas hasta completar tu aplicaci√≥n.

Assets/Dise√Īador/Bloques

Bloques-kodular
La secci√≥n ‘Blocks’ donde puedes escoger las acciones de cada elemento de tu app

En la esquina superior derecha de la pantalla se pueden encontrar distintas opciones para poder trabajar en la aplicación.

Assets: Se pueden a√Īadir assets al pulsar en el bot√≥n y arrastrando en la secci√≥n destinada para ello los assets que se quieran a√Īadir.

Designer: El dise√Īador es la pantalla principal que se puede ver en el Creator. La zona en la que se a√Īaden los elementos de forma visual arrastr√°ndolos al m√≥vil que se puede ver en la web de Kodular.

Blocks: Despu√©s de haber a√Īadido elementos en el dise√Īador, se necesita pasar a la secci√≥n Blocks para poder a√Īadir las funciones que tendr√° cada elemento en la aplicaci√≥n. De esta forma, se pueden crear controles, l√≥gicas, textos, listas, colores y dem√°s. Para ello es necesario saber un poco de ingl√©s para poder a√Īadir las acciones a los elementos. Todo esto se muestra en forma de c√≥digos de programaci√≥n, pero ya preparados para que s√≥lo se tengan que seleccionar para indicar c√≥mo funcionar√° la aplicaci√≥n.

Cuando se haya terminado de trabajar en la app, se puede guardar el proyecto presionando en File > Save Project o escogiendo la opción Save Project As para cambiar el nombre del proyecto.

Exporta tu aplicación

Creator Kodular

Cuando hayas terminado el dise√Īo y tambi√©n la ‚Äúprogramaci√≥n‚ÄĚ de la aplicaci√≥n, s√≥lo hay que exportar la aplicaci√≥n desde la herramienta de creaci√≥n. Despu√©s de todos los testeos de la app, que se pueden realizar presionando en Test, se puede exportar la app para poder utilizarla en un m√≥vil real. Para hacerlo hay que pulsar en Export y seleccionar una de las formas que se ofrecen, pudiendo escoger entre escanear un c√≥digo QR o bajar un archivo APK al equipo.