--- title: Codificant Robots description: Taller de Future Learning Unit per CosmoCaixa dins el marc de exposició "Robots_Els humans i les màquines" Autors: Santi Fuentemilla, Xavier Dominguez, Julie Mallet, Manuela Reyes calendari: Cicle de Ciència `NADAL A COSMOCAIXA` (22_12_2018 a 07_01_2019) --- ###### tags: `CosmoCaixa` `Robot` `FLU` `Future Learning Unit` `Fab Lab Barcelona` # CODIFICANT ROBOTS ![](https://i.imgur.com/QwuUrnf.jpg) ## 01.DETALLS TÈCNICS - **Nom de l’activitat:** Codificant Robots - **Tipus de públic a qui va dirigida:** Famílies amb nens i nenes +7 anys - **Durada**: 1h 30min - **Lloc de realització:** CosmoCaixa - **Nombre de participants:** 20 participants amb un màxim de 12 masqueres en total. 2-3 persones / família - **Autors**: Santi Fuentemilla, Xavier Dominguez, Julie Mallet, Manuela Reyes - **Per accedir joc VR - Coding Robots:** http://codingrobots.futurelearningunit.com/ - **Per accedir Codi - Coding Robots:** http://codingrobots.futurelearningunit.com/codi ## 02.DISTRIBUCIÓ DE L’ESPAI Plànols de muntatge de la sala ## 03.RELACIÓ EXPERIMENTS-ACTIVITATS / DURADA - Muntatge ulleres realitat virtual (*google cardboard*) - Muntatge i customització de la màscara de cartró - Connexió de components electrònics: leds, motor i placa NodemCU - Acoblar màscara-robot amb components electrònics - Activar robot amb formulari pàgina web - Joc online per aconseguir el codi binari ( Realitat Virtual ) - Desxifrar la lletra a partir del codi binari - Entre tots els participants desxifrar la paraula clau i introduir-la al formulari per aconseguir el premi ( “CODING ROBOTS” ) ## 04.OBJECTIUS GENERALS ### Estructura de l’activitat #### Introducció: L’objectiu general d’aquesta activitat és obrir una porta als participants al món dels robots i el pensament computacional a través de l’experimentació maker, el joc i la realitat virtual. Els objectius d’aprenentatge els classifiquem en 4 i es volen aconseguir ( a diferent nivell) tan en els nens i nenes com en els seu acompanyants adults: :::warning - TECNOLOGIA I PENSAMENT COMPUTACIONAL: - codi, electrònica, realitat virtual e internet de les coses. - CREATIVITAT: - disseny , experimentació amb materials i creació d’un robot. - SOCIALITZACIÓ: - cóm s’ajuden els participants entre ells, com es deixen ajudar, si comparteixen, si s’ho passen bé. - PERSONAL: - si es veuen capaç de fer coses noves, si surten amb ganes d’experimentar, de desenvolupar el pensament computacional a través del codi. ::: #### Objectiu específic de cada pràctica - Muntatge i customització de la màscara de cartró - Creativitat, Socialització i experiència de creació personal i col·lectiva. - Muntatge ulleres realitat virtual - google cardboard - Creativitat, Tecnología, Socialització i experimentació personal. - Connexió de components electrònics: leds, motor i placa NodemCU - Tecnología i experimentació personal. - Acoblar màscara-robot amb components electrònics - Socialitació, Creativitat i Experimentació Personal. - Activar robot amb formulari pàgina web - Tecnología - Joc online per aconseguir el codi binari ( Realitat Virtual ) - Tecnología, Experimentació Personal , Socialització - Desxifrar la lletra a partir del codi binari - Tecnología, Experimentació Personal , Socialització - Entre tots els participants desxifrar la paraula clau i introduir-la al formulari per aconseguir el premi ( “CODING ROBOTS” ) - Creativitat, Experimentació Personal , Socialització - Desenvolupament de cada pràctica - Tancar a partir de l’experiència amb educadors CosmoCaixa. #### Idea/Conceptes - Cóm es crea la sensació inmersiva en el món virtual ? - Cóm s’ha creat el món virtual ? - Cóm funciona un robot ? - Qué es el codi binari i per a qué serveix ? - Conceptes bàsics electrònica: polaritat, conductivitat, components, llei de Ohm - Cóm es conecta el món virtual amb la màscara física ? Què és el “Internet de les Coses” ? - Quine semblances hi ha entre un robot i una persona ? - Qué significa programar ? ## 05.INSTRUCCIONS DE MUNTATGE <iframe src="https://player.vimeo.com/video/307573916" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/307573916">Codificant Robots</a> from <a href="https://vimeo.com/fablabbcn">Fab Lab Barcelona</a> on <a href="https://vimeo.com">Vimeo</a>.</p> <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vSZEnSuNJkdLPkWaIufmIjywqGsBaK2zHvfNWHsXTGGKVHtEqBVNlpZNCDllxh-q0Cr1pzkBciMi-wB/embed?start=false&loop=false&delayms=3000" frameborder="0" width="640" height="360" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> ## 06. COM JUGAR - Construeix el teu Robot ( màscara amb ulleres VR[sensor entrada], leds [actuador], motors[actuador], microxip [cervell], font alimentació[bateria]) - Accedeix amb el telèfon mòvil a la pàgina del joc per aconseguir el codi secret[http://codingrobots.futurelearningunit.com/] ![](https://i.imgur.com/8uAfrFs.png) - Fica el telèfon a la màscara. "Connecta" les parts que necessita qualsevol Robot per funcionar: - microxip[verd] - actuadors[groc] - font d'alimentació [vermell] - sensors[taronja] ![](https://i.imgur.com/VkSj1e3.png) - Quan hagiu connectat totes les parts rebreu un codi binari (0's i 1's) i s'activaran els leds i el motor de la màscara. Desxifreu el codi amb el diccionari. ![](https://i.imgur.com/zslv4lO.png) - Ajudeu a la resta de l'equip per acabar la màscara. - Introduiu cadascú el vostre codi per desxifrar la paraula màgica [http://codingrobots.futurelearningunit.com/codi] ![](https://i.imgur.com/vT2Nzi7.png) ## 07.CODIFICANT EL JOC Codificat Robots és una activitat on la programació ha estat molt important. Hem fet servir totes aquestes eines i llenguatges de programació: - HTML5 i Javascript per fer tota la interfície web. - A-Frame [https://aframe.io/] és un framework de codi obert per crear experiències de realitat virtual. Nosaltres l'hem fet servir per programar el joc de WebVR i es basa en HTML i Javascript. - PHP per programar la connexió entre el joc, l'electrònica i la base de de dades del servidor. - MySQL és un sistema de gestió de bases de dades relacional (anglès RDBMS - Relational DataBase Management System) multi-fil (multithread) i multiusuari, que usa el llenguatge SQL (Structured Query Language). - Sonic Pi [https://sonic-pi.net/] és un entorn de programació en viu (live coding) basat en Ruby desenvolupat per Sam Aaron al Laboratori d'Informàtica de la Universitat de Cambridge en col·laboració amb la Fundació Raspberry Pi. Nosaltres l'hem fet servir pels efectes de so i la música del joc. - Arduino IDE [https://www.arduino.cc] és un entorn de programació per plaques electròniques. Nosaltres l'hem fet servir per programar la placa nodemcu, el cervell del nostre robot. Un dels objectius d'aquesta activitat és inspirar i obrir un nou món de possibilitats a través de la programació. Si voleu veure el codi de "Codificant Robots" visiteu el repositori de l'activitat [https://gitlab.com/flu/codingrobots] ## 08.CÓM ÉS LA XARXA DE CODIFICANT ROBOTS ? ![](https://i.imgur.com/cDDQpz5.png) ## 09.RESUM DE MATERIAL (tot) ### Equipament ### Material fungible | **Qt.** | **MATERIAL** | **FOTOS** | | :------: | :------ | :------: | | | | | | 1 | [DIY Google Cardboard VR](https://es.aliexpress.com/item/DIY-Google-Cardboard-Virtual-Reality-VR-Mobile-Phone-3D-Viewing-Glasses-for-5-0-Screen-Wholesale/32830651353.html?spm=a2g0s.13010208.99999999.280.24c43c004OGP7U) | | | 50 cm | [Cordón Elástico](https://www.amazon.es/70-yards-longitud-Trenzado-El%C3%A1stico-elastic-white/dp/B01MFEG64F/ref=pd_sim_201_6?_encoding=UTF8&pd_rd_i=B01MFEG64F&pd_rd_r=c298cbae-f620-11e8-8dbd-79b0bd51dd1a&pd_rd_w=5QG5r&pd_rd_wg=Ez3m2&pf_rd_i=desktop-dp-sims&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=cc1fdbc2-a24a-4df6-8bce-e68491d548ae&pf_rd_r=13KPT7N6V6ESCW9PH7S6&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&psc=1&refRID=13KPT7N6V6ESCW9PH7S6) | | | 2 | [Pilota de Pingpong](https://www.amazon.es/dp/B01AH133KU/ref=sspa_dk_hqp_detail_aax_0?psc=1) | | | 1 | [Caja de cartró canal simple - 30x30x30cm](https://www.rajapack.es/cajas-carton-contenedores-cajas-postales/cajas-carton-cajas-americanas/cajas-carton-canal-simple-rajabox-30x30x30cm_skuCAS19ES.html) | | | 1 | [Planxa cartó - 60x50cm](https://www.mwmaterialsworld.com/es/plancha-de-carton-de-capas.html) | | | 2 x 35 cm | [Tub flexible de PVC - 6x8mm](https://www.mwmaterialsworld.com/es/formatos/tubos-flexibles/goma/tubo-flexible-de-pvc-cristal.html) | | | 1 | [Cutter - 9mm](https://www.amazon.es/ARTGEAR-Cuchillas-Profesional-Autom%C3%A1tico-Herramientas/dp/B079DMYWPQ/ref=pd_sbs_60_9?_encoding=UTF8&pd_rd_i=B079DMYWPQ&pd_rd_r=b12e47fb-f5c6-11e8-94da-638eeb29e841&pd_rd_w=wVlHN&pd_rd_wg=5Tb6N&pf_rd_i=desktop-dp-sims&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=NASBS2BY96TWZAFPM02D&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&psc=1&refRID=NASBS2BY96TWZAFPM02D) | | | 1 | [Tisores](https://www.amazon.es/Apli-Kids-Tijeras-unidades-colores/dp/B00GKBQKI4/ref=pd_sbs_229_3?_encoding=UTF8&pd_rd_i=B00GKBQKI4&pd_rd_r=6afb1db9-f5c3-11e8-bed3-773608197450&pd_rd_w=ZQqTL&pd_rd_wg=d5F4m&pf_rd_i=desktop-dp-sims&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=BW23EFTHH5B3WXPP85HW&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&psc=1&refRID=BW23EFTHH5B3WXPP85HW) | | | 2 | [Cola en barra 7x180mm](https://www.amazon.es/Raintwo-Pegamento-Termofusible-Transparente-Selladores/dp/B071YKCKJD/ref=pd_sim_79_4?_encoding=UTF8&pd_rd_i=B071YKCKJD&pd_rd_r=79bc34ff-f5c5-11e8-8be7-27f2720f188e&pd_rd_w=JZH8m&pd_rd_wg=nwZI1&pf_rd_i=desktop-dp-sims&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=cc1fdbc2-a24a-4df6-8bce-e68491d548ae&pf_rd_r=32AJK322PNAV6AAVQWZ5&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&psc=1&refRID=32AJK322PNAV6AAVQWZ5) | | | 1 | [Minipistola de silicona](https://www.amazon.es/Minipistola-el%C3%A9ctrica-temperatura-proyectos-manualidades/dp/B072MCKVRQ/ref=pd_sbs_60_2?_encoding=UTF8&pd_rd_i=B072MCKVRQ&pd_rd_r=7362cd3d-f5c4-11e8-826b-2d5c836b76fa&pd_rd_w=k3fB7&pd_rd_wg=bMaJ1&pf_rd_i=desktop-dp-sims&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=ZHG1J1JS3YYDXJDQQXTA&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&psc=1&refRID=ZHG1J1JS3YYDXJDQQXTA) | | | 1 | [Monedas de Velcro (parelles)](https://www.amazon.es/ATPWONZ-Pegajoso-Adhesivos-Autoadhesivo-Adhesivo/dp/B0778NXMC4/ref=pd_sbs_201_3?_encoding=UTF8&pd_rd_i=B0778NXMC4&pd_rd_r=1b2995f8-f5c6-11e8-8309-399f83cae6f0&pd_rd_w=XyHvf&pd_rd_wg=Q4lnL&pf_rd_i=desktop-dp-sims&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=6HS3WBH6SZV48GBNHC50&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&psc=1&refRID=6HS3WBH6SZV48GBNHC50) | | | 2 x 35cm | [Filferro d'acer galvanitzat - Diàmetre 1,8](https://www.amazon.es/Filpack-FGG18-Alambre-acero-galvanizado/dp/B00AKA9YZC/ref=pd_sbs_60_1?_encoding=UTF8&pd_rd_i=B00AKA9YZC&pd_rd_r=f1a23ebe-fc82-11e8-ae2a-13faee57be72&pd_rd_w=rNhfZ&pd_rd_wg=f3qTo&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=6VVG6V8TCXYY2M0VK1C0&psc=1&refRID=6VVG6V8TCXYY2M0VK1C0) | | | 1 | [Tires LED 5050 RGB 5m de Longitud](https://www.amazon.es/ALED-Multicolor-Alimentaci%C3%B3n-Eficiencia-Energ%C3%A9tica/dp/B00VFME0Q2/ref=sr_1_6?s=lighting&ie=UTF8&qid=1544650719&sr=1-6&keywords=led) | | | 1 | [NodeMcu Lua WIFI - ESP8266](https://www.amazon.es/tinxi%C2%AE-NodeMCU-Internet-Desarrollo-ESP8266/dp/B01GCK3J40/ref=pd_sbs_147_2?_encoding=UTF8&pd_rd_i=B01GCK3J40&pd_rd_r=91385be2-feac-11e8-b2e4-3f90368f41c0&pd_rd_w=THSAO&pd_rd_wg=T9amB&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=N04DXDA6RKZXSW9SKQA3&psc=1&refRID=N04DXDA6RKZXSW9SKQA3) | | | 1 | [Micro Servo 9g SG90](https://www.amazon.es/Kuman-Micro-Controles-Aeroplano-Helic%C3%B3ptero/dp/B01MXPTCHO/ref=sr_1_2?s=electronics&ie=UTF8&qid=1544687856&sr=1-2&keywords=mini+servo) | | | 1 | [Kit de Soldadura, VicTsing 60W](https://www.amazon.es/Electr%C3%B3nica-Destornillador-Pelacables-Interruptor-Temperatura/dp/B07C7WLMYG/ref=pd_sbs_60_2?_encoding=UTF8&pd_rd_i=B07C7WLMYG&pd_rd_r=e7268af6-f5d2-11e8-86ef-db32b55a2361&pd_rd_w=gMDSQ&pd_rd_wg=OyUGG&pf_rd_i=desktop-dp-sims&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=085TW4MRQNSRSWF5QBQF&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&psc=1&refRID=085TW4MRQNSRSWF5QBQF) | | | 1 | [Cable Alargador USB 2,0 Metro Mascle a Femella](https://www.amazon.es/dp/B00B2HP2UI/ref=sspa_dk_detail_1?pd_rd_i=B00B2HP3A2&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=6d677afd-64cf-48fe-9556-faf126f8d23c&pd_rd_wg=1Ba1U&pf_rd_r=H0BFG199CPG992K1A02X&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&pd_rd_w=gaANM&pf_rd_i=desktop-dp-sims&pd_rd_r=4341769b-f620-11e8-9199-93a0264a9794&th=1) | | | 1 | [Carregador USB de paret de 10 ports](https://www.amazon.es/dp/B0773CDT69/ref=sspa_dk_detail_1?psc=1&pd_rd_i=B0773CDT69&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=6d677afd-64cf-48fe-9556-faf126f8d23c&pd_rd_wg=1AuCj&pf_rd_r=WKHDXMM090MGC9HAXEHT&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&pd_rd_w=XfPcX&pf_rd_i=desktop-dp-sims&pd_rd_r=34f5576c-f65f-11e8-a603-63e832f88de2) | | | 1 | [Cable Micro USB](https://www.amazon.es/Cable-Micro-Carga-TeckNet-Kabel/dp/B012FUM2S0/ref=pd_sbs_147_5?_encoding=UTF8&pd_rd_i=B012FUMDI4&pd_rd_r=ee79dd33-f65f-11e8-8309-399f83cae6f0&pd_rd_w=sWhM9&pd_rd_wg=bGa8G&pf_rd_i=desktop-dp-sims&pf_rd_m=A1AT7YVPFBWXBL&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=MP0ET1VZRRSXG4FXME5Y&pf_rd_s=desktop-dp-sims&pf_rd_t=40701&refRID=MP0ET1VZRRSXG4FXME5Y&th=1) | | | 2 | [Cables mascle/femella - Vermell](https://www.mouser.es/ProductDetail/SchmartBoard/920-0152-01?qs=sGAEpiMZZMvh1pRuiUVjFbdVmy8cJpgTVlYL3IgliZrQbWCOQ90f7Q%3d%3d) | | | 2 | [Cables mascle/femella - Negre](https://www.mouser.es/ProductDetail/SchmartBoard/920-0154-01?qs=sGAEpiMZZMvh1pRuiUVjFbdVmy8cJpgT1OO7cL5AgpxDuXAyXbd9lQ%3d%3d) | | | 1 | [Tira de Terminals (12 mm, 4 mm, 3 A)](https://www.amazon.es/Fixpoint-Clema-conexiones-color-blanco/dp/B00XAP6FI8/ref=pd_sbs_60_3?_encoding=UTF8&pd_rd_i=B000V8JYM6&pd_rd_r=850aa2b5-0550-11e9-b808-fdb51f2211df&pd_rd_w=W4rcd&pd_rd_wg=bGVhu&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=TGYX7SNE21D1RWEFP7D2&refRID=TGYX7SNE21D1RWEFP7D2&th=1) | | | 1 | [7 en 1 Alicates Multifuncionales](https://www.amazon.es/ProsKit-8PK-3161-Alicates-Prensadores-Multifuncionales/dp/B07BJZ36WF/ref=pd_sbs_60_6?_encoding=UTF8&pd_rd_i=B07BJZ36WF&pd_rd_r=2f86ea15-fe5b-11e8-b2e4-3f90368f41c0&pd_rd_w=BaU8G&pd_rd_wg=Sxzn5&pf_rd_p=544b4b06-0fdf-4032-855d-b06c1b9b547a&pf_rd_r=94Z7GNG0BHWMTW19B3TQ&psc=1&refRID=94Z7GNG0BHWMTW19B3TQ) | | | 2 | [LED RED DIFFUSED 10MM](https://www.digikey.es/products/es?keywords=1497-1356-ND%09) | | | 2 | [LED GREEN DIFFUSED 10MM](https://www.digikey.es/product-detail/es/kingbright/WP813GD/754-1898-ND/3084264) | | | 35cm | [Cable Negre](https://diotronic.com/mowmbk-bobina-100m-hilo-negro_4809/) | | | 35cm | [Cable Vermell](https://diotronic.com/mowmr-bobina-100m-hilo-rojo_4810/) | | | 1 | [Cinta aïlant](https://www.amazon.es/Cinta-aislante-negra-Maveek-unidades/dp/B0717BPCVN/ref=sr_1_5?s=tools&ie=UTF8&qid=1546274036&sr=1-5&keywords=cinta+aislante) | | | 1 | [Cinta Adhesiva](https://www.amazon.es/MAXKO-americana-adhesiva-reforzada-adhesivo/dp/B01MUSUMUS/ref=lp_3049556031_1_26?s=tools&ie=UTF8&qid=1546273995&sr=1-26) | | ### Altres ## 09.INFORMACIÓ ADICIONAL ### Textos – lectures: Informació per saber-ne més (per contextualitzar als educadors) http://codingrobots.futurelearningunit.com/ https://aframe.io/ https://www.arduino.cc/ https://sonic-pi.net/ https://es.wikipedia.org/wiki/C%C3%B3digo_binario https://vr.google.com/intl/es_es/cardboard/manufacturers/ https://www.tinkercad.com/circuits ### Imatges del taller (i/o dels detalls dels materials) **Infografia de Connexions** ![](https://i.imgur.com/nniUCXZ.png) **Circuit Electrònic** ![](https://i.imgur.com/27spE53.jpg) [Arxiu descarrega Fritzing](https://gitlab.com/flu/codingrobots/raw/master/Coding_Robots.fzz) ### Disseny i Plantilles **Diseny de la mascara amb Blender** ![](https://i.imgur.com/FHG33N4.jpg) ![](https://i.imgur.com/NGsDCqh.png) [Arxiu 3D descarrega](https://gitlab.com/flu/codingrobots/raw/master/disseny/Robot.blend) **Accesoris per a la construcció i presonalització del robot** ![](https://i.imgur.com/FiHBL05.jpg) [Arxiu descarrega](https://gitlab.com/flu/codingrobots/raw/master/disseny/Robot_laser.zip) **Ulleres de Realitat Virtual** ![](https://i.imgur.com/7EW6xJt.png) [Arxiu descarrega](https://gitlab.com/flu/codingrobots/raw/master/disseny/VR_cardboards.zip) ### Associació NodemCU , Codi i Codi Binari | **ID's ROBOTS** | **LLETRA** | **CODI BINARI** | | :------: | :------: | :------: | | 1-5 | **C** | 010-00011 | | 6-10 | **O** | 010-01111 | | 11-15 | **D** | 010-00100 | | 16-20 | **I** | 010-01001 | | 21-25 | **N** | 010-01110 | | 26-30 | **G** | 010-00111 | | 31-35 | **R** | 010-10010 | | 36-40 | **O** | 010-01111 | | 41-45 | **B** | 010-00010 | | 46-50 | **O** | 010-01111 | | 51-55 | **T** | 010-10100 | | 56-60 | **S** | 010-10011 | ### Data Analytics: <iframe width="700" height="400" frameborder="0" scrolling="no" src="//plot.ly/~xavidominguez/1.embed"></iframe> ## 10.CREDITS Aquesta activitat ha estat dissenyada, fabricada i codificada per **Santi Fuentemilla, Xavier Dominguez, Julie Mallet, Manuela Reyes** de [Future Learning Unit] e Impulsada per [Cosmocaixa](https://cosmocaixa.es)