← Menú principal del curs
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.

🔑
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: prepararàs 5 minuts per ensenyar la teva millor app als companys la pròxima classe presencial.
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 → ExtensionsApps 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.
🔎 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».
La teva tasca · 5 minuts per als companys
🎤 Prepara la teva millor app per a la propera classe

Aquesta sessió la fas tu sol. Quan tornem a veure'ns a classe, ens ensenyaràs la teva millor app en 5 minuts. Tria la 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 marxar de classe…

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 pròxima classe (presencial): primer ens ensenyaràs la teva millor app en 5 minuts. I després farem un gran salt: traurem el codi del navegador i el portarem 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.