Guia del professor — Fase 6 (Sessió 6)

«Crear apps amb IA, des de zero»

El curs no s'acaba: ara comença. La Fase 6 no és una sessió amb rellotge ni una llista de passos a completar. És un recurs permanent i un bucle infinit que l'alumne repeteix tant com vulgui, sol, per sempre. Té dos motors: (1) el bucle infinit de crear —idea → context → agent → branca/PR/revisió → es desplega sol → app enviada → a la galeria → torna a començar—, i (2) el mapa per sortir d'Apps Script —Firebase, Supabase, Vercel/Netlify, Replit, Google Cloud i els constructors amb IA—, perquè cadascú pugui seguir investigant i triar la plataforma que li vagi millor. El missatge de fons: no us hem ensenyat una eina; us hem donat un MÈTODE i un MAPA. I el mètode és transferible a qualsevol plataforma.

Aquesta guia NO porta un minutat de 150 min com les S1–S5. La Fase 6 és online, autònoma i infinita: no té data de final ni rellotge de classe. És una guia per acompanyar una fase oberta, no per dirigir una sessió.

1. Fitxa de la fase

Què s'enduen (resultats d'aprenentatge)

• Un bucle propi que ja saben fer sense ningú: idea → context → agent → PR/revisió → desplegament → galeria → repetir.
• Una galeria/portafoli que creix infinitament: cada app nova és una peça més.
• Un mapa honest de plataformes alternatives a Apps Script, amb pros i contres, dificultat i «tria-la si…».
• La certesa que el mètode és transferible: context → agent → GitHub → desplegament funciona a qualsevol plataforma.
• Un prompt per fer servir la IA com a professora de qualsevol plataforma nova («Aprèn-la amb la IA»).
• La mentalitat per sempre: demana-ho i entén-ho, no ho facis a mà; i quan peti, depura amb l'agent.

La idea clau pedagògica: no els ensenyem cada plataforma (canvien i són infinites). Els donem el mètode i el mapa, i deixem que la IA els ensenyi la que triïn.

2. Com funciona aquesta fase (NO és una classe)

La Fase 6 no es lidera. No hi ha demo a la pantalla, ni blocs, ni deures a corregir. El teu paper és mínim i d'acompanyament. L'objectiu de tota la fase és, precisament, l'AUTONOMIA: que l'alumne segueixi sol, sense que ningú el porti de la mà.

El teu paper té tres peces, totes lleugeres:

• Enviar el recurs de graduació. Fes arribar l'HTML interactiu de la Fase 6 com el que és: un regal de comiat que poden obrir sempre que vulguin. No cal «explicar-lo»: és autosuficient (el bucle, el mapa, el seleccionador i el generador de prompt hi són dins).
• Estar disponible un temps (asíncron). Durant unes setmanes després del curs, atén pel xat de classe o el correu els dubtes que vagin sortint quan provin una plataforma nova. No és correcció: és acompanyament. Mica en mica, et necessitaran menys —i això és l'èxit.
• (Opcional) Una trobada/mostra final voluntària. Si t'engresca, organitza una mostra on qui vulgui ensenyi una app nova que ha fet o la plataforma que ha triat. Voluntària, sense nota, sense pressió. És una manera bonica de tancar el curs i de veure el bucle viu.

Aquí ja no hi ha «deures a corregir». Si esperes lliuraments, contradius el sentit de la fase. El que «entreguen» és el que decideixen fer sols: una app, una altra, una altra. La feina ja no és teva.

El teu missatge en una frase: «Aquest material és vostre per sempre. Jo seré per aquí un temps si teniu dubtes, però a partir d'ara mano jo cada cop menys i vosaltres cada cop més. Aquest és el pla.»

3. El BUCLE infinit, explicat per al professor

El primer motor de la fase és un bucle que l'alumne ja sap fer sencer (cada baula ve d'una sessió anterior). El teu paper no és ensenyar-lo —ja el dominen— sinó ajudar-los a veure'l com un cicle que es repeteix per sempre i animar-los a fer-ne una rere l'altra.

Les baules del bucle (i d'on vénen)

1. IDEA. Tria una app que vulguis fer. Petita, real, teva.
2. CONTEXT. Posa-li el context: la carpeta context/ amb que-ha-de-fer.md (el producte) i arquitectura.md (el tècnic). (S3)
3. AGENT. Demana-li a l'agent «llegeix la carpeta context/ i construeix». Et torna Codi.gs + Index.html. (S3, copiar-enganxar, agnòstic d'eina)
4. BRANCA / PR / REVISIÓ. El canvi va en una branca, obres un PR i el revises amb IA abans de fusionar. (S4)
5. DESPLEGAMENT. Fusiones a main i es publica sol (la canonada CI/CD; main protegida). Desplegar = fusionar. (S5)
6. GALERIA. L'app enviada (el seu /exec) la sumes al teu portafoli: una llista, un document, una pàgina amb tots els enllaços.
7. REPETIR. Tria una altra idea i torna a començar. El curs s'ha convertit en un hàbit.

