¡Nueva actualización del Curso de App Inventor!

Coincidiendo con la nueva release de App Inventor que os anuncié vía Facebook(nb150b) he sacado una nueva actualización del Curso de Desarrollo de Aplicaciones Móviles con App Inventor.

 

Esta nueva actualización incluye 20 nuevas clases en FuLLHD donde aprenderemos...

  • Cómo utilizar el componente podómetro
  • Qué son y para qué sirven las extensiones en App Inventor
  • Cómo realizar aplicaciones que permitan dar de alta/baja usuarios usando Google Fusion Tables con autenticación basada en cuentas de servicio y extensiones que almacenan las credenciales de manera segura.
  • Qué es el Internet de las cosas(IoT) y cómo funciona la tecnología Bluetooth LE.
  • Cómo instalar el entorno de Arduino y utilizarlo con una placa Arduino 101/Genuino 101 para encender/apagar un led mediante botones, nuestra propia voz y haciendo uso del componente Bluetooth LE.
Leer más 0 comentarios

Efecto Swipe(deslizar el dedo) en App Inventor

El efecto Swipe o "deslizar el dedo" es un efecto bastante común en numerosas aplicaciones móviles.

 

Recientemente, una alumna del curso de aplicaciones móviles con App Inventor me pregunto cómo podía realizarse y me pareció una consulta muy interesante para realizar una pequeña app de ejemplo.

 

Lo más sencillo si tenemos una lista de imágenes que queremos mostrar es colocarlas todas con nombres correlativos, esto es: 1, 2, 3 , ...etc. sin olvidarnos por supuesto de su extensión correspondiente ya sea ".png" o ",jpg". En esta prueba de concepto las imágenes son simples números pero vosotros podéis cambiarlas por las que deseéis teniendo en cuenta simplemente el nombre para adecuarla a vuestra app.

 

Las imágenes las cargaremos sobre un componente de tipo Canvas(Lienzo) y serán desplazadas conforme al movimiento del dedo del usuario. Utilizando dicho lienzo controlaremos el evento Lanzado así como la dirección del dedo del usuario.

 

Teniendo en cuenta que el dedo lo puede desplazar ligeramente hacia arriba o hacia abajo por eso utilizamos la función valor absoluto y en función de ella incrementaremos o decrementaremos la posición actual del índice sobre la lista que muestra las imágenes. Simplemente como consideración a lo anterior es que tenemos que tener en cuenta que llegados al índice 0 o al índice que tiene el número de imágenes + 1 tendremos literalmente que "dar la vuelta".

 

Y como dice un amigo al que tengo mucho aprecio, "compartir es vivir", así que os dejo el enlace a la app original para que la descarguéis, probéis y personalicéis como queráis:

  

Happy inventing!

 

Jose Luis Núñez

@twajoseluis

 

 

 

 

 

PD: Para hacer funcionar la app en vuestro entorno de App Inventor aseguraos que este está configurado en idioma español ;-)

Leer más 6 comentarios

Responsive Design en App Inventor (I). Botones que se adaptan

Uno de los principales inconvenientes con los que nos enfrentamos cuando realizamos una aplicación es que esta se vea bien en distintos dispositivos con distintas dimensiones de pantallas, densidades de píxeles, etc.

 

El diseño adaptable o responsive design es un concepto que en el mundo web lleva ya triunfando varios años y es algo también deseable en cuanto hablamos de aplicaciones móviles.


En el Curso de Desarrollo de aplicaciones con App Inventor surgió una consulta de un estudiante que deseaba conseguir este efecto. Me pareció muy interesante y necesaria por lo que me gustaría compartir una posible solución con todos vosotros.


Independientemente de que estéis desarrollando una app de productividad o un videojuego es muy probable que queráis distribuirla y enfrentaros por tanto a la cuestión de qué dimensiones poner en cada elemento y cómo mostrarlos...


En la siguiente aplicación, que NO hace nada más que mostrar unos botones, pretendo ilustrar lo que sería la adaptación a la pantalla de estos componentes que deseo que mantengan sus proporciones.

 

La idea reside en mantener la relación de aspecto (ancho x alto) utilizando para ello unas simples cuentas matemáticas.

 

Leer más 3 comentarios