## 3.2.1 About MakeCode

⚠️ **Le seguenti istruzioni sono applicate per il sistema Windows (nel browser Google Chrome o Microsoft Edge) ma possono servire anche come riferimento se si utilizza un sistema diverso.**

**Programmazione MakeCode:**

Aprire la versione online di Makecode: [https://makecode.microbit.org/](https://makecode.microbit.org/)

MakeCode:

![Img](./media/A637.png)

Nell'area di editing del codice ci sono sempre due blocchi, “**on start**” e “**forever**”. **Dopo l'accensione/reset, il codice in “on start” viene eseguito una volta, mentre quello in “forever” viene eseguito in loop.**

Cliccare “**JS JavaScript**” per visualizzare il linguaggio JavaScript.

![Img](./media/A754.png)

Cliccare la freccia per passare al linguaggio “**Python**”.

![Img](./media/A814.png)

**Seleziona la lingua dell'interfaccia:**

![Img](./media/Animation-3.gif)

Passaggi dettagliati:

(1) Cliccare impostazioni:

![Img](./media/A301.png)

(2) Cliccare “Language”:

![Img](./media/A302.png)

(3) Selezionare la lingua preferita. Qui impostiamo “English”.

![Img](./media/A303.png)

## 3.2.2 MakeCode Extensions

### 3.2.2.1 Add an Extension

⚠️ **Forniamo i file di codice esadecimale (.hex) di ciascun progetto. È possibile importarli direttamente in MakeCode o costruire i blocchi di codice manualmente. Per quest'ultimo metodo, è necessario aggiungere i file delle librerie.**

⚠️ **<span style="color: rgb(255, 76, 65);">Nota:</span>** Cercare questo link nella pagina delle estensioni: `https://github.com/keyestudio/pxt-environment-kit-master`

![Img](./media/Animation-4.gif)

Passaggi dettagliati:

1\. Aprire MakeCode e cliccare ![Img](./media/A806.png) (impostazioni) per accedere a "**Extensions**".

![Img](./media/A842.png)

Oppure cliccare “**Extensions**” sotto **Advanced**.

![Img](./media/A900.png)

2\. Cercare le parole chiave o il link GitHub dell'estensione che si desidera caricare.

![Img](./media/A909.png)

3\. Qui cercare: `https://github.com/keyestudio/pxt-environment-kit-master`. Cliccare ![Img](./media/A3257.png) e vedrete “**Environment-and-Science**”

![Img](./media/A306.png)

4\. Caricarla.

![Img](./media/A3316.png)

5\. Caricata:

![Img](./media/A335.png)

### 3.2.2.2 Update/Delete Extensions

⚠️ **In condizioni normali, una volta aggiunte le estensioni non è necessario eliminarle. La seguente parte serve solo per imparare come rimuovere estensioni non necessarie.**

![Img](./media/Animation-4.gif)

Passaggio dettagliato:

1\. Cliccare “**JavaScript**” per passare al codice testuale.

![Img](./media/A724.png)

2\. Cliccare “**Explorer**”.

![Img](./media/A749.png)

3\. Trovare “**Environment-and-Science**” e cliccare ![Img](./media/A813.png) per eliminarla.

![Img](./media/A824.png)

4\. “**Remove it**”.

![Img](./media/A727.png)

## 3.2.3 MakeCode Code Download

### 3.2.3.1 Import Code

Qui prendiamo il progetto "**heartbeat**" come esempio per introdurre come importare codice in MakeCode.

![Img](./media/Animation-2.gif)

Passaggi dettagliati:

1\. Collegare la scheda al computer tramite cavo USB.

![Img](./media/A800.png)

Se il LED rosso sul retro della scheda è acceso, significa che la scheda è alimentata. Quando il computer comunica con la scheda principale tramite il cavo USB, il LED giallo su di essa lampeggia.

La scheda micro:bit apparirà quindi sul computer come un driver chiamato “MICROBIT”. Si noti che non è un normale disco USB come mostrato sotto.

![Img](./media/A849.png)

2\. Aprire la versione Web di MakeCode o l'APP per Windows 10 per programmare, e cliccare “**Import**”.

![Img](./media/A956.png)

3\. “**Import File...**”

![Img](./media/A042.png)

4\. “**Choose File**”.

![Img](./media/A06.png)

5\. Scegliere il file di codice che si desidera aprire. Qui scegliamo “**heartbeat.hex**”.

![Img](./media/A28.png)

6\. “**Go ahead √**” per importarlo in MakeCode.

![Img](./media/A149.png)

Inoltre, è possibile trascinare direttamente il file in MakeCode.

![Img](./media/A202.png)

7\. Importato:

![Img](./media/A217.png)

### 3.2.3.2 Download Code (WebUSB)

Se WebUSB di **Google Chrome**/**Microsoft Edge** è abilitato, è possibile accedere al dispositivo hardware micro USB direttamente tramite la pagina web online. Pertanto, è sufficiente cliccare “**Download**” per scaricare il codice sulla scheda micro:bit.

![Img](./media/Animation.gif)

Passaggi dettagliati:

#### 3.2.3.2.1 Devices Pairing

1\. Collegare la scheda al computer tramite cavo USB.

![Img](./media/A951.png)

2\. Cliccare “**...**” e “**Connect device**”.

![Img](./media/A028.png)

3\. “**Next**”.

![Img](./media/A046.png)

4\. “**Pair**”.

![Img](./media/A104.png)

5\. Selezionare il “**device**” corrispondente e cliccare “**Connect**”.

![Img](./media/A127.png)

6\. “**Done**”.

![Img](./media/A144.png)

#### 3.2.3.2.2 Download Program

Dopo la connessione, cliccare “**Download**”![Img](./media/A212.png) e si trasformerà in ![Img](./media/A220.png).

![Img](./media/A232.png)

⚠️ **ATTENZIONE:**

Se non c'è alcun dispositivo da scegliere, fare riferimento al seguente link per la risoluzione dei problemi:

[https://makecode.microbit.org/device/usb/webusb/troubleshoot](https://makecode.microbit.org/device/usb/webusb/troubleshoot)

Se la scheda micro:bit necessita di aggiornamento del firmware, consultare:

[https://microbit.org/guide/firmware/](https://microbit.org/guide/firmware/)

### 3.2.3.3 Download Code (non-WebUSB)

1\. Collegare la scheda al computer tramite cavo USB.

![Img](./media/A800.png)

Se il LED rosso sul retro della scheda è acceso, significa che la scheda è alimentata. Quando il computer comunica con la scheda principale tramite il cavo USB, il LED giallo su di essa lampeggia.

La scheda micro:bit apparirà quindi sul computer come un driver chiamato “MICROBIT”. Si noti che non è un normale disco USB come mostrato sotto.

![Img](./media/A849.png)

2\. Se si importa il codice da un altro browser, seguire:

![Img](./media/Animations-1.gif)

Passaggi dettagliati:

① Cliccare “**Download**” per salvare un file “**.hex**” (un formato leggibile da micro:bit). Successivamente, copiare e incollare il file nella scheda micro:bit.

Per Windows, è anche possibile selezionare “**Send to → MICROBIT**” per copiare il “**.hex**” su micro:bit. Durante questo processo, l'indicatore giallo sul retro della scheda lampeggerà. Quando termina, la luce smette di lampeggiare e rimane accesa.

![Img](./media/A319.png)

![Img](./media/A449.png)

Oppure trascinare direttamente il “**.hex**” nella cartella MICROBIT.

![Img](./media/A341.png)

![Img](./media/A345.png)

② Dopo aver caricato il codice sulla scheda micro:bit, la matrice LED 5×5 integrata mostra ![Img](./media/A903.png) e ![Img](./media/A910.png) in loop.

![Img](./media/A22.png)

⚠️ **Suggerimento 1:** Per il sistema Windows 10, è possibile scegliere anche la App MakeCode per Windows 10. Cliccare su [Get Windows 10 App](https://apps.microsoft.com/detail/9nmqdq2xzkwk?hl=en-gb&gl=CN) per programmare, e poi cliccare semplicemente “**Download**” per salvare il codice sulla scheda micro:bit.

⚠️ **Suggerimento 2:** Ogni volta che si programma, il disco MICROBIT apparirà e poi tornerà automaticamente, ma il file esadecimale(**.hex**) che avete copiato non verrà visualizzato. La scheda riceve ed esegue solo l'ultimo file caricato(**.hex**) ma non lo memorizza!