SlideShare una empresa de Scribd logo
1 de 49
Descargar para leer sin conexión
Fecha de la versión: Agosto de 2015
Actualizaciones:
3
4
El escenario es la idea principal que hay detrás de la animación.
5
6
Los guiones gráficos se utilizan para definir las etapas en las que se desarrollará una animación.
7
No importa qué método se emplee para crear el guión gráfico. Siempre que detalle lo que está sucediendo
en cada una de las etapas, de forma que pueda crear el código a partir de ahí, el guión gráfico cumple su
finalidad.
8
9
Un guión gráfico visual no es una prueba de sus habilidades de dibujo. No importa lo buen artista que sea.
Si puede dibujar una figura esquemática, posteriormente podrá trazar un guión gráfico visual.
10
Lo importante en la creación de un guión gráfico textual es asegurarse de que se han simplificado todas las
tareas hasta sus componentes individuales. Para la codificación en Alice 3, un guión gráfico que describa la
acción de ponerse de pie no es lo suficientemente detallado. Debe describir las acciones de todas las
articulaciones que intervienen en la maniobra de ponerse de pie.
11
Este es un guión gráfico de nivel superior. Necesitaría detallarlo aún más para que la animación sea realista
en Alice 3.
12
Esta es una técnica muy útil para asegurarse de que todas las partes del escenario están codificadas.
13
14
Un diagrama de flujo permite planificar el flujo del código mostrando los procesos y el resultado de cada
decisión. Este es un ejemplo muy sencillo, un diagrama de flujo puede ser cada vez más complejo conforme
los programas son más grandes.
15
16
17
Las subclases pueden heredar las características de su superclase pero no al contrario. Es un proceso
unidireccional. Los diferentes tipos de subclase tendrán acceso al código que existe en la superclase. Cada
tipo específico de perro tiene acceso al código que se escribe en la clase Dog. Esto significa que todas las
cosas que son de carácter genérico sobre perros se codifican en el nivel Dog mientras que las cosas que
hacen único a un determinado perro se codifican en el nivel de subclase.
18
Gracias a esto, es necesario escribir mucho menos código. De esta forma, los programas son más fáciles de
leer y comprender.
19
20
21
22
Cuanto más arriba en la lista de clases pueda codificar el procedimiento, mejor. Esto significa que tendrán
acceso a ella más objetos.
23
24
Si tiene varios objetos que realizan las mismas acciones, mediante la creación de un procedimiento
independiente que contenga la acción se reduce considerablemente el tamaño del código. También
garantiza que todos los objetos se comporten de la misma forma que si se tratara de una sola parte de
código que los controle.
25
26
27
Antes de realizar cualquier abstracción de procedimientos para un movimiento como este, merece la pena
crear un guión gráfico que defina el movimiento de todas las articulaciones del objeto. Debe diseñar y, a
continuación, crear un procedimiento que realice un único movimiento completo que devuelva el objeto a
su posición original. De este modo, el código se puede llamar varias veces para conseguir el resultado
deseado.
28
29
Una de las principales ventajas de este procedimiento en Alice 3 es que una vez que haya creado un
procedimiento complejo puede transferirlo fácilmente de una animación a otra. Este tema de tratará en
mayor profundidad más adelante en el curso.
30
31
32
33
Al asignar un nombre al procedimiento se suele utilizar uno descriptivo. Debe revelar lo que hace pero sin
vincularlo a un tipo de objeto concreto ya que lo pueden utilizar otras subclases.
34
35
36
37
38
39
Intente siempre que el código sea repetitivo dentro del programa. Si escribe el mismo código dos veces o
más, probablemente pueda abstraerlo.
40
Al arrastrar un bloque de código a un procedimiento a través del portapapeles tendrá que cambiar el
nombre del objeto a "this" para que puedan acceder varios objetos a él.
41
42
43
44
45
46
47
48
Jf 2 5_sg_esp(7)

Más contenido relacionado

La actualidad más candente (6)

PDF 14
PDF 14PDF 14
PDF 14
 
PDF 12
PDF 12PDF 12
PDF 12
 
PDF 13
PDF 13PDF 13
PDF 13
 
PDF 11
PDF 11PDF 11
PDF 11
 
PDF 4
PDF 4PDF 4
PDF 4
 
Greenfoot 9
Greenfoot 9Greenfoot 9
Greenfoot 9
 

Similar a Jf 2 5_sg_esp(7) (20)

Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)
 
CAPITULO 3 DE ALICE
CAPITULO 3 DE ALICECAPITULO 3 DE ALICE
CAPITULO 3 DE ALICE
 
