Download - Programación de animaciones con Alice
![Page 1: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/1.jpg)
Diapositiva 1 de 35
Programación deAnimacionescon Alice
Leonel Morales DíazIngeniería [email protected]
![Page 2: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/2.jpg)
Diapositiva 2 de 35
Alice
• Ambiente de programación
• Basado en animaciones en 3D
• Desarrollado por Carnegie Mellon
• Completamente gratuito– Open source
• www.alice.org
![Page 3: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/3.jpg)
Diapositiva 3 de 35
¿Por qué uno nuevo?
• Ya existen suficientes ambientes de programación– .Net, J2SE, Net Beans, Power
Builder, etc.
• Es mejor usar uno “comercial”
• Aplicaciones “serias”• Mejor algo “que sirva”
![Page 4: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/4.jpg)
Diapositiva 4 de 35
Los alemanes y el fútbol
![Page 5: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/5.jpg)
Diapositiva 5 de 35
Aplicaciones serias
• Conseguir el software• Instalar el software• Ver cómo se hace aquí• Intentar hacerlo• Intentar que corra• No ver nada...
![Page 6: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/6.jpg)
Diapositiva 6 de 35
Resultado...
• Alumnos decepcionados– “si esto es programar...”
• Confusión– ¿Qué es lo importante?
• ¿Instalar software?• ¿Lograr que un programa
corra?– (Debugging)
• ¿Entender los algoritmos?
![Page 7: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/7.jpg)
Diapositiva 7 de 35
Video Introductorio
Alice DemosCarnegie Mellon
![Page 8: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/8.jpg)
Diapositiva 8 de 35
Con Alice
• Instalación sencilla• Trabajo visual• Resultados visuales• No errores de sintaxis• Trabajo creativo
![Page 9: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/9.jpg)
Diapositiva 9 de 35
Aprender con Alice
• Usar objetos– Entender sus propiedades– Entender lo que pueden
hacer– Entender la instanciación
• Algoritmos– Procesos de animación
• Sin perderse en la sintaxis• Atendiendo al proceso
mental
![Page 10: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/10.jpg)
Diapositiva 10 de 35
Aprender con Alice
• ¿Hasta dónde se puede llegar?– ¿Arreglos?– ¿Memoria?– ¿Archivos?– ¿Estructuras de datos?– ¿Recursión?– ¿Procedimientos?– ¿Concurrencia?
![Page 11: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/11.jpg)
Diapositiva 11 de 35
Tutorial
Alice TutorialsCarnegie Mellon
![Page 12: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/12.jpg)
Diapositiva 12 de 35
¿Por qué Alice enGuatemala?• Por las mismas razones que
en USA– Atraer estudiantes a
programación– Enseñar los procesos y no la
sintaxis– Asegurar las habilidades– Eliminar los vicios
![Page 13: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/13.jpg)
Diapositiva 13 de 35
¿Qué vicios?
• Falta de diseño– Codificar sin diseñar– Planear la animación
• Individualismo– “Lo hago yo todo”– “Solo yo entiendo mis
programas”– Trabajo en equipo
![Page 14: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/14.jpg)
Diapositiva 14 de 35
¿Cómo enseñar Alice?
• www.aliceprogramming.net– “Learning to Program with
Alice”
• www.alice.org– Documentación de Alice– Publicaciones sobre Alice
• www.ingenieriasimple.com/alice– Nuestro granito de arena
![Page 15: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/15.jpg)
Diapositiva 15 de 35
Adopción de Alice
• Papel de universidades– Investigar– Documentar y reunir
documentación– Promover– Capacitar– ¡USARLO!
• Colegios y Ministerio de Educación
![Page 16: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/16.jpg)
Diapositiva 16 de 35
Enseñando Programacióncon AliceLeonel Morales DíazIngeniería [email protected]
Copyright 2008 by Leonel Morales Díaz – Ingeniería Simple.Derechos reservados Disponible en: http://www.ingenieriasimple.com/alice
![Page 17: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/17.jpg)
Diapositiva 17 de 35
Agenda
• Primera Parte:– Conocer Alice– Práctica
• Segunda Parte:– Explorar sus posibilidades en
la enseñanza de la programación
• Y sus beneficios
– Prácticas
![Page 18: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/18.jpg)
Diapositiva 18 de 35
Conocer Alice
• Desarrollado Por Carnegie Mellon University– www.cmu.edu
• Es gratuito– Hasta el código fuente
• Versión actual: 2.0– En proceso la 3.0
• Se puede obtener en:– www.alice.org
![Page 19: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/19.jpg)
Diapositiva 19 de 35
Práctica 1
• ¡ Trabajemos con Alice !
![Page 20: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/20.jpg)
Diapositiva 20 de 35
Agenda Segunda Parte
• ¿Cómo usar Alice para enseñar programación?
• Motivación general de su uso
• Video ilustrativo• Primer año• Segundo año• Tercer año
![Page 21: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/21.jpg)
Diapositiva 21 de 35
Motivación General
• Habilidades del programador:– Capacidad de organizar
procesos• Hacer algoritmos• Modularización
– Pensamiento abstracto– Integración de
conocimientos y habilidaddes
• Matemática + Física + Lógica + ….
![Page 22: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/22.jpg)
Diapositiva 22 de 35
Motivación General
• ¡Necesitamos Programadores!
• La industria los necesita• La ciencia los necesita• El estado los necesita• Guatemala los necesita
![Page 23: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/23.jpg)
Diapositiva 23 de 35
Motivación General
• ¿Quiénes serán programadores?– Los que les guste– Los que tengan habilidad
• Entonces necesitamos que:– A más gente le guste– Más gente desarrolle estas
habilidades
![Page 24: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/24.jpg)
Diapositiva 24 de 35
Video ilustrativo
http://www.youtube.com/watch?v=Nm7bv4wduTI
![Page 25: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/25.jpg)
Diapositiva 25 de 35
Primer Año
• Objetivos:– Motivar al estudiante– Estimular la creatividad– Desarrollar habilidades
• Espaciales• Estéticas• Esquemáticas
– ¡Diversión!
![Page 26: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/26.jpg)
Diapositiva 26 de 35
Primer Año
• No son objetivos:– Aprender estructuras de
programación– Hacer subrutinas
• Entender la recursión
– Programas interactivos– Proyectos complejos
![Page 27: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/27.jpg)
Diapositiva 27 de 35
Primer Año
• Prácticas de clase en primer año:– Manipulación de personajes– Diseño de escenas– Movimientos de robot– Crear sus propios personajes
• Ejemplo
![Page 28: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/28.jpg)
Diapositiva 28 de 35
Segundo Año
• Objetivos:– Motivar al estudiante
• Crecer en autoeficacia– Primeras estructuras
• DoTogether, DoInOrder, If – Then – Else, Loops, etc.
– Entender el tiempo en el movimiento
• Aplicación matemática– Trabajar en equipo
• Diseño de la animación• Responsabilidades
– ¡Lucirse!• Mostrar trabajos a los papás
![Page 29: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/29.jpg)
Diapositiva 29 de 35
Segundo Año
• No son objetivos:– Subrutinas– Animaciones complejas– Trabajo con objetos
abstractos
![Page 30: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/30.jpg)
Diapositiva 30 de 35
Segundo Año
• Prácticas de clase en segundo año:– Uso de la cámara y efectos– Uso de funciones– Coordinación de personajes– Procesos repetitivos
• Ejemplo
![Page 31: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/31.jpg)
Diapositiva 31 de 35
Tercer Año
• Objetivos:– Retar al estudiante– Crear subrutinas
• Usar parámetros y variables– Uso de objetos abstractos
• Cuadrados, líneas, círculos, etc.– Demostraciones físicas
• Aplicaciones de movimiento rectilíneo, tiro parabólico
– Interactividad– Trabajo en equipo– Producir animaciones– ¡Darse a conocer!
![Page 32: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/32.jpg)
Diapositiva 32 de 35
Tercer Año
• No son objetivos:– Hacer aplicaciones
comerciales– Pelear contra Alice
• Alice tiene “bugs”
– Animaciones de 200 personajes
![Page 33: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/33.jpg)
Diapositiva 33 de 35
Tercer Año
• Prácticas de clase en tercer año:– Subrutinas aplicables a
cualquier objeto– Uso de objetos abstractos
• Listas
– Uso de funciones matemáticas, trigonométricas, aleatorias, etc.
• Ejemplo
![Page 34: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/34.jpg)
Diapositiva 34 de 35
Final
• Lo que falta:– Textos y documentación en
español
• Lo que viene:– Alice 3.0– http://www.youtube.com/
watch?v=lXOyd68saIM
• Si usan Alice– ¡Cuéntennos!– [email protected]
![Page 35: Programación de animaciones con Alice](https://reader034.vdocuments.co/reader034/viewer/2022052508/5595a3111a28ab22748b4657/html5/thumbnails/35.jpg)
Diapositiva 35 de 35
¡Gracias!