CICLOMEDIA

Por Christian Valencia Gutiérrez y Rafael Antonio Arango Victoria

Resumen

El fundamento de la aplicación CICLOMEDIA, es enseñar de forma didáctica el funcionamiento y correcto uso de los ciclos a través del juego, el cual, por pantalla se formula una pregunta con opción de cuatro respuestas, de las cuales tres son incorrectas y una es la correcta. Al seleccionar la respuesta correcta el automóvil empezara a moverse sobre la pista de carreras, si es incorrecta, el automóvil se estrellará.

Palabras claves: Ciclo, juego, programación, código.

Abstract

The base of the application CICLOMEDIA is to teach didactically correct operation and use of cycles through the game, through the game, for a question screen is formulated with choice of four answers, but only one is correct. If the answer selection is correct, th car begin move from the racetractk, but the answer is wrong the trunck crashes

Keywords: Cycle, game, programming, code.

1. Introducción

Enseñar de forma didáctica el funcionamiento y correcto uso de los ciclos, esto se realizará a través de un juego, el cual mediante una metáfora hará referencia a estos. Para esta metáfora se escogieron las pistas de carreras, ya que para completar una carrera se debe realizar un ciclo, el cual solo culminará cuando se haya cumplido el propósito.

Ciclo (Bucle)

Un bucle o ciclo, en programación, es una sentencia que se realiza repetidas veces a un trozo aislado de código, hasta que la condición asignada ha dicho bucle deje de cumplirse. Generalmente, un bucle es utilizado para hacer una acción repetida sin tener que escribir varias veces el mismo código, lo que ahorra tiempo, deja el código más claro y facilita su modificación en el futuro.

El bucle y los condicionales representan la base de la programación estructurada. Es una evolución del código ensamblador, donde la única posibilidad de iterar un código era establecer una sentencia jump (que en los lenguajes de programación fue sustituida por el "ir a" o GOTO). Los tres bucles más utilizados en programación son el bucle “while”, el bucle “for” y el bucle repetir.

2. Desarrollo

2.1 Mapa conceptual

Figura 1. Mapa conceptual sobre ciclos

Fuente: Elaboración de los autores

2.2 Diagrama de caso de uso

Figura 2. Diagrama de casos de uso

Fuente: Elaboración de los autores

La primera pantalla Figura 3, muestra el menú del juego es iniciarlo o salir de él.

Figura 3. Pantalla de inicio

Fuente: Elaboración de los autores

La segunda pantalla Figura 4, muestra el tipo de pista en el cual se quiere jugar, cada pista tiene preguntas diferentes.

Figura 4. Seleccionar pista

Fuente: Elaboración de los autores

Las pantallas Figura 5, Figura 6 y Figura 7, muestran las preguntas que se formularían si se escoge cualquiera de las pistas.

Las preguntas se deberán resolver mientras el automóvil va recorriendo la pista, si responde mal el problema, el automóvil se estrellara como sinónimo de que ha perdido.

Figura 5. Seleccionar pista

Fuente: Elaboración de los autores

Figura 6. Seleccionar pista

Fuente: Elaboración de los autores

Figura 7. Seleccionar pista

Fuente: Elaboración de los autores

3. Conclusiones

Esta aplicación nos ha dejado un mejor entendimiento sobre la herramienta de programación PROCESSING, tanto como el alcance de la misma, y unos conocimientos en el desarrollo de habilidades en el diseño gráfico.

Por otra parte, el usuario al jugar CICLOMEDIA entenderá más fácil los conceptos de bucle “while”, el bucle “for” y el bucle “do while”.


Referencias
Innovacioneducativa.com. (2001, Octubre 23) Bienvenidos al sitio Web de la Biblioteca. [On line]. Disponible: http://innovacioneducativa.files.wordpress.com/2012/10/buccles.pdf
wikispaces.com (2001, octubre 23) Bienvenidos al sitio Web de la Biblioteca. [On line]. Disponible: http://laeducacioninformatizada.wikispaces.com/T.+5+Funciones+que+pueden+realizar+los+programas+educativos
www.ecured.cu. (2001, Octubre 23) Bienvenidos al sitio Web de la Biblioteca. [On line]. Disponible: http://www.ecured.cu/index.php/Ciclo_(Programaci%C3%B3n).
Wikipedia. (2001, Octubre 23) Bienvenidos al sitio Web de la Biblioteca. [On line]. Disponible: http://es.wikipedia.org/wiki/Processing

