# 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

| Camp | Detall |
|---|---|
| **Fase** | 6 (Sessió 6) — El bucle infinit + el mapa per sortir d'Apps Script |
| **Format** | **Online, AUTÒNOM i INFINIT.** Sense data de final, sense minutat, sense deures a corregir. És un **recurs de graduació** que l'alumne fa servir per sempre |
| **Durada** | **No té.** El bucle es repeteix tant com l'alumne vulgui; el mapa es consulta quan li cal |
| **Objectiu** | Que l'alumne surti del curs amb dues coses: un **HÀBIT de crear apps** (el bucle que repeteix sol) i un **MAPA** per triar plataforma i **seguir investigant tot sol** quan vulgui anar més enllà d'Apps Script |
| **Requisits previs** | Haver completat **S1–Fase 5**: compte de Google, compte i repo de GitHub, fer apps amb Apps Script (`Codi.gs` + `Index.html` + un full), el **mètode del context**, treballar amb un **agent** al Codespace, **branques + PR + revisió amb IA**, i el **desplegament automàtic** (CI/CD: merge → publica sol, `main` protegida) |
| **Material teu** | L'HTML interactiu de la Fase 6 (per enviar com a recurs de graduació) i disponibilitat per a dubtes asíncrons un temps. *(Opcional)* organitzar una **mostra final voluntària** |

### 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»

| Si l'alumne vol… | Dirigeix-lo cap a… |
|---|---|
| El salt **més suau**, seguir dins de Google, amb usuaris i BD de debò | **Firebase** |
| **Sortir de Google** amb una base de dades SQL estàndard i portable | **Supabase** |
| **Publicar una web moderna** des de GitHub (el flux que ja sap) | **Vercel / Netlify** |
| **No instal·lar res** i experimentar ràpid al navegador | **Replit** |
| Potència de servidor perquè l'app **s'ha fet molt gran** | **Google Cloud** (per quan calgui) |
| **Descriure** l'app i que **te la muntin** | **Constructors amb IA** |

>  **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.**