Curs · Crear apps amb IA · Sessió 2

Fes créixer la teva app
(i sàpigues arreglar-la)

A la Sessió 1 vas publicar una app que funciona. Avui aprendràs el que de debò distingeix qui programa amb IA: el bucle de provar → llegir → arreglar. I li afegiràs poders nous: editar, cercar, resumir, i fins i tot pujar fotos.

Format
Autònoma i online
Temps orientatiu
Unes 2,5 hores, en una o més estones
Imprescindible
Trencar, arreglar i afegir una millora
Opcional
Explicar la teva app en 5 minuts
La regla d'or de millorar: sempre treballes sobre el mateix projecte i el mateix full que ja tens publicat. Gemini no recorda el teu codi: per cada millora li dones el codi actual, ell et torna els dos fitxers sencers, els enganxes, i tornes a publicar amb «Versió nova» (mateix enllaç).
Com saber si la IA s'ha inventat alguna cosa
La IA endevina, i de tant en tant encerta malament (és l'al·lucinació de la Sessió 0). Senyals d'alerta: et parla d'un botó o un menú que no veus, fa servir una funció amb un nom estrany, o et diu «ja està» quan encara no ho has provat. La defensa és sempre la mateixa: prova-ho tu; i si tens dubtes, demana-li «explica'm què fa aquest codi, pas a pas» abans de fiar-te'n. Provar > confiar.

↩Véns de la Sessió 1: ja tens una cara (Index.html), una cuina (Codi.gs) i un rebost (el teu full), tot publicat amb el seu enllaç. Avui no comences de zero: agafes la teva app i la fas créixer.

Aquesta sessió la fas tu sol, al teu ritme (online). No hi ha pressa: ves fent durant aquests dies. I al final hi ha una tasca opcional: prepararàs 5 minuts per ensenyar la teva millor app si després vols compartir-la amb altres persones.
Pas 0 · Quina app fas créixer?

Tria amb què treballaràs avui. Això personalitza tots els prompts que faràs servir més avall.

El cor de tot · El bucle

Provar, llegir, arreglar

Programar amb IA no és que tot surti a la primera. És un bucle: demanes, ho proves, llegeixes què passa, ho arregles i tornes a demanar. Quan una app peta, no és que ho hagis fet malament: és part del joc.

Demana
un prompt clar a Gemini
→
Enganxa
el codi al teu projecte
→
Prova
obre l'enllaç i mira-ho
→
Arregla
si falla, llegeix l'error
↩ i torna a demanar (re-promptejar) fins que funciona
Exercici: trenca-la i arregla-la ~20 min · clau✓▸

La millor manera de perdre la por als errors és provocar-ne un a posta i arreglar-lo. Ho farem amb la teva app de la Sessió 1.

  1. Obre el teu projecte: al teu full → Extensions → Apps Script.
  2. Trenca-la a posta: canvia el nom del fitxer «Index» a «Inici» (o esborra una línia qualsevol del codi). Desa amb .
  3. Prova-la: obre el teu enllaç /exec i recarrega. Veuràs que peta (pantalla en blanc o un missatge d'error). És exactament el que volíem!
  4. Llegeix el que diu. No cal entendre-ho tot: només copiar-ho.
  5. Arregla-la amb Gemini: copia el prompt de depuració d'aquí sota, enganxa-hi l'error i el teu codi, i Gemini et tornarà els dos fitxers ja corregits.
  6. Torna a Apps Script, substitueix els dos fitxers pel codi nou, desa, i torna a publicar amb «Versió nova». Comprova que torna a funcionar.
El prompt de depuració

Aquest prompt el faràs servir cada vegada que alguna cosa no vagi. Guarda-te'l: és el teu salvavides.

La lliçó d'avui: trencar i arreglar és NORMAL. Qui sap fer servir la IA per programar no és qui no s'equivoca mai, sinó qui sap llegir l'error i tornar-ho a demanar.
Dona-li poders nous · El menú de millores

Tria una millora. S'obrirà una guia pas a pas amb el prompt ja fet amb les dades de la teva app. Pots aplicar-ne les que vulguis, en l'ordre que vulguis.

Millores aplicades: 0/6
Abans de compartir · Posa-la segura
La seguretat, sense espantar-se ~10 min✓▸

Ara que la teva app és a internet i la pot fer servir gent, val la pena dedicar-li 5 minuts. No és res tècnic: són sis hàbits de sentit comú.

  • Qui hi pot entrar? «Només jo» per a coses teves (diari, despeses); «Qualsevol» només per a formularis pensats per a la gent. No publiquis com a «Qualsevol» una app amb dades privades teves.
  • No ensenyis les dades dels altres. Si fas un formulari públic (inscripcions), que cada persona vegi NOMÉS la seva confirmació, no la llista amb els noms i correus de tothom.
  • El codi no és secret, però els secrets sí. El teu codi el podràs compartir (a la Sessió 3 el penjaràs a GitHub!). Però no hi posis MAI contrasenyes ni dades personals a dins.
  • Entén què autoritzes. Quan acceptes un permís (Drive, correu), l'app actua en nom teu. Accepta'l només si saps què fa el codi (i és teu).
  • Compte amb l'spam. En un formulari públic, qualsevol pot enviar moltes vegades. Si recull coses importants, demana a Gemini una validació o un límit.
  • Dades personals = respecte. Si reculls correus o noms, és informació d'altres persones: fes-la servir només per al que vas dir, i esborra-la quan ja no calgui.
Abans de posar-hi dades de l'empresa

Si aquesta app és per a la feina, pensa amb quin compte la fas de debò. L'escala és aquesta: 1) compte personal d'un treballador amb dades de l'empresa: no. 2) Compte del pla d'empresa (Google Workspace), amb el seu acord de tractament de dades: sí, i resol la major part del risc; a més et deixa publicar l'app «només per a la gent de l'organització». 3) Servidors propis: només quan el cas ho demana de debò (dades de salut, coses industrials sensibles), no per defecte. Per aprendre, tot el que fas aquí és amb dades inventades, i llavors el compte personal va perfecte. Més detall a la guia per a empreses.

Passa-li una revisió de seguretat a Gemini

Aquest prompt fa que Gemini revisi la teva app i t'avisi, en paraules fàcils, si té cap d'aquests problemes:

L'últim pas · Comparteix-la
Comparteix la teva app ~10 min✓▸

Una app només és app de debò quan algú més la pot fer servir. Avui surts amb la teva compartida.

  1. Copia el teu enllaç /exec (el de la versió nova, mateix enllaç de sempre).
  2. Obre'l al teu mòbil i comprova que es veu bé i que pots desar.
  3. Envia'l a una persona (WhatsApp, correu…) i demana-li que afegeixi una dada.
  4. Mira com la fila que ha posat ella apareix al teu full. Màgia: ja teniu dades de dues persones!
Perquè una altra persona la pugui obrir, l'app ha d'estar publicada amb accés «Qualsevol» (com vam veure a la Sessió 1). Si la tens com a «Només jo», només l'obres tu: torna a Implementar → Gestionar implementacions → llapis i canvia l'accés. Pensa-hi: un diari personal el vols «Només jo»; un formulari per a la gent, «Qualsevol».
Repte opcional · Explica la teva app en 5 minuts
Prepara la teva millor app repte opcional✓▸

Explicar el que has fet és la millor manera d'acabar d'entendre-ho. Si vols compartir-ho (amb la família, un company de feina o un grup que faci el curs), prepara una explicació de 5 minuts. Tria l'app que t'hagi quedat millor i prepara-t'ho amb aquest guió:

  1. Què fa i per a qui (30 s) — la idea en una frase.
  2. Ensenya-la funcionant (1–2 min) — obre l'enllaç i afegeix una dada en directe.
  3. Com la vas fer amb la IA (1 min) — quin prompt et va anar bé, quina millora t'agrada més.
  4. Què et va petar i com ho vas arreglar (1 min) — el bucle! Aquesta és la part que més ensenya als altres.
  5. Què hi afegiries (30 s) — la pròxima millora que tens al cap.
No cal que expliquis el codi. Explica la idea i el camí: què volies, com ho vas demanar, què va fallar i com ho vas resoldre. Això és el que de debò has après.

Abans de tancar la sessió…

L'objectiu d'avui no és afegir mil coses: és saber fer-la créixer tu sol i no espantar-te quan peta. Marca-ho:

La galeria de les meves apps que creixen

L'enllaç de la teva app (és el mateix de sempre, ara amb més poders):

La frase per endur-te: una bona app no neix perfecta: creix. I creix a cops de provar, llegir l'error i tornar a demanar.
A la sessió següent (online): continuaràs el recorregut amb un gran salt: trauràs el codi del navegador i el portaràs a un editor de programador de debò — VS Code dins de GitHub (amb Codespaces, sense instal·lar res), i parlaràs amb la IA directament des de l'editor.

Recorda (seguretat)
Quan comparteixis l'app o pugis fotos al Drive, comprova que ningú pugui veure les dades dels altres. I res de contrasenyes ni secrets escrits dins del codi.

Autocomprova't

No és cap examen ni hi ha nota: és per a tu. Respon mentalment i mira les respostes després.

  1. Quines són les cinc passes del bucle de depuració?
  2. Quan l'app peta, què has de fer abans d'enganxar res a la IA?
  3. La IA pot editar el teu codi? Llavors, com s'aplica una millora?
Veure les respostes ▾

1. Prompt → llegir → provar → arreglar → re-promptejar.

2. Llegir l'error (buscar-hi pistes: un nom de fitxer, una línia). Després enganxar-lo amb el codi.

3. No. Crea codi nou; tu substitueixes els dos fitxers sencers al mateix projecte i republiques amb Versió nova.