Software Multimedia “Data Type Soft”

Por Marcela Roldán Narváez

Resumen

Este artículo presenta una breve descripción sobre el desarrollo del software multimedia “Data Type Soft” que tiene como objetivo dar a conocer qué son los tipos de datos y cómo se deben emplear a la hora de programar en cualquier lenguaje.

Palabras Clave: Tipos de datos, usuario, interacción, multimedia.

Abstract

This article presents a short description about the development of the multimedia software “Data Type Soft” that has like objective give to know What are the data types? And How it should use in any language of programming?

Key Words: Data Types, user, interaction, multimedia

1. Introducción

A raíz de los grandes avances tecnológicos que se presentan hoy en día, se hace más fácil acceder a la educación multimedia y al aprendizaje continuo a través de juegos que están presentes no solo en una computadora a través de internet, sino también en los dispositivos móviles como lo son las tabletas y los smartphones.

Debido a estos dispositivos, se pueden observar que gran cantidad de niños, jóvenes y adultos interactúan con estas herramientas a diario, permitiéndoles acceder a gran cantidad de información y sitios web, como lo son: noticias, redes sociales, juegos, entre otros.

Los juegos multimedia han tenido una gran acogida en este ámbito, por lo cual se han venido desarrollando gran cantidad de videojuegos que tienen como objetivo la enseñanza y divulgación de temas específicos referente a la educación.

Hoy por hoy aprender a programar hace parte también de un juego, ya que durante el desarrollo del curso de seminario de investigación multimedia, se ideó una herramienta la cual permitiera a un estudiante que tenga bases sobre programación, qué son los tipos de datos y cómo se deben emplear cuando se esté desarrollando una nueva aplicación multimedia.

El software “Data Type Soft” tiene como objetivo principal dar a conocer el tema de los tipos de datos mediante la metáfora de una casa, la cual por cada espacio se irán agrupando los elementos que correspondan a este. Como por ejemplo: El jarrón ubicado en una sala, en donde la sala es un tipo de dato y el jarrón sería interpretado como un dato, lo que quiere decir que almacenará su propio valor y únicamente podrá estar ubicado dentro de ese tipo de dato, que en este caso es la sala.

2. Desarrollo

2.1. Caso de Uso General

Para dar a entender de una forma más precisa la interacción que tendrá el usuario con el sistema, a continuación se dará a conocer el diagrama de caso de uso general en el que se observa de una forma detallada y explícita el comportamiento del usuario con el sistema:

Fuente: Elaboración propia del autor

2.2. Mapa de Navegación

Fuente: Elaboración propia del autor

Fuente: Elaboración propia del autor.

Como se observa en el mapa, el software cuenta con 3 módulos, en el primer módulo se cuenta con un enlace de videos en los cuales el usuario podrá encontrar explicación de qué son los tipos de datos, cómo se utilizan al programar; el segundo módulo cuenta con definiciones más puntuales escritas acerca del tema tipos de datos; por último se encuentra el juego en el cual como se mencionó anteriormente el usuario deberá asociar el tipo de dato acorde al escenario dado, como lo muestra la siguiente imagen:

La temática del juego radica en que cuando el dato a asociar (figura del lado izquierdo) NO corresponde al tipo que es (Escenario del lado derecho), éste automáticamente devuelve la figura donde originalmente se empezó a arrastrar, es decir al lado izquierdo de la pantalla del juego y sonará un audio de equivocación, lo que indicará al usuario que no corresponde dicha asociación.

La importancia del software radica en que se le enseñará al usuario de una manera dinámica la diferencia que puede haber entre los tipos de datos que son similares, como lo son los tipos de datos enteros: short, int, long y los reales: float y double.

Teniendo en cuenta que las diferencias de estos tipos de datos radican en su capacidad de almacenamiento, muchos estudiantes tienden a confundirlos, este software tiene como objetivo enseñarle al usuario con qué capacidad cuenta ese tipo de dato para ser almacenado.

A continuación se muestra algunos de los tipos de datos como escenarios y datos como objetos de los escenarios implementados en el software:

3. Conclusiones         

