technological creativity

45
echnological creativi Dr. Francisco Pérez García Institut Pompeu Fabra www.tecnologies.net 1 Viladecans, 29 de març de 2

Upload: francisco-perez

Post on 14-May-2015

109 views

Category:

Education


7 download

DESCRIPTION

Jornada d'inclusió digital Viladecans, 29 de març de 2014

TRANSCRIPT

Page 1: Technological creativity

1

Technological creativity

Dr. Francisco Pérez GarcíaInstitut Pompeu Fabrawww.tecnologies.net

Viladecans, 29 de març de 2014

Page 2: Technological creativity

2

Page 3: Technological creativity

3

PERQUÈ PROGRAMAR?

• La informàtica té a veure tant amb els ordinadors com el que te a veure l’astronomia amb els telescopis. Edsger Dijkstra

• La revolució de la informàtica encara no ha succeït. Allan Kay

• La depuració de errades és la essència de l’activitat intelectual. Seymour Pappert

Page 4: Technological creativity

4

TINKERING

Page 5: Technological creativity

5

Tinkering, l’estil “MacGyver” A la conferència “Tinkering” a l’Exploratorium de San Francisco:

“Tinkering es el que passa quan intentes fer alguna cosa que no saps exactament quina és guiat pel desig, la imaginació i la curiositat.Quan fas tinkering, no hi ha instruccions, tampoc hi ha fracassos ni formes correctes i incorrectes de fer les coses” Es tracta de fer coses, construir coses com per exempleambARDUINOAltres eines I llenguatges de programació

Page 6: Technological creativity

ASE2013 Dr.Pérez 6

L’actitud hacker dels nostres estudiants

Page 7: Technological creativity

7

Actitud Hacker dels nostres estudiants(llibre: Eric S. Raymond’s How To Become a Hacker):1. El món està ple de problemes fascinants per ser resolts.2. Cap problema ha de ser resolt dues vegades.3. Hem de lluitar contra l’avorriment.4. La llibertat és bona.5. L’actitud no és un substitut de la competència.

Page 8: Technological creativity

Estudiants fent servir tecnologia o estudiants creant tecnologia?

Page 9: Technological creativity

Només necessitem maquinari bastant comú incloent Arduino…

Page 10: Technological creativity

No cal saber parlar molts llenguatges de programació, només els més fàcils…

Page 11: Technological creativity

Més enllà de w3schools.comUna mica de programari…

Page 12: Technological creativity

12

Emprant App Inventor http://ai2.appinventor.mit.eduExemple de l’alumne Dani García, més informació amb jocs, questionaris, informació científica a http://csgarciareyes.wordpress.com/category/medicinal-plants/

Page 13: Technological creativity

Què és Processing?• Programa derivat de Java• Codi obert• Intuitiu• Fàcil de programar amb video i audio• Múltiples biblioteques disponibles, per exemple

-Realitat augmentada-Visió per computador-Audio

Page 14: Technological creativity

Biblioteques de realitat augmentadaamb marcadors(NyAR4psg, NyAR2)

Biblioteques de realitat augmentadasense marcador(OpenCV library)

Carregar objectes 3D(Saito OBJLoader library)

Biblioteca codi QR

Comunicació de dades (biblioteques per SMS,bases de dades SQL,…)

Aprenentatge de màquina(biblioteca Gnet)

