Per questa sessione io pensavo ho pensato di creare un tool, questo piccolo tool per una diciamo raccolta di feedback, recensioni e simili, perché penso che sia probabilmente la casistica più efficace.

Diciamo che tutti voi potete replicare, però in realtà vedrete che potete usarlo per qualsiasi cosa.

um Ho scelto questa casistica soprattutto perché per esempio e abbiamo bisogno di raccogliere feedback.

Come raccogliamo feedback? Se noi chiedessimo magari delle recensioni su e il nostro prodotto magari ancora non è, potremmo trovarci in una situazione dove riceviamo un sacco di recensioni magari negative o comunque non positive, Ma non perché il nostro prodotto fa schifo fra virgolette, ma perché magari è un MVP, e quindi non è ancora potenzialmente apprezzabile da una um da una tipologia di clientela magari più esigente.

Quindi quello che possiamo andare a fare è andare a raccogliere feedback con questo sistema che magari, um è più interno, quindi tutti i feedback rimangono diciamo interni all'azienda, Ma possiamo anche decidere, nel caso che siano positivi, di renderli pubblici e creare questa specie di, um piccola dashboard che va a mostrare tutti i i feedback positivi magari sul nostro prodotto.

Vado avanti, quindi checklist, allora Quello che andiamo a fare è creare intanto il tagli che ci servirà per um andare a collezionare, l- i- le informazioni, diciamo che andranno a popolare poi il nostro database.

Poi andremo a collegare tagli um al nostro sheet e poi andremo a creare diciamo, tramite un prompt AI che vi um che ho già preparato, um andremo a generare il codice che ci permetterà di, um mettere tutte queste tre cose, questi tre elementi in quindi front end, API e database.

Quindi andiamo direttamente a um a creare il nostro tagli.

Quindi io oggi creo tutto da 0.

Ho preparato veramente solo il prompt.

Quindi andiamo a creare un nuovo forma su tagli molto semplice.

Allora andiamo a creare appunto questo tool che ci servirà per una raccolta di feedback.

Quindi raccolta feedback raccolta feedback perfetto.

allora E qui um tipo molto semplice, andiamo a inserire um delle um dei campi, quindi, per esempio inseriremo un campo per, Per il titolo del feedback che le persone ci vogliono lasciare, andremo a inserire una, si è spostato perfetto.

Una descrizione.

L'iscrizione feedback.

poi ci servirà una e-mail dell'utente.

Inseriamo.

Email, magari ci possiamo dire non verrà mostrata.

Poi andiamo a inserire.

um Un campo il tuo nome.

Poi andiamo a inserire, qui possiamo sbizzarrirci, cioè insomma, ora io lo farò molto semplice um.

Lo farò molto semplice, um poi diciamo lo potete espandere quanto volete, vedrete che comunque è m- è abbastanza semplice.

Poi mettiamoci dentro anche, um delle categorie magari um, OK.

E questo è che ne so, un feedback su tech.

le metto sostanzialmente abbastanza a caso.

Uh, in realtà fammi vedere questa.

C'era anche un altro.

Uh, forse Multi Select.

Sì, mi piace di più Multi Select dunque.

Mi piace di più molti Select, okay, facciamo così, quindi se facciamo così, allora.

Multi Select per le categorie.

Categoria.

Dunque, ecco.

Okay.

um poi, Andiamo a um ah sì certo, un feedback, mettiamoci anche 1, un rating, anzi, um vediamo se mi fa mettere, no.

allora mettiamoci a- è questo volevo allora insert.

Gli possiamo dire che magari vogliamo solamente 5.

um E lo chiamiamo rating.

Poi ah possiamo anche permettere l'upload di um magari un file nel caso in cui um, Nel caso in cui serva.

Quindi diciamo che abbiamo messo vari um campi con um vari diciamo, um quindi un short, qui c'è una long, qui c'è un campo email, campo nome, job title, categorie, quindi campi molto diversi anche tra loro.

um A questo punto diciamo publish, quindi questo è il nostro form.

La cosa che um ora, se noi andiamo in un'altra um scheda andiamo così, quindi vedremo il nostro, um il nostro tagli, pronto.

Dunque, quello che dobbiamo andare a fare adesso, è fare il collegamento con il Google Sheet in modo tale che tutti, um le submission di quel form vengono um automaticamente passate anche su Google Sheet.

Per farlo, Diciamo connect.

Qui entriamo con TIM.

Continuo.

Okay.

Ora ci siamo appena collegati, la chiamiamo um, Okay.

A questo punto abbiamo collegato Set con il nostro form di raccolta feedback.

Per andare su questo shet semplicemente lo apriamo um, In un'altra scheda e qui abbiamo già tutti i nostri campi, quindi il nostro titolo feedback, di iscrizione feedback, email, eccetera eccetera.

Quelli che abbiamo messo ora.

Ora, così per test andiamo a fare un um una submission, quindi in modo tale da avere già un primo dato, una riga di dati, um che ci servirà poi nel pronto.

Quindi questo.

um.

Vado totalmente a caso.

Mettiamogliene 2.

Rating 5, okay.

Quindi um file um me- mettiamo per ora lo mettiamo.

No, lo vuole per forza perché gli ho messo che era richiesto.

Mettiamo questo logo di PHP.

Quindi ci carica um questo e Sit.

Perfetto.

Adesso, quello che succede è che qui c'è appena stata generata una prima riga di um dati.