Después de haber implementado el software y observado detenidamente las acciones y el aprendizaje que el usuario podrá tener con él, se puede concluir que:

Data Type Soft en su primera versión cumple con el objetivo previamente planteado, dar a conocer al usuario qué son los tipos de datos y su correcto uso a la hora de programar, mediante una herramienta multimedia como lo es el videojuego, el cual no solo permite un aprendizaje sino que también es un medio de entretenimiento y diversión.

Data Type Soft contempla la posibilidad de escalar, es decir se podría implementar más niveles del juego, para así generar en más profundidad un conocimiento un poco más amplio en el tema de los tipos de datos.



Bibliografía
[1]. Definición Dato [En línea]. Disponible en: http://lema.rae.es/drae/?val=dato  [01 de Abril de 2014].
[2]. Definición interactivo [En línea]. Disponible en: http://lema.rae.es/drae/?val=interactivo[01 de Abril de 2014].
[3]. Definición interacción [En línea]. Disponible en: http://lema.rae.es/drae/?val=interaccion  [01 de Abril de 2014].
[4]. Ejemplos de software educativo. [En línea]. Disponible en: http://ejemplosde.org/informatica/software-educativo [12 de Marzo de 2014].
[5]. Ejemplos de software educativo. [En línea]. Disponible en: http://ejemplosde.org/informatica/software-educativo [12 de Marzo de 2014].
[6]. Ejemplos de software educativo. [En línea]. Disponible en: http://ejemplosde.org/informatica/software-educativo [12 de Marzo de 2014].
[7]. Definición multimedia [En línea]. Disponible en:   http://lema.rae.es/drae/?val=multimedia  [01 de Abril de 2014].
[8]. Tipos de Datos. [En línea]. Disponible en: http://teleformacion.edu.aytolacoruna.es/PASCAL/document/tipos.htm [01 de Abril de 2014]
[9] Definición multimedia [En línea]. Disponible en: http://lema.rae.es/drae/?val=memoria [01 de Abril de 2014].

Sencillez, Astucia y Diversión – La esencia de Smart Decision Guardian

por Bairon Fernando Freire Otalvaro y Brayham Camilo Peña

RESUMEN

Philip es un joven que debe utilizar su inteligencia y la información que ha obtenido de sus rivales para desarrollar estrategias de batalla efectivas y proteger su villa de la destrucción absoluta.  

Este es el fundamento de Smart Decision Guardian, un juego que pretende ejemplificar el uso de las estructuras condicionales y de selección en una forma divertida y fácil.  Cada uno de los 5 enemigos a los que debe derrotar nuestro protagonista representa una estructura condicional diferente, cuya dificultad va aumentando en cada nivel hasta el punto de que en el último combate un solo error puede desembocar en la derrota. 

ABSTRACT

Philip is a young man who must use his intelligence and information gathered from his opponent to develop effective battle strategies and protect his village from utter destruction. 

That is the argument of Smart Decision Guardian, a video game that aims to exemplify the use of conditional and selection structures in a fun and easy way. Each of the 5 enemies our hero must defeat represents a different conditional structure, whose difficulty increases with each level to the point that in the last combat one mistake can lead to defeat.

INTRODUCCIÓN

Smart Decision Guardian no trata solamente de  involucrar las estructuras condicionales dentro de un aplicativo multimedia, se prentende que alguna porción de los jugadores se sientan familiarizados con la jugabilidad, la forma de ejecutar los comandos y en general el sistema de batalla.  

Es por esta razón que Philip, el protagonista, se ve envuelto en una modalidad de batalla por turnos muy común en los juegos de rol desde hace varias décadas, y  aunque Smart Decision Guardian carece de prácticamente todos los elementos de un juego de rol convencional y aunque ha sido clasificado por sus creadores dentro de la categoría Beat-em up (Derrótalos a todos), el juego trae a la memoria del jugador combates como los de la saga Final Fantasy y otros tantos títulos.

Figura 1. Pantalla de Combate
Nótese el menú de comandos, muy similar al utilizado en los combates de los juegos de rol

SENCILLEZ

Tras abordar el objetivo del juego y comprender el origen de la idea, se puede hablar de uno de los aspectos  fundamentales del proyecto, como lo es la sencillez.  Con gráficos bidimensionales y minimalistas (a excepción del logo) Smart Decisión Guardian presenta una interfaz gráfica que a pesar de no estar al nivel de videojuegos comerciales, cumple a cabalidad con las expectativas del usuario. 

