SlideShare uma empresa Scribd logo
1 de 45
Technological creativity
Dr. Francisco Pérez García
Institut Pompeu Fabra
www.tecnologies.net
1
Viladecans, 29 de març de 2014
2
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
3
TINKERING
4
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 exemple
amb
ARDUINO
Altres eines I llenguatges de programació
5
L’actitud hacker dels nostres estudiants
ASE2013 Dr.Pérez 6
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. 7
Estudiants fent servir tecnologia o estudiants creant tecnologia?
Només necessitem maquinari bastant comú incloent Arduino…
No cal saber parlar molts llenguatges de programació, només els més fàcils…
Més enllà de w3schools.com
Una mica de programari…
12
Emprant App Inventor http://ai2.appinventor.mit.edu
Exemple de l’alumne Dani García, més informació amb jocs, questionaris, informació
científica a http://csgarciareyes.wordpress.com/category/medicinal-plants/
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
Biblioteques de realitat augmentada
amb marcadors
(NyAR4psg, NyAR2)
Biblioteques de realitat augmentada
sense 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)
REALITAT AUGMENTADA AMB PROCESSING
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.
19
Arduino Uno
ASE2013 Dr.Pérez 20
21
ESPLORA
LEONARDO
Programant amb Arduino
• Sintaxis molt fàcil d’aprendre
• Potent
• Molt potent compatible amb Processing
www.processing.org
• Motls exemples de codi
• Moltes biblioteques disponibles
• Descarregable des de www.arduino.cc
22
Moltes pràctiques per 25 euros en material
https://www.box.com/s/q8x75kuoyd7bmbfso0g6
24
Comentaris
sobre el codi
Codi de
configuració
Definir
variables
Codi principal
repetitiu
ASE2013 Dr.Pérez 25
26
http://www.youtube.com/watch?v=UQEtOJE02wE
Control de motor d’un làser que irradia una superfície
ASE2013 Dr.Pérez 27
http://www.youtube.com/watch?v=e1iUjelHC6w
28
Controlant cub de LEDs
ASE2013 Dr.Pérez 29
ASE2013 Dr.Pérez 30
http://www.youtube.com/watch?v=z4Qo9NDDRco
ASE2013 Dr.Pérez 31
Microcontrolador
ATMega328
Sensors
(entrades
analògiques)
Cervell
Vista
Tacte
Gust
Olfacte
Oïda
Músculs
Nervis Cables, Circuit
Cor
Actuadors
(entrades
analògiques)
CONTROLANT UN LED TIPUS RGB
ASE2013 Dr.Pérez 32
ASE2013 Dr.Pérez 33
Sortida de llum en
LED RGB depenent
de la llum ambiental
detectada amb LDR
ASE2013 Dr.Pérez 34
http://www.youtube.com/watch?v=hxkYNy4zTWc
ASE2013 Dr.Pérez 35
36
https://www.youtube.com/watch?feature=player_embedded&v=F_yaprO4ylg
RECONEIXEMENT DE VEU I TOCANT MÚSICA AMB ARDUINO
37
Spychip technology?
38
https://www.youtube.com/watch?feature=player_embedded&v=1a4fqJCzIA8
MESURANT CONTAMINANTS AMB ARDUINO
Emmagatzemant dades de sensors online: www.cosm.com
www.nimbits.com,www.thingspeak.com
39
Exposant la recerca durant la Setmana de la Ciència
http://www.youtube.com/watch?v=F_xkHOpMA9s
40
ASE2013 Dr.Pérez 41
http://www.youtube.com/watch?v=O1MvwAw_MHk 42
http://www.youtube.com/watch?v=FbuvE1n18ZE
43
44
https://www.youtube.com/watch?v=EhL1GB65tFY&feature=player_embedded
Aparell binari: Exemple de treball creatiu en grups
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.org
http://www.arduino.cc
http://ai2.appinventor.mit.edu
http://www.w3schools.com
45

Mais conteúdo relacionado

