Post

Chart component

Immagine
  Eccoci,  mentre nello scorso tutorial ( QUI ) abbiamo lavorato con il nuovo componente Spreadsheet e le varie impostazioni , oggi vedremo il componente Chart e come inserire/prelevare dati. Prima di tutto dalla sezione Chart andiamo ad inserire sia il componente Chart che diciamo gestisce la parte grafica sia il componente ChartData2D che invece gestisce i dati. Come primo esempio utilizzeremo direttamente il nostro file di drive, il foglio di calcolo e le proprietà del componente Spreadsheet dovranno essere settati come abbiamo visto la scorsa volta, se hai dubbi recuperalo. Brevemente vi ricordo che bisogna caricare come asset il file Json scaricato dal nostro account di servizio, aggiungere come collaboratore del file su drive la mail generata sempre dal nostro account di servizio, riportare l'ID del foglio di lavoro e il nome del foglio da cui prelevare i dati. Una volta finito con le  impostazioni il codice è molto semplice, io vi consiglio di mettere sotto il ...

Mini tutorial - #1 Area e Perimetro

Immagine
Benvenuti, eccoci di nuovo con il nostro scratch e come spesso accade estrapolo i miei tutorial da progetti realizzati, aiuti richiesti oppure semplicemente curiosità. Prova il progetto in fondo alla pagina!  Il codice non è molto difficile e ci farà capire come concatenare le varie operazioni per creare una piccola procedura che andrà a calcolare perimetro ed area dei poligoni regolari. Qui  👈🏻 invece troverete l'utilizzo della penna per disegnare i poligoni 💪🏻 Un progettino che oltre ad andare effettivamente a fare il calcolo in autonomia per i vari poligoni potrebbe essere uno spunto per spiegare le varie formule matematiche. Come funziona?  Andremo a chiedere il numero di lati (per identificare il poligono) e la lunghezza del lato per poter effettuare il calcolo reale, nel nostro caso in centimetri. Vediamo cosa ci servirà per creare il nostro codice nel menu qui sotto :-)  Le variabili sono molto esplicative e non hanno bisogno di tante spiegazioni le liste...

Penna e poligoni

Immagine
  Bentornati! Tu , sì proprio tu che stai leggendo, hai mai utilizzato le estensioni di scratch? Oggi ne useremo una molto versatile e anche molto colorata 😜la penna, QUI invece troverai il tutorial per ricavare area e perimetro dei poligoni regolari 💪🏻. Partiamo! Lasciamo il nostro gattino nello stage, che poverino viene sempre eliminato, e andiamo subito in basso a destra per aggiungere un nuovo personaggio per fargli compagnia, io ho scelto un simpatico granchietto. In basso a sinistra ma proprio in basso premiamo sul tasto aggiungi estensione  che ci permetterà di accedere a tutta la lista delle estensioni, sceglieremo la penna . L'idea Lo scopo di questo mini progetto è quello di chiedere il numero di lati dell'eventuale figura geometrica e farla disegnare a scratch, come sempre vedremo solo le parti salienti per dare uno spunto e ti lascio la massima libertà di sperimentare e creare.  👉 Qui troverete il progetto dove visionare il codice che ho usato e le varie...

App Inventor & Google Sheets

Immagine
  Bentornati!  Oggi passo volentieri a salutare il nostro amico App Inventor, lì dove tutto è iniziato, almeno per me, lanciandomi in questa passione che ancora oggi mi stuzzica. Nelle ultime release ci sono state alcune introduzioni interessanti come il componente nativo per il collegamento ai fogli di lavoro di Google (sezione storage, grande 💪) e l'introduzione di ben due componenti per la gestione e creazione di grafici. Premetto che non ho provato nessuno dei due e spero di farlo presto ma nel frattempo ho provato ed eseguito la procedura necessaria in preparazione all'utilizzo del componente spreadsheet. Partiamo con la creazione ed attivazione degli account e settaggi vari, vediamo insieme passo passo la procedura ufficiale pubblicata dal team di sviluppo ( QUI il testo originale ) ed eventuali variazioni che ho trovato. La procedura è molto semplice quindi sarà per lo più visuale con qualche piccolo appunto mentre spulciare tra le mille potenzialità e funzionalità de...

Morra Cinese

Immagine
  Benvenuti amici, come avrete notato sto giocando un po' con i reels di instagram ( se non mi segui fallo subito , aiutami a crescere, per me sarebbe un grande aiuto 💪) un po' per svago e un po' per lavoro ma non mi dimentico di aggiungere sempre contenuti a supporto di quello che si fa per poter imparare anche divertendosi. In questo , vista anche la ripartenza delle scuole, ho voluto utilizzare il nostro amato gattino e creare una piccola app per giocare con la morra cinese. Andremo infatti a realizzare il codice per poter sfidare scratch in una partita a morra cinese, molto semplice ma anche molto variegata nell'utilizzo dei vari componenti. Non sarà un tutorial passo passo , ma vi lascio il link al progetto completo QUI , bensì una chiacchierata su come ho affrontato alcuni aspetti del gioco e del codice. Intro Appena apriremo il progetto verremo invogliati a cliccare il pulsante ( di nome e di fatto 😂) per accedere alla sfida e compariranno in basso le possibili...

Finger battle

Immagine
  Benvenuti amici, oggi ho sperimentato un nuovo format, sarà il caldo, sarà che sono fermo da un pò, sarà che sto "studiando" instagram, sarà quel che sarà 😂 Il risultato lo troverete su instagram, mi seguite anche li vero? Avete presente quel giochino che si vede di tanto in tanto nei Reels dove a ritmo di musica bisogna riproporre con le dita una certa sequenza, bene lo faremo fare a scratch. Link al progetto Scratch 👉 QUI Prima di tutto andiamo su Google e cerchiamo finger count png  ,poi selezioniamo immagini e da strumenti settiamo la ricerca su Licenza Creative Commons , le immagini diminuiranno drasticamente ma almeno abbiamo immagini non bloccate da copyright. Per rendere la cosa più carina potreste scattare delle foto delle vostre mani, le mie erano pessime quindi ho optato per immagini 😂. Apriamo un nuovo progetto e  1) andiamo subito in basso a destra per selezionare uno sfondo tra quelli presenti oppure personalizzate con immagini vostre, io ho aggiunto l'...

Airtable & Cloudinary II

Immagine
Bentornati, pronti per il codice? Tutta la parte di impostazione dei vari parametri e dei dati l'abbiamo vista nel tutorial precedente 👉 QUI , quindi se non lo hai fatto recupera tutte  le informazioni prima di iniziare. Come anticipato vedremo due metodi uno con clock più semplice e uno con dizionario leggermente più complesso ma solo perché presuppone la conoscenza almeno di base di questo componente. 1. CLOCK Cosa ci servirà 😅 vediamo i componenti da aggiungere 1 clock , non spuntiamo le varie proprietà ed impostiamo su 150 il timer interval    1 button , oppure due se avete bisogno anche di pulire i campi ricavati 1 listview image and text , dove visualizzeremo i dati 1 spreadsheet , il nostro database Prima di tutto andiamo a riempire i vari campi del componente Spreadsheet per sincronizzare kodular con la tabella di Airtable, Api key e Base ID li abbiamo segnati la volta scorsa mentre Table name e View name li troviamo facilmente all'interno della nostra t...

Ciao, spero ti piaccia il blog. Se ti fa piacere qui puoi offrirmi un caffè!