El diseño del fondo, elaborado a mano y con gran esfuerzo por el equipo de diseño se constituye en el escenario ideal para que Philip libre su épica batalla.  El mismo Philip por su parte es el resultado de un laborioso diseño utilizando las autoformas de Microsoft Power Point ®, que con la combinación correcta de ángulos tamaños y colores dieron vida a un héroe que puede utilizar todo tipo de armas, lanzar hechizos y hasta celebrar su victoria.

Figura 2. Las autoformas de Microsoft PowerPoint ® que dieron vida a Philip

Este esquema permitió al equipo de diseño elaborar las aproximadamente 60  imágenes necesarias para animar todas las acciones del héroe.  Si bien es un volumen considerable de imágenes, la facilidad de diseño y la versatilidad de las autoformas hicieron que esta labor perdiera gran parte de su complejidad y permitiera el acoplamiento de los miembros del equipo.

Teniendo en cuenta la característica de la sencillez, se realizó el diseño de los enemigos.  Gracias a la orientación del asesor del proyecto se logró un set de enemigos compatible con el universo del juego y al mismo tiempo agradables a la vista.  

Se buscó una interacción fácil entre el aplicativo y el jugador, razón por la cual se omitió por completo el uso del mouse y se utilizó comandos enviados desde el teclado.  De esta forma, con solo leer la ventana de ayuda que se encuentra en la parte superior de la ventana, el jugador puede saber como ejecutar los comandos y el efecto que puede tener dentro del juego.

ASTUCIA

Cualquiera que haya jugado Smart Decision Guardian se habrá dado cuenta de que es prácticamente imposible superar todos los niveles sin tener en cuenta los condicionales.  De hecho, si el jugador no consulta la ayuda y no tiene en cuenta las debilidades del enemigo el monstruo del primer nivel podría (en teoría) lograr una victoria perfecta sobre nuestro jugador.

Esto también hace parte del corazón de Smart Decision Guardian. La finalidad del juego es ejemplificar el uso de los condicionales y las estructuras de selección, por lo anterior el aplicativo está diseñado para que un jugador solo pueda triunfar si aplica criterios y maneja las estructuras condicionales y de selección para su beneficio.

Smart Decision Guardian no se trata de fuerza bruta, se trata de inteligencia, de astucia y de poner en práctica uno de los pilares fundamentales de los algoritmos y del desarrollo de software como lo son las estructuras de decisión.

DIVERSIÓN

Smart Decision Guardian ofrece un reto al jugador en el enfrentamiento contra una serie de rivales con características diferentes.  Se esperaría que esto lograse llamar la atención del jugador.  Sin embargo, siendo este un juego tan corto se decide incluir algunos otros elementos que resulten interesantes o al menos divertidos para el compañero o el jugador que decida probar este aplicativo.

Cada miembro del grupo diseño al menos uno de los enemigos y algunos elementos gráficos del entorno,  por lo tanto cada miembro del grupo puso su toque personal dentro del juego.  Las descripciones de cada monstruo, sus ataques y características son el resultado de la imaginación de algunos de todos los miembros del equipo de desarrollo, y durante la exposición realizada se pudo observar el interés de varios de los jugadores por alguno de los enemigos presentados en el juego.

El mismo Philip, con sus diversos ataques como la Basuka, la dinamita o la bomba atómica han motivado los comentarios de los jugadores y permiten soñar con un futuro desarrollo en donde se incluyan más comandos y ataques con fuerza desmedida cuya efectividad dependa solo del conocimiento y la astucia del jugador.

Para resumir, el grupo de trabajo puede manifestar que se siente muy satisfecho por el resultado de este trabajo que si bien no tiene la envergadura suficiente para llegar a ser comercial, si facilitó la compresión de conceptos del diseño absolutamente desconocidos para nosotros, como lo eran el manejo de la paleta de colores, el licenciamiento de los recursos de sonido, la uniformidad y compatabilidad de los recursos gráficos entre muchos otros.

VertorSoft

Por Yeiner Álvarez y Juan Felipe Rodríguez