Alice capitulo 3
Alice capitulo 3Alice capitulo 3
Alice capitulo 3
 
leccion 3
leccion 3leccion 3
leccion 3
 
Alice 3
Alice 3Alice 3
Alice 3
 
Capítulo 3
Capítulo 3Capítulo 3
Capítulo 3
 
Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)
 
CAPITULO 3 ALICE
CAPITULO 3 ALICECAPITULO 3 ALICE
CAPITULO 3 ALICE
 
Alice 3
Alice 3Alice 3
Alice 3
 
Capitulo 3
Capitulo 3Capitulo 3
Capitulo 3
 
Cap3
Cap3Cap3
Cap3
 
Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)Jf 2 3_sg_esp(4)
Jf 2 3_sg_esp(4)
 
Alice3
Alice3Alice3
Alice3
 
Capitulo 7
Capitulo 7Capitulo 7
Capitulo 7
 
Alice capitulo 7
Alice capitulo 7Alice capitulo 7
Alice capitulo 7
 
Capítulo 7
Capítulo 7Capítulo 7
Capítulo 7
 
Alice 7
Alice 7Alice 7
Alice 7
 
Alice 7
Alice 7Alice 7
Alice 7
 
Jf 2 7_sg_esp(4)
Jf 2 7_sg_esp(4)Jf 2 7_sg_esp(4)
Jf 2 7_sg_esp(4)
 
CAPITULO 7 ALICE
CAPITULO 7 ALICECAPITULO 7 ALICE
CAPITULO 7 ALICE
 

Más de Laura Cortez (20)

Dream
DreamDream
Dream
 
Mi pagina web
Mi pagina webMi pagina web
Mi pagina web
 
Topologias de red
Topologias de redTopologias de red
Topologias de red
 
Sitio web
Sitio webSitio web
Sitio web
 
Teoria del color_4deg_semestre
Teoria del color_4deg_semestreTeoria del color_4deg_semestre
Teoria del color_4deg_semestre
 
Examen
ExamenExamen
Examen
 
Mi pagina web
Mi pagina webMi pagina web
Mi pagina web
 
Topologias de red
Topologias de redTopologias de red
Topologias de red
 
Sitio web
Sitio webSitio web
Sitio web
 
Teoría del color
Teoría del colorTeoría del color
Teoría del color
 
Examen de diagnostico
Examen de diagnosticoExamen de diagnostico
Examen de diagnostico
 
Alice2
Alice2Alice2
Alice2
 
Alice3
Alice3Alice3
Alice3
 
Alice4
Alice4Alice4
Alice4
 
Alice6
Alice6Alice6
Alice6
 
Alice7
Alice7Alice7
Alice7
 
Alice8
Alice8Alice8
Alice8
 
Alice9
Alice9Alice9
Alice9
 
Alice10
Alice10Alice10
Alice10
 
Alice11
Alice11Alice11
Alice11
 

Último

Tipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdfTipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdfCarlosSanchez452245
 
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...juanforero141
 
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxTECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxUPSE
 
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptxCiberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptxcorreafrancoci00
 
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfTECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfUPSE
 
Especificación casos de uso del negocio
Especificación  casos de uso del negocioEspecificación  casos de uso del negocio
Especificación casos de uso del negocioMagemyl Egana
 
Modelado de Casos de uso del negocio
Modelado de  Casos  de  uso  del negocioModelado de  Casos  de  uso  del negocio
Modelado de Casos de uso del negocioMagemyl Egana
 
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptxCIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptxalzabenjaminci00
 
El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)Samuel Solís Fuentes
 

Último (9)

Tipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdfTipos de datos en Microsoft Access definiciones.pdf
Tipos de datos en Microsoft Access definiciones.pdf
 
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
serenidad APP presentacion.pdfes una innovadora aplicación móvil diseñada par...
 
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptxTECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
TECNOLOGIA DE LA INFORMACION Y MULTIMEDIA 15 MAYO.pptx
 
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptxCiberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
Ciberseguridad y Seguridad Informática Franco Correa Grupo B.pptx
 
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdfTECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
TECNOLOGÍA DE LA INFORMACIÓN SLIDESHARE INVESTIGACION.pdf
 
Especificación casos de uso del negocio
Especificación  casos de uso del negocioEspecificación  casos de uso del negocio
Especificación casos de uso del negocio
 
Modelado de Casos de uso del negocio
Modelado de  Casos  de  uso  del negocioModelado de  Casos  de  uso  del negocio
Modelado de Casos de uso del negocio
 
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptxCIBERSEGURIDAD  Y SEGURIDAD INFORMÁTICA.pptx
CIBERSEGURIDAD Y SEGURIDAD INFORMÁTICA.pptx
 
