El documento presenta una propuesta de programa de programación que incluye diferentes temas y enfoques como programación visual y de juegos, programación creativa y generativa, programación de prototipos y colaborativa. Describe estrategias didácticas como aprendizaje colaborativo, gamificación, ejemplos resueltos y estilos de aprendizaje, así como plataformas y herramientas de programación para diferentes lenguajes y entornos.

1. Programación
M-Learning Lab  ITCH  Enero 2015
Alberto Pacheco
alberto@acm.org

2. Programación

3.  Visual & Game Programming
 Creative & Generative Programming
 Prototype & Peer Coding
 Embedded & Mobile Programming
 Real-time & Live Coding

4. A. ANTECEDENTES
B. BENEFICIOS & RETOS
C. CONTENIDOS & OBJETIVOS
D. DIDÁCTICA: ESTRATEGIAS & INFRA
E. EVIDENCIAS & MONITOREO
aprender a
programar

5. A.ntecedentes
 Cursos
 Lenguajes
 Conceptos
 Software
 Equipo Cómputo

6. B.eneficios
 3 Razones & Beneficios
 2 Frases Motivacionales
 2 Estadísticas & Tendencias
 Oportunidades
 Casos de éxito

7. C. OBJETIVO
Demostrar capacidad
de resolver
problemas propios de
las Ingenierías
 Cerrados
 Abiertos

8.  Hardware
 Software
 Algoritmos
 Análisis y Diseño
 Lenguajes
 Datos simples
 Operadores
 Estructura Datos
 Control Flujo
 Funciones y clases
C. Temas

9.  Pair Programming
 Visualization
 Gamification
 Worked Examples
 Cognitive Noise
 ePortafolios
 Flipped classroom 2-
hour lab
 Study cases, PBL
 Bloom Taxonomy
 eCompetences
 Learning Styles
D.idáctica

10.  Diverse domains
 Collaborative
 Situated learning
 Diverse & trendy
 Creative & challenge
 Pragmatic
 Engage narratives
 Open-ended
 Learn by doing
 Platform neutral
 All trades included
 Modularized
D.idáctica
Worked Examples

11.  UNICO
D.idáctica
Número de Lenguajes
 VARIOS

12. D.idáctica
Generación del Lenguaje
 Antigua  Moderna

13. D.idáctica & Estrategias
Tendencias del Mercado
Indeed Job Trends
January 2015
http://goo.gl/btI5W3

14. D.idáctica
Análisis Comparativo

15. D.idáctica
del Lenguaje
 Confuso  Apto para
aprender

16. D.idáctica
Metodologías
 Cascada  Espiral

17. D.idáctica
Tipo de Software
 Propietario  Open

18. D.idáctica
Plataforma
 Unica  Diversa

19. Caos
Estructura • Prog. Estructurada
Módulo •Prog. Modular
Clase • Prog. Objetos
NIVELES

21. D.idáctica
Traductores
 Interprete  Compilador

22. Evolución

23. D.idáctica
Evolución
Fortran
C
Perl
Cobol
Algol
BASIC
Pascal
 Pioneros  Clásicos  Modernos

24. D.idáctica
Entornos
iPython Notebooks
Swift Playgrounds

25. Ruido Cognitivo

26. Ruido Cognitivo
Python
print "Hola Mundo!"
Swift
println("Hola Mundo!")

27. C | C++ | Java | JS
if ( edad < 18 ) {
printf("Rechazar");
} else if( edad <= 30 ) {
printf("Aspirante");
} else {
printf("Revisar caso");
}

28. C | C++ | Java | JS
if ( edad < 15 ){
printf("Rechazar");
} else if (edad>=18 && edad<=30){
printf("Aspirante");
} else {
printf("Revisar caso");
}

29. Ruby
if edad < 18
puts "Rechazar"
elsif edad <= 30
puts "Aspirante"
else
puts "Revisar caso"
end