Resumen—En este  artículo se describe una breve introducción de un software para el aprendizaje y el manejo de los vectores en el área de la programación de sistemas informáticos. El diseño de VECTORSOFT aplicado a la tecnología en la programación informática, significa proporcionar una herramienta de aprendizaje fundamental en  la rama del desarrollo del software. 

Índice de Términos: Tecnología, dispositivos,  computación, juegos,  multimedia, tren, aprendizaje, vector, matriz.

Abstract—This article describes a brief introduction of software for learning and vector management in the area of systems programming. VECTORSOFT design applied to technology in computer programming, means providing essential learning tool in the field of software development.

Keywords:  Technology, devices, computers, games, multimedia, train, training, vector, matrix.

I. INTRODUCCIÓN

El sistema que se explica a continuación comprende una importante herramienta de apoyo para los estudiantes de tecnología e ingeniería de sistemas, o personas interesadas en adquirir conocimientos fundamentales de la programación de sistemas. Mediante el aprendizaje, entendimiento y usos de las matrices unidimensionales conocidas como vectores. Este software ayuda al usuario a comprender de manera gráfica el comportamiento de los vectores.

Con base en lo mencionado anteriormente, vale la pena destacar que el aprendizaje a través del computador no implica únicamente programar una secuencia de operaciones en el computador, sino también un conjunto de actividades de instrucción que educativamente sean valiosas y conduzcan al logro de los objetivos planteados. Además, al implementar el sistema, es aconsejable medir la aceptación del programa por parte de los estudiantes.

La implantación de software educativo para la educación  se considera un estudio novedoso, pues en la actualidad se vienen adelantando actualizando sistemas de aprendizaje computarizado que benefician la calidad de la educación.

II. DESARROLLO

A. Teorías del aprendizaje

Cuando se habla de aprendizaje, hay que hacer una análisis del ser como individuo racional, capaz de aprender y producir conocimiento. Podemos citar tres grandes teorías que nos pueden definir patrones de aprendizaje que son: el conductismo, cognitivismo y constructivismo.

El conductismo iguala al aprendizaje con los cambios en la conducta observable, bien sea respecto con la forma o la frecuencia de esas conductas. El aprendizaje se logra cuando se exhibe una respuesta apropiada después de la presentación de un estímulo ambiental específico; en este caso los elementos claves son el estímulo, la respuesta y la asociación entre ambos. [1]

El cognitivismo es una teoría en la cual se establece que: La memoria posee un lugar preponderante en el proceso de aprendizaje que se produce cuando la información es almacenada de una manera organizada y significativa; en este sentido al planificar la enseñanza se deben usar técnicas como analogías, relaciones jerárquicas para ayudar a los estudiantes a relacionar la nueva información con el conocimiento previo y debido al énfasis en las estructuras mentales, se considera a las teorías cognitivas más apropiadas para explicar las formas complejas de aprendizaje; entre ellas, razonamiento, solución de problemas, procesamiento de información.” [1]

El constructivismo es una teoría que equipara el aprendizaje con la creación de significados a partir de experiencias; la cual no niega la existencia del mundo real, pero sostiene que lo conocido de él nace de la propia interpretación de nuestras experiencias, por eso los humanos crean significados...sostiene que los estudiantes no transfieren el conocimiento del mundo externo hacia su memoria, sino que construyen interpretaciones personales del mundo basados en las experiencias e interacciones individuales, en consecuencia las representaciones internas están abiertas al cambio, el conocimiento emerge en contextos que le son significativos, por lo tanto, para comprender el aprendizaje que ocurre en una persona se debe examinar la experiencia en su totalidad.  [1]

B.  Metodología

En este desarrollo de software fue de tipo documental y exploratoria. Documental debido a la investigación en textos y artículos, y exploratoria ya que no basamos nuestra investigación en proyectos anteriores en el tema de aprendizaje de vectores con aprendizaje multimedia. Aunque no se utilizó una metodología específica para la producción del software  se utilizó unos ítems dentro de las metodologías como las de RUP que son análisis, diseño y construcción.

Fase I: Análisis

En esta fase se realizó un estudio que contempló todos los elementos que influyeron en el software educativo, los cuales están referidos al análisis del público, del ambiente, del contenido y del sistema.

a. Análisis del público

La población que se tomó en cuenta para la elaboración del software VECTORSOFT fue estudiantes de tecnología e ingeniería de sistemas.

