Tutorial tecnici

In questa lezione puoi vedere tutti i video tutorial di Technovation per la codifica di app e la creazione di modelli AI in un unico posto. Sono raggruppati per piattaforma di codifica e argomento. 

PIATTAFORME DI CODIFICA

Questo video offre una panoramica delle opzioni di linguaggio di codifica per Technovation. È un po' datato, dato che Technovation consente qualsiasi linguaggio di codifica. Tuttavia, offre una buona panoramica di App Inventor e Thunkable e delle caratteristiche di ciascuna piattaforma.

TUTORIAL SU SCRATCH

Ulteriori informazioni

Semplice gioco con sprite e timer.

TUTORIAL DI APP INVENTOR

Apri ogni scheda qui sotto per vedere alcuni video tutorial che ti aiuteranno a conoscere le diverse funzioni che potrebbero aiutarti a sviluppare la tua app.

Questi video offrono una panoramica generale delle due finestre di App Inventor: il Designer e l'Editor di blocchi. 

Ulteriori informazioni

Questo tutorial fa parte di una playlist più ampia per la creazione di un gioco, ma mostra alcune delle funzioni del Designer e la progettazione dell'interfaccia utente in App Inventor. Se vuoi utilizzare il modello iniziale, ecco il link

Se sei alle prime armi con il coding, questi sono alcuni tutorial introduttivi da provare.

Ulteriori informazioni

Questa è un'ottima introduzione all'uso di App Inventor. Conosciuto anche come il tutorial Soundboard, ti spiega come realizzare una semplice applicazione in cui l'utente clicca su un pulsante e viene riprodotto un discorso. Puoi scaricare il progetto iniziale qui e importarlo in App Inventor (Dave ti mostra come fare nel video). 

Una caratteristica di molte app è la possibilità per gli utenti di accedere con un nome utente e una password. Puoi aggiungere questa funzione a qualsiasi app seguendo le istruzioni del video.

Il gioco Recycle utilizza molti concetti semplici ma si basa su di essi per costruire un gioco piuttosto complesso. Imparerai a utilizzare un timer per visualizzare le immagini, a rilevare i clic sui pulsanti e ad aggiungere e sottrarre un punteggio. Ecco il link al modello iniziale in App Inventor.

Questi video ti mostrano come utilizzare Canvas e ImageSprites per creare un gioco animato.

Se vuoi seguire il percorso dall'inizio, puoi trovare le immagini utilizzate nell'app qui

Se vuoi saltare il primo video che crea l'interfaccia utente, puoi aprire il modello con l'interfaccia utente cliccando qui.  

Questi video ti guidano nella creazione di un'app per volontari. I tutorial ti mostrano come aggiungere una mappa con marcatori informativi alla tua app. Vedrai anche come integrare le chiamate telefoniche nella tua app e come visualizzare i siti web utilizzando il componente WebViewer.

Ulteriori informazioni

Un buon esempio di utilizzo del componente Mappa per fornire agli utenti informazioni basate sulla posizione. In questo caso, opportunità di volontariato. L'applicazione utilizza anche WebViewer per visualizzare le informazioni sul sito web e PhoneCall per consentire all'utente di chiamare le organizzazioni di volontariato dall'applicazione.

Parte 1 di 2 video - aggiungere la mappa, i marcatori e le informazioni di base

I primi 3 video riguardano la realizzazione di un'applicazione Green Tracker che consente agli utenti di tenere traccia di quanto sono ecologici ogni giorno. I dati vengono memorizzati con TinyDB sul dispositivo mobile dell'utente. 

Il quarto video mostra come memorizzare gli elementi di un elenco in TinyDB. 

 

Ulteriori informazioni

Green Tracker Parte 1 mostra come memorizzare i dati di tracciamento sul telefono con il componente TinyDB.

Le interfacce di programmazione delle applicazioni o API sono molto utili per le app. Scopri come collegare la tua applicazione a siti web o server esterni per inviare e ricevere dati. 

Questo rapido tutorial mostra come collegare un foglio di Google alla tua app per memorizzare i dati della classifica. Clicca qui per aprire il modello di progetto in App Inventor.

Il tutorial dell'app Chat mostra come archiviare le informazioni della chat utilizzando CloudDB.

Ulteriori informazioni

Questo rapido tutorial mostra come collegare un foglio di Google alla tua app per memorizzare i dati della classifica. Clicca qui per aprire il modello di progetto in App Inventor.

TUTORIAL PER IL THUNKABLE

Apri ogni scheda qui sotto per vedere alcuni video tutorial che ti aiuteranno a conoscere le diverse funzioni che potrebbero aiutarti a sviluppare la tua app.

Questo video offre una panoramica generale della piattaforma Thunkable.

Se sei alle prime armi con il coding, questi sono alcuni tutorial introduttivi da provare.

Ulteriori informazioni

Questa è una buona introduzione all'uso di Thunkable. Conosciuto anche come il tutorial Soundboard, ti spiega come realizzare una semplice applicazione in cui l'utente clicca su un pulsante e viene riprodotto un discorso. Clicca qui e segui i link per I have a dream per scaricare le risorse per realizzare l'app.

