Programación por bloques en la educación para la industria 4.0 Bogodev - LatamDev - Red Hat 2018

1. Director General de Bildung Colombia
Director de redes y eventos de ixmatic
Co-Director de REDCOLRE
@javiertecteos
redes@ixmatic.org
jegcgarcas.wordpress.com
Red Colombiana de
Robótica Educativa

2. https://labtechcolombia.wordpress.com/
http://scratchbogota.weebly.com/

3. Cursos de educación no formal
Asesorías pedagógicas
Gestión y acompañamiento a
eventos

4. Cursos de educación no formal
• Robótica BEAM
• Robótica con Arduino
• Diseño e impresión 3D
• Programación con Scratch: enfocado al
desarrollo de videojuegos
• Biotecnología
• Realidad Aumentada y
• Realidad Virtual

12. Tecnologías
4.0???

14. INDUSTRIA 4.0

18. Industria
4.0
Sistema
cyber-fisico
Realidad
Aumentada
IoT
Big data
Cloud
computing
Fabricación
aditiva
Robótica
colaborativa
Ciber-
seguridad

19. programación
Sistema
cyber-fisico
Realidad
Aumentada
IoT
Big data
Cloud
computing
Fabricación
aditiva
Robótica
colaborativa
Ciber-
seguridad

20. Industria
4.0
productos Servicios

22. http://historico.enlaces.cl/index.php?t=44&i=2&cc=1940&tm=2

23. “la frontera entre el mundo físico
y el virtual ya es indivisible”
(“humanoffon” autor Andy Stalman)

26. Lenguajes por bloques

27. Ventajas
• Incentiva el pensamiento computacional
• Evita tener que preocuparse de los errores de sintaxis.
• Los errores de sintaxis son muy comunes en otros
lenguajes de programación.
• Con bloques esto es cosa del pasado.
• Sólo debes preocuparte por imaginar, programar y
compartir.
• Muy útil para crear desde historias y videojuegos, hasta
la luna (literal).

28. versiones de Scratch
complementos de Scratch
modificaciones de Scratch
De acuerdo a la aplicación
Programación por bloques tangibles
Lenguajes por bloques

29. Lenguajes por
bloques
versiones de
Scratch
1.4
2.0
3.0
complementos
de Scratch
Kinect 2
Scratch
modificaciones
de Scratch
S4A
Blockly
De acuerdo a la
aplicación
Interaccion fisica
Makey makey
Arduino
Raspberry
Iot (internet de
las cosas)
Programación
por bloques
tangibles
Project bloks
Por: Javiertecteos
2017

30. smalltalk
squeak
•Scratch 1.X
•S4A
JavaScript +
Action Script
Scratch 2.X
JavaScript
Blockly
•Scratch 3.0
•App Inventor
•CODE
•Microsoft
Make Code
•Micro bit
Lenguajes de programación por
bloques

31. blocklyJavaScript
Python
PHP
Lua
Dart

36. ¿Qué es Scratch?

38. Emily Langer, Revista the Washingtong post
https://www.washingtonpost.com/national/seymour-papert-mit-professor-who-connected-children-
with-computers-dies-at-88/2016/08/03/59009d08-582a-11e6-9aee-8075993d73a2_story.html
Adam Rogers, Revista wired http://www.wired.com/2016/01/we-asked-a-robot-to-write-an-obit-for-ai-pioneer-
marvin-minsky/

39. Emily Langer, Revista the Washingtong post
https://www.washingtonpost.com/national/seymour-papert-mit-professor-who-connected-children-
with-computers-dies-at-88/2016/08/03/59009d08-582a-11e6-9aee-8075993d73a2_story.html
Adam Rogers, Revista wired http://www.wired.com/2016/01/we-asked-a-robot-to-write-an-obit-for-ai-pioneer-
marvin-minsky/
Marvin Minsky Seymour Papert

42. Mitchel Resnick
2007

43. Scratch es un proyecto gratuito
del MIT que enseña a cualquier
persona a programar

