En aquest curs aprendrem conceptes bàsics de programació alhora que els anem aplicant al desenvolupament d'aplicacions per a telèfons mòbils i tauletes. Utilitzarem una eina senzilla i ràpida que funciona amb un llenguatge gràfic de blocs, s'anomena Thunkable, i és una evolució del popular MIT App Inventor. Els resultats no són tan professionals com les aplicacions desenvolupades amb llenguatges de programació textuals (Java, C, etc.) i l'eina té alguns punts febles, però és molt útil per a fer els primers passos en el món de la programació d'aplicacions i començar a conèixer els elements i estructures de programació comunes en tots els llenguatges.
Thunkable té dues pantalles principals, la pantalla de disseny (Design) i l'editor de blocs (Blocks). Primer heu de dissenyar la pantalla de la vostra aplicació afegint els components visibles necessaris a Design, i a continuació especifiqueu el comportament interactiu de l'aplicació a l'editor de blocs.
Un cop dissenyada i programada l'aplicació, la podeu provar en el vostre ordinador amb la funció Web Preview o amb el vostre telèfon amb l'aplicació Thunkable Live. Per veure com queden petits canvis en el disseny o funcionalitats pot ser més pràctic utilitzar la funció Web Preview que la podeu deixar oberta en una pestanya del navegador, però en un ordinador no tenim accés als sensors i algunes de les funcionalitats dels telèfons i, per tant, en alguns casos ens caldrà provar l'aplicació directament al telèfon amb Thunkable Live o instal·lant-la. També cal tenir present que l'aspecte de la previsualització web no sempre és el mateix que tenen les aplicacions quan s'executen al telèfon o tauleta.
Al panell de l'esquerra ens apareixen en primer lloc els blocs generals de programació agrupats per categories (control, lògica, text, etc.). I, finalment, tenim els blocs d'una sèrie de funcionalitats extres que podem incloure a l'aplicació (sons, càmera, alertes, sensors, etc.). A continuació tenim llistat dels components de disseny que tenim a l'aplicació, els que hi hem posat nosaltres. Clicant a sobre de cada component s'obre un menú amb els diferents blocs de programació que tenim disponibles per aquell component.
A la part central és on anirem arrossegant els blocs de codi i construint tota la lògica de l'aplicació.
Quines millores podem afegir a l'aplicació?
Per exemple:
Posar una imatge amb la bandera de l'idioma a cada botó.
Introduir un camp de text on es mostri la traducció.
Fes que la imatge del botó seleccionat canviï durant 1 segon per indicar quin és l'idioma escollit.
Quina més?