b. Análisis del ambiente

Actualmente, Institución educativo Antonio José Camacho carece de herramientas de software educativos que facilitan la labor del docente y el aprendizaje del alumno. El software educativo se desarrolló en un ambiente multimedia, Processing en el cual se utilizaron imágenes, audio, y texto, para crear una interfaz gráfica atractiva y amigable para los usuarios.

c. Análisis del contenido

Considerando el contenido programático y en función de los conocimientos que se desea que los estudiantes de las tecnologías de información obtengan o fijen de acuerdo con sus necesidades, se organizó de manera estructurada y sintetizada toda la información requerida. Para ello, una vez analizado el contenido, se realizó una selección de un tema específico de las estructuras de datos que son las matrices unidimensionales conocidas también como vectores.

Figura 1. Mapa conceptual.

Fuente: Elaboración de los autores

d. Análisis del Sistema

Una vez analizado el público, el ambiente y el contenido, se planificó el desarrollo de un software educativo VECTOR SOFT como apoyo a la optimización del proceso de aprendizaje. Para lograr este fin, se realizó una selección de los temas planteados en la asignatura de Investigación Multimedia,  donde se analizaron los requerimientos básicos para el desarrollo del software y se logró establecer que es operacionalmente factible.

Fase II: Diseño

Se realizó un diseño educativo y un diseño interactivo. El primero consistió en organizar toda la estructura del contenido educativo, la cual está formada por las metas educativas, los objetivos de aprendizaje, las decisiones de contenido (expuesta en la fase de análisis) y el prototipo en papel. El segundo permitió determinar los requerimientos para el diseño e interfaz, el mapa de navegación para el recorrido del software y las pantallas de esquema.

Diseño educativo. El software educativo desarrollado fue denominado VECTOR SOFT, el cual se basa en el computador bajo una tecnología de multimedia, diseñada para complementar los conocimientos desarrollados en el en el uso de los vectores para la programación de sistemas informáticos, y para facilitar el proceso de aprendizaje de la de la estructura de datos en las matrices unidimensionales.

a. Objetivo del software

Aprender el uso y las funcionalidades de los vectores en la programación de la programación de computadores.

b. Diseño de contenido

VECTOR SOFT conformado por la sistematización de la información referente a los vectores o las matrices unidimensionales que forman parte del contenido programático de la dentro de las estructuras de datos y del desarrollo de del contenido de la asignatura de investigación multimedia.

Diseño interactivo. Se realizó a través de la construcción de las pantallas de VECTOR SOFT, fundamentándose en la determinación de los requerimientos funcionales, el diseño de interfaces amigables, la presentación de las rutas de navegación de las unidades del contenido programático de la asignatura seminario de investigación multimedia, así como también se plasmó la distribución de texto, imágenes y animaciones de las pantallas.

Los requerimientos funcionales permitieron ofrecer independencia entre las unidades para que el usuario pueda elegir su camino de navegación, es decir, que éste pueda acceder libremente a la información contenida en el software educativo, dependiendo del interés área en estudio de los vectores; igualmente, mostrar un tutorial amigable y atractivo, de manera tal que interactúe con el mismo las veces que así lo considere necesario para captar la información presentada.

   

a. Diseño de interfaz

VECTOR SOFT tiene como finalidad mejorar el proceso de aprendizaje a través del computador como recurso de instrucciones, razón por la cual se muestra una interfaz en la que se da la combinación de sonidos, colores, imágenes, así como cualquier otro elemento que ayude al diseño de las pantallas. Estos elementos ofrecen a los estudiantes un ambiente favorable para la construcción de aprendizajes significativos, además de permitir diferentes grados de interactividad: estudiante-computador, estudiante-profesor, estudiante-contenido, estudiante-estudiante, estudiante-institución. 

b. Mapa de Navegación

El mapa de navegación de las unidades que conforman VECTOR SOFT consistió en representar las rutas o caminos a seguir el usuario en el software, a través de la navegación de una pantalla a otra que facilita el acceso a la información según el con el contenido que el usuario desee interactuar. Dicho mapa está basado en una estructura jerárquica.

Figura 2. Diseño navegacional del sistema.

Fuente: Elaboración de los autores

