- Impara a conoscere la programmazione guidata dagli eventi
- Capire i diversi tipi di blocchi della piattaforma Thunkable
Queste sono le attività di questa lezione:
EVENTI
Le app mobili si basano sulla programmazione guidata dagli eventi.
La programmazione guidata dagli eventi si basa sugli eventi, piuttosto che sull'esecuzione del codice da cima a fondo. Alcuni programmi eseguono tutto il codice in una volta sola, ma le app mobili funzionano in base all'interazione dell'utente.
Le app mobili funzionano in base a eventiche sono cose che accadono per innescare l'esecuzione del codice. Un esempio potrebbe essere: l'utente clicca su un pulsante. L'evento è quando l'utente fa clic. Il codice da eseguire quando si verifica l'evento è chiamato "gestore di eventi". gestore dell'evento.
FERMATI E DISCUTI
Riesci a pensare ad alcuni modi in cui interagisci con il tuo telefono e a cosa fa il tuo telefono? Eccone alcuni per iniziare:
- Quando clicchi sull'icona di un'applicazione, questa si apre.
- Quando fai clic su "invia" per un messaggio di testo, invia il messaggio ed emette un suono.
- Quando cerchi di accedere a un'applicazione, questa ti chiede una password.
Iniziamo a vedere le diverse parti della piattaforma Thunkable.
Thunkable ha due finestre che puoi utilizzare per costruire la tua applicazione. Cliccando su Design nella barra dei menu in alto (in alto a sinistra dello schermo) si accede alla sezione Designerdove potrai progettare l'interfaccia utente. L'interfaccia utente interfaccia utente è tutto ciò che si trova nella tua applicazione e con cui l'utente può interagire. Può trattarsi di pulsanti, barre di navigazione, caselle di testo, immagini, ecc.
FINESTRA DI DESIGN CON THUNKABLE
Elenco dei componenti
Tutti i componenti che hai aggiunto alla tua applicazione appaiono qui, organizzati gerarchicamente per schermata.
Spazio di lavoro
Trascina i tuoi componenti sul telefono in questo spazio di lavoro centrale. Puoi controllare la posizione dei componenti e le loro dimensioni.
Aggiungi componenti
Puoi trascinare i componenti visivi da questo pannello nell'area di lavoro.
Pannello delle proprietà
Il pannello Proprietà ti permette di impostare le proprietà di ogni componente. Le proprietà sono diverse caratteristiche che puoi impostare per ogni componente, come la larghezza, l'altezza e il colore. Seleziona un componente nel mockup e poi potrai modificare una qualsiasi delle sue proprietà nel pannello Proprietà.
Quando qualcuno usa la tua app, interagisce con la tua interfaccia utente, cliccando su pulsanti, inserendo testo ecc. Spetta a te decidere cosa deve fare la tua app e programmarla per farlo.
EDITOR DI BLOCCHI
Cliccando su "Blocchi" si accede all'Editor dei blocchi. Editor di blocchi dove si svolgono tutte le operazioni di codifica. Trascina i blocchi dal pannello a sinistra nell'area di lavoro al centro dello schermo.
A sinistra trovi la tavolozza dei blocchi. In alto ci sono i componenti dell'interfaccia utente. Ogni componente della tua applicazione ha un proprio set di blocchi. Facendo clic sul componente, verranno mostrati i blocchi che potrai trascinare nell'area di lavoro.
Spazio di lavoro per il coding
Questa è l'area di lavoro dove trascinerai tutti i tuoi blocchi. Puoi spostarli, agganciarli e inserirli l'uno nell'altro. Puoi anche eliminare i blocchi che non ti servono.
Blocchi base
I blocchi principali sono blocchi di codifica standard da utilizzare nella tua app. Sono classificati in base al loro tipo e sono codificati a colori.
Caratteristiche dell'app
Si tratta di funzioni invisibili che puoi aggiungere alla tua applicazione. Puoi cliccare su una di esse per aggiungerla e poi impostare le proprietà e trascinare i blocchi di codice per quella funzione.
MANIPOLATORI DI EVENTI
I blocchi di gestione degli eventi in Thunkable sono di colore oro e hanno la forma di un blocco aperto, in modo da poter inserire blocchi al suo interno. Questi blocchi vengono eseguiti solo quando si verifica l'evento in questione.
Quando il pulsante viene cliccato
L'hai già utilizzato. Quando l'utente clicca su un determinato pulsante, vuoi che l'applicazione faccia qualcosa, come aprire un'altra schermata o inviare un messaggio.
Quando viene cliccato un elemento del ListViewer
Un ListViewer è come un menu a tendina, quindi questo evento si verifica quando l'utente sceglie un elemento dell'elenco. L'applicazione deve fare qualcosa con l'elemento cliccato.
Quando si apre una schermata
Questo evento viene utilizzato quando vuoi fare qualcosa al primo avvio dell'applicazione o quando l'applicazione passa a un'altra schermata. Puoi impostare variabili o aggiornare informazioni dal cloud.
FUNZIONI
Le funzioni Sono blocchi di codice che fanno qualcosa. Possono essere eseguite più volte all'interno di un'applicazione. In Thunkable, i blocchi di funzioni sono colorati di viola. Alcuni linguaggi si riferiscono alle funzioni come metodi o procedure. Fanno qualcosa, quindi puoi considerarle come blocchi di azione.
Pronuncia
Questa funzione permette all'app di dire o pronunciare il testo che desideri.
Avvio del timer e riproduzione del suono
Il componente Timer può avviare il conteggio. E l'applicazione può riprodurre un suono.
SETTER E GETTER
I blocchi verdi si riferiscono alle proprietà del componente.
I blocchi verde chiaro sono chiamati getterperché stanno ottenendo il valore della proprietà.
Testo del pulsante1
Il testo viene ottenuto e salvato nella variabile numeroScelta.
Tempo del timer1 in secondi
Il valore dei secondi del timer viene ottenuto e memorizzato nel testo di Lablel1, quindi il valore viene visualizzato nell'etichetta.
I setter sono di colore verde più scuro e possono essere agganciati, con una fessura aperta all'estremità. Questo ti permette di impostare il valore della proprietà.
Testo del pulsante1
Il testo del pulsante1 è impostato sulle parole "Cliccami!".
Label1.Text
Il testo di Label1 è impostato sul tempo in secondi di Timer1.
IntervalloMillisecondi del Timer1
L'IntervalloMillisecondi del Timer1 (la frequenza con cui scatta) è impostato su 3000, ovvero 3 secondi.
Suggerimento del mentore
Migliori pratiche: Ricorda agli studenti che questo è esattamente come il vero coding. Lo strano vocabolario (funzioni, getter, setter) che stiamo usando è esattamente quello che usano i codificatori.
Domande guida da porre agli studenti: Riesci a pensare ad alcune funzioni quotidiane che svolgi? (esempio: preparare una torta, lavarsi i denti - qualsiasi cosa che abbia dei passaggi ripetibili). Le funzioni sono molto simili agli algoritmi!
I consigli dei mentori sono forniti dal supporto di AmeriCorps.
BLOCCHI DI DATI
Quando utilizzi i blocchi setter, potresti utilizzare altri blocchi integrati che rappresentano dati o informazioni che possono essere utilizzate nella tua applicazione. Di seguito sono riportati alcuni esempi di blocchi di dati che possono essere utilizzati.
I numeri
I valori numerici possono essere utilizzati come dati in un'applicazione. Questi blocchi si trovano nel cassetto Math nella sezione core della palette dei blocchi.
Testo o stringhe
Il testo, talvolta chiamato stringa, può essere utilizzato come dato. Si tratta di lettere, parole e frasi che possono essere utilizzate in un'applicazione. I blocchi si trovano nel cassetto Testo della sezione Core della palette dei blocchi.
Booleano
Questo tipo di dati ha solo due valori possibili: true o false. Questi blocchi possono impostare o verificare lo "stato" di qualcosa e saranno utilizzati nei condizionali, che imparerai a conoscere meglio.
ATTIVITÀ: TUTORIAL SULLA SCHEDA AUDIO
Segui il video tutorial qui sotto
Poi segui il video di Dave qui sotto per utilizzare i gestori di eventi e le funzioni per riprodurre i discorsi nella tua app.
SFIDA
Nell'attività hai utilizzato:
- Blocchi di gestori di eventi
- Blocchi funzione
Proviamo a utilizzare alcuni blocchi setter e getter da aggiungere all'applicazione Soundboard.
Quando l'utente clicca su un'immagine per riprodurre il discorso associato, cambia il colore di sfondo dello schermo. dello schermo.
Puoi cambiarlo in un colore particolare, ma poi non potrai facilmente riportarlo al colore di partenza, il nero, quindi cambia lo sfondo dello schermo con un colore casuale.
Suggerimento: consulta il cassetto dei colori per scoprire come ottenere un colore casuale.
RIFLESSIONE
Ora che hai imparato qualcosa in più sui diversi blocchi di codice, pensa alla soluzione della tua applicazione:
REVISIONE DEI TERMINI CHIAVE
- Interfaccia utente - tutto ciò con cui l'utente può interagire nella tua applicazione.
- Designer - La finestra in cui puoi aggiungere componenti alla tua applicazione e progettare il loro aspetto.
- Editor dei blocchi - dove potrai codificare i blocchi per la tua applicazione
- Evento - qualcosa che accade per attivare l'esecuzione di un codice
- Gestori di eventi- blocchi di codice che indicano alla tua applicazione cosa fare quando si verifica un evento
- Programmazione guidata dagli eventi - Programmazione basata su eventi, piuttosto che eseguire l'intero codice da cima a fondo.
- Funzioni - un blocco di codice che viene eseguito e può essere eseguito più volte
RISORSE AGGIUNTIVE
Scopri gli altri tutorial di Dave Wolber su Thunkable draganddropcode.com
Il corso gratuito dello studente ambasciatore Meenakshi Nair Corso Thunkable su Udemy è un'altra grande risorsa!