Destaque (18)

Adrian Arrebola
Adrian ArrebolaAdrian Arrebola
Adrian Arrebola
 
PresentacióN Enric.I.F
PresentacióN Enric.I.FPresentacióN Enric.I.F
PresentacióN Enric.I.F
 
Powerpoint
PowerpointPowerpoint
Powerpoint
 
WEBIBLOG
WEBIBLOGWEBIBLOG
WEBIBLOG
 
European dimension
European dimensionEuropean dimension
European dimension
 
Projecte Euromediterrani
Projecte EuromediterraniProjecte Euromediterrani
Projecte Euromediterrani
 
Educational systems
Educational systemsEducational systems
Educational systems
 
How to program software and objects
How to program software and objectsHow to program software and objects
How to program software and objects
 
Intercanvi amb Polònia
Intercanvi amb PolòniaIntercanvi amb Polònia
Intercanvi amb Polònia
 
Innovació en plantes medicinals
Innovació en plantes medicinalsInnovació en plantes medicinals
Innovació en plantes medicinals
 
11 M Attacks Adrià Flores Moliner
11 M Attacks Adrià Flores Moliner11 M Attacks Adrià Flores Moliner
11 M Attacks Adrià Flores Moliner
 
Josep Alemany Cervera
Josep Alemany CerveraJosep Alemany Cervera
Josep Alemany Cervera
 
Comiat2n
Comiat2nComiat2n
Comiat2n
 
Fotos de martorell antigues
Fotos de martorell antiguesFotos de martorell antigues
Fotos de martorell antigues
 
Martorellmeadow
MartorellmeadowMartorellmeadow
Martorellmeadow
 
Hector Y Roger, Tsunami Of Asia
Hector Y Roger, Tsunami Of AsiaHector Y Roger, Tsunami Of Asia
Hector Y Roger, Tsunami Of Asia
 
Plant biodiversity and health 2010 programme
Plant biodiversity and health 2010 programmePlant biodiversity and health 2010 programme
Plant biodiversity and health 2010 programme
 
Viatge2011
Viatge2011Viatge2011
Viatge2011
 

Semelhante a Technological creativity

#ProjecteCatapulta - Document d'inici de projecte
#ProjecteCatapulta - Document d'inici de projecte#ProjecteCatapulta - Document d'inici de projecte
#ProjecteCatapulta - Document d'inici de projecteSergi del Moral
 
Nous artesans digitals 2a ed
Nous artesans digitals 2a edNous artesans digitals 2a ed
Nous artesans digitals 2a edXarxa Punt TIC
 
Recull materials curs nous artesans
Recull materials curs nous artesansRecull materials curs nous artesans
Recull materials curs nous artesansXarxa Punt TIC
 
Origen i vigència de la Multimèdia
Origen i vigència de la MultimèdiaOrigen i vigència de la Multimèdia
Origen i vigència de la Multimèdiavictoorlh
 
'Educant per al futur. Més enllà dels ginys tecnològics'
'Educant per al futur. Més enllà dels ginys tecnològics''Educant per al futur. Més enllà dels ginys tecnològics'
'Educant per al futur. Més enllà dels ginys tecnològics'La Mandarina de Newton
 
Tapiro3D. L'institut virtual
Tapiro3D. L'institut virtualTapiro3D. L'institut virtual
Tapiro3D. L'institut virtualCarme Matas
 
Agenda del curs i
Agenda del curs iAgenda del curs i
Agenda del curs itiavidal
 
Cloud computing: Gestió de la Informació i la Productivitat
Cloud computing: Gestió de la Informació i la ProductivitatCloud computing: Gestió de la Informació i la Productivitat
Cloud computing: Gestió de la Informació i la ProductivitatLaura Rosillo Cascante
 
Recursos i reflexions al voltant de l’alfabetizació digital
Recursos i reflexions al voltant de l’alfabetizació digitalRecursos i reflexions al voltant de l’alfabetizació digital
Recursos i reflexions al voltant de l’alfabetizació digitalGabriel Gonzalez Carrillo
 