44. Qué Es Scratch?
Scratch es un entorno de aprendizaje, un lenguaje de
programación que permite a los principiantes aprender a
programar. Facilita introducirse y jugar con la programación de
ordenadores utilizando una interfaz gráfica muy sencilla.
El programa se basa en bloques gráficos y en una interfaz muy
sencilla e intuitiva.
Entorno colaborativo virtual .
Se puede utilizar desde muchos lugares, mientras se disponga de
una conexión a internet.

46. Ventajas
• Es un programa gratuito y de software libre.
• Es perfecto para introducirse en la
programación.
• Está disponible para varios sistemas operativos
(Windows, MAC, linux).
• Permite compartir los proyectos a través del
web, se pueden descargar y utilizar. Pudiendo
ser descargados y utilizados por otras
personas.

47. Ventajas
• Es Open Source
• Hace parte de una comunidad mundial
• Lleva 10 años en el mercado

48. Filosofía Scratch
Imaginar
Programar y
compartir

49. " no queremos que los niños
consuman cosas, queremos
que puedan crear y dar forma
al mundo que los rodea."

50. Existen dos versiones:
Scratch 1.4 Scratch 2.0

53. https://scratch.mit.edu/

54. https://fossbytes.com/mit-google-programming-language-kids-scratch-blocks/

55. Scratch Blocks
O
Scratch 3.0
https://scratch.mit.edu/developers

56. videojuegos

57. Adultos y 3ra edad
Animaciones

58. 2015

59. http://scratchbogota.weebly.com/
1er Scratch Day Bogotá el 19 de
mayo en ¼ tech maker
space
2do Scratch Day Bogotá 2016
Sábado 14 de mayo de
2016
En la Universidad
Pedagógica Nacional
3er Scratch Day Bogotá 2017
13 de mayo de 2017
En el Colegio Reyes
Católicos

60. 4to Scratch Day Bogotá 2018
22 de agosto de 2018
En el Liceo Chico Campestre
Calle 221 No. 53-82 Bogotá, Colombia
Organizado por: Fundación ixmatic, Scratch Colombia, Bildung
Colombia, Red Colombiana de Robótica Educativa, Liceo Chicó
Campestre.
Contacto, preguntas, dudas y aclaraciones:
Javier Garzón – 312 576 8514 - scratchbogota@gmail.com

61. Scratch Day Fontibón
Jueves, 26 de
octubre

62. Scratch Engativá

63. Scratch Colombia
2015

65. https://scratchcolombia.wordpress.com/
Comunidad de Scratchers y Scratch Day en Colombia, conoce
las comunidades locales y haz parte de esta comunidad.
Es una comunidad que busca crear, colaborar, incentivar y
reaprender entre estudiantes, profesores, industria, niños,
jóvenes y adultos a nivel local, nacional e internacional.
Pasto
Magangué
Boyacá
Santander
otros
Correo: colombiascratch@gmail.com

66. Red Colombiana de
Robótica educativa

67. #ScratchDay Colombia

68. COMUNIDAD
Es una red que busca crear, colaborar, incentivar y
reaprender entre estudiantes, profesores, industria,
niños, jóvenes y adultos a nivel local, nacional e
internacional.
Compartir y Colaborar
Ser parte activa de una sociedad globalizada que
participa, construye y trabaja con otras personas para
ayudar en la apropiación de la ciencia y la tecnología.

69. Estas son las comunidades actuales:
desde 2015
● Scratch Bogotá
● Scratch Tolú, Sucre
● Scratch Neiva
desde 2016
● Scratch Pasto
● Scratch Sincelejo
● Scratch Magangué,
Bolívar
● Scratch Combitá, Boyacá
● Scratch Bucaramanga
desde 2017
● Scratch Villavo
● Scratch Popayán
● Scratch Casanare

70. http://scratchalsur.org/

71. ¿porque la
comunidad de
Scratch Colombia?

72. ● Potencializar el trabajo de cada miembro y de cada
comunidad, en cualquier parte de Colombia.
● Colaborar en alianzas nacionales e internacionales.
● Compartir experiencias en el uso técnico y pedagógico de
la herramienta Scratch, la programación, la ciencia de la
información pensamiento tecnologico, pensamiento
computacional y pensamiento algoritmico.
● Somos aliados de:
○ REDCOLRE (Red Colombiana de Robotica Educativa).
○ Robotic People

