Questo progetto non è nato da un grande piano. È nato da qualcosa di piccolo e reale. Stavo guardando il figlio di un parente imparare la programmazione C — assistendo alle sue lezioni, guardando i suoi compiti — e continuavo a pensare: questo modo di imparare sembra superato. L'insegnante fa lezione dal libro di testo, gli studenti prendono appunti e fanno esercizi. Non è completamente inutile, ma raramente aiuta qualcuno a sviluppare un vero pensiero computazionale.

Cosa Ho Effettivamente Notato

Il vero problema non era che gli studenti non riuscivano a trovare risposte. Era che:

Fissavano un pezzo di codice e non avevano idea di cosa facesse ogni riga
Lo leggevano una volta, sentivano di aver capito, ma non riuscivano a spiegare come le cose fossero connesse
Soprattutto, non sapevano quale problema il codice stesse effettivamente risolvendo

Tutto ciò che imparavano era frammentato. Continuavo a tornare su un pensiero:Imparare non significa raccogliere punti — significa collegarli.

È da lì che è nato Tutor.

https://tutor.artdance.net/

2. Come L'Ho Costruito, Passo Dopo Passo

2.1 Iniziando Con un Semplice Spiegatore di Codice

L'idea iniziale era semplicissima: incolla del codice e, invece di ottenere un riassunto vago, vedi cosa fa effettivamente ogni riga e perché è scritta in quel modo.

Quindi la prima funzionalità principale di Tutor era laspiegazione riga per riga. Rileva automaticamente oltre una dozzina di linguaggi di programmazione e include classici esempi C/C++ — bubble sort, liste concatenate, ricerca binaria — pronti per essere analizzati con un click.

2.2 Spiegare Non Era Abbastanza

Capire qualcosa una volta non significa averlo imparato. Quindi ho aggiunto tre cose:

Q&A di follow-up— tocca qualsiasi riga e continua a fare domande su di essa. L'AI risponde con il contesto completo, così non devi mai rispiegare il background.Analisi in forma libera— incolla qualsiasi frammento di codice per analisi e discussione separate.

Esercizi pratici— domande a scelta multipla, riempimento spazi vuoti e domande di codifica generate automaticamente basate sul codice corrente. Ne servono altre? Basta premere "genera altre."

Con questi elementi in atto, ha finalmente iniziato a sembrare uno strumento di apprendimento.

2.3 Far Crescere la Conoscenza da Sola

Anche con spiegazioni, Q&A ed esercizi, tutto sembrava ancora blocchi isolati di informazioni. Quello che volevo davvero era un senso diconoscenza che cresce organicamente.

Quindi ho costruito ilKnowledge Canvas— un grafo della conoscenza interattivo, espandibile all'infinito. L'AI estrae i concetti chiave dal tuo codice e li mappa come nodi connessi. Puoi "esplorare" qualsiasi nodo per scoprire concetti correlati, "espanderlo" per generare sotto-argomenti, o fare domande direttamente su un nodo.

Prima che tu te ne accorga, ti guardi indietro e hai fatto crescere la tua mappa della conoscenza.

Il Codice Deve Essere Eseguito, Non Solo Letto

Una parte fondamentale della comprensione del codice è vederlo in esecuzione. Quindi ho integrato l'esecuzione online del codice supportando C, C++, Python, Java e oltre una dozzina di altri linguaggi. Gli utenti possono eseguire il codice, inserire input e vedere l'output direttamente sulla pagina. Ogni esecuzione viene salvata e puoi chiedere all'AI informazioni su qualsiasi risultato specifico di esecuzione.

Eseguilo prima → leggi l'analisi → fai domande di follow-up → fai pratica. Quel flusso sembra molto più naturale del semplice leggere spiegazioni.

2.5 Perché il Processo di Costruzione È Stato Così Fluido

L'intero processo è andato molto più liscio di quanto mi aspettassi, in gran parte perché la piattaforma Enter ha gestito gran parte del lavoro pesante.

Componenti UIerano pronti all'uso fin da subito.
Elementi essenziali del backend— autenticazione utente, archiviazione database, sicurezza a livello di riga — tutto fornito tramite l'integrazione integrata con Supabase.
**L'accesso ai modelli AI era unificato:**DeepSeek, Claude, GPT, Gemini, Doubao — nessun bisogno di richiedere chiavi e adattarsi a ciascuna API separatamente. Basta scrivere una Edge Function e chiamarla.

Quindi invece di spendere settimane sull'infrastruttura, ho potuto concentrarmi fin dal primo giorno su ciò che conta davvero: le spiegazioni sono abbastanza chiare? I punti di conoscenza si collegano? Il percorso di apprendimento sembra giusto?

3. Come Usare Tutor

3.1 Inizia da Qualsiasi Punto

**Hai del codice?**Incollalo, premi "Avvia Analisi"
**Niente codice?**Usa l'AI per generarne un po', poi inseriscilo nell'editor con un clic
**Stai solo guardando?**Tocca un esempio preimpostato — vedrai un'analisi completa in due secondi

3.2 È un Percorso di Apprendimento, Non una Pagina di Funzionalità

Una volta dentro, gli utenti seguono naturalmente un percorso:

Eseguire il codice per capire cosa fa
Leggere l'analisi riga per riga
Fare domande di approfondimento su qualsiasi cosa non sia chiara
Fare esercizi pratici per confermare la comprensione
Aprire la Knowledge Canvas ed esplorare verso l'esterno

Ogni passaggio — risultati di esecuzione, conversazioni, punteggi degli esercizi, grafi di conoscenza — viene salvato automaticamente. Torna quando vuoi e continua esattamente da dove ti eri fermato.

4. Guardando Indietro: Di Cosa Si Tratta Veramente

Guardando indietro, Tutor è in superficie uno strumento per spiegare il codice. Ma ciò che fa veramente è aiutare le persone apartire da un pezzo di codice e collegare conoscenze sparse in qualcosa di completo.

Incolla il codice → eseguilo → comprendi riga per riga → fai domande più approfondite → esercitati → apri la Knowledge Canvas → segui un nodo dopo l'altro → guarda la mappa crescere e diventare tua.

Questo funziona grazie a due cose. Primo, il design del prodotto — spiegazione, Q&A, pratica e canvas non sono funzionalità isolate; formano un percorso di apprendimento continuo. Secondo, la base che Enter fornisce — UI, database, modelli AI, deployment — mi ha permesso di mettere tutta la mia energia nel chiedermi "l'esperienza di apprendimento è davvero buona?" invece di lottare con l'infrastruttura.

Tornando a quel pensiero originale:Imparare non significa collezionare punti — significa collegarli.

È questo che fa Tutor. Aiuta a tracciare quella strada. Così il codice non è solo qualcosa che hai "visto" — è qualcosa che hai compreso, collegato e fatto tuo.