1° app

Competenza: realizzare dei bottoni in grado di consentire il passaggio tra una pagina e l'altra.

APP.: "La Fabbrica dell'elettricità - immagini"

Problema:

Creare un'app. dal titolo: "la fabbrica dell'elettricità - immagini". 

Nella home dell'app. ci dovrà essere:

- il titolo,

- nome e cognome dell'alunno,

- un immagine,

- un bottone che ti consenta di andare alla pagina successiva.

Nelle altre pagine ci dovrà essere: 

- il titolo della centrale elettrica che si vuole rappresentare,

- un immagine rappresentativa,

- un bottone che ti consenta di tornare alla pagina precedente,

- un secondo bottone che ti consenta di andare alla pagina successiva.

Dovrai creare tante pagine quante saranno le centrali elettriche che vuoi rappresentare.

1) entrato in sviluppo app. ti trovi nella schermata pronto per creare l’app. come ti è stato spiegato a lezione

Per programmare la tua app. devi prima fare le pagine e poi con il codice fare il programma.

2) devi prima creare utilizzando l’interfaccia la prima pagina che deve contenere:

• • il titolo “Fabbrica dell'elettricità”,

  • il tuo nome e cognome,

  • un’immagine per la prima pagina (che riassuma tutto il lavoro),

  • un bottone in basso che ti permetterà di andare alla pagina successiva.

3) devi creare la seconda pagina (screen2) che deve contenere:

• • il titolo,

  • un’immagine,

  • due bottoni: uno per farti ritornare alla pagina precedente e l’altro alla pagina successiva

4) devi duplicare la seconda pagina tante volte quante pagine ti occorreranno per tutto il tuo lavoro. In quanto tutte le pagine sono uguali come struttura; contengono: un titolo, un’immagine e due bottoni uno per andare avanti e l’altro per tornare indietro.

Per programmare devi andare in codice e ricordare che le due istruzioni che abbiamo utilizzato sono:

devono stare una dentro l’altra, così 

devi intervenire su id in function devi scrivere event devi stare attento ad indirizzare allo screen giusto.

5) alla fine quando hai finito l’app. devi andare in condividi e prendere l’url (cioè l’indirizzo da inviare per poter visionare il tuo lavoro)

questo è l’URL - copia l'indirizzo ed invialo al docente.

Oggi, cioè in questo momento, ti è stato spiegato tutto e ora hai una visione abbastanza chiara. Attenzione, però: esiste una regola molto importante per i programmatori, ovvero annotare tutto attraverso degli appunti scritti nella propria lingua, nel nostro caso in italiano.

Questo si fa tramite i commenti, cioè delle righe inserite nel codice che il programma non interpreta come istruzioni. Anzi, il programma le ignora completamente. Servono al programmatore per ricordare, anche in futuro, cosa ha fatto in quel programma e in quella specifica parte del codice.

Per inserire un commento si utilizza la casella grigia che si trova in fondo ai comandi del codice, proprio all'interno delle Functions, quella con il tasto verde: Comment è l'ultima, di colore grigio.

Un commento si rappresenta con un doppio // all'inizio della riga. È proprio questo doppio // che fa capire al programma che non si tratta di un'istruzione da eseguire.

Dove compare la scritta Comment, dovete cliccare e scrivere i vostri appunti in italiano.

Dovete inserire tutte le caselle Comment che desiderate: più chiaro sarà il vostro pensiero e più dettagliati saranno i vostri appunti, meno tempo impiegherete in futuro per capire cosa avevate fatto in quel punto del programma.