Una caratteristica di molte app è la possibilità per gli utenti di accedere con un nome utente e una password. Puoi aggiungere questa funzione a qualsiasi app seguendo le istruzioni del video.

Questi video ti guidano nella creazione di un'app per volontari. I tutorial ti mostrano come aggiungere una mappa con marcatori informativi alla tua app. Vedrai anche come integrare le chiamate telefoniche nella tua app e come visualizzare i siti web utilizzando il componente WebViewer.

Ulteriori informazioni

Un buon esempio di utilizzo del componente Mappa per fornire agli utenti informazioni basate sulla posizione. In questo caso, opportunità di volontariato. L'applicazione utilizza anche WebViewer per visualizzare le informazioni sul sito web e PhoneCall per consentire all'utente di chiamare le organizzazioni di volontariato dall'applicazione.

Parte 1 di 2 video - aggiungere la mappa, i marcatori e le informazioni di base

I tre video riguardano la realizzazione di un'applicazione Green Tracker che consente agli utenti di tenere traccia di quanto sono ecologici ogni giorno. I dati vengono memorizzati utilizzando le variabili memorizzate, in modo da essere salvati sul dispositivo mobile dell'utente. 

Utilizzare TinyDB per archiviare i dati

3 Video
Ulteriori informazioni

Green Tracker Parte 1 mostra come memorizzare i dati di tracciamento sul telefono con il componente TinyDB.

Le interfacce di programmazione delle applicazioni o API sono molto utili per le app. Scopri come collegare la tua applicazione a siti web o server esterni per inviare e ricevere dati. 

Questo rapido tutorial mostra come collegare un foglio di Google alla tua applicazione per memorizzare i dati della classifica. Clicca qui per aprire il modello di progetto in Thunkable.

Il secondo video ti mostra come creare un'app che riproduca i video. Le informazioni sui video vengono memorizzate in un foglio di Google.

Il terzo video è un'altra applicazione basata sul clima che mostra come visualizzare le informazioni della classifica da un foglio di Google. Il modello di progetto iniziale può essere trovato qui.

Il quarto video è un altro esempio di un'alumna che utilizza un foglio di Google per memorizzare le informazioni dell'app. Ecco il link al progetto iniziale. 

Ulteriori informazioni

Questo rapido tutorial mostra come collegare un foglio di Google alla tua applicazione per memorizzare i dati della classifica. Clicca qui per aprire il modello di progetto in Thunkable.

TUTORIAL SULL'INTELLIGENZA ARTIFICIALE

Questa serie mostra come addestrare un modello utilizzando Machine Learning for Kids. Il modello ottenuto viene poi utilizzato in un progetto Scratch.

Nota che i progetti Scratch sono possibili solo per la divisione principianti.

Maggiori dettagli

Make Me Happy utilizza il Machine Learning for Kids per creare un modello di apprendimento automatico per individuare testi felici o tristi. Il tutorial in tre parti utilizza il modello in un progetto Scratch.

Questo esempio utilizza un modello per rilevare i suoni (schiocco, battito di mani o fischio) addestrato con Teachable Machine e poi utilizzato in un progetto Scratch. Ecco il link alle istruzioni per realizzare il modello. 

Nota che i progetti Scratch sono possibili solo per la divisione principianti.

Questa serie mostra come prendere un dataset pubblico di immagini dal web, addestrarlo utilizzando il classificatore di immagini di App Inventor e poi aggiungere il modello a un'applicazione mobile con App Inventor.

Questi video mostrano come realizzare una semplice applicazione Rock, Paper, Scissors che utilizza l'intelligenza artificiale per determinare quale gioco sta facendo l'utente. Impari ad addestrare un modello di apprendimento automatico utilizzando le immagini in Teachable Machine. Poi, il modello viene integrato con App Inventor per essere utilizzato in un'applicazione mobile.

Pratham Goradia mostra come utilizzare la piattaforma Ximilar per addestrare un modello con immagini di barriere coralline. Il modello viene poi utilizzato in un'applicazione Thunkable con l'aiuto del componente Web API.

Questi video (anche nella sezione Tutorial Web App qui sotto) mostrano come costruire un modello di apprendimento automatico usando Python in un Jupyter Notebook e poi come usare quel modello in una web app costruita con Streamlit.

Playlist dell'intelligenza artificiale nelle app web

2 Video

TUTORIAL SULLE APP WEB

Se devi codificare un'applicazione web, il programma di studi ti offre due opzioni: installare un software gratuito e codificarla in locale sul tuo computer, oppure codificarla utilizzando piattaforme online in un browser web. 

Questi video sono per l'opzione locale, la codifica sul tuo computer.

Ulteriori informazioni

Se non l'hai ancora fatto, devi installare Python sul tuo computer. Ecco le istruzioni.

Se devi codificare un'applicazione web, il programma di studi ti offre due opzioni: installare un software gratuito e codificarla in locale sul tuo computer, oppure codificarla utilizzando piattaforme online in un browser web. 

Questi video sono per l'opzione online, con la codifica di tutto in un browser web.