Con questa prima riga di dati noi siamo um in grado di, um tramite un prompt AI, andare a um creare quello che ci serve, um per mettere a terra tutto quello che abbiamo detto di Upscript e JavaScript.

Per questa parte um io ho crea- ho già preparato un pronto, che mi dà una risposta abbastanza qual- qualitativa, diciamo che, um l'ho un pochino strutturato um per essere già completo, diciamo io quando poi ho progettato diciamo la parte database e template, um Era un prompt m- probabilmente molto più semplice di questo che poi ho espanso via via.

Però questo vi dà già, un output abbastanza qualitativo e ora andremo a vedere insieme.

Quindi il prompt um in questo caso è, ho una tabella di um questo tipo in Google Sheet, quindi andiamo a colare esattamente queste due righe, okay? Quindi in modo tale che lui capisca, um la struttura um del nostro sheet.

Vorrei creare delle funzioni Upscript per fare in modo da usare questo sheet, come database esterno per e poter richiamare le informazioni tramite PI.

In pratica esternamente avrò una pagina HTML, dove con del codice Javascript, devo poter fare delle get.

Delle get sono delle richieste di um ottenimento e informazioni.

Poi esistono anche le richie- le le richieste post che invece, in- sono in grado di inviare anche delle informazioni, però in questo caso noi faremo tutte delle get, quindi di ottenimento e informazioni da um da parte del database.

Quindi, um Faremo delle get sui contenuti dello e visualizzarli nella UI sotto forma di card.

Ci dovrà essere sicuramente una gett con magari paginazione, quindi andremo anche a inserire una paginazione come anche su um i nostri database.

Una get per categoria, una get per ID, quindi ogni riga, vedrete che tagli mette un ID, um diverso, quindi noi tramite quell' ID vogliamo poter richiamare il contenuto e la possibilità di una chiamata search, Che cerchi um corrispondenze nel titolo e nella descrizione.

Nella search, Deve essere possibile impostare, oltre al termine di ricerca anche un parametro per filtrare una o più categorie.

Tutte le chiamate devono restituire i dati delle righe che hanno nella colo- la colonna approved true.

Tra l'altro mi sono scordata di metterla, ora la mettiamo.

Come posso fare tutto questo? Scrivi del codice Uscript completo in grado di gestire tutte le richieste, scrivi il codice Java script completo D.

Queste qui poi vedremo um più, tra poco cosa servono, e poi um ci facciamo scrivere anche il codice HTML base um che ci serve diciamo per, andare a visualizzare le informazioni.

Prima cosa andiamo ad aggiungere la colonna approved perché noi poi vorremo vorremmo poter approvare, diciamo o comunque approvare le le richieste.

Quindi andiamo a fare edit sul form e andiamo ad aggiungere.

Un campo che um.

Se cercate Hidden Field, quindi questo l'utente non lo deve vedere.

um Eccolo qua.

E facciamo publish.

Qui la possiamo andare a scrivere direttamente qui.

Quindi poi quando questa ca- colonna sarà true, a quel punto verrà mostrato nel front end.

Nel caso in cui non sia true non verrà mostrato.

Abbiamo aggiunto la nostra colonna, Andiamo a prenderci il nostro prompt.

Quindi questo um prompt poi chiaramente ve lo lascio, farà parte dei template, um di questa sessione.

E andiamo um a aprire un, AI.

In questo caso uso Cloud ma semplicemente cioè potete tranquillamente usare anche Chat GPT, per queste cose Cloud um mi sembra a volte un pochino più puntuale.

Quindi um userò questo, però, fate con ChatGPT la stessa identica cosa.

um Eventualmente chiaramente qua- se lo fate con Chat GPT, andate a vedere che l'output che vi dà um sia simile a questo.

Quindi intanto, Facciamo così, quindi incolliamo il prompt, ho s- ho sbagliato, fermi, non ho messo le informazioni.

Torniamo indietro, dunque, volevo andare a capo, eccoci, che non serisce niente, quindi, sistemiamo un attimo qua.

Uh, perfetto.

Vediamo solamente anche per capirci qualcosa.

Perfetto.

dunque, ora andiamo a prenderci le nostre righe che dicevamo prima.

Quindi noi dobbiamo dargli a lui un'idea della struttura attuale.

In modo tale che lui sia in grado di um capire, effettivamente come strutturare le um le le richieste.

Quindi questo è il pronto.

In questa parte qui vado ad incollare um le due righe che ho appena copiato.

Dunque allora ho incollato qui le diciamo le due righe.

Sono abbastanza incasinate, ma lui capirà cosa c'è scritto.

um dunque, In questo caso um è tutto um è tutto okay.

Il prompt è la stessa, è lo stesso che abbiamo copiato.

Proviamo a dare invio e vedere un attimo che tipo di output ci dà.

allora Intanto vediamo, sta scrivendo il codice Uscript.

um um il codice a- Upscript è molto simile a JavaScript, c'è solo un po' di differenze però, um tendenzialmente a livello di lettura è molto simile al JavaScript.

Vediamo che ci sta scrivendo tutto il codice perfetto.

Vediamo un po' come lo ha scritto per vedere un attimo quanto è qualitativo.

Allora, per esempio, la dgette è quella che permette di fa- di accettare delle get dall'esterno.

Quindi questa perfetto l'ha messa, vediamo che va a switchare la get all che gli ho chiesto, la get per category, la get per ID e la search.

E nella search vediamo che va, come gli ho chiesto io a cercare nel titolo e nella descrizione.