El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)El necesario mal del Legacy Code (Drupal Iberia 2024)
El necesario mal del Legacy Code (Drupal Iberia 2024)
 

Jf 2 5_sg_esp(7)

  • 1. Fecha de la versión: Agosto de 2015 Actualizaciones:
  • 2.
  • 3. 3
  • 4. 4
  • 5. El escenario es la idea principal que hay detrás de la animación. 5
  • 6. 6
  • 7. Los guiones gráficos se utilizan para definir las etapas en las que se desarrollará una animación. 7
  • 8. No importa qué método se emplee para crear el guión gráfico. Siempre que detalle lo que está sucediendo en cada una de las etapas, de forma que pueda crear el código a partir de ahí, el guión gráfico cumple su finalidad. 8
  • 9. 9
  • 10. Un guión gráfico visual no es una prueba de sus habilidades de dibujo. No importa lo buen artista que sea. Si puede dibujar una figura esquemática, posteriormente podrá trazar un guión gráfico visual. 10
  • 11. Lo importante en la creación de un guión gráfico textual es asegurarse de que se han simplificado todas las tareas hasta sus componentes individuales. Para la codificación en Alice 3, un guión gráfico que describa la acción de ponerse de pie no es lo suficientemente detallado. Debe describir las acciones de todas las articulaciones que intervienen en la maniobra de ponerse de pie. 11
  • 12. Este es un guión gráfico de nivel superior. Necesitaría detallarlo aún más para que la animación sea realista en Alice 3. 12
  • 13. Esta es una técnica muy útil para asegurarse de que todas las partes del escenario están codificadas. 13
  • 14. 14
  • 15. Un diagrama de flujo permite planificar el flujo del código mostrando los procesos y el resultado de cada decisión. Este es un ejemplo muy sencillo, un diagrama de flujo puede ser cada vez más complejo conforme los programas son más grandes. 15
  • 16. 16
  • 17. 17
  • 18. Las subclases pueden heredar las características de su superclase pero no al contrario. Es un proceso unidireccional. Los diferentes tipos de subclase tendrán acceso al código que existe en la superclase. Cada tipo específico de perro tiene acceso al código que se escribe en la clase Dog. Esto significa que todas las cosas que son de carácter genérico sobre perros se codifican en el nivel Dog mientras que las cosas que hacen único a un determinado perro se codifican en el nivel de subclase. 18
  • 19. Gracias a esto, es necesario escribir mucho menos código. De esta forma, los programas son más fáciles de leer y comprender. 19
  • 20. 20
  • 21. 21
  • 22. 22
  • 23. Cuanto más arriba en la lista de clases pueda codificar el procedimiento, mejor. Esto significa que tendrán acceso a ella más objetos. 23
  • 24. 24
  • 25. Si tiene varios objetos que realizan las mismas acciones, mediante la creación de un procedimiento independiente que contenga la acción se reduce considerablemente el tamaño del código. También garantiza que todos los objetos se comporten de la misma forma que si se tratara de una sola parte de código que los controle. 25
  • 26. 26
  • 27. 27
  • 28. Antes de realizar cualquier abstracción de procedimientos para un movimiento como este, merece la pena crear un guión gráfico que defina el movimiento de todas las articulaciones del objeto. Debe diseñar y, a continuación, crear un procedimiento que realice un único movimiento completo que devuelva el objeto a su posición original. De este modo, el código se puede llamar varias veces para conseguir el resultado deseado. 28
  • 29. 29
  • 30. Una de las principales ventajas de este procedimiento en Alice 3 es que una vez que haya creado un procedimiento complejo puede transferirlo fácilmente de una animación a otra. Este tema de tratará en mayor profundidad más adelante en el curso. 30
  • 31. 31
  • 32. 32
  • 33. 33
  • 34. Al asignar un nombre al procedimiento se suele utilizar uno descriptivo. Debe revelar lo que hace pero sin vincularlo a un tipo de objeto concreto ya que lo pueden utilizar otras subclases. 34
  • 35. 35
  • 36. 36
  • 37. 37
  • 38. 38
  • 39. 39
  • 40. Intente siempre que el código sea repetitivo dentro del programa. Si escribe el mismo código dos veces o más, probablemente pueda abstraerlo. 40
  • 41. Al arrastrar un bloque de código a un procedimiento a través del portapapeles tendrá que cambiar el nombre del objeto a "this" para que puedan acceder varios objetos a él. 41
  • 42. 42
  • 43. 43
  • 44. 44
  • 45. 45
  • 46. 46
  • 47. 47
  • 48. 48