Frase per repetir: «El bucle ja el sabeu fer sencer. La novetat de la Fase 6 no és cap pas nou: és repetir-lo per sempre, sols.»

Com animar-los a encadenar-ne (mantenir la motivació)

• Reptes que pugen de nivell. Que la pròxima app sigui una mica més ambiciosa que l'anterior: afegir un filtre, una foto, un login senzill, un segon full… Cada volta del bucle, un graó més.
• Una galeria/portafoli que creix. Veure la llista d'apps pròpies allargant-se és el millor motor. Anima'ls a tenir-la a la vista (un README al repo, un document, una pàgina). «Cada idea que envies, una línia més a la teva galeria.»
• Compartir entre companys. Que ensenyin el que fan (al xat de classe, a la mostra voluntària). Veure el que fa un company encén idees: «si ell ha fet això, jo puc fer allò altre».
• Idees a mà. Anima'ls a apuntar idees quan els vinguin (una nota al mòbil). El bucle no s'atura mai si sempre hi ha una pròxima idea esperant.

La gràcia no és fer una app perfecta; és agafar el costum de fer-ne. Una app petita acabada i enviada val més que una de gran que no surt mai. Transmet-los aquesta lleugeresa.

4. El MAPA de plataformes (per al professor)

El segon motor és el mapa per sortir d'Apps Script. Apps Script han estat les rodetes de la bicicleta: perfecte per aprendre, però lligat a Google i no és web «estàndard». La Fase 6 els obre la porta a plataformes alternatives perquè, un cop acabat el curs, cadascú pugui seguir investigant i triar la que li vagi millor.

AVÍS honest i innegociable. Les capes gratuïtes, els noms, les pantalles i les versions de totes aquestes plataformes canvien molt sovint. No memoritzis res d'això ni ho diguis com a veritat fixa. La consigna que els has de transmetre és: «verifica-ho amb la IA i a la web oficial». Aquesta guia et dóna el mapa conceptual (què és cada cosa i a qui recomanar-la), no dades de plans que demà ja no valdran.

A continuació, un resum honest de cada plataforma: què és, per a què, dificultat i a quin alumne recomanar-la.

Firebase — el pas natural (encara Google)

• Què és: la plataforma de Google per fer apps de debò: base de dades Firestore, login d'usuaris, dades en temps real.
• Per a què: quan vulguin passar del full de Google a una base de dades de veritat sense sortir del món Google.
• Dificultat: mitjana. És el salt més suau des d'Apps Script perquè segueix sent Google.
• Recomana-la si: l'alumne vol continuïtat (no canviar tot el món de cop), necessita usuaris que es registren o dades que s'actualitzen soles. «Vull que la meva app tingui usuaris i base de dades de debò, però sense canviar d'ecosistema» → Firebase.

Supabase — la base de dades oberta

• Què és: una alternativa oberta amb base de dades SQL/Postgres. Molt usada amb IA (els agents la coneixen bé).
• Per a què: projectes que volen una base de dades SQL estàndard i no quedar lligats a Google.
• Dificultat: mitjana. Introdueix el concepte de SQL/taules, però amb molt bon acompanyament de la IA.
• Recomana-la si: l'alumne vol sortir de Google i treballar amb una base de dades estàndard i portable, o ja li sona el món SQL. «Vull una base de dades de debò però lliure de Google» → Supabase.

▲ Vercel / Netlify — publicar webs modernes