L'organització de les TIC als centres d'infatil i primària. Pla TIC.
L'organització de les TIC als centres d'infatil i primària. Pla TIC.L'organització de les TIC als centres d'infatil i primària. Pla TIC.
L'organització de les TIC als centres d'infatil i primària. Pla TIC.Beaserna
 
L'organització de
L'organització deL'organització de
L'organització deClara119
 
Aprenentatge a través de les PDI
Aprenentatge a través de les PDIAprenentatge a través de les PDI
Aprenentatge a través de les PDIampapb
 
Ut3 Procés tecnologic
Ut3 Procés tecnologicUt3 Procés tecnologic
Ut3 Procés tecnologiclluís nater
 

Semelhante a Technological creativity (20)

#ProjecteCatapulta - Document d'inici de projecte
#ProjecteCatapulta - Document d'inici de projecte#ProjecteCatapulta - Document d'inici de projecte
#ProjecteCatapulta - Document d'inici de projecte
 
Nous artesans digitals 2a ed
Nous artesans digitals 2a edNous artesans digitals 2a ed
Nous artesans digitals 2a ed
 
Recull materials curs nous artesans
Recull materials curs nous artesansRecull materials curs nous artesans
Recull materials curs nous artesans
 
Origen i vigència de la Multimèdia
Origen i vigència de la MultimèdiaOrigen i vigència de la Multimèdia
Origen i vigència de la Multimèdia
 
Qr fecc14
Qr fecc14Qr fecc14
Qr fecc14
 
Qr fecc14
Qr fecc14Qr fecc14
Qr fecc14
 
'Educant per al futur. Més enllà dels ginys tecnològics'
'Educant per al futur. Més enllà dels ginys tecnològics''Educant per al futur. Més enllà dels ginys tecnològics'
'Educant per al futur. Més enllà dels ginys tecnològics'
 
Catàleg d'eines digitals per a professionals de l'Administració. Dolors Reig
Catàleg d'eines digitals per a professionals de l'Administració. Dolors ReigCatàleg d'eines digitals per a professionals de l'Administració. Dolors Reig
Catàleg d'eines digitals per a professionals de l'Administració. Dolors Reig
 
Tapiro3D. L'institut virtual
Tapiro3D. L'institut virtualTapiro3D. L'institut virtual
Tapiro3D. L'institut virtual
 
The Last Frontier
The Last FrontierThe Last Frontier
The Last Frontier
 
Agenda del curs i
Agenda del curs iAgenda del curs i
Agenda del curs i
 
Els tallers d'electrònica amb Arduino i Scratch a la Biblioteca Maria Àngels ...
Els tallers d'electrònica amb Arduino i Scratch a la Biblioteca Maria Àngels ...Els tallers d'electrònica amb Arduino i Scratch a la Biblioteca Maria Àngels ...
Els tallers d'electrònica amb Arduino i Scratch a la Biblioteca Maria Àngels ...
 
Cloud computing: Gestió de la Informació i la Productivitat
Cloud computing: Gestió de la Informació i la ProductivitatCloud computing: Gestió de la Informació i la Productivitat
Cloud computing: Gestió de la Informació i la Productivitat
 
Recursos i reflexions al voltant de l’alfabetizació digital
Recursos i reflexions al voltant de l’alfabetizació digitalRecursos i reflexions al voltant de l’alfabetizació digital
Recursos i reflexions al voltant de l’alfabetizació digital
 
L'organització de les TIC als centres d'infatil i primària. Pla TIC.
L'organització de les TIC als centres d'infatil i primària. Pla TIC.L'organització de les TIC als centres d'infatil i primària. Pla TIC.
L'organització de les TIC als centres d'infatil i primària. Pla TIC.
 
L'organització de
L'organització deL'organització de
L'organització de
 
