Titolo originale: Coder Academy Per l’edizione originale: © 2017 Quarto Publishing plc, for Ivy Kids, The Old Brewery, 6 Blundell Street, London, N7 9BH, UK. Tutti i diritti riservati. Nessuna parte di questo libro può essere riprodotta in qualunque forma, trasmessa o archiviata in un motore di ricerca o con sistemi grafici, elettronici o meccanici, fotocopie o registrazioni audio incluse, senza il permesso scritto del proprietario del copyright. Traduzione e impaginazione versione italiana: Sabrina Nicola Per l’edizione italiana: © 2019 Editoriale Scienza srl via Bolognese, 165 – 50139 Firenze – Italia via Beccaria, 6 – 34133 Trieste – Italia Prima edizione: febbraio 2019 Fabbricante e distributore: Editoriale Scienza srl via Bolognese, 165 – 50139 Firenze – Italia
Stampato in Cina
DIRETTORE EDITORIALE
Susan Kelly
DIRETTORE CREATIVO
RESPONSABILE EDITORIALE
DIRETTORE ARTISTICO
GRAFICA
Emily Portnoi
ASSISTENTE GRAFICO
Kate Hayney
RESPONSABILE DI PROGETTO
Lucy Menzies
ARTWORK AGGIUNTIVO
Agata Rybicka
Michael Whitehead Susie Behar Hanri van Wyk
apprendisti
CODer SCRITTO DA SEAN McMANUS ILLUSTRAZIONI DI Rosan magar
INDICE Benvenuto al corso per apprendisti coder! 6 Incontra i coder 8
# .
ce conoscere il codi
* #
*
.
*
Che cos'è il coding? 10 Pensa come un coder 12 Basi binarie 14 Linguaggi per computer 16 Pronti, Scratch, via! 18 Tracciare coordinate 20 Coordinate in codice 22 Passo a passo 24 Fai ballare uno sprite 26 Variabili 28 Diagrammi di flusso 30 Prendere decisioni 32 Usare i broadcast 34
*
.
*
#. *
Arte e animazione
Progetta un personaggio 36 Disegna un personaggio 38 Anima un personaggio 40 Programma un personaggio 42
Musica
siti web
Che cos'è l'HTML? 52 Progetta una pagina web 54 Costruisci una pagina web 56 Colori in codice 58 Colora una pagina web 60
#
*
.
Progetta un motivo 44 Programma un motivo 46 Progetta uno strumento 48 Programma uno strumento 50
#
.
kit del coder
Sfida di programmazione robot 64 Adesivi Coding memory Poster delle carriere da coder
*
RSO O C L A UTO N E V N E B ISTI D N E R P PER AP
! r e d co
Congratulazioni! Sei ora iscritto al corso per apprendisti coder, dove imparerai tutto ciò che ti serve per diventare un coder. Immagina che un alieno sia venuto in visita. Se volessi dirgli cosa fare, dovresti prima imparare la sua lingua. È così anche con i computer. Per dar loro istruzioni o informazioni, devi scrivere in modo che possano capire. Il coding è questo: scrivere istruzioni e informazioni nel linguaggio dei computer. Quasi ovunque tu vada, sei circondato da codice eseguito da minuscoli chip. Ad esempio, il codice è usato in telefoni, videogame, navigatori satellitari, treni, impianti di riscaldamento e fabbriche. Proseguendo nella lettura di questo libro, imparerai tutto ciò che un coder deve saper fare. Questo comprende: • • • •
6
Capire i diversi linguaggi di programmazione, come Scratch. Scrivere semplici comandi da far eseguire a un computer. Progettare grafiche per giochi e programmi. Costruire pagine web e siti usando il linguaggio HTML.
Il tuo primo compito è compilare il tesserino di apprendista coder.
N
O
M
E
:
A P
W SS
O
R
D
:
LO
G
IN
! Se non riesci a far funzionare un programma, confrontalo attentamente con il libro per vedere se ci sono differenze. Con il codice, anche piccole variazioni possono impedire alle cose di funzionare. Se ancora non riesci a capire cosa c'è che non va, puoi scaricare un esempio corretto da www.editorialescienza.it/ApprendistiCoder 7
INCONTRA I
CODER Iscriviti al Corso per Coder e impara un gran numero di tecniche usate per creare videogame, dare vita ad animazioni, comporre musica digitale e costruire pagine web. Per ottenere il diploma dovrai guadagnarti gli attestati in ogni area, risolvendo le sfide pagina dopo pagina. Alla fine del nostro corso avrai intrapreso i primi passi nel mondo dell’informatica e sarai pronto per diventare un vero coder – un giorno potresti essere in grado di scrivere un programma per manovrare un robot o mandare un razzo nello spazio!
Coder Scrivono istruzioni per computer per dire loro cosa fare. Devono pensare chiaramente, ed essere precisi. Impiegano molto del loro tempo a testare programmi e ad assicurarsi che funzionino.
8
grafici digitali Creano le immagini usate nei software per computer, compresi i personaggi e le animazioni per i giochi. Spesso progettano anche icone e tasti.
musicisti digitali Compongono musica usando del software. Potrebbero creare la colonna sonora per un gioco, inventare software musicale o usare il computer per comporre la musica di film.
sviluppatori web Scrivono il codice per i siti web, usando i linguaggi HTML e CSS. Spesso lavorano assieme ai curatori dei contenuti, che scrivono gli articoli per i siti.
9
conoscere il codice
c h e c o s 'è i l c o d i n g ? È compito del coder dire al computer che cosa fare. Le informazioni di cui il computer ha bisogno per svolgere un compito devono essere date in un modo che lui possa capire - in linguaggio informatico o “codice”. Quando il coder scrive le istruzioni per un programma, anche il compito più semplice deve essere descritto chiaramente. Ad esempio: in un software per dipingere, il computer ha bisogno di sapere come muovere il cursore sullo schermo e riconoscere gli strumenti e i pennelli usati, e come fare cose ancora più complicate. Quindi il software deve contenere il codice che descrive come svolgere tutti questi compiti. Anche i computer che rispondono a istruzioni parlate devono usare del codice per capire che cosa la voce sta dicendo loro di fare.
? 10
A ognuno il suo compito
Tutti i tipi di dispositivi usano del codice per eseguire operazioni. Abbina i quattro dispositivi con le operazioni qui sotto. Alcuni dispositivi possono eseguire piĂš di un tipo di operazione.
1. Invia e ricevi un messaggio
Navigatore satellitare
2. Accendi o spegni qualcosa
Smartphone
3. Fai addizioni
Telecomando
4. Calcola dove andare
Calcolatrice
Quando avrai completato la sfida, controlla le tue risposte qui a fianco e incolla qui l'adesivo.
INCOLLA QUI L’ADESIVO OBIETTIVO RAGGIUNTO
11
Risposte: 1 = Smartphone 2 = Telecomando 3 = Calcolatrice e smartphone 4 = Navigatore satellitare e smartphone
conoscere il codice
Pe ns a co me un co de r Per scrivere istruzioni in linguaggio informatico, un coder deve essere preciso e accurato. Deve anche essere in grado di risolvere ogni problema passo a passo, come fa un computer. Stai per dare a un amico semplici istruzioni per completare un compito. Sai pensare come un coder?
sfida di programmazione robot
Ti serviranno: due matite, due fogli di carta, un amico
1. Decidete chi sarĂ il robot e chi il coder. Prendete un foglio di carta e una matita ciascuno e sedetevi schiena contro schiena, cosĂŹ nessuno potrĂ vedere che cosa sta facendo l'altro.
12
2. Il coder fa un disegno sul suo foglio di carta, usando solo linee rette e cerchi. Il disegno può raffigurare una persona, un'automobile, una casa, o qualunque altra cosa.
3. Senza svelare di che cosa si tratta,
il coder dà al robot istruzioni per tracciare lo stesso disegno, seguendo queste regole: * Il coder può solo dire al robot di disegnare linee rette e cerchi. * Il coder deve dire al robot quanto lunghe o corte disegnare le linee e i cerchi, e dove tracciarli sul foglio.
4. Il robot deve seguire le istruzioni
in modo preciso per tracciare il disegno.
ntate Quando avrete finito, confro migliano? i due disegni. Quanto si so e fate Adesso scambiatevi i ruoli ordate un disegno differente. Conc di, per assieme alcuni nuovi coman e le forme. rendere più facile disegnar
Quando avrai completato la sfida, incolla qui l'adesivo.
INCOLLA QUI L’ADESIVO OBIETTIVO RAGGIUNTO
13
conoscere il codice
ON
OFF
ba si bi na ri e È utile capire un sistema numerico chiamato “binario" se vuoi diventare un coder. Questo perché i computer lo usano per archiviare ed elaborare le informazioni. Parole, immagini, musica e colori sono memorizzati usando il sistema binario. Quello binario è un sistema di valori posizionale. Questo significa che la posizione delle cifre nel numero ti dice quanto vale ogni cifra. In codice binario, il valore della cifra a sinistra è doppio rispetto a quello della cifra a destra — e così via all'infinito! Un numero binario è composto solo da 0 o 1, ad esempio 10000001. Questo numero equivale a 129. Il numero 11100111 equivale a 231. Scopri qui sotto come funziona questo sistema.
Le cifre 0 e 1 sono come interruttori; 0 è spento e 1 è acceso. Guarda l'esempio qui a destra.
0 0 0 0 0 0 0 1 x 128
x 64
x 32
x 16
x8
x4
x2
x1
Il computer accende l'interruttore di x 1, e spegne tutti gli altri. Somma assieme tutti i valori accesi per ottenere il numero. In questo esempio, x 1 è acceso e tutto il resto è spento. Quindi, 0+0+0+0+0+0+0+1 = 1. Guarda quest'altro numero binario e applica le stesse regole per ottenere la risposta:
accendi il valore di x 2 e il valore di x 1, e spegni tutto il resto. Quindi, 0+0+0+0+0+0+2+1 = 3.
0 0 0 0 0 0 1 1 x 128
14
x 64
x 32
x 16
x8
x4
x2
x1
decodifica il codice binario
Metti in pratica le abilità che hai acquisito a pagina 14 e decodifica i numeri binari qui sotto per scoprire alcune curiosità informatiche.
1. I l sistema binario è anche conosciuto come sistema in base 00000010. decodifica:
2. I l robot Asimo può camminare ed è alto quanto un adulto. Pesa 00110000 kg. decodifica:
3. C i sono 00110100 computer che controllano i sistemi sulla Stazione Spaziale Internazionale. decodifica:
4. U n byte è otto cifre binarie, o bit. Un nibble è composto da 00000100 bit. decodifica:
Quando avrai completato la sfida, controlla le tue risposte qui a fianco e incolla qui l'adesivo.
INCOLLA QUI L’ADESIVO OBIETTIVO RAGGIUNTO 15
Risposte: 1 = 2 [in base 2] 2 = 48 kg 3 = 52 4=4