• Què és: plataformes per publicar webs i frameworks moderns, desplegant des de GitHub —just el flux que ja saben.
• Per a què: quan facin una web «de veritat» (no una app d'Apps Script) i la vulguin publicar a Internet amb un domini.
• Dificultat: baixa–mitjana per al desplegament (és el que ja fan: empènyer a GitHub i es publica), més alta si entren a frameworks moderns.
• Recomana-la si: l'alumne vol publicar una web moderna i ja li agrada el flux GitHub → desplegament. És el que ja saben, aplicat a webs estàndard. «Vull publicar una web de debò des de GitHub» → Vercel o Netlify.

Replit — seguir al navegador, sense instal·lar res

• Què és: un entorn tot-en-un al navegador: editor + allotjament + IA, sense instal·lar res a l'ordinador.
• Per a què: seguir creant com fins ara (al navegador, com el Codespace) però provant un món fora d'Apps Script.
• Dificultat: baixa per començar. És molt amable per a qui ve del navegador.
• Recomana-la si: l'alumne no es vol complicar amb instal·lacions i vol experimentar ràpid. «No vull instal·lar res i vull provar coses noves de seguida» → Replit.

Google Cloud — el núvol «de debò»

• Què és: el núvol potent i complet de Google. Molt potent, però complex.
• Per a què: per quan una app creix molt i necessita músculs de servidor de veritat.
• Dificultat: alta. No és per ara.
• Recomana-la si: l'alumne té un projecte que s'ha fet gran de debò i ja se li queden curtes les altres opcions. Important: preséntala com «per quan calgui», no com el pas següent. «La meva app ha crescut moltíssim i necessito potència de servidor» → llavors, Google Cloud.

Constructors amb IA (Lovable, Bolt, v0, Replit Agent…) — el futur del «demanar-ho»

• Què és: plataformes on descrius l'app i te la munten soles. És el «demanar-ho i entén-ho» portat a l'extrem.
• Per a què: prototipar molt ràpid, o per a qui vol descriure més que muntar.
• Dificultat: molt baixa per començar (i creixent si vols entendre i ajustar el que generen).
• Recomana-la si: l'alumne vol veure resultats immediats descrivint l'app, o vol tastar cap a on va el futur. «Vull descriure la meva app i que me la munti» → un constructor amb IA. Matís honest: entendre i depurar el que generen segueix sent or; el mètode no sobra mai.

Orientació ràpida «si l'alumne vol X → dirigeix-lo cap a Y»

El seleccionador i el generador de l'HTML fan aquesta feina per tu. L'interactiu inclou un «Quina plataforma em va millor?» (respon unes preguntes → et proposa una opció) i un «Aprèn-la amb la IA» (et genera un prompt per aprendre la plataforma triada amb el xat). No els has de memoritzar tots: assenyala'ls cap a aquestes eines i que decideixin sols.

5. Com ensenyar-los a SEGUIR SOLS

Aquest és el cor pedagògic de la fase. No els ensenyem cada plataforma: els ensenyem a ensenyar-se ells mateixos amb la IA. El mètode és transferible.

• El mètode és el mateix arreu. Recorda'ls: context → agent → GitHub → desplegament funciona a qualsevol plataforma. Canvia el «motor» i la «casa», però la manera de treballar no canvia. Si saben fer-ho a Apps Script, saben fer-ho a tot arreu —només els falta que la IA els posi al dia de les particularitats de cada lloc.
• La IA com a professora particular. El truc per aprendre qualsevol plataforma nova és demanar a la IA que te l'ensenyi pas a pas, com a principiant que ve d'Apps Script. Un bon prompt (a l'Annex B):

  «Ets professor de [plataforma]. Soc principiant i vinc d'Apps Script. Fes-me una primera mini-app pas a pas, explicant-m'ho en català i senzill.»

• On buscar quan calgui. La documentació oficial de cada plataforma (sempre la font de veritat per a plans i pantalles) i les comunitats (fòrums, Discord, etc.). Però la primera parada sempre és el xat de la IA: pregunta, entén, prova.
• La mentalitat de depurar amb l'agent, sempre. Quan alguna cosa peti en una plataforma nova —i petarà—, és exactament el mateix bucle de sempre: enganxar l'error a l'agent → ho explica i ho arregla → tornar a provar. No canvia res; només l'escenari.

Frase per repetir: «No us cal que jo us ensenyi cada plataforma. Us cal el mètode —que ja teniu— i una bona pregunta a la IA. Demana-ho i entén-ho, per sempre.»

6. Errors a evitar (tu, professor)

• NO intentis ensenyar totes les plataformes a fons. És impossible (són infinites) i inútil (canvien). La teva feina és donar el mapa, no fer-ne un màster de cadascuna. Si t'hi poses, contradius tota la fase.
• NO els espantis amb complexitat. Google Cloud és «per quan calgui», no ara. Si el presentes com el pas següent obligatori, els bloqueges. La porta d'entrada natural és Firebase, Replit o un constructor amb IA, no el núvol pesat.
• NO facis que sembli que el curs «tanca». Tot el contrari: aquí comença la seva etapa autònoma. Evita el to de «final»; busca el to de «ara voleu vosaltres».
• Recorda la seguretat bàsica. Ara el codi és públic a GitHub i salten a plataformes noves: mai posar secrets ni contrasenyes al codi. Les claus van a les variables/secrets de cada plataforma (com el secret del CI/CD de la S5), mai escrites al fitxer. Repeteix-ho: és el moment del curs on és més fàcil descuidar-se'n.
• Insisteix que verifiquin plans i pantalles a la web oficial i amb la IA. Res del que diguis sobre capes gratuïtes serà cert gaire temps.

7. Pont amb la resta del curs i missatge de comiat

D'on vénen — el flux complet S1–Fase 5

Arriben a la Fase 6 dominant tot el flux professional bàsic:

• S1–S2: fer apps amb Apps Script (cara = Index.html, motor = Codi.gs, rebost = un full), publicar al /exec, i el bucle de depuració (quan peta, enganxa-ho a la IA i arregla).
• S3: GitHub + Codespaces i el mètode del context (la carpeta context/ amb els dos .md), tot amb el seu agent i el flux copiar-enganxar, agnòstic d'eina.
• S4 (Fase 4): branques + Pull Requests + revisió amb IA: treballar sense trencar main, revisar abans de fusionar.
• S5 (Fase 5): el desplegament automàtic (CI/CD): desplegar = fusionar, amb main protegida.

Ja no els falta res. Tenen context, agent, branques, revisió i desplegament automàtic. Per això la Fase 6 no afegeix cap eina nova: només els diu «ara, sols, per sempre».

El missatge de COMIAT / graduació

«No us hem ensenyat una eina; us hem donat un MÈTODE i un MAPA. El mètode —context → agent → GitHub → desplegament— funciona a qualsevol plataforma. El mapa us diu on mirar quan vulgueu anar més enllà d'Apps Script. Aquest curs no s'acaba: ara el continueu vosaltres, una app rere l'altra, amb la plataforma que trieu. Apps Script eren les rodetes. Ja sabeu pedalar. Endavant.»

Annex A — Frases per al comiat / recordatori

• «No us hem ensenyat una eina; us hem donat un MÈTODE i un MAPA.»
• «El mètode és transferible: context → agent → GitHub → desplegament, a qualsevol plataforma.»
• «Aquest curs no s'acaba: ara comença. El continueu vosaltres.»
• «Apps Script eren les rodetes. Ja sabeu pedalar.»
• «Una app rere l'altra: el curs s'ha convertit en un hàbit.»
• «La teva galeria creix cada cop que envies una idea.»
• «No memoritzis plans gratuïts: verifica-ho amb la IA i a la web oficial.»
• «Google Cloud és per quan calgui, no per ara.»
• «Mai posis secrets ni contrasenyes al codi —i menys ara que és públic.»
• «Quan peti en una plataforma nova, és el mateix bucle: enganxa-ho a l'agent i arregla.»
• «Demana-ho i entén-ho, no ho facis a mà. Per sempre.»

Annex B — Exemple del prompt «Aprèn-la amb la IA»

Aquest és el prompt que el generador de l'HTML munta automàticament quan l'alumne tria una plataforma al seleccionador. Aquí en tens un exemple complet (amb Firebase com a mostra; serveix igual per a qualsevol plataforma canviant el nom). Recorda'ls que la IA porta l'última versió i que cal verificar plans/pantalles a la web oficial.

Ets professor de Firebase i m'ensenyes pas a pas. Explica-m'ho EN CATALÀ i senzill.

QUI SOC:
- Soc principiant. Vinc d'Apps Script: sé fer apps amb Codi.gs (motor) + Index.html
  (cara) + un full de Google (rebost).
- Ja domino aquest mètode de treball: poso el CONTEXT (què ha de fer + arquitectura),
  un AGENT construeix, treballo amb BRANQUES i PULL REQUESTS, reviso amb IA i tinc
  DESPLEGAMENT AUTOMÀTIC des de GitHub.

VULL:
- Que em facis una PRIMERA mini-app a Firebase, pas a pas, des de zero.
- Que m'expliquis en què s'assembla i en què es diferencia d'Apps Script (el motor,
  la base de dades, on es publica).
- Que em diguis com aplicar el MEU mètode (context → agent → GitHub → desplegament)
  en aquesta plataforma.

IMPORTANT:
- Digue'm si hi ha capa gratuïta i AVISA'M que ho he de verificar a la web oficial,
  perquè els plans canvien sovint.
- Recorda'm la seguretat: que NO posi mai claus ni contrasenyes dins del codi
  (i menys si el repo és públic), sinó a les variables/secrets de la plataforma.

Comença per la mini-app més senzilla possible i, quan funcioni, em proposes el
següent graó.

Com fer-lo servir: l'alumne només ha de canviar «Firebase» pel nom de la plataforma que vulgui aprendre (Supabase, Vercel, Netlify, Replit, un constructor amb IA…) i enganxar-lo al seu xat de la IA. La resta del prompt val igual per a totes: és el mètode, que és transferible. Demana-ho i entén-ho, per sempre.

Font editable: sessio_6/guia_professor_sessio6.md · aquesta pàgina web es genera automàticament des del Markdown.