http://www.youtube.com/watch?v=8mjWdyYh8N8
miércoles, 1 de diciembre de 2010
Ciencia Cognitiva 201013 – Coyoacanazo - Equipo 4 – Cobras
Esta es la aplicación que ayuda a escoger un restaurante o cafe dentro de Coyoacan.
martes, 30 de noviembre de 2010
Ciencia Cognitiva 201013- Consulta en linea - 8 - tx8
http://www.youtube.com/watch?v=zWlFDnO6ZR8
Equipo tx8
ciencia cognitiva 201013- FAST LAB- Equipo1 "Render"
EQUIPO 1 RENDER
Rafael Alfaro
Diego Caballero
José Cortés
Pamela Rivera
http://www.youtube.com/watch?v=VV-N2CwJA
Rafael Alfaro
Diego Caballero
José Cortés
Pamela Rivera
http://www.youtube.com/watch?v=VV-N2CwJA
lunes, 29 de noviembre de 2010
Video de equipo render
Ciencia Cognitiva 201013-Laberintos 2ª entrega-Equipo1-"Render"
Rafael Alfaro
Diego Caballero
José Cortés
Pamela Rivera
http://www.youtube.com/watch?v=POxW6eiM7iM
Rafael Alfaro
Diego Caballero
José Cortés
Pamela Rivera
http://www.youtube.com/watch?v=POxW6eiM7iM
martes, 23 de noviembre de 2010
lunes, 22 de noviembre de 2010
miércoles, 10 de noviembre de 2010
martes, 9 de noviembre de 2010
lunes, 8 de noviembre de 2010
Ciencia Cognitiva 201013 – Segundo prototipo: Equipo 2 Sin Nombre
Teoría interactiva del color
A continuación se encuentra el video donde se muestra nuestro proyecto y en seguida incluimos un análisis detallado de lo que verán:
En esta pantalla principal tenemos el tema de Gamas del color, desde donde el usuario puede elegir si desea volver al índice, empezar a ver el tema teórico o ir directamente a la actividad. Se utilizaron 4 colores principales de los cuales variamos las gamas para poder ilustrar el tema al cual se adentraría el usuario.
Cada miembro tiene un personaje que le representa en los momentos en los que se explica la teoría, tenemos 4 personajes que explican los 4 diferentes temas . En este caso el personaje se encarga de explicar la teoría dando defiiciones básicas y ejemplos para el tema. En la pantalla existe un botón de “Regresar” que permite que el usuario salga de la animación en el momento en que lo desee.
En la explicación de la teoría existe una animación que se encarga de ejemplificar de manera más sencilla los conceptos vistos .
Después de haber concluido la teoría el usuario, como se mencionó antes, tiene la posibilidad de pasar a la actividad . En la actividad , al usuario se le explican las instrucciones (las cuales puede saltarse por medio del botón saltar) para después pasar a realizarla.
La actividad de este tema consiste en escoger el color que corresponde a la gama del color puro que se presenta en el centro. Si el usuario acierta, se le suma un punto a sus aciertos y se le da una retroalimentación para enfatizar lo que tuvo bien ; si por el contrario se equivoca, se le manda a una pantalla que le dice que está incorrecta.
La pantalla de inicio al tema colores cálidos y fríos, con el diseño permite atraer la atenció del usuario para que se interese en el tema y desee conocerlo; además de que permite interactuar con ésta misma para que se tenga un completo control de la interfaz.
Dando click en el botón de inicio, el usuario es introducido al tema; pero si da click en menú se regresará al índice de temas.
Después de que el usuario da click en inicio del tema se muestra una pequeña animación previo a la explicación, con el fin de que el usuario tenga completa atención en el tema y no se distraiga.
Después de la animación; el usuario esta centrado en la interface, por lo que se dará seguimiento al tema con una breve explicación, la cual permita un conocimiento más profundo del tema y posteriormente la descripción previa a una actividad.
Durante la explicación y las instrucciones, no se permite al usuario interactuar con la aplicación; esto es con el fin de que adquiera el conocimiento necesario para aplicarlo a la actividad y evitar que se salte hasta la aplicación del tema; ya que la finalidad es que el usuario aprenda.
Después de la explicación la interface lo lleva a una actividad, en la que ya se permite al usuario interactuar para aplicar la teoría previa; en ésta el usuario presiona cada paleta para probar sus conocimientos.
Y si deseea reforzar la parte teórica puede iniciar el tema nuevamente ó seguir al indice para otro tema. Los diseños y el cambio de estado del personaje hacen que el usuario se divierta, además de que le permite una mayor retención del tema.
Tema: Mezcla de colores
Esta es la pantalla de inicio del tema “Mezcla de colores”, decidimos que tuvieran varios colores que se fueran acercando hacia el centro como para representar los diferentes tipos de combinaciones que se pueden hacer con los colores existentes.
En estas pantallas uno de los personajes representándonos a nostras se encarga de explicar la teoría del tema, usando ejemplos claros y sencillos para que puedan ser entendidos con gran facilidad y posteriormente será preguntada en una actividad.
En estas pantallas la actividad es explicada, se muestra cómo está conformada y una de las animaciones.
Con la pantalla de inicio al tema de Clasificación del usuario se pretende llamar la atención del usuario usando un color y un diseño muy llamativos, mientras que con los botones si das click en Menú te lleva al índice de temas en caso de que no desees y/o necesites pasar por este tema, y si das click en Inicio empieza la introducción al tema.
A continuación se empieza con la explicación del tema, tratando de usar un lenguaje coloquial y amigable, para que sea de fácil comprensión, igual usando colores llamativos en el diseño para que mantenga la atención del usuario sin mayor problema, ya que algunas personas suelen aburrirse con el puro texto, y en este apartado el usuario no tiene la opción de saltárselo esto con el fin de asegurar su aprendizaje.
Después de la explicación del tema se sigue con una actividad para poner en práctica los conocimientos adquiridos, en la cual el usuario dará click sobre cada uno de la manchas para saber si pertenecen a los colores primarios, secundarios o terciarios. Y dependiendo de a que grupo pertenece aparecerá el número “1” para los primarios, el “2” para los secundarios y el “3” para los terciarios.
Se continuara con la explicación del último tema, y al ser un tema un poco más complejo que lo anteriores se acompañará con un breve ejemplo, para asegurar que el usuario comprenda en su totalidad el tema.
Por último pasamos al último bloque donde se realizara otra actividad de reforzamiento de conocimientos, que consiste en dar click sobre la mancha de la parte inferior que corresponda al complementario de la mancha de color de la parte superior. En caso de que tu respuesta sea correcta aparecerá el personaje indicando que realizaste bien la actividad, y viceversa.
viernes, 15 de octubre de 2010
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.
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.
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.
Suscribirse a:
Comentarios (Atom)