30. Ruby
if edad < 18
puts "Rechazar"
elsif edad in (18..30)
puts "Aspirante"
else
puts "Revisar caso"
end

31. Ruby
if edad < 15
puts "Rechazar"
elsif edad in (18..30)
puts "Aspirante"
else
puts "Revisar caso"
end

32. Python
if edad < 18:
print "Rechazar"
elif edad <= 30:
print "Aspirante"
else:
print "Revisar caso"

33. Python
if edad < 18:
print "Rechazar"
elif edad in range(18,31):
print "Aspirante"
else:
print "Revisar caso"

34. Python
if edad < 18:
print "Rechazar"
elif 18 <= edad <= 30:
print "Aspirante"
else:
print "Revisar caso"

35. Python
if edad < 15:
print "Rechazar"
elif 18 <= edad <= 30:
print "Aspirante"
else:
print "Revisar caso"

36. PHP
switch($edad) {
case $edad < 18:
echo("Rechazar"); break;
case $edad <= 30:
echo("Aspirante"); break;
default:
echo("Revisar caso"); break;
}

37. PHP
switch($edad) {
case $edad < 15:
echo("Rechazar"); break;
case $edad>=18 AND $edad<=30:
echo("Aspirante"); break;
default:
echo("Revisar caso"); break;
}

38. Swift
switch edad {
case _ where edad < 18:
println("Rechazar")
case _ where edad <= 30:
println("Aspirante")
default:
println("Revisar caso")
}

39. Swift
switch edad {
case _ where edad < 18:
println("Rechazar")
case 18...30:
println("Aspirante")
default:
println("Revisar caso")
}

40. Swift
switch edad {
case _ where edad < 15:
println("Rechazar")
case 18...30:
println("Aspirante")
default:
println("Revisar caso")
}

41. Ruido Cognitivo
C/Java(edad>=18 && edad<=30)
PHP $edad>=18 AND $edad<=30
Python edad in range(18,31)
Ruby edad in (18..30)
Python 18 <= edad <= 30
Swift 18...30

42. D.idáctica
Estilos de Aprendizaje
Visual  Processing
Kinestésico  Narrativas (animación)
Auditivo – Intel. Musical  Sonic PI

43. D.idáctica
Estilos de Aprendizaje
Visual  Processing
Kinestésico  Narrativas (animación)
Auditivo – Intel. Musical  Sonic PI

44. D.idáctica
Plataformas
BASIC C
Perl
 PC  Web  Móvil

45. D.idáctica
Plataformas
BASIC C
Perl
 PC  Web  Móvil

46.  Created by Ben Fry and Casey Reas from MIT Media
Lab in 2001 to teach computer programming
fundamentals within a visual context.
 Free & open source, +100 libraries available for
learning, prototyping & production.
Processing

47.  For GNU/Linux, Mac OS X & Windows.
 Well documented, with many books available.
 Run Modes: Java, Javascript, Python, Android,
Arduino.
Processing

48.  Cursos: Khan Academy
 Tutoriales:
Processing,Hello
Processing, Fun
Programming
 Descargas: Processing,
ProcessingJS, P5*js,
Arduino
 Interpretes en línea:
OpenProcessing,
Sketchpad, OnlineJS
 Lectura: Using Vision to
Think
 Referencias:
Processing,
ProcessingJS
Processing

49. D.idáctica
Estilos de Aprendizaje
Visual  Processing
Kinestésico  Narrativas (animación)
Auditivo – Intel. Musical  Sonic PI

50. Encuesta VARK
0 50 100 150 200 250 300
Kinesthesic
Verbal
Reading
Visual
Encuesta VARK (verano 2014)

51. • Encuesta 33 de 42 alumnos
•39% kinestésico
•24% auditivo
•21% lecto-escritor
•15% visual
Encuesta VARK

52. Formas discursivas