Biblioteca Arduino(http://tecnologies.net/?page_id=206)

Jocs (p.ex. Biblioteca pBox2D)

Robots Lego(biblioteca NTXcomm)

Page 15: Technological creativity

REALITAT AUGMENTADA AMB PROCESSING

Page 16: Technological creativity
Page 17: Technological creativity
Page 18: Technological creativity
Page 19: Technological creativity

19

Què és Arduino?

• Maquinari de codi obert• Programari de codi obert• Barata, fàcilment disponible• Molt extés, molts projectes disponibles a

internet.• Molts complements disponibles

http://shieldlist.com.

Page 20: Technological creativity

ASE2013 Dr.Pérez 20

Arduino Uno

Page 21: Technological creativity

21

ESPLORA

LEONARDO

Page 22: Technological creativity

22

Programant amb Arduino

• Sintaxis molt fàcil d’aprendre• Potent• Molt potent compatible amb Processingwww.processing.org• Motls exemples de codi• Moltes biblioteques disponibles• Descarregable des de www.arduino.cc

Page 23: Technological creativity

Moltes pràctiques per 25 euros en material

https://www.box.com/s/q8x75kuoyd7bmbfso0g6

Page 24: Technological creativity

24

Comentarissobre el codi

Codi deconfiguracióDefinirvariables

Codi principalrepetitiu

Page 25: Technological creativity

ASE2013 Dr.Pérez 25

Page 26: Technological creativity

26

http://www.youtube.com/watch?v=UQEtOJE02wEControl de motor d’un làser que irradia una superfície

Page 27: Technological creativity

ASE2013 Dr.Pérez 27

http://www.youtube.com/watch?v=e1iUjelHC6w

Page 28: Technological creativity

28

Controlant cub de LEDs

Page 29: Technological creativity

ASE2013 Dr.Pérez 29

Page 30: Technological creativity

ASE2013 Dr.Pérez 30

http://www.youtube.com/watch?v=z4Qo9NDDRco

Page 31: Technological creativity

ASE2013 Dr.Pérez 31

Microcontrolador ATMega328

Sensors(entradesanalògiques)

Cervell

Vista

Tacte

GustOlfacte

Oïda

Músculs

Nervis Cables, Circuit

Cor

Actuadors(entradesanalògiques)

Page 32: Technological creativity

ASE2013 Dr.Pérez 32

CONTROLANT UN LED TIPUS RGB

Page 33: Technological creativity

ASE2013 Dr.Pérez 33

Sortida de llum en LED RGB depenentde la llum ambientaldetectada amb LDR

Page 34: Technological creativity

ASE2013 Dr.Pérez 34

http://www.youtube.com/watch?v=hxkYNy4zTWc

Page 35: Technological creativity

ASE2013 Dr.Pérez 35

Page 36: Technological creativity

36

https://www.youtube.com/watch?feature=player_embedded&v=F_yaprO4ylgRECONEIXEMENT DE VEU I TOCANT MÚSICA AMB ARDUINO

Page 37: Technological creativity

37

Spychip technology?

Page 38: Technological creativity

38

https://www.youtube.com/watch?feature=player_embedded&v=1a4fqJCzIA8MESURANT CONTAMINANTS AMB ARDUINO

Page 39: Technological creativity

39

Emmagatzemant dades de sensors online: www.cosm.comwww.nimbits.com, www.thingspeak.com

Page 40: Technological creativity

40

Exposant la recerca durant la Setmana de la Ciència

http://www.youtube.com/watch?v=F_xkHOpMA9s

Page 41: Technological creativity

ASE2013 Dr.Pérez 41

Page 42: Technological creativity

42http://www.youtube.com/watch?v=O1MvwAw_MHk

Page 43: Technological creativity

43

http://www.youtube.com/watch?v=FbuvE1n18ZE

Page 44: Technological creativity

44

https://www.youtube.com/watch?v=EhL1GB65tFY&feature=player_embeddedAparell binari: Exemple de treball creatiu en grups

Page 45: Technological creativity

45

AGRAÏMENTS i REFERÈNCIES

El projecte “Technological creativity” és un Projecte Integrat de Llengües Estrangeres concedit a l’Institut Pompeu Fabra de Martorell des de l’any 2012 al 2014

Més informació a www.tecnologies.net

Material online basat en articles científics mèdics i tecnològics a: http://www.formaciovirtual.com/cs

http://www.processing.orghttp://www.arduino.cchttp://ai2.appinventor.mit.eduhttp://www.w3schools.com