Este documento presenta Kodular, una plataforma que permite crear aplicaciones para Android sin necesidad de saber programación. Se explica cómo crear una aplicación básica con un botón que enciende la luz trasera del teléfono al pulsarlo. Se detallan los pasos para registrarse en Kodular, añadir elementos a la interfaz, programar su funcionamiento con bloques y probar la aplicación en un dispositivo móvil. Finalmente, se invita a aprender más sobre Kodular mediante cursos disponibles.
2. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 1
Mi nombre es José Angel Hurtado
Gómez, tengo más de 20 años de
experiencia como Técnico
Informático de Hardware, en estos
20 años he desarrollado mi trabajo
en empresas y sectores tan diversos
e importantes como en Sanidad de
la Generalitat Valenciana, en la
Universidad Miguel Hernandez de
Elche, he trabajado para Fujitsu,
Atos, Vodafone, etc...
dando soporte presencial y remoto, para la resolución de incidencias
y peticiones informáticas.
Desde bien pequeño he sentido la curiosidad por averiguar y entender
el funcionamiento de las cosas y esa curiosidad me ha llevado a ser
autodidacta y ampliar mis conocimientos en muchísimos campos.
Uno de esos conocimientos adquiridos es el que os presento en esta
guía y como una serie de cursos, en la famosa y reconocida
plataforma online UDEMY, para el manejo y aprendizaje de una
herramienta muy sencilla y a la vez muy potente, que nos permite
crear aplicaciones para el sistema Android, sin necesidad de tener
conocimientos previos en programación, esta herramienta para
programar con bloques se llama "KODULAR".
3. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 2
La programación con bloques, es un software el cual nos permite
aprender a programar desde niños, mediante el uso de sencillas y
básicas conexiones gráficas, que al unirlas generan acciones que, de
otra manera, deberían escribirse en una cadena de código.
El hecho de no tener que teclear código, abre las posibilidades de que
cualquiera con un mínimo de interés, sea capaz de llevar a cabo el
diseño y creación de una aplicación para Android. Una de las mayores
preocupaciones para alguien que por primera vez, decide desarrollar
una aplicación para el móvil, es la cantidad de código que debe de
manejar y conocer, para que la aplicación lleve a cabo las órdenes y
funciones que deseamos.
Entonces, ¿es posible desarrollar una aplicación para el móvil sin
necesidad de saber nada de programación?,
¡¡¡SI, es posible con KODULAR!!!.
Ejemplo de programación uniendo bloques. Plataforma de KODULAR.
4. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 3
KODULAR es una plataforma online gratuita que permite el
desarrollo de aplicaciones para Android sin necesidad de escribir
código, se basa en arrastrar y soltar elementos a una pantalla en
blanco, también te permite ver en tiempo real como quedan esos
elementos en la pantalla de un teléfono.
Es un sistema de programación diferente, ya que se programan las
funciones de estos elementos que hemos arrastrado y soltado,
juntando bloques y uniéndolos entre sí para crear las funciones que
queremos que ejecuten los elementos que hemos puesto en la
pantalla.
Suena genial, ¿verdad?.
Pestaña “Diseñador” donde se observa un teléfono en el cual arrastramos y soltamos los componentes.
Plataforma KODULAR.
5. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 4
Vamos a empezar por registrarnos y crear una cuenta en KODULAR,
es totalmente gratuito, solo necesitaremos tener una cuenta activa de
correo electrónico. La dirección web de KODULAR es
https://www.kodular.io
Si ves complicado registrarte, haz click en la imagen de aquí abajo,
veras todos estos pasos en un video.
Haz click aquí para ver Tutorial en Youtube
6. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 5
Comencemos a desarrollar un ejemplo básico, vamos a crear con un
par de bloques una app muy sencilla, seguramente que en algún
momento o incluso actualmente, tenemos instalada una app en
nuestro teléfono móvil, que simplemente nos aparece un botón
enorme en el centro de la pantalla y que, al pulsarlo, enciende por arte
de magia la luz led trasera de nuestro teléfono, creando el efecto de
que llevamos una linterna.
Pues vamos a crear nuestra propia linterna con un par de bloques.
INGREDIENTES:
1. Vamos a necesitar, tener creada y activada una cuenta en
KODULAR.
2. Un teléfono móvil con Android, al cual le vamos a instalar la
aplicación de KODULAR que se encuentra en Google Play, se
llama Kodular Companion
https://play.google.com/store/apps/details?id=io.makeroid.com
panion&gl=ES
7. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 6
COMENZAMOS
Abrimos la página de KODULAR y hacemos click en “Create Apps”.
Ponemos nuestro mail y el password que elegimos cuando nos
registramos y hacemos click en “Sign In”
8. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 7
En la ventana que se abre, hacemos click en “Crear Proyecto”,
ponemos un nombre al proyecto y pulsamos en siguiente.
La siguiente pantalla la dejamos por defecto como esta (en el curso en
profundidad veremos que modificar en esa pantalla) y pulsamos en
“Finish”.
9. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 8
Arrastramos al teléfono un botón para que podamos pulsarlo y
encender la luz del teléfono móvil, vamos a la paleta en la parte
izquierda superior y pinchamos en “Interfaz de Usuario”, buscamos el
componente “Botón” y lo arrastramos a la pantalla en blanco del
teléfono quedando de esta forma.
10. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 9
Vamos a cambiar la apariencia del botón, para eso nos movemos al
lado derecho y buscamos la propiedad del botón que se llama (1)
Tamaño de letra y lo ponemos a 40, pasamos a (2) Alto y marcamos el
botón Ajustar al contenedor, (3) hacemos lo mismo con Ancho y
marcamos el botón Ajustar al contenedor, (4) hacemos click en Forma
y seleccionamos Oval, (5) en Texto escribimos LINTERNA y tiene que
quedar el botón como se ve en la imagen (6).
11. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 10
Añadimos el complemento Cámara, se encuentra dentro de medios,
pinchamos y arrastramos el complemento a la imagen del teléfono.
12. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 11
Ahora vamos a empezar a programar con los bloques, hacemos click
en “Bloques” para abrir la pantalla de programación.
Tenemos que pensar que es lo que queremos que haga la aplicación,
ahora mismo tenemos un botón en la pantalla, queremos que al
pulsar ese botón con el dedo, se encienda la luz del teléfono móvil, en
los bloques situados a la izquierda buscamos el componente
“Boton1”, hacemos click y se nos abre otra ventana, ahí vamos a
coger y arrastrar la función “cuando Boton1 click” que como puedes
imaginar significa que cuando hagamos click en el boton1 se produce
una orden.
13. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 12
Como lo que queremos que haga el botón es encender la luz del
móvil, vamos otra vez a la izquierda, pinchamos en el componente
Camara1 y en la ventana que se nos abre, cogemos y arrastramos la
función “llamar Camara1 Toggle Light” que es la función que va a
encender la luz del teléfono.
Encajamos el bloque llamarCámara1ToggleLight con el bloque
cuandoBoton1click y ya tenemos nuestro código preparado para que
al pulsar el botón se encienda la luz y al volver a pulsarlo, si la luz esta
encendida, se apague.
14. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 13
Por último, añadimos un bloque de permisos, para que en algunas
versiones de Android no de errores la aplicación, pinchamos en el
componente Screen1 y en la ventana que se nos abre, cogemos y
arrastramos la función “llamar Screen1 Pedir permisos” que es la
función que va a solicitar permisos a Android para usar la cámara del
teléfono.
15. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 14
Añadimos un bloque de texto vacío.
Y en el bloque de texto añadimos este comando,
android.permission.CAMARA, así ya tenemos preparado el bloque
para poder usar el componente Cámara.
16. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 15
Para hacer pruebas, instalamos la aplicación en nuestro teléfono
móvil Kodular Companion, la ejecutamos y vemos que nos solicita un
código o podemos leer un QR, volvemos al navegador y en la barra
superior vemos la opción “Conexión”, pinchamos y se despliegan
varias opciones, hacemos click en “Al Companion”, se abrirá una
pantalla con un QR y un código con letras y números, este código
tenemos que ponerlo en la aplicación de nuestro teléfono para que se
conecte con Kodular y podamos probar la aplicación que estamos
creando.
17. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 16
Una vez se establezca conexión entre nuestro teléfono y Kodular,
veremos que aparece en la pantalla de nuestro teléfono lo que
estamos haciendo en Kodular, si probamos el botón veremos que
efectivamente se enciende la luz del teléfono y si volvemos a pulsarlo
se apaga la luz.
¡¡¡Así de sencillo acabas de crear tu primera aplicación para el móvil,
sin tener que escribir código de programación!!!.
18. TODOS LOS DERECHOS RESERVADOS JOSÉ ANGEL HURTADO GÓMEZ 2020 17
Eso es todo por ahora, si estás interesado en profundizar más con
Kodular te invito a que pases por mi web
https://joseangelhurtado.soltirweb.es y realices los cursos que tengo
disponibles en Udemy sobre KODULAR.
Podrás aprender en profundidad como usar una base de datos para
guardar desde una partida para un juego, hasta como almacenar
etiquetas o datos para una app que lo requiera, como crear el fichero
APK que luego podrás subir a la tienda de Google Play, como añadir
banners de publicidad de Facebook en tus app’s, etc…
El único límite de KODULAR está en tu imaginación, ¿a que esperas
para ampliar tus conocimientos?, te espero.