iCapuchin.

Hola a todos, los dejamos con la presentación de nuestro proyecto iCapuchin.



Saludos.

Teoría interactiva del color

Presentamos el proyecto de la teoría del color:

http://www.youtube.com/watch?v=dySfsjH6zPE

El primer tema de la aplicación es los colores cálidos y fríos, en el que tenemos la pantalla de inicio, si el usuario decide que no quiere ver el tema puede dar clic en el “menú” para regresar al principio de la aplicación o puede empezar el tema dando clic en “inicio”. Si el usuario inicia el tema, aparecerá esta pantalla en la aplicación. El objetivo de ésta es que aprenda a diferenciar los colores cálidos y los fríos; dando clic en cada paleta podrá saber la temperatura de cada color, es decir, si pertenece a los cálidos o a los fríos. Por ejemplo, si el usuario da clic en alguna paleta entre los colores rojo, naranja ó amarillo; el niño cambiara su temperatura de manera que indique que son colores cálidos.

Si por el contrario, el usuario da clic en las paletas entre los colores verde, azul ó morado; la temperatura del niño bajara para indicar que son colores fríos. Después tenemos la pantalla de bienvenida del tema “Gamas de Colores” .El diseño está pensado para ilustrar la idea bàsica del tema, la cual es : qué tanta cantidad de negro o de blanco tiene un color puro. Para poder representar ambos colores se usó un fondo negro donde resaltaban los elementos principales. Esta pantalla funcionará con 2 botones, uno para regresar al menú donde está el índice y otro para llevar al usuario a aprender sobre el tema. En este animatic se plantea la idea de la animación que se incluirá para dar la teoría del tema “Gamas de color”. Se utiliza un personaje principal que tiene ciertos diálogos, después se utiliza a un personaje secundario quien se encarga de ejemplificar lo que se está diciendo. En este caso, cuando se dice que “tiende al blanco”, el personaje se acerca a abrazar una nube blanca volviéndose de un color más claro y cuando dice que tiende al negro, el personaje camina hacia una nube negra de la cual caen gotas de lluvia haciendo que se vuelva de un color más oscuro. Continuamos con la pantalla de bienvenida del tema “Propiedades fìsicas del color”. El diseño se pensó con un fondo negro para que los demás colores resaltaran como si fueran luz, esto porque en la teoría del color se entiende que los colores surgen del momento en que interactúan la visión y la luz. La pantalla como tal contiene dos botones al igual que el diseño anterior, uno que regresa al usuario al índice y otro que lo lleva a aprender la teoría del tema. Seguimos con la pantalla de inicio de la sección de “Mezclas de color” se escogió el fondo de la combinación de colores para que el usuario tuviera una idea de lo que vería en ésta parte. Contiene los botones principales que son “regresar” e “iniciar” al igual que las pantallas anteriores. Con esta pantalla se trata de ejemplificar la mezcla de color de una forma más dinámica y sencilla, mostrando varias manchas de diferentes colores que tienen la función de botones y unos tubos de pintura de la cuál sale la animación. Tendrán que seleccionar los colores correctos que se necesitan para crear el color que se pide y dependiendo de qué secuencia de botones opriman la animación puede variar, señalando si tu elección es correcta o incorrecta.
Si la elección es correcta los personajes de dichos colores correrán uno hacia el otro, brincaran y chocaran formando el color resultante. Dando a conocer que la elección de colores fue correcta. De ser incorrecto los personajes correrán pero en vez de chocar para formar el color uno de los colores brincara al otro haciendo que este se estrelle en la pared indicando que la combinación es incorrecta. La pantalla siguiente da inicio al tema de “Clasificación del color”, se pensó de esta manera ya que el círculo cromático nos sirve para observar la organización básica y la interrelación de los colores, lo cual es el fundamento para su clasificación en primarios, secundarios, terciarios y complementarios. Además contiene los botones básicos de que son “menú” e “inicio” al igual que las pantallas anteriores, lo que permite a las personas con conocimientos más avanzados saltarse este tema y pasar a uno más adecuado para su nivel de conocimiento. El animatic sirve para ejemplicar una parte de la animación que se usará para “Clasificación de colores”, en la cual habrá un personaje principal que irá explicando cada uno de los subtemas que componen el tema principal. La forma de explicar va a ser a través de personajes secundarios que realizaran la ejemplificación animada de un ejercicio para el espectador, de esta manera se pretende que todo sea más claro y sencillo de enteder además de divertido e intercativo. En este caso se ejemplifica un ejercicio de “colores complemetarios”, donde la gotita de arriba no sabe que pareja escoger y el usuario tiene que ayudarle a elegir la correcta.