La primera pantalla figura 3, muestra el emblema de metáfora del juego, que es juguemos con los vagones del tren. Siendo el tren un emblema apropiado para simular la interacción de un vector.

Figura 3. Pantalla Inicio

Fuente: Elaboración de los autores

La segunda pantalla figura 4, muestra el logotipo del grupo de desarrolladores y el de la institución educativa donde se tiene acción los integrantes del grupo. Además en esta institución Educativa Antonio José Camacho es donde se realizará la muestra de software.

Figura 4. Pantalla inicio y publicidad.

Fuente: Elaboración de los autores

La tercera pantalla figura 5, muestra una introducción de bienvenida que se le hace a los estudiantes interesados en el aprendizaje de los vectores.

Figura 5. Pagina Bienvenida.

Fuente: Elaboración de los autores

La cuarta pantalla figura 6, muestra el tipo de vector con el cual vamos a interactuar sea numérico, de palabras o de caracteres.

Figura 6. Pantalla Menú tipo de vector

Fuente: Elaboración de los autores

La quinta pantalla figura 7, muestra la selección de los vagones que representan el tamaño del vector y da como resultado la cantidad de vagones.

Figura 7. Pantalla Menú cantidad vagones.

Fuente: Elaboración de los autores

La sexta pantalla figura 8, muestra el resultado final de las pantallas seleccionadas anteriormente, es decir, si se escogió números se puede hacer sumas con las posiciones del vector, si escoge palabras estas se pueden ordenar alfabéticamente, y si se escogió caracteres se puede unir y ordenar alfabéticamente.

Figura 8. Pantalla Resultado.

Fuente: Elaboración de los autores

Fase III: Desarrollo

Considerando la estructura de las pantallas que conforman el software educativo VECTOR SOFT, se procedió a una serie de formas para mostrar el funcionamiento general del mismo, conforme a las especificaciones de la fase de Diseño. Teniendo en cuenta los requerimientos planteados en la asignatura de investigación multimedia, para el cumplimiento con el objetivo propuesto. 

Fase IV: Producción

La fase de producción contempló la elaboración de los archivos de texto, sonido,  imágenes y animaciones que conforman VECTOR SOFT, los cuales fueron diseñados previamente para luego integrarlos al software utilizando Processing, cumpliendo así con los requerimientos funcionales del software.

Con las herramientas que ofrecen photoshop. También se anima la pantalla con la codificación en java; y para el sonido se utiliza un archivo de sonido MP3. Las producciones fueron creadas con el propósito, y es  el de ofrecer una herramienta interactiva agradable a la vista del usuario.

III. CONCLUSIÓN

Con el desarrollo de un software educativo se contribuye a elevar la calidad de la enseñanza, pues se proporciona una herramienta de aprendizaje que puede ser aplicada por el docente en el marco de las teorías conductista, cognitivista y constructivista. Esto se reafirma con lo expresado por Medina (1995), quien plantea que con el uso de software educativos se podría mejorar el aprendizaje de los estudiantes, ya que éstos despiertan la atención al ver los colores, fotografías, dibujos, así como al escuchar los sonidos, ayudando a la comprensión de la información percibida por medio de la vista y el oído, además de que educa, ayuda al docente en la adquisición de habilidades para dictar las materias; y con lo referido por Araujo (2004), quien afirma que los software educativos elevan la calidad y productividad de los proyectos de estudios de los alumnos, pues permiten la utilización de estrategias motivantes para que el educando desarrolle sus habilidades cognitivas. [2]

La jerarquización del contenido del software educativo permite que el alumno adquiera conocimientos con mayor facilidad a través del uso de multimedia, pues el usuario puede navegar a través de una estructura de pantallas que se forma según la lógica del contenido, pero las rutas de navegación de una pantalla a otra permiten el acceso a la información según el nivel en el cual desee interactuar el usuario. Esto se confirma por las conclusiones arrojadas por González y Vanegas (1998), quienes establecen que todo software educativo ofrece la posibilidad de desarrollar contenidos didácticos motivando al usuario a navegar por el mismo a través de la incorporación de multimedia, los cuales hacen atractiva la relación usuario-máquina.  [2]

Se logró el cumplimiento del objetivo del desarrollo de un software multimedia para el aprendizaje de los vectores, que son un tema fundamental en la programación de los sistemas. Estos nos facilitan un almacenamiento temporal para poder interactuar con una estructura parame trizada y  de vital utilidad en el desarrollo de software.

