Avui construiràs una aplicació completa amb l'ajuda de la IA: una pàgina web (la cara), un motor que pensa (Apps Script) i un full de càlcul que ho recorda tot (la base de dades). I la deixaràs publicada a internet, amb el seu enllaç.
🔑
Una app, un full nou: per a cada aplicació, un Google Sheet NOU (el pots fer tu a mà o demanar-li a Gemini que te'l creï). Cada full té el seu propi Apps Script, així cada app és independent. (La «meva primera app» de la Sessió 0 era només una prova; aquestes ja són de debò.)
💬 Fem servir Gemini perquè és gratuït i va en català, però el mètode —copiar i enganxar— val amb qualsevol IA (ChatGPT, Claude…). Si un dia Gemini canvia, no passa res: canvies d'eina i continues igual.
Tria què vols construir
Abans de marxar de classe…
L'objectiu d'avui no és entendre el codi: és tenir una app teva, funcionant i publicada. Marca-ho a mesura que ho aconsegueixes:
✓ Tinc el full d'aquesta app a la carpeta del curs (fet a mà o creat amb Gemini).
✓ He enganxat els dos fitxers al projecte: «Codi.gs» i «Index.html».
✓ L'he publicada com a aplicació web i tinc el seu enllaç (acaba en /exec).
✓ He obert l'enllaç i l'he provada (al mòbil també!).
✓ Sé que, per millorar-la, copio el codi nou al projecte de sempre i torno a publicar («Versió nova»).
La galeria de les meves apps 🚀
Cada cop que publiquis una app, enganxa el seu enllaç (/exec). Tot es guarda al teu navegador i ho retrobaràs quan tornis.
💡 La frase per endur-te: una app és una cara que parla amb una cuina, que guarda les coses en un rebost — i tot viu a internet.
➡️ A la pròxima sessió: agafarem una d'aquestes apps i la farem créixer — més lògica a la cuina, millores guiades i el bucle de provar → arreglar → tornar a publicar.
🔒
Recorda (seguretat) Mai posis contrasenyes ni claus dins del codi. I tria bé qui pot veure l'app: «Només jo» per a les teves dades personals; «Qualsevol» només si és un formulari pensat per a tothom.
✅ Autocomprova't
No és cap examen ni hi ha nota: és per a tu. Respon mentalment i mira les respostes després.
Quins són els dos fitxers d'una app d'Apps Script i quin paper fa cadascun?
Com s'ha de dir exactament el fitxer HTML? Què passa si no?
Per actualitzar l'app sense canviar l'enllaç, què fas?
Veure les respostes ▾
1.Codi.gs = el motor (backend) i Index.html = la cara (frontend). La cara parla amb el motor amb google.script.run.
2. S'ha de dir exactament Index. Si no, l'app surt en blanc o peta.
3.Gestionar implementacions → llapis → Versió nova. (Fer «Nova implementació» cada cop crearia un enllaç diferent.)