Animación interactiva de la teoría del color

Presentamos el proyecto de la teoría del color:

El primer tema de la aplicación es los colores cálidos y fríos, en el que tenemos la pantalla de inicio, si el usuario decide que no quiere ver el tema puede dar clic en el “menú” para regresar al principio de la aplicación o puede empezar el tema dando clic en “inicio”.

Si el usuario inicia el tema, aparecerá esta pantalla en la aplicación. El objetivo de ésta es que aprenda a diferenciar los colores cálidos y los fríos; dando clic en cada paleta podrá saber la temperatura de cada color, es decir, si pertenece a los cálidos o a los fríos.

Por ejemplo, si el usuario da clic en alguna paleta entre los colores rojo, naranja ó amarillo; el niño cambiara su temperatura de manera que indique que son colores cálidos.

Si por el contrario, el usuario da clic en las paletas entre los colores verde, azul ó morado; la temperatura del niño bajara para indicar que son colores fríos.

Después tenemos la pantalla de bienvenida del tema “Gamas de Colores” .El diseño está pensado para ilustrar la idea bàsica del tema, la cual es : qué tanta cantidad de negro o de blanco tiene un color puro. Para poder representar ambos colores se usó un fondo negro donde resaltaban los elementos principales. Esta pantalla funcionará con 2 botones, uno para regresar al menú donde está el índice y otro para llevar al usuario a aprender sobre el tema.

En este animatic se plantea la idea de la animación que se incluirá para dar la teoría del tema “Gamas de color”. Se utiliza un personaje principal que tiene ciertos diálogos, después se utiliza a un personaje secundario quien se encarga de ejemplificar lo que se está diciendo. En este caso, cuando se dice que “tiende al blanco”, el personaje se acerca a abrazar una nube blanca volviéndose de un color más claro y cuando dice que tiende al negro, el personaje camina hacia una nube negra de la cual caen gotas de lluvia haciendo que se vuelva de un color más oscuro.

Continuamos con la pantalla de bienvenida del tema “Propiedades fìsicas del color”. El diseño se pensó con un fondo negro para que los demás colores resaltaran como si fueran luz, esto porque en la teoría del color se entiende que los colores surgen del momento en que interactúan la visión y la luz. La pantalla como tal contiene dos botones al igual que el diseño anterior, uno que regresa al usuario al índice y otro que lo lleva a aprender la teoría del tema.

Seguimos con la pantalla de inicio de la sección de “Mezclas de color” se escogió el fondo de la combinación de colores para que el usuario tuviera una idea de lo que vería en ésta parte. Contiene los botones principales que son “regresar” e “iniciar” al igual que las pantallas anteriores.

Con esta pantalla se trata de ejemplificar la mezcla de color de una forma más dinámica y sencilla, mostrando varias manchas de diferentes colores que tienen la función de botones y unos tubos de pintura de la cuál sale la animación. Tendrán que seleccionar los colores correctos que se necesitan para crear el color que se pide y dependiendo de qué secuencia de botones opriman la animación puede variar, señalando si tu elección es correcta o incorrecta.

Si la elección es correcta los personajes de dichos colores correrán uno hacia el otro, brincaran y chocaran formando el color resultante. Dando a conocer que la elección de colores fue correcta. De ser incorrecto los personajes correrán pero en vez de chocar para formar el color uno de los colores brincara al otro haciendo que este se estrelle en la pared indicando que la combinación es incorrecta.

La pantalla siguiente da inicio al tema de “Clasificación del color”, se pensó de esta manera ya que el círculo cromático nos sirve para observar la organización básica y la interrelación de los colores, lo cual es el fundamento para su clasificación en primarios, secundarios, terciarios y complementarios. Además contiene los botones básicos de que son “menú” e “inicio” al igual que las pantallas anteriores, lo que permite a las personas con conocimientos más avanzados saltarse este tema y pasar a uno más adecuado para su nivel de conocimiento.

El animatic sirve para ejemplicar una parte de la animación que se usará para “Clasificación de colores”, en la cual habrá un personaje principal que irá explicando cada uno de los subtemas que componen el tema principal. La forma de explicar va a ser a través de personajes secundarios que realizaran la ejemplificación animada de un ejercicio para el espectador, de esta manera se pretende que todo sea más claro y sencillo de enteder además de divertido e intercativo. En este caso se ejemplifica un ejercicio de “colores complemetarios”, donde la gotita de arriba no sabe que pareja escoger y el usuario tiene que ayudarle a elegir la correcta.