Aprenentatge a través de les PDI
Aprenentatge a través de les PDIAprenentatge a través de les PDI
Aprenentatge a través de les PDI
 
Tecnologia i el procés tecnològic
Tecnologia i el procés tecnològicTecnologia i el procés tecnològic
Tecnologia i el procés tecnològic
 
Coneixem l'entorn on som? Com es produeix la descoberta?
Coneixem l'entorn on som? Com es produeix la descoberta?Coneixem l'entorn on som? Com es produeix la descoberta?
Coneixem l'entorn on som? Com es produeix la descoberta?
 
Ut3 Procés tecnologic
Ut3 Procés tecnologicUt3 Procés tecnologic
Ut3 Procés tecnologic
 

Mais de Francisco Perez

Mais de Francisco Perez (20)

Coding tools
Coding toolsCoding tools
Coding tools
 
Analysing the Universe
Analysing the UniverseAnalysing the Universe
Analysing the Universe
 
Contaminants
ContaminantsContaminants
Contaminants
 
Docking 1
Docking 1Docking 1
Docking 1
 
Campus Ítaca UAB
Campus Ítaca UABCampus Ítaca UAB
Campus Ítaca UAB
 
Vivid library powerpoint
Vivid library powerpointVivid library powerpoint
Vivid library powerpoint
 
Multicultural theatres
Multicultural theatresMulticultural theatres
Multicultural theatres
 
D'ESO a CF 2019
D'ESO a CF 2019D'ESO a CF 2019
D'ESO a CF 2019
 
Debating in Latvia
Debating in LatviaDebating in Latvia
Debating in Latvia
 
Projecte amb institut xinès
Projecte amb institut xinèsProjecte amb institut xinès
Projecte amb institut xinès
 
Projecte Erasmus+
Projecte Erasmus+Projecte Erasmus+
Projecte Erasmus+
 
Visit Jeonbuk High School (Corea)
Visit Jeonbuk High School (Corea)Visit Jeonbuk High School (Corea)
Visit Jeonbuk High School (Corea)
 
Guia pràctica per fer un bon tr btx 20 consells
Guia pràctica per fer un bon tr btx 20 consellsGuia pràctica per fer un bon tr btx 20 consells
Guia pràctica per fer un bon tr btx 20 consells
 
Essay
EssayEssay
Essay
 
Presentation for Portugal
Presentation for PortugalPresentation for Portugal
Presentation for Portugal
 
Sant Jordi 2018
Sant Jordi 2018Sant Jordi 2018
Sant Jordi 2018
 
Ponderacions catalunya pau 2018
Ponderacions catalunya pau 2018Ponderacions catalunya pau 2018
Ponderacions catalunya pau 2018
 
Des d'ESO a CCFF 2018
Des d'ESO a CCFF 2018Des d'ESO a CCFF 2018
Des d'ESO a CCFF 2018
 
Class lists
Class listsClass lists
Class lists
 
Families are reading the world classic novels
Families are reading  the world classic novelsFamilies are reading  the world classic novels
Families are reading the world classic novels
 

Último

Programa Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes SaPrograma Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes SaISMAELALVAREZCABRERA
 
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERSSuperAdmin9
 
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfISMAELALVAREZCABRERA
 
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfISMAELALVAREZCABRERA
 
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.Lasilviatecno
 
feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555twunt
 
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdfINFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdfErnest Lluch
 

Último (7)

Programa Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes SaPrograma Dansa Ara Garraf Les Roquetes Sa
Programa Dansa Ara Garraf Les Roquetes Sa
 
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
4 RATLLES - MAIG 2024 - ESCOLA AMETLLERS
 
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
 
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdfESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
ESCOLA MEDITERRÀNIA revista Sant Jordi 2024__MOSTRA (1).pdf
 
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
 
feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555feedback.pdf55555555555555555555555555555
feedback.pdf55555555555555555555555555555
 
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdfINFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
INFORME_BAREM_PROVISIONAL_BAREMELLUCH.pdf
 

Technological creativity