73. Herramientas de
la comunidad

74. ● Comunidad Scratch Colombia
● líderes de la comunidad
Formularios de:

75. https://scratchcolombia.wordpress.com/
blog

76. redes sociales
#ScratchColombia
twitter
facebook
grupo de facebook
instagram
whatsapp
linkedin

77. twitter
https://twitter.com/ColombiaScratch

78. facebook
https://www.facebook.com/ScratchColombia/

79. grupo en facebook
https://www.facebook.com/groups/scratchmite
nespanol/

80. instagram
@colombiascratch

81. linkedin
https://www.linkedin.com/groups/8492207

82. Videojuego de laberinto en el curso de videojuegos. Fundación Ixmatic

84. • ARSPOT - Scratch para Realidad Aumentada
• S4A - Scratch para Arduino
• KinectScratch - Scratch para Kinect
• otros
Algunas de estas modificaciones son:

85. Bloques para el mundo físico

89. Makey makey y frutas para interactuar con el videojuego
http://makeymakey.com/

90. https://www.youtube.com/watch?v=rfQqh7iCcOU

93. ARDUINO

95. http://blog.teslabem.com/la-historia-no-contada-de-arduino/
http://barraganstudio.com/
Hernando Barragán

96. http://wiring.org.co/

103. http://exiii-hackberry.com/

105. https://www.ardusat.com/
http://openspace.wikia.com/wiki/Open_Source_Aerospace_Wiki

108. Hangouth
Latinoamericano
En Arduino Day 2017

109. 2018

110. 2018
Arduino
+
Iot (internet de las cosas)
+
Raspberry Pi
+
Impresión 3D

111. 2018
Arduino
+
Iot (internet de las cosas)
+
Raspberry Pi
+
Impresión 3D
Open Source
Hardware
(OSH)
2020

112. Entornos
autónomos
Software GNU
• Minibloq
• Ardubloq
• Amici
• Mblock
• Kittenblock
Software
comercial
• Modkit
• Visuino
• visualino
Entornos
esclavos
Software GNU
• Etoys
• S4A
• Snap4Arduino
Software
comercial
• Labview
• Firefly (rhino)
• MyOpenLab
Tipos de entorno de programación básica para arduino

113. Scratch + Arduino

114. S4A

116. Arduino S4A

117. Robots con arduino

122. https://jegcgarcas.wordpr
ess.com/2018/06/21/prog
ramando-con-bloques-un-
satelite/

126. AR Spot
Scratch 2.0
kinect2Scratch
Scratch
Realidad
Aumentada

127. Augmented Environments Lab (AEL) http://ael.gatech.edu/lab/research/authoring/arspot/
ARSPOT
2012

128. 2012

129. https://jegcgarcas
.wordpress.com/2
018/05/15/video-
sending-scratch/

130. Realidad Aumentada
con Scratch
Tecnologías
aeroespaciales para
niños
En Maker Faire Bogotá
en Maloka
2015

132. kinect2Scratch
Scratch Kinect

133. Kinect 2 Scratch
Versión 1 – 2012
Versión 2 – 2015
Stephen Howell shows the Kinect to the audience at
Scratch@MIT Conference 2012. Dr. Sugiura &
Prof. Kishi are also pictured. @saorog

134. Kinect2Scratch was developed by Stephen Howell. It is available at http://scratch.saorog.com

135. Scratch con Kinect
Robotic People Fest 2015
En USB Bogotá
SOFA 2015 en Corferias

136. Probando juegos de
Scratch con kinect

137. videojuegos con Scratch y kinect 1er sem – Funixmatic https://www.youtube.com/watch?v=1pJhCMwPjcU

138. videojuegos con Scratch y kinect 2 1er sem Funixmatic https://www.youtube.com/watch?v=3AxRT7USQFM

139. Kinect + Scratch + LEGO
Control 2 Motor Lego Wedo with Kinect and Scratch https://www.youtube.com/watch?v=77sH8O7ikJg&list=PLW10M-w59z-endBN-We2Pv-ExlkVjmCDM&index=3

