Per veure com funciona tot plegat, anem a fer un exemple senzill.
El que volem fer és que quan es premi el botó el telèfon faci un so de timbre.
Començarem a l'entorn de distribució dels elements. Al menú de l'esquerra seleccionarem l'element Button i l'arrossegarem al requadre de previsualització.
Un cop fet això, el requadre es veurà així:
Al requadre de components ens apareixerà el botó, com a descendent de la pantalla.
Convé que li canviem el nom al botó. Per exemple, li podem dir Boto (no admet accents). A l'entorn de programació, les instruccions que facin referència a aquest botó portaran aquest nom.
I a la dreta veurem les propietats del botó. En modificarem algunes seguint la taula següent:
| Propietat | Valor | Comentaris |
| Nom | Boto | Aquest nom l'hem de posar en el requadre Components |
| BackgroundColor | Orange | Posa el fons de color taronja |
| FontSize | 22.0 | Posa la lletra a mida 22 |
| Text | Pica aquí | Posa un text al botó |
| TextColor | Blue | Posa les lletres del text de color blau |
La columna de propietats ens quedarà així:
I el botó es previsualitzarà així:
Ara hem de descarregar el so de timbre que trobareu al fitxer ring.mp3 i el guardarem a l'ordinador. Pot passar que quan piqueu a l'enllaç es reprodueixi el so en lloc de baixar el fitxer. En aquest cas, piqueu amb el botó dret del ratolí i li dieu que el baixi amb Desa l'enllaç com a....
Un cop fet això, anirem a l'apartat Media del menú de l'esquerra i arrossegarem el l'element Sound al requadre de previsualització.
Atès que aquest element no es visualitza, ens apareixerà a sota del requadre.
També ens apareixerà, sota la jerarquia de components, el lloc on pujar el fitxer de so. Picant el botó Upload File... podrem pujar el fitxer.
I li donarem les següents propietats:
| Propietat | Valor | Comentaris |
| Nom | Ring | Aquest nom l'hem de posar en el requadre Components |
| Source | ring.mp3 | El fitxer que acabem de pujar |
Ja hem acabat de situar els components i podem passar a l'entorn de programació.
A l'entorn de programació ens han aparegut tots els elements que acabem de crear:
Quan piquem sobre cada un dels dos elements (Boto i Ring) se'ns mostraran els elements de programa que hi estan relacionats i podem fer servir. A Boto triarem el component When Boto.click do i ens el posarà a l'entorn de programació. Després a Ring triarem call Ring.play i l'arrossegarem a dins del que hem posat abans. Ens quedarà així:
I el programa ja està llest per provar-lo. A l'apartat següent del tutorial t'expliquem com.
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.