Title: Codebar Scanner
Course: CFGS - Disseny i edició de publicacions impreses i multimèdia > Section: Programació d'APPs per a dispositius mòbils

Where APP

Introducció

En aquesta pràctica veurem la utilització de dos components TinyDB que és un component que ens permet emmagatzemar dades de forma permanent en el nostre telèfon ja que es tracta d’una base de dades i de l’objecte que ens permet utilitzar el scanner de codis de barres integrat del nostre telèfon Android.

Disseny de la interficie

En la pantalla principal de l’aplicació trobarem els següents components

OBSERVACIÓ: Per facilitar la comprensió de l’activitat, es recomana, reanomenar tots els elements tal i com es mostra en l’exercici. És una bona pràctica anomenar de forma comprensible tots els elements d’una aplicació per tal de seguir-ne de forma eficient el seu desenvolupament, sobretot quan l'APP és prou extensa.

Per organitzar la interfície de la nostra APP emprarem els HorizontalArrangement, VerticalArrangement i els TableArrangement que permeten organitzar els elements del seu interior de forma horitzontal, vertical o en columnes i files. Per a què ocupin tota la pantalla disponible del dispositiu caldrà establir-ne la seva amplada, tal i com s’indica a continuació, en tots els elements Arrangement.

EscribirVerticalArrangement

VisualitzaTableArrangement

Un cop fet el disseny de la interfície gràfica, serà necessari establir la lògica de l'APP. Per fer-ho caldrà accedir a l’espai de blocs d'APP Inventor per allí treballar amb els elements que la conformen.

Desenvolupament dels blocs

Un cop fet el disseny de la interfície gràfica, serà necessari establir la lògica de l'APP. Per fer-ho caldrà accedir a l’espai de blocs d'APP Inventor per allí treballar amb els elements que la conformen.

En aquesta aplicació serà necessària una variable global.