6 juny Lleida

Els deu Manaments Docents

Adaptats dels originals de Santiago Moll

VI Intentaré resoldre els conflictes per mí mateix

I Aprendré prompte els noms del meus alumnes

VII Seré empàtic

II Entraré a l'aula amb un somriure

VIII Negociarem i descriurem perfectament les normes de convivència a l'aula

III Sorprendré a l'inici de la classe

Fundació Flors (Vila-real)

IX Seré digitalment competent

IV No cridaré, insultaré ni faltaré al respecte als meus alumnes

X Disfrutaré d'aquesta professió

V Me preocuparé pels meus alumnes

Imatge generada per Dall-E 3

Este es el meu cotxe

Quantes apps has fet?

Imatges fetes en Gemini

Què és el Vibe Coding?

És una forma de programar en què ja no s’escriu codi directament línia a línia, sinó que es conversa amb una IA generativa que entén instruccions en llenguatge natural i transforma eixes converses en codi funcional.

Imagen creada con ChatGPT

"No estem formant programadors, estem empoderant docents perquè creen les eines que ells i el seu alumnat necessiten..."

Exemple

Docent

"Vull una app per a que el meu alumnat practique en el símbols dels elements"

Resposta IA

Prova

Exemple

Exemple

Iteració 1

"Funciona, però m'agradaria que apareguera la Taula Periòdica i tu proposes el nom de l'element i el meu alumne identifique el símbol en la Taula

Després de més 20 iteracions

I ara... què voleu que faça?

I moltes més opcions ...

MRU (Física)

@sanforbel

Geologia

Biologia

Generador de SdA

Química

Traductor de reunions

Identifica els vertebrats

Altres

http://eboixader.es

I pots aprofitar la feina d'altres

Idea original de Miquel Flexas

La meua opció...

Sol·licita a la IA que no repetisca i que consulte a la IA

Com puc rebre el feedback del meu alumnat?

Tinc tres opcions

Nacho Mata

Tinc tres opcions

PDF i/o QR

Full de càlcul

Com puc descarregar-ho?

2.- Pegar en el Bloc de Notes (Windows) Text Editor en Mac

1. Copiar el codi

Important: 1.- Guardar com a "Text sense format" 2.- Mantenir el nom dels arxius per exemple: index.html ; script.js , styles. css (sense majúscules ni espais) 3.- Guardar els arxius a la mateixa carpeta

És possible que exisitsquen més d'un arxiu. L'acció la farem d'un en un

3. Executar i comprovar el seu funcionament correcte

Fes clic a l'arxiu index.html

Com puc descarregar-ho?

Directament al Google Sites

1. Entra en GitHub

3. Poner un nombre y crear repositorio

2. Nuevo repositorio

3. Poner un nombre y crear repositorio

5.- Clic en Settings -> Pages -> Seleccionar Main

4.- Subir todos los archivos de la app y aceptar

6.- Espera un minuto y vuelve a dar a pages, tendras el enlace

Copiar la Url

Com puc descarregar-ho?

Copiar la Url

Copiar la Url

Copiar la Url

Copiar la Url

Arrastra a la pantalla del móvil

Copiar la Url

Incluye el enlace de la app de Netlify

Copiar la Url

Copiar la Url

Deus seguir el següents pasos: 1.- Canva IA 2.- Seleccionar "Programar" 3.- Una vegada tens la app -->"Publicar" farà una web que no funciona (al menys a mi) 4.- "Usar en un diseño" --> Sitio web 5.- Compartir 6.- Cambiar a "Cualquier persona que tenga el enlace" 7.- "Enlace público" 8.- Ara m'en vaig a "Estadísticas" (al costat de vista prèvia) 9.- "Copiar el enlace" i este sí que me funciona