53. Tabla comparativa: formas discursivas
53
Forma
Discursiva
Descriptiva,
Argumentativa
Discurso
Narrativo
Información objetiva, cuantitativa subjetiva, cualitativa
Razonamiento lógico, deductivo intuitivo, inductivo
Habilidad cognitiva observación imaginación, persuación
Validación verídico, real verosímil, ficción
Plano racional, científico moral, social, emocional
Peña Timón (2001), Herman (2003), Burgess (2009), Friesen (2009)

54. PLATAFORMA EPISTEMIOLÓGICA
“La inteligencia narrativa es
un artefacto cognitivo,
una competencia de
la inteligencia humana”
D. Herman (2003)

55. El Arte como una
Competencia
Adaptativa
Desde una perspectiva bio-cultural
el arte es un comportamiento adaptativo:
promueve una mente flexible y hábil
para reconocer patrones.
Zunshine (2006)
55

56. El Arte como una
Competencia
Adaptativa
La inteligencia narrativa es un juego
cognitivo ancestral útil para resolver el
problema de interpretar y predecir el
comportamiento de los demás
teoría de la mente, niveles interreferenciales, auto-
consciencia
Boyd (2010)
56

57. Podcast Media Player
iPhone - iOS
http://tiny.cc/mplay3

58. Episodium
iOS
http://tiny.cc/mplay5

59. Marionetas
NARRATIVAS DIGITALES 59

60. Andy
Serkis

61. Marionetas para Aprender?
Para narrar
historias…
un medio
interesante
para el
aprendizaje

62. Problemática
• Alumnos “hiper-activos” en temas abstractos.
• Animaciones: proceso laborioso y tardado.
• Actuar en frente de una cámara.

63. Hipótesis #1
Diseño de actividad de
aprendizaje abarcando
diversos estilos de aprendizaje

64. Hipótesis #2
Clima emocional
positivo y participativo

65. Hipótesis #3
El efecto máscara
positivo al representar
personajes usando MDs

66. Marionetas para Aprender?
Un medio lúdico, artístico y elocuente para
explorar y demostrar lo aprendido

67. Marionetas para Aprender?
Diversas habilidades:
• Trabajo en equipo
• Investigar
• Lluvia de ideas
• Actuar
• Habilidades comunicativas
• Destrezas digitales

68. El uso de marionetas es un medio
elocuente, lúdico y flexible para
explorar y demostrar lo aprendido [3, 4]
Marionetas Teotihuacán, 100-600 DC

69. Processing + Depth Camera =
Motion Capture

70. Resultados
 Clima emocional positivo
 Abarca diversos estilos de aprendizaje
Videos: http://tiny.cc/videotec

71. D.idáctica
Estilos de Aprendizaje
Visual  Processing
Kinestésico  Narrativas (animación)
Auditivo – Intel. Musical  Sonic PI

72.  Audible Computing  Live Coding
Free Download Videos

73. D.idáctica, Estrategias &
E.videncias

74. E.videncias

75. E.videncias

76. E.videncias

77. E.videncias
Evernote

78. Publicaciones

79.  Cursos Abiertos: Khan
Academy, Coursera,
iTunesU, MIT OCW,
edX, Udacity, Udemy,
Code.org
 Tutoriales: Hello
Processing, Flappy
Bird, Fun Programming,
PythonTutor,
Electronics,
CodeAcademy
 Descargas: Python,
iPython, Processing,
ProcessingJS, P5*js,
Sonic-Pi, Ruby, Java,
Visual Studio
 Interpretes en línea:
Repl.it, CodingGround,
CodeTable, Codepad,
OpenProcessing,
Sketchpad, OnlineJS,
Java, Logo,
QuiteBASIC
 Visualizadores:
Algomation,
PythonTutor, Data
Struct, VisuAlgo,
Sorting, Using Vision to
Think
 Referencias: Python,
Java, Processing,
ProcessingJS