Pianificatore di percorsi di studio
Istruzioni
## Fase 1: Raccolta dei bisogni (basata su un questionario, non è richiesta la digitazione)
I profili di apprendimento degli utenti vengono raccolti attraverso due cicli di domande poste dagli utenti (askUserQuestion).
### Round 1 (Informazioni principali)
Utilizza askUserQuestion per porre domande simultaneamente nelle seguenti tre dimensioni:
1. **Tipologie di obiettivi di apprendimento**
- intestazione: "Destinazione"
- Opzioni: Preparazione agli esami / Miglioramento delle competenze / Cambio di carriera / Esplorazione degli interessi
2. **Livello attuale**
- intestazione: "Orizzontale"
- Opzioni: Nessuna esperienza / Principiante (comprende i concetti) / Esperienza limitata (riesce a completare compiti semplici) / Avanzato (richiede il superamento di ostacoli)
3. **Tempo disponibile giornaliero**
- intestazione: "Tempo"
- Opzioni: meno di 30 minuti / da 1 a 2 ore / da 2 a 4 ore / oltre 4 ore
### Secondo turno (Informazioni supplementari)
Utilizza askUserQuestion per porre domande simultaneamente nelle seguenti tre dimensioni:
1. **Direzione di apprendimento specifica** (consente agli utenti di inserire liberamente i dati)
- Guidare gli utenti a inserire aree di interesse specifiche nella domanda, come ad esempio: programmazione Python, IELTS 7, esame CPA, progettazione UI, ecc.
- intestazione: "Direzione"
- Opzioni: Offre diversi esempi popolari tra cui scegliere, consentendo al contempo agli utenti di inserire contenuti personalizzati.
2. **Periodo di completamento previsto**
- intestazione: "Punto"
- Opzioni: sprint di 1 mese / progressi costanti di 3 mesi / sviluppo approfondito di 6 mesi / a lungo termine di 1 anno o più
3. **Preferenze di apprendimento** (È possibile selezionare più opzioni)
- intestazione: "Preferenze"
- multiSelect: true
- Opzioni: Corsi video / Lettura di libri / Progetti pratici / Interazione con la comunità
Una volta completata la raccolta dei dati, tutte le informazioni verranno organizzate in un "profilo dello studente" strutturato, da utilizzare nelle fasi successive.
## Fase 2: Ricerca approfondita delle risorse e pianificazione del percorso
### 2.1 Ricerca di risorse
In base all'orientamento e alle preferenze di apprendimento dell'utente, effettua 2-3 ricerche utilizzando Google:
1. **Cerca il miglior percorso di apprendimento in questo campo**
- Query: "[Learning Direction] Learning Roadmap 2024 2025" o "[Learning Direction] Recommended Learning Roadmap"
- Estrazione: suddivisione in fasi, punti chiave della conoscenza, ordine di apprendimento
2. **Cerca risorse di apprendimento specifiche**
- Ricerca di risorse pertinenti in base alle preferenze dell'utente:
- Corsi video: cerca i corsi più popolari su Coursera/Udemy/Bilibili
- Libri: cerca libri con ottime recensioni nelle liste di lettura consigliate da Douban/Amazon
- Progetti pratici: cerca su GitHub/tutorial pratici
- query: "[Direzione di apprendimento] migliore [Tipo di risorsa] principiante/intermedio/avanzato"
3. **Cerca gli standard delle tappe fondamentali**
- query: "[Area di apprendimento] Lista di controllo per la valutazione delle competenze" o "[Area di apprendimento] Standard di valutazione delle competenze"
- Estrazione: Quale livello si dovrebbe raggiungere in ogni fase?
### 2.2 Pianificazione del percorso
In base ai risultati della ricerca e ai profili utente, pianifica il percorso di apprendimento:
**Principio basato sulle fasi:**
- In base alla tempistica di apprendimento prevista dall'utente, suddividere il processo di apprendimento in 3-5 fasi.
- Ogni fase comprende: nome della fase, durata stimata, obiettivi principali, risorse specifiche (3-5) e punti di controllo intermedi.
- Le risorse devono essere risorse autentiche reperibili tramite la ricerca (con nome, piattaforma e link).
- Le tappe fondamentali devono essere descrizioni verificabili di capacità specifiche.
**Principi di allocazione del tempo:**
- Calcola il numero totale di ore di studio necessarie per ciascuna fase, in base al tempo giornaliero disponibile.
- Fornire un programma settimanale suggerito (giorni feriali vs. fine settimana)
- Riservare un margine di tempo del 10%
**Formato di output (struttura dati interna, passata al passaggio 3):**
```
Profilo dello studente: {obiettivi, direzione, livello, tempo, frequenza, preferenze}
Pianificazione del percorso: [
{
Nome della fase
Numero di fase,
Durata stimata (settimane)
Descrizione dell'obiettivo principale,
Elenco delle risorse: [{Nome, Tipo (Video/Libro/Progetto), Piattaforma, Link, Ore di studio stimate}],
Traguardo: {Descrizione, Metodo di verifica}
}
]
Suggerimenti settimanali: {Orario feriale, Orario del fine settimana, Ore totali di studio settimanali}
```
## Passaggio 3: Genera un sito web di apprendimento interattivo in stile Kami
Utilizza lo strumento generateWebpage per generare un sito web interattivo per un percorso di apprendimento.
Il parametro di istruzione contiene la seguente specifica completa, oltre ai dati specifici del percorso di apprendimento generati nella Fase 2:
### Specifiche del sistema di progettazione (sistema di progettazione Kami adattato per scenari di apprendimento):
**Combinazione di colori:**
- Sfondo della pagina: #f5f4ed (pergamena beige caldo)
- Sfondo della carta: #FAF9F5 (Avorio)
- Colore di accento/colore del marchio: #1B365D (Blu inchiostro)
- Colore del testo: #141413 (Nero)
- Colore del sottotesto: #4D4C48 (Antracite)
- Nota sul colore: #87867F (Pietra)
- Colore del bordo: #D6D5CE (bordo grigio caldo)
- Barra di avanzamento completata: #1B365D (colore del marchio)
- Barra di avanzamento non completata: #E8E7E2
- Stato di successo/completamento: #2D5016 (Verde oliva scuro)
- In corso: #1B365D (colore del marchio)
- Non avviato: #87867F (Pietra)
- Sfondo del tag: #E4ECF5
- Tutte le tonalità di grigio devono essere calde (R≈G>B), i grigi-blu freddi sono vietati.
**Sistema dei caratteri:**
- Carica Noto Serif SC e Noto Sans SC tramite Google Fonts
- Titolo: font-family: 'Noto Serif SC', Charter, Georgia, serif; font-weight: 500
- Testo: font-family: 'Noto Sans SC', 'PingFang SC', sans-serif; font-weight: 400
- Dati/Enfasi sui numeri: font-family: Charter, Georgia, serif
- Disabilita font-weight: 700/bold
**composizione tipografica:**
- Interlinea: Titolo 1.2 / Corpo del testo 1.5
- Spaziatura tra le lettere cinesi: 0,3 pt
- Larghezza massima della pagina: 800px, centrata
- Reattivo e ottimizzato per dispositivi mobili
**Regole visive:**
- Ombra: ring shadow (0 0 0 1px rgba(0,0,0,0.05)) o whisper shadow (0 1px 3px rgba(0,0,0,0.04))
- Angoli arrotondati: 8px (predefinito) / 12px (cartolina grande)
- Separatore: 0,5px pieno #D6D5CE o 2,5px pieno #1B365D (linea verticale del marchio)
- Metodo di enfasi: testo in inchiostro blu o linea verticale del marchio a sinistra
### Requisiti di struttura della pagina:
**1. Area Eroe Superiore:**
- Intestazione degli obiettivi di apprendimento (Serif 28px)
- Tag informativi chiave in una riga: Tipo di destinazione | Durata stimata | Orario giornaliero
- Barra di avanzamento complessiva (con i valori percentuali)
- Riga della scheda statistiche: Risorse totali / Completato / Fase attuale
**2. Area della scheda di scena (nucleo):**
- Una grande scheda per ogni fase
- Intestazione della scheda: Numero di fase + Nome + Etichetta di stato (✅ Completato / 🔄 In corso / ⬜ Non iniziato) + Durata stimata
- Contenuto della scheda:
- Descrizione dell'obiettivo principale (1-2 frasi)
- Elenco delle risorse: ogni risorsa è elencata su una riga separata, con un'icona (📚Libro/🎬Video/💻Progetto/👥Community) + Nome (link cliccabile) + Tag della piattaforma + Casella di controllo
- Area dei traguardi: evidenziata con linee verticali del marchio e uno stile particolare per descrivere il raggiungimento degli standard.
- Le carte possono essere piegate/aperte (l'impostazione predefinita è aprirle per la fase corrente, piegarle per la fase completata).
**3. Area suggerimenti di apprendimento settimanali:**
- Suggerimenti concisi per la gestione del tempo
- Orari dei giorni feriali e del fine settimana
**4. In basso:**
- Una breve riga di testo: Powered by Learning Path Planning Master · Designed with Kami Design System
### Requisiti di funzionalità interattiva (JavaScript front-end puro + localStorage):
1. **Attivazione/disattivazione dello stato della casella di controllo**:
- Fai clic sulla casella di controllo accanto alla risorsa per attivare/disattivare lo stato di completamento.
- Salva lo stato in localStorage (la chiave utilizza la direzione di apprendimento + l'hash del nome della risorsa)
- Le risorse completate saranno barrate e con trasparenza ridotta.
2. **Calcolo automatico dell'avanzamento:**
- Progresso complessivo = (Numero di risorse selezionate / Numero totale di risorse) × 100%
- Avanzamento di fase = Numero di fasi selezionate / Numero totale di fasi
- Transizione dell'animazione della barra di avanzamento (transizione: durata 0,3 secondi)
3. **Aggiornamento automatico dello stato della fase**:
- Seleziona tutte le risorse all'interno della fase → Lo stato cambia in ✅ Completato, compresso automaticamente.
- Se durante la fase viene selezionato un elemento qualsiasi → lo stato cambia in 🔄In corso.
- Nessun segno di spunta → ⬜ Non avviato
4. **Piega/Apri**:
- Cliccando sull'intestazione della scheda, questa si comprimerà/espanderà.
-Con animazione fluida
5. **Finestra a comparsa per il controllo dei traguardi**:
- Quando tutte le risorse per una fase saranno completate, verrà visualizzato un messaggio di verifica del traguardo.
- Visualizza gli standard di riferimento per questa fase
Gli utenti possono fare clic su "Completato" per confermare o selezionare "Necessita di ulteriore consolidamento" per indicare che l'operazione è stata completata.
6. **Persistenza dei dati**:
- Tutti gli stati sono memorizzati in localStorage
- Ripristina lo stato dopo l'aggiornamento della pagina
- Fornisce un pulsante "Ripristina avanzamento" (richiede una seconda conferma).
### Riempimento del contenuto:
Compilare la struttura sopra riportata con tutti i dati relativi al percorso di apprendimento pianificato nel passaggio 2. Assicurarsi che:
- Il link di ciascuna risorsa è un URL reale e accessibile.
- Le icone dei tipi di risorsa corrispondono correttamente
- La durata di ciascuna fase è coerente con la logica dell'intero ciclo.
- Le descrizioni delle tappe fondamentali sono specifiche e verificabili.
### Requisiti tecnici:
- HTML puro + CSS + JavaScript, file singolo
- Nessuna dipendenza esterna (ad eccezione di Google Fonts)
- Adattabile ai dispositivi mobili
- Stampabile
- Codice pulito con commenti
Descrizione
Perché consigliamo questa abilità
Questa abilità coglie con precisione le esigenze di apprendimento dell'utente tramite un questionario e genera un sito web interattivo altamente personalizzato, con uno stile di design Kami e funzionalità di monitoraggio dei progressi particolarmente notevoli.
In base ai tuoi obiettivi di apprendimento, al livello attuale, al tempo disponibile e alle tue preferenze, cerca risorse di studio reali e crea un percorso personalizzato suddiviso in fasi. Il risultato è un sito di apprendimento interattivo in stile Kami, con monitoraggio dei progressi, verifiche delle tappe e collegamenti diretti alle risorse.
Abilità correlate
Vedi tutto
RicercaScintilla | Analisi degli Hook
Quando prepariamo un video, ci capita spesso questo: riconosci chiaramente che un video di riferimento “sa raccontare bene”, ma quando tocca a te realizzarne uno puoi solo imitarlo a intuito. 「Scintilla | Analisi degli Hook」serve proprio a questo. Forniscigli un video YouTube preciso: prima identificherà il video e leggerà i sottotitoli verificabili, poi distinguerà tre elementi che spesso vengono confusi: Literal 30s: ciò che accade realmente nel video tra 0:00 e 0:30. Intro: l’intera apertura prima dell’ingresso nel contenuto principale. Hook / Re-hook: uno o più snodi strutturali che hanno il compito effettivo di trattenere gli spettatori. Per questo non interpreterà automaticamente i primi 30 secondi di ogni video come Hook solo perché “tutti dicono che sono la parte più importante”. Se il vero Hook arriva dopo il primo minuto, te lo segnalerà chiaramente; se sottotitoli o timestamp non sono sufficienti, indicherà esplicitamente le lacune nelle prove invece di inventare una risposta apparentemente professionale. Dopo aver analizzato l’apertura, ricostruirà con una scaletta la struttura dell’intero video: il video procede attraverso una timeline, un esperimento, una serie di passaggi, un confronto, una storia, una catena di domande o un altro dispositivo organizzativo? Infine, astrarrà queste strutture in modelli a [slot]. Il modello conserva l’ordine e la funzione della struttura, non l’esperienza, le formulazioni, il brand, i numeri, le opinioni o l’identità autorevole dell’autore originale. Alla fine non otterrai un semplice riassunto del video, ma un Hook Outline + un modello strutturale dell’intero video, pronti per essere utilizzati nella fase successiva della creazione. Cosa non fa Non: scrive direttamente al posto tuo il nuovo Hook definitivo; assegna un punteggio o riscrive la tua apertura usando BRENS; cerca su larga scala in un intero settore o canale; genera uno script completo; genera schemi illustrati, materiali, animazioni o miniature. La ricerca su larga scala di esempi di riferimento appartiene allo Skill a monte 「Scintilla | Ricercatore di contenuti YouTube」; la rifinitura del tuo Hook appartiene allo Skill successivo corrispondente.
RicercaScintilla｜Ricercatore YouTube
Stai preparando un video, ma non sai già come è stato trattato questo tema da altri? «Scintilla｜Ricercatore YouTube» entra davvero su YouTube per fare ricerca: trova video pertinenti, legge i sottotitoli, analizza titoli e primi 30 secondi, ricostruisce la struttura dei contenuti e, a partire da più esempi, individua modalità espressive ricorrenti, differenze evidenti e spazi ancora non ben coperti. Puoi usarlo per: Studiare quali contenuti su un tema vengono riproposti più spesso Analizzare in profondità come viene raccontato un video Esaminare i temi, i titoli e le abitudini editoriali di un canale Scomporre l’hook dei primi 30 secondi e la struttura dell’intero video Trovare nuovi angoli creativi nei video già pubblicati Capire come riposizionare il packaging del tuo video finito Non ti dirà arbitrariamente che un titolo «funziona di certo» solo perché un video ha ottenuto molte visualizzazioni; quando non sono disponibili sottotitoli, timestamp o dati sulle performance, chiarirà anche quali prove mancano. Il risultato non è una raccolta di semplici riepiloghi, ma un brief di ricerca su YouTube che puoi affidare direttamente al passaggio successivo: sviluppo del tema, hook o sceneggiatura. Ideale per: creator YouTube, responsabili della pianificazione video, professionisti dei social media e chiunque voglia capire fin dove sono arrivati gli altri su un tema prima di iniziare a girare.
Parole inglesi a fumetti
Inserisci una parola inglese e otterrai una scheda mnemonica in stile fumetto: pronuncia resa con giochi di suoni, significato ed esempio saranno illustrati nella stessa breve scenetta continua (nuvolette, insegne e parole onomatopeiche). Fuori dall’immagine resteranno solo una riga di informazioni introduttive e una riga di suggerimento per il richiamo. L’impatto viene prima della raffinatezza; contenuti sicuri per i bambini.
Pianificatore di percorsi di studio
Istruzioni
## Fase 1: Raccolta dei bisogni (basata su un questionario, non è richiesta la digitazione)
I profili di apprendimento degli utenti vengono raccolti attraverso due cicli di domande poste dagli utenti (askUserQuestion).
### Round 1 (Informazioni principali)
Utilizza askUserQuestion per porre domande simultaneamente nelle seguenti tre dimensioni:
1. **Tipologie di obiettivi di apprendimento**
- intestazione: "Destinazione"
- Opzioni: Preparazione agli esami / Miglioramento delle competenze / Cambio di carriera / Esplorazione degli interessi
2. **Livello attuale**
- intestazione: "Orizzontale"
- Opzioni: Nessuna esperienza / Principiante (comprende i concetti) / Esperienza limitata (riesce a completare compiti semplici) / Avanzato (richiede il superamento di ostacoli)
3. **Tempo disponibile giornaliero**
- intestazione: "Tempo"
- Opzioni: meno di 30 minuti / da 1 a 2 ore / da 2 a 4 ore / oltre 4 ore
### Secondo turno (Informazioni supplementari)
Utilizza askUserQuestion per porre domande simultaneamente nelle seguenti tre dimensioni:
1. **Direzione di apprendimento specifica** (consente agli utenti di inserire liberamente i dati)
- Guidare gli utenti a inserire aree di interesse specifiche nella domanda, come ad esempio: programmazione Python, IELTS 7, esame CPA, progettazione UI, ecc.
- intestazione: "Direzione"
- Opzioni: Offre diversi esempi popolari tra cui scegliere, consentendo al contempo agli utenti di inserire contenuti personalizzati.
2. **Periodo di completamento previsto**
- intestazione: "Punto"
- Opzioni: sprint di 1 mese / progressi costanti di 3 mesi / sviluppo approfondito di 6 mesi / a lungo termine di 1 anno o più
3. **Preferenze di apprendimento** (È possibile selezionare più opzioni)
- intestazione: "Preferenze"
- multiSelect: true
- Opzioni: Corsi video / Lettura di libri / Progetti pratici / Interazione con la comunità
Una volta completata la raccolta dei dati, tutte le informazioni verranno organizzate in un "profilo dello studente" strutturato, da utilizzare nelle fasi successive.
## Fase 2: Ricerca approfondita delle risorse e pianificazione del percorso
### 2.1 Ricerca di risorse
In base all'orientamento e alle preferenze di apprendimento dell'utente, effettua 2-3 ricerche utilizzando Google:
1. **Cerca il miglior percorso di apprendimento in questo campo**
- Query: "[Learning Direction] Learning Roadmap 2024 2025" o "[Learning Direction] Recommended Learning Roadmap"
- Estrazione: suddivisione in fasi, punti chiave della conoscenza, ordine di apprendimento
2. **Cerca risorse di apprendimento specifiche**
- Ricerca di risorse pertinenti in base alle preferenze dell'utente:
- Corsi video: cerca i corsi più popolari su Coursera/Udemy/Bilibili
- Libri: cerca libri con ottime recensioni nelle liste di lettura consigliate da Douban/Amazon
- Progetti pratici: cerca su GitHub/tutorial pratici
- query: "[Direzione di apprendimento] migliore [Tipo di risorsa] principiante/intermedio/avanzato"
3. **Cerca gli standard delle tappe fondamentali**
- query: "[Area di apprendimento] Lista di controllo per la valutazione delle competenze" o "[Area di apprendimento] Standard di valutazione delle competenze"
- Estrazione: Quale livello si dovrebbe raggiungere in ogni fase?
### 2.2 Pianificazione del percorso
In base ai risultati della ricerca e ai profili utente, pianifica il percorso di apprendimento:
**Principio basato sulle fasi:**
- In base alla tempistica di apprendimento prevista dall'utente, suddividere il processo di apprendimento in 3-5 fasi.
- Ogni fase comprende: nome della fase, durata stimata, obiettivi principali, risorse specifiche (3-5) e punti di controllo intermedi.
- Le risorse devono essere risorse autentiche reperibili tramite la ricerca (con nome, piattaforma e link).
- Le tappe fondamentali devono essere descrizioni verificabili di capacità specifiche.
**Principi di allocazione del tempo:**
- Calcola il numero totale di ore di studio necessarie per ciascuna fase, in base al tempo giornaliero disponibile.
- Fornire un programma settimanale suggerito (giorni feriali vs. fine settimana)
- Riservare un margine di tempo del 10%
**Formato di output (struttura dati interna, passata al passaggio 3):**
```
Profilo dello studente: {obiettivi, direzione, livello, tempo, frequenza, preferenze}
Pianificazione del percorso: [
{
Nome della fase
Numero di fase,
Durata stimata (settimane)
Descrizione dell'obiettivo principale,
Elenco delle risorse: [{Nome, Tipo (Video/Libro/Progetto), Piattaforma, Link, Ore di studio stimate}],
Traguardo: {Descrizione, Metodo di verifica}
}
]
Suggerimenti settimanali: {Orario feriale, Orario del fine settimana, Ore totali di studio settimanali}
```
## Passaggio 3: Genera un sito web di apprendimento interattivo in stile Kami
Utilizza lo strumento generateWebpage per generare un sito web interattivo per un percorso di apprendimento.
Il parametro di istruzione contiene la seguente specifica completa, oltre ai dati specifici del percorso di apprendimento generati nella Fase 2:
### Specifiche del sistema di progettazione (sistema di progettazione Kami adattato per scenari di apprendimento):
**Combinazione di colori:**
- Sfondo della pagina: #f5f4ed (pergamena beige caldo)
- Sfondo della carta: #FAF9F5 (Avorio)
- Colore di accento/colore del marchio: #1B365D (Blu inchiostro)
- Colore del testo: #141413 (Nero)
- Colore del sottotesto: #4D4C48 (Antracite)
- Nota sul colore: #87867F (Pietra)
- Colore del bordo: #D6D5CE (bordo grigio caldo)
- Barra di avanzamento completata: #1B365D (colore del marchio)
- Barra di avanzamento non completata: #E8E7E2
- Stato di successo/completamento: #2D5016 (Verde oliva scuro)
- In corso: #1B365D (colore del marchio)
- Non avviato: #87867F (Pietra)
- Sfondo del tag: #E4ECF5
- Tutte le tonalità di grigio devono essere calde (R≈G>B), i grigi-blu freddi sono vietati.
**Sistema dei caratteri:**
- Carica Noto Serif SC e Noto Sans SC tramite Google Fonts
- Titolo: font-family: 'Noto Serif SC', Charter, Georgia, serif; font-weight: 500
- Testo: font-family: 'Noto Sans SC', 'PingFang SC', sans-serif; font-weight: 400
- Dati/Enfasi sui numeri: font-family: Charter, Georgia, serif
- Disabilita font-weight: 700/bold
**composizione tipografica:**
- Interlinea: Titolo 1.2 / Corpo del testo 1.5
- Spaziatura tra le lettere cinesi: 0,3 pt
- Larghezza massima della pagina: 800px, centrata
- Reattivo e ottimizzato per dispositivi mobili
**Regole visive:**
- Ombra: ring shadow (0 0 0 1px rgba(0,0,0,0.05)) o whisper shadow (0 1px 3px rgba(0,0,0,0.04))
- Angoli arrotondati: 8px (predefinito) / 12px (cartolina grande)
- Separatore: 0,5px pieno #D6D5CE o 2,5px pieno #1B365D (linea verticale del marchio)
- Metodo di enfasi: testo in inchiostro blu o linea verticale del marchio a sinistra
### Requisiti di struttura della pagina:
**1. Area Eroe Superiore:**
- Intestazione degli obiettivi di apprendimento (Serif 28px)
- Tag informativi chiave in una riga: Tipo di destinazione | Durata stimata | Orario giornaliero
- Barra di avanzamento complessiva (con i valori percentuali)
- Riga della scheda statistiche: Risorse totali / Completato / Fase attuale
**2. Area della scheda di scena (nucleo):**
- Una grande scheda per ogni fase
- Intestazione della scheda: Numero di fase + Nome + Etichetta di stato (✅ Completato / 🔄 In corso / ⬜ Non iniziato) + Durata stimata
- Contenuto della scheda:
- Descrizione dell'obiettivo principale (1-2 frasi)
- Elenco delle risorse: ogni risorsa è elencata su una riga separata, con un'icona (📚Libro/🎬Video/💻Progetto/👥Community) + Nome (link cliccabile) + Tag della piattaforma + Casella di controllo
- Area dei traguardi: evidenziata con linee verticali del marchio e uno stile particolare per descrivere il raggiungimento degli standard.
- Le carte possono essere piegate/aperte (l'impostazione predefinita è aprirle per la fase corrente, piegarle per la fase completata).
**3. Area suggerimenti di apprendimento settimanali:**
- Suggerimenti concisi per la gestione del tempo
- Orari dei giorni feriali e del fine settimana
**4. In basso:**
- Una breve riga di testo: Powered by Learning Path Planning Master · Designed with Kami Design System
### Requisiti di funzionalità interattiva (JavaScript front-end puro + localStorage):
1. **Attivazione/disattivazione dello stato della casella di controllo**:
- Fai clic sulla casella di controllo accanto alla risorsa per attivare/disattivare lo stato di completamento.
- Salva lo stato in localStorage (la chiave utilizza la direzione di apprendimento + l'hash del nome della risorsa)
- Le risorse completate saranno barrate e con trasparenza ridotta.
2. **Calcolo automatico dell'avanzamento:**
- Progresso complessivo = (Numero di risorse selezionate / Numero totale di risorse) × 100%
- Avanzamento di fase = Numero di fasi selezionate / Numero totale di fasi
- Transizione dell'animazione della barra di avanzamento (transizione: durata 0,3 secondi)
3. **Aggiornamento automatico dello stato della fase**:
- Seleziona tutte le risorse all'interno della fase → Lo stato cambia in ✅ Completato, compresso automaticamente.
- Se durante la fase viene selezionato un elemento qualsiasi → lo stato cambia in 🔄In corso.
- Nessun segno di spunta → ⬜ Non avviato
4. **Piega/Apri**:
- Cliccando sull'intestazione della scheda, questa si comprimerà/espanderà.
-Con animazione fluida
5. **Finestra a comparsa per il controllo dei traguardi**:
- Quando tutte le risorse per una fase saranno completate, verrà visualizzato un messaggio di verifica del traguardo.
- Visualizza gli standard di riferimento per questa fase
Gli utenti possono fare clic su "Completato" per confermare o selezionare "Necessita di ulteriore consolidamento" per indicare che l'operazione è stata completata.
6. **Persistenza dei dati**:
- Tutti gli stati sono memorizzati in localStorage
- Ripristina lo stato dopo l'aggiornamento della pagina
- Fornisce un pulsante "Ripristina avanzamento" (richiede una seconda conferma).
### Riempimento del contenuto:
Compilare la struttura sopra riportata con tutti i dati relativi al percorso di apprendimento pianificato nel passaggio 2. Assicurarsi che:
- Il link di ciascuna risorsa è un URL reale e accessibile.
- Le icone dei tipi di risorsa corrispondono correttamente
- La durata di ciascuna fase è coerente con la logica dell'intero ciclo.
- Le descrizioni delle tappe fondamentali sono specifiche e verificabili.
### Requisiti tecnici:
- HTML puro + CSS + JavaScript, file singolo
- Nessuna dipendenza esterna (ad eccezione di Google Fonts)
- Adattabile ai dispositivi mobili
- Stampabile
- Codice pulito con commenti
Descrizione
Perché consigliamo questa abilità
Questa abilità coglie con precisione le esigenze di apprendimento dell'utente tramite un questionario e genera un sito web interattivo altamente personalizzato, con uno stile di design Kami e funzionalità di monitoraggio dei progressi particolarmente notevoli.
In base ai tuoi obiettivi di apprendimento, al livello attuale, al tempo disponibile e alle tue preferenze, cerca risorse di studio reali e crea un percorso personalizzato suddiviso in fasi. Il risultato è un sito di apprendimento interattivo in stile Kami, con monitoraggio dei progressi, verifiche delle tappe e collegamenti diretti alle risorse.
Abilità correlate
Vedi tuttoRicercaScintilla | Analisi degli Hook
Quando prepariamo un video, ci capita spesso questo: riconosci chiaramente che un video di riferimento “sa raccontare bene”, ma quando tocca a te realizzarne uno puoi solo imitarlo a intuito. 「Scintilla | Analisi degli Hook」serve proprio a questo. Forniscigli un video YouTube preciso: prima identificherà il video e leggerà i sottotitoli verificabili, poi distinguerà tre elementi che spesso vengono confusi: Literal 30s: ciò che accade realmente nel video tra 0:00 e 0:30. Intro: l’intera apertura prima dell’ingresso nel contenuto principale. Hook / Re-hook: uno o più snodi strutturali che hanno il compito effettivo di trattenere gli spettatori. Per questo non interpreterà automaticamente i primi 30 secondi di ogni video come Hook solo perché “tutti dicono che sono la parte più importante”. Se il vero Hook arriva dopo il primo minuto, te lo segnalerà chiaramente; se sottotitoli o timestamp non sono sufficienti, indicherà esplicitamente le lacune nelle prove invece di inventare una risposta apparentemente professionale. Dopo aver analizzato l’apertura, ricostruirà con una scaletta la struttura dell’intero video: il video procede attraverso una timeline, un esperimento, una serie di passaggi, un confronto, una storia, una catena di domande o un altro dispositivo organizzativo? Infine, astrarrà queste strutture in modelli a [slot]. Il modello conserva l’ordine e la funzione della struttura, non l’esperienza, le formulazioni, il brand, i numeri, le opinioni o l’identità autorevole dell’autore originale. Alla fine non otterrai un semplice riassunto del video, ma un Hook Outline + un modello strutturale dell’intero video, pronti per essere utilizzati nella fase successiva della creazione. Cosa non fa Non: scrive direttamente al posto tuo il nuovo Hook definitivo; assegna un punteggio o riscrive la tua apertura usando BRENS; cerca su larga scala in un intero settore o canale; genera uno script completo; genera schemi illustrati, materiali, animazioni o miniature. La ricerca su larga scala di esempi di riferimento appartiene allo Skill a monte 「Scintilla | Ricercatore di contenuti YouTube」; la rifinitura del tuo Hook appartiene allo Skill successivo corrispondente.
RicercaScintilla｜Ricercatore YouTube
Stai preparando un video, ma non sai già come è stato trattato questo tema da altri? «Scintilla｜Ricercatore YouTube» entra davvero su YouTube per fare ricerca: trova video pertinenti, legge i sottotitoli, analizza titoli e primi 30 secondi, ricostruisce la struttura dei contenuti e, a partire da più esempi, individua modalità espressive ricorrenti, differenze evidenti e spazi ancora non ben coperti. Puoi usarlo per: Studiare quali contenuti su un tema vengono riproposti più spesso Analizzare in profondità come viene raccontato un video Esaminare i temi, i titoli e le abitudini editoriali di un canale Scomporre l’hook dei primi 30 secondi e la struttura dell’intero video Trovare nuovi angoli creativi nei video già pubblicati Capire come riposizionare il packaging del tuo video finito Non ti dirà arbitrariamente che un titolo «funziona di certo» solo perché un video ha ottenuto molte visualizzazioni; quando non sono disponibili sottotitoli, timestamp o dati sulle performance, chiarirà anche quali prove mancano. Il risultato non è una raccolta di semplici riepiloghi, ma un brief di ricerca su YouTube che puoi affidare direttamente al passaggio successivo: sviluppo del tema, hook o sceneggiatura. Ideale per: creator YouTube, responsabili della pianificazione video, professionisti dei social media e chiunque voglia capire fin dove sono arrivati gli altri su un tema prima di iniziare a girare.
Parole inglesi a fumetti
Inserisci una parola inglese e otterrai una scheda mnemonica in stile fumetto: pronuncia resa con giochi di suoni, significato ed esempio saranno illustrati nella stessa breve scenetta continua (nuvolette, insegne e parole onomatopeiche). Fuori dall’immagine resteranno solo una riga di informazioni introduttive e una riga di suggerimento per il richiamo. L’impatto viene prima della raffinatezza; contenuti sicuri per i bambini.
Trova la tua prossima abilità preferita
Esplora altre abilità AI curate per ricerca, creazione e lavoro quotidiano.