VECTOR SOFT es una herramienta para el aprendizaje de las matrices unidimensionales (vectores), pues el usuario, al finalizar la navegación habrá adquirido conocimientos por medio de las imágenes, gráficos, sonidos y textos; además, este software permitirá al alumno realizar búsquedas de información que pueden ser beneficiosas al momento de realizar algún tipo de investigación, lo cual contribuiría notablemente en su formación educativa.

BIBLIOGRAFÍA
[1]. Fuentes, L. Mendoza, I. Software educativo para la enseñanza de la biología. Revista ciencias humanas (2.005). Recuperado de http://www.scielo.org.ve/scielo.php?script=sci_arttext&pid=S1012-15872005000200005&lng=en&nrm=iso&ignore=.html.
[2]. Medina, T. Justicia US law. Recuperado de http://law.justia.com/cases/california/cal4th/11/694.html
[3]. Tutorial Processing 2 pvector Recuperado de http://processing.org/tutorials/pvector/

SoftHard 2014

Mapas Conceptuales

Estos son dos ejemplos de mapas conceptuales. Recordar que antes de elaborar un mapa, hay que formular una pregunta de enfoque.

Pregunta de enfoque: ¿Qué son y para qué sirven los mapas conceptuales?

Pregunta de enfoque: ¿Para qué sirve la nifedipina?

Ciudad Inteligente por medio de Apps Móviles

Seguridad Informática - Espionaje y Robo de Información

No existe un sistema 100% Seguro.

Seguridad informática - Phishing

Seguridad Informática - Phishing

MEME... El ladrón de la información (Ingeniería Social)

Descuido de Contraseñas

Una mirada al futuro

Richard's Ltda

MIO

Paola Tatiana Girón - Milton Andrés Campos - Maycol Bedoya Cabrera - Juan David Sanchez - Sergio Arturo Guzmán - Sergio Andrés Gómez - Alexis Corrales - Julián Zamora - Jimmy Alejandro Reyes - Bryan Gonzales - Juan David Arcilla.

Realidad Aumentada TecnoTIC

Realidad Virtual TecnoTIC

Townie, encuentra tus mejores momentos

Equipo Townie durante el evento TecnoTIC 2013

Townie es un proyecto de emprendimiento en tecnologías móviles que se está llevando a cabo con el MinTic y appsco.com. Carlos Morante y Julieth Candia son estudiantes de ingeniería de sistemas de la UNIAJC que hacen parte de este proyecto que ya es una realidad.

Townie es un software para crear una comunidad en donde las personas pueden enterarse y compartir información sobre los eventos sociales, académicos, deportivos y culturales.

Link de descarga de Townie

Recuerda escribir tus comentarios en la página de Townie.

TecnoTIC 2013

Viernes, noviembre 8 del 2013

 

Realidad Aumentada 2013-02

Mapa Conceptual

Autora:
Sandra Hurtado

Teclado en Processing

Primero se debe crear la fuente o tipo de letra, en Create Font... del menú Tools y le das cualquier nombre, por ejemplo: miLetra

PFont fuente;

char letra;

void setup() {

  size( displayWidth-300, displayHeight-200 );

  smooth();

  fuente=loadFont( "miLetra.vlw" );

  textAlign(CENTER);

  textFont(fuente, 250);

  letra=' ';

}

void draw() {

  background(0, 0, 20);

  fill(255);

  text(letra, width/2, height/2+50);

}

void keyPressed() {

  letra=key;

}

3D en Processing

int contador;

void setup() {

  contador=0;
  size(1000, 800, P3D);
  frameRate(30);

}


void draw() {

  background(169, 169, 169); // Color del fondo RGB

  lights();

  // La camara se situa en una posición, pero apunta a otra

  camera(mouseX, -mouseY, 600, // ejeX, ejeY, ejeZ
  0, 0, 0, // centroX, centroY, centroZ
  0, 10, 0); // upX, upY, upZ

  noStroke();

  /*** Esfera color rojo ***/

  contador=contador+4;
  translate(0, contador, 250); // coordenada X, coordenada Y, coordenada Z
  fill(255, 0, 0); // color de relleno RGB
  sphere(40); // diametro de la esfera

}