53d6e41752c4eed16e4fc3f3_Diagram-C_001.png

Programa de manera entretenida.

Un programa que programa.

Descargalo Ahora!

El Proyecto

Se imagina Ud. a su hermana menor programando?, o incluso aún, a su abuelita programando?. Bueno, motivado por aumentar la facilidad a la hora de programar (código en C, en particular) diagram-C ahora hace posible que cualquiera pueda programar. Como? con su intuitiva interfaz gráfica, realizando unos cuantos clicks, pueden generar un código listo para compilar!.

53d85a4775d12de843db3253_CodeMonkey.PNG
53d70ccc1c6ecb463cc119da_CElectricMotor.h%20(~-Documents-c...amenes-Ej%20motor)%20((1)%20of%207)%20-%20VIM_002.png

Problemática

A veces se tiene una idea para la solución particular de un problema y sólo se desea ejecutar un pequeño algoritmo aislado del resto del código, o simplemente probar una idea rápidamente. Además, para un primer acercamiento a la programación, la sintaxis tienda a ser más complicada que el problema en sí, lo que desalienta siquiera el comenzar a programar. Para esto, diagram-C evita el uso de engorrosos editores que dificultan la implementación de ideas básicas, agilizando la implementación de software .

Casos de uso

El usuario agrega bloques

Actor

  1. El usuario posiciona el mouse sobre el bloque a agregar, en el panel izquierdo.

  2. Se hace click sobre el bloque.

  Sistema

  1.  Sin acción.

  2. El bloque aparece en el panel derecho.

53d831e4a1a4c7e743e1a0e1_anim.gif
53d8347ca1a4c7e743e1a0fe_agregar_terminado.gif

El usuario elimina bloque

Actor

  1. El usuario selecciona el bloque que desea eliminar, haciendo click con el botón izquierdo.

  2. Se hace click en el menú “File”

  3. Se hace click en “Delete Node”

Sistema

  1. El sistema guarda la infomación del bloque que fue seleccionado.

  2. Se despliega el menú “File”

  3. El bloque seleccionado se elimina del programa.

Crear enlace

Actor

  1. El usuario hace click derecho sobre el primer bloque (el cual será el nodo padre).

  2. Se hace click derecho sobre el segundo bloque al cual se quiere enlazar (y por tanto será el nodo hijo).

Sistema

  1. El sistema guarda la infomación del bloque que fue seleccionado.

  2. Se crea el enlace entre ambos bloques seleccionados.

53d84b83a1a4c7e743e1a1fd_enlace.gif
53d8355aa1a4c7e743e1a10a_mover_terminado.gif

El usuario modifica posición de un bloque

Actor

  1. El usuario presiona un bloque con el botón izquierdo.

  2. Se arrastra el mouse, con el botón izquierdo presionado.

Sistema

  1. Sin acción

  2. El bloque se mueve junto a la posición del mouse.

Generar Código

Actor

  1. El usuario hace click en el menú “File”.

  2. Se selecciona la opción make.

Sistema

  1. Se despliega el menú “File”.

  2. El programa genera el código, en el directorio donde está el prgrama.

53d84f8f9d95e01979f465db_make.gif

Funcionamiento

53d8768e9d95e01979f46786_image23.png

El diagrama que se dibuja en el panel derecho, se almacena en una clase iterable, esto significa que para recorrer el esquema solo se necesita iterar por un bucle “for each”, con lo que resulta natural imprimir un código C en un archivo externo.

Esto se consigió, implementando 3 tipos de bloques distintos; uno que tenga solo un bloque (variables, llamado a funciones, etc.) siguiente, otro que tenga dos (while )  y otro que tenga 3 (if).

Luego los métodos que cada clase implementan, aseguran que la clase itarable siga describiendo correctamente el programa.

Diagramas de Clases

Aquí se presentan los diagramas de clases correspondientes a la implementación de este proyecto

53d8634d9d95e01979f466a5_without_dependences.png
53d86358a1a4c7e743e1a363_diagram_dependences.png
53d864e09d95e01979f466bc_diagramComp.png

Listo para vivir la experiencia?

Back to Top