140. Control 2 Motor Lego Wedo with Kinect and Scratch https://www.youtube.com/watch?v=77sH8O7ikJg&list=PLW10M-w59z-endBN-We2Pv-ExlkVjmCDM&index=3

142. micro brazo con arduino scratch y Kinect https://youtu.be/kI8BYval8YI

144. IoT

145. Internet

146. http://historiaybiografias.com/internet1/
En la actualidad es una enorme red que conecta
redes y computadoras distribuidas por todo el
mundo, permitiéndonos comunicarnos y buscar
y transferir información sin grandes
requerimientos tecnológicos ni económicos
relativos para el individuo.
las computadoras están interconectadas de
forma tal que pueden compartir entre ellas
archivos de datos, programas, impresoras y
otros recursos. Normalmente, estas redes
disponen de uno o varios ordenadores,
llamados servidores, que son los que
almacenan la información y controlan los
periféricos a compartir.

148. ¿Qué es el internet de las
cosas?
El internet de las cosas es la
interconexión digital entre los objetos y
hace referencia al momento donde haya
más cosas conectadas que personas.

152. Comunicación

153. Sistemas cyber físicos para iot
interactuar con el mundo físico
mbed

154. Los principales 5 desafíos con los que se
encuentra el ecosistema de IoT fueron
enumerados por Rachel Kalmar en una
conferencia reciente durante el evento TedxSF en
San Francisco (US). Estos son:
● La falta de una infraestructura compartida
● La falta de Estándares
● Duración de la batería
● Control de los datos
● Intercambio de información

155. Experiencia de Aprendizaje IoT
Alta Consejería Distrital de TIC
IoT (Internet de las cosas)
ViveLab Bogotá
Universidad Nacional

156. ¿Cómo se programa?
Tarjeta medialab

157. ESP 8266

159. http://easycoding.tn/tuniot/demos/code/

160. www.cea-iot.org
correo: contacto@cea-iot.org.

162. https://www.facebook.com/groups/10639623
97010676/
Iot (internet of things)
Colombia
Meetup iot Colombia https://iotcolombia.wordpress.com/

164. IMPRESIÓN 3D

165. http://youtube.com/watch?v=tyb5WfBgdQM

166. https://youtu.be/nf7ZcQ8qd4Y

167. ¿Solo para imprimir el
logo de Scratch?
Premiación en reto Scratch 2017

168. http://beetleblocks.com/

170. Aplicaciones
de
modelado
3D
Animación
Videojuegos 3D
RA
RV
Simulación
Mapping
Impresión 3D
holograma

171. Mapping

172. Mapping - la Fiesta de las Luces de Lyon – BOGOTA
https://www.youtube.com/watch?v=jkJSdw799Kc&ab_channel=VLSeventtechnology

173. Aplicaciones
de
modelado
3D
Animación
Videojuegos 3D
RA
RVSimulación
Mapping
Impresión 3D

174. http://www.slideshare.net/tecnotic/introduccin-curso-realidad-aumentada-y-educacin
Gratuitos, Libres y Open Source privativos
Industrialgráfico

175. http://www.slideshare.net/tecnotic/introduccin-curso-realidad-aumentada-y-educacin

176. introducción a escaneo 3D
https://jegcgarcas.wordpress.com/2016/11/18/introduccion-a-escaneo-3d/
Video 3D Scanned Chinese Dynasties | Experience Amazing | Intel
https://www.youtube.com/watch?v=6JhiENwjwlE

177. Reinoso, R (2013). Introducción a la realidad Aumentada.EOE 2013. Recuperado el 12 de octubre de 2013 de, http://www.slideshare.net/tecnotic/introduccin-a-la-realidad-
aumentada-eoe-2013
AR Spot
Scratch 2.0
kinect2Scratch

178. Talleres de robótica con RA

179. Realidad Virtual - VR

180. https://cospaces.io/edu/

182. Prótesis

183. https://estudiantes.elpais.com/EPE2016/periodico-digital/ver/equipo/1052/articulo/protesis--de-la-necesidad-al-entretenimiento

184. Hazlo tu mismo
Prótesis

189. programación
ciencia de la
información
pensamiento
tecnologico
pensamiento
computacional
pensamiento
algoritmico

190. Formas de
programar
código
Programación
grafica
Programación
por bloques

191. http://scratchx.org/

196. es un ordenador de placa reducida o
(placa única) (SBC) de bajo coste
desarrollado en Reino Unido por
la Fundación Raspberry Pi, con el
objetivo de estimular la enseñanza
de ciencias de la computación en las
escuelas.
Raspberry Pi

201. GPIO

204. Kano OS

205. robótica

206. Modificaciones
de Scratch

207. https://developers.google.com/blockly/

208. https://code.org/

209. https://blockly-games.appspot.com/
blockly

210. https://www. scratchjr.org/
scratchjr

211. http://appinventor.mit.edu/explore/
App inventor

212. https://www.wyliodrin.com/

213. https://blogs.windows.com/buildingapps/2016/09/06/windows-10-iot-core-
blockly/#12iLT3LxuyWiz6Sf.97
Windows 10 IoT Core Blockly

214. https://makecode.com/

215. http://kittenbot.cc/kittenblock/

216. Programación
con bloques
tangibles

217. https://projectbloks.withgoogle.com/

218. https://www.youtube.com/watch?v=AuRTS35ouTs

219. programación
ciencia de la
información
pensamiento
tecnologico
pensamiento
computacional
pensamiento
algoritmico

220. Formas de
programar
código
Programación
grafica
Programación
por bloques

221. http://rigaux.org/language-study/diagram-light.png
Historia de los lenguajes de
programación

222. Historia de los
lenguajes
Smalltak-
80
squeak
Scratch 1.4
Action
Script
Scratch 2.0
JavaScript
Blockly
Scratch 3.0

223. Modificaciones
de Scratch

225. blocklyJavaScript
Python
PHP
Lua
Dart

226. Blockly, https://developers.google.com/blockly/
Github blockly, https://github.com/google/blockly
Blockly

228. https://code.org/

229. https://blockly-games.appspot.com/

230. https://www.scratchjr.org/

231. http://appinventor.mit.edu/explore/

232. https://projectbloks.withgoogle.com/

233. https://www.youtube.com/watch?v=AuRTS35ouTs

237. (Robot Operating System) es
un meta sistema operativo
de código abierto
mantenido por la Open
Source Robotics
Foundation (OSRF)
ROS
http://www.ros.org/

238. ROS fue originalmente desarrollado en 2007 por el
Laboratorio de Inteligencia Artificial de Stanford (SAIL)
con el soporte del proyecto Standfor AI Robot. En 2008
se continuó el desarrollo en Willow Garage,
incubadora de empresas y un laboratorio de
investigación robótica dedicada a la creación de
software de código abierto para las aplicaciones para
robots personales con más de 20 instituciones
colaborando en el desarrollo. En febrero de 2013, ROS
se transfirió a la Open Source Robotics Foundation.

240. ROS: Three Years, https://youtu.be/7cslPMzklVo

242. Blockly, http://wiki.ros.org/blockly
robot_blockly, http://wiki.ros.org/robot_blockly
Github ros_blockly, https://github.com/lucasw/ros_blockly

245. Robot Blockly: using APM Rover, https://youtu.be/2wmcBtiU924

246. Francisco Galvez Ramirez. Programando Ordenadores Cuánticos en T3chFest 2018.
https://www.youtube.com/watch?v=qCrVHKDroRg

247. ¿Cómo
acercarse al
mundo de la
tecnología?
Curisosidad
Exploración
Averiguar
Diversión
Investigar
Desarrollar
retroalimentar
Implementar

250. Gracias
Director de redes y eventos de ixmatic
Director General de REDCOLRE
@javiertecteos
redes@ixmatic.org
jegcgarcas.wordpress.com

251. Director de redes y eventos de ixmatic
Director General de REDCOLRE
@javiertecteos
redes@ixmatic.org
jegcgarcas.wordpress.com
Red Colombiana de
Robótica Educativa