1. INTERFAZ GRAFICA DE USUARIO.

Una interfaz grafica de usuario presenta una interfaz de imgenes con un

programa. La interaccin entre el usuario y el programa tiene lugar a travs de
la interfaz grafica de usuario. Es decir con la interfaz grafica lo que se hace es
mostrar el programa al usuario en forma de imagen, de esta manera el usuario
pueda entender y manejar el programa con mayor facilidad.
La interfaz de nuestro simulador tiene como objetivos principales mostrar
los siguientes puntos mencionados.

Responder a eventos de botn (realizadas por el usuario)

Gestionar los eventos de botn

Capturar la entrada de DATOS Iniciales (ingresado por el usuario)

Gestionar los datos Iniciales ingresado por el usuario

Gestionar cambios ocurridos en la interfaz (cuando hay cambios al

mostrar la interfaz)

Manejar los datos capturados como entradas.

Mostrar el reporte de la simulacin a partir de los datos capturados

2. DISEO DE LA INTERFAZ GRAFICA DE USUARIO

El diseo de la interfaz grafica de usuario describe la manera de cmo
comunicarse el software dentro de si mismo, con sistemas externos que nter
operan dentro de l y con las personas que lo utilizan. Una interfaz implica los
siguientes:

Flujo de informacin

o Flujo de datos: se refiere a todos los datos que se manejan y son

necesarios para el software, entre estos estn los datos que el
usuario ingresa, los datos que derivan de estos, y los datos
internos que el sistema genera y maneja para cumplir con los
requerimientos funcionales y no funcionales del sistema.
o Flujo de control: se refiere a todos los controles que se realizan,
dentro de esto esta manejar los eventos de botn generados, es
decir a cada evento se debe controlar de acuerdo a la funcin que
debe realizar. tambin dentro del flujo de control estn los
parmetros que las clases o mtodos de alguna clase utilizan
para realizar alguna operacin de acuerdo a estos parmetros, es
decir controlar que una determinada operacin se realice a partir
de un parmetro recibido, el cual le sirve para realizar el control
de una parte o todo el sistema.

El tipo especifico de comportamiento

Es decir de acuerdo a la interfaz y las funciones u operaciones que este
ofrece se determinaran el comportamiento del sistema.

La interfaz grafica de nuestro software (simulador del crecimiento de las

macrofitas) tendr una sola ventana que se muestra desde inicio del programa
hasta antes del cierre del programa, pero cabe mencionar que la ventana esta
subdividida en varias sub-ventanas de manera que las mismas se muestran en
la misma ventana, esto se lo realiza facilitando la manipulacin de las entradas
y salidas del sistema.

Nuestra ventana principal comprende de las siguientes sub divisiones:

 Ventana de entrada de Datos (donde el usuario ingresa sus datos,

adems donde genera los eventos de botn, mediante la pulsacin de
las mismas).
Ventana de Salida de Datos (donde se muestra el resultado de la
simulacin en nuestro caso es el reporte de la simulacin).
Ventana de Identificacin del programa (es un dibujo de la laguna que se
muestra como una imagen con la cual se identifica el programa).
2.1 VENTANA DE ENTRADA DE DATOS
A continuacin usaremos muy frecuentemente las palabras interfaz o
edicin, con primera, segunda, tercera y cuarta interfaz o edicin nos
referiremos a los diferentes estados que presenta esta ventana, por ejemplo
cuando pulsamos algunos botones pues muchos botones u otros desaparecen
de pantalla y ms bien aparecen otros botones o campos de texto. El uso de
estas palabras se debe a que se manejara la palabra estado para hablar en
forma global, sea para hablar de la pantalla principal que es la composicin de
todas las sub ventanas mencionadas (ventana de entrada, salida e
identificacin del sistema).
Dentro la ventana de entrada de datos tenemos varias ediciones, es
decir dentro de esta misma ventana hay cambios en la interfaz grafica, pero
que siguen una secuencia de acuerdo a las funciones que comprenden estas
ventanas.
A continuacin presentamos una lista de las diferentes interfaces (ediciones)
que nos muestra esta ventana, cada edicin con sus respectivo contenido ya
sean botones u otros.
Primera Interfaz (1 edicin) dentro de esta edicin se muestra dos
botones una para salir del sistema y otro para empezar con los primeros
pasos de la simulacin, el botn empezar es para mostrar la segunda
interfaz (segunda edicin).

 Segunda Interfaz (2 edicin) en esta edicin se muestra dos botones

uno que es salir (el mismo de la primera edicin ) y otro que es
Aceptar,este botn es para confirmar que ya se ingreso los datos en
los campos de texto las cuales se menciona en los siguientes puntos,
adems sirve para mostrar la tercera interfaz (tercera edicin).

Tercera Interfaz (3 edicin) esta edicin comprende de dos botones

(Atrs y

"Simular) y dos botones de seleccin (RadioButton) que

sirven para seleccionar el color que el usuario desea apostar (rojo y

negro). Una vez presionado el botn simular pasamos a la cuarta y
ultima interfaz (cuarta edicin).
Cuarta Interfaz (4 edicin) esta edicin comprende solo de un botn
(Reporte de la simulacin), el cual nos permite mostrar en la ventana
de salida de datos el reporte e la simulacin. Una vez presionado este
botn volvemos a la segunda interfaz (segunda edicin) para continuar
simulando con otros o los mismos datos o para salir del sistema.

2.1.1 PRIMERA INTERFAZ (1 EDICIN)

Dentro de esta edicin mencionamos dos botones las cuales detallamos
a continuacin conjuntamente con su funcionalidad.
2.1.1.1 Botn Salir
Este es un botn que nos permite salir del sistema, es decir una vez
presionado este botn se cierra el sistema, si despus de hacer una o ms
simulaciones se presiona este botn, se cierra el sistema sin guardar ningn
reporte que se haya generado a menos que el usuario guarde los resultados de
un reporte antes de salir del sistema, si no se hizo ninguna simulacin

simplemente no hay que guardar y por ende no se guarda nada y el sistema se

cierra.

2.1.1.2 Botn Empezar

Cuando el usuario quiere y esta de acuerdo con empezar la simulacin
debe presionar este botn (Empezar) y de esta manera pasar a la siguiente
edicin para continuar con la simulacin.
Este botn solo se presenta o se muestra una vez durante la ejecucin
del programa es decir la primera edicin solo se muestra una vez durante la
ejecucin del programa, esto ocurre solo cuando se inicia la ejecucin del
sistema, una vez iniciado el sistema y presionado este botn solo queda
simular o salir del sistema el momento deseado siempre y cuando tengamos el
botn salir como opcin.
Como mencionamos anteriormente este botn nos sirve para pasar a la
siguiente interfaz o edicin (2 edicin).
2.1.2 SEGUNDA INTERFAZ (2 EDICIN)
En esta interfaz nos muestra dos campos de texto para ingresar datos a
travs de estos y dos botones, los cuales mencionamos a continuacin.
2.1.2.1 Campo de texto Datos Iniciales
Este es un campo de texto donde el usuario ingresa los datos con los
cuales se quiere realizar la simulacin.
El usuario debe ingresar valores correctos para realizar la simulacin
caso contrario el sistema insistir que ingrese datos correctos ya que si no son
valores correctos no realizara los pasos siguientes o dependientes de este,
estos valores correctos se muestra a continuacin en la tabla 1

valor ingresado

Es correcto?

Como es ledo por el

0
2.0058
100
00100
string

no
no
si
si
no

sistema?
No es ledo
No es ledo
100
100
No es ledo

Tabla 1
2.1.2.2 Campo de texto tipo de control
Este campo de texto sirve para ingresar el tipo de control que se debera
tomar con el crecimiento de las macrofitas.
1. Al momento de ingresar los datos iniciales y el tipo de control, si el tipo
de control no esta definido el sistema no rechazara esto ya que de esta
manera podr mostrar como es la reproduccin sin un tipo de control.
2. Durante la ejecucin de la operacin simular, es decir el momento
cuando este simulando, completando los datos a partir de los datos
ingresados por el usuario que sern reportados en pantalla, se termina
la ejecucin de esta operacin y en seguida se muestra el reporte en la
cual nos mostrara los distintos datos buscados por el usuario.
2.1.2.3 Botn Salir
Este botn es el mismo que mencionamos en la seccin 2.1.1.1 (primera
interfaz) por tanto ya se conoce la funcionalidad y sus caractersticas de este.
2.1.2.4 Botn Aceptar

Si los datos ingresados son incorrectos este botn no realiza ninguna

operacin hasta que el usuario ingrese los datos correctos, lo mismo pasa si el
usuario presiona este botn sin ingresar los datos o cuando ingresa los datos
con valor cero ya que el valor cero es como no ingresar valor alguno.
Como ya dijimos este botn nos lanza a la tercera interfaz.
2.1.2.5 Botn Simular
Una vez presionado este botn se genera recin la simulacin en si, es
decir se genera el reporte pero que este aun no se muestra en pantalla.
Este botn nos permite pasar a la siguiente edicin (cuarta edicin o
cuarta interfaz) el cual nos sirve para mostrar el reporte.
2.1.3 TERCERA INTERFAZ (3 EDICIN)
En esta edicin solo se muestra un botn (Reporte de la Simulacin)

2.1.3.1 Botn Reporte de la Simulacin

Una vez generado el reporte pero que aun no se muestra en pantalla se
debe presionar este botn para mostrar el reporte en la ventana de reporte que
se explicara mas adelante.
Adems este botn nos vuelve a llevar a la segunda edicin, a partir de
esto se puede continuar simulando, donde el usuario tiene la oportunidad de
realizar cambios en los datos o continuar con los mismos datos ya que el
resultado de la simulacin ser diferente debido a que se trata de otro
SIMULACION (corrida) con los mismos datos de entrada que el usuario genero.

2.2 VENTANA DE SALIDA DE DATOS

Esta es una sub ventana de la ventana principal donde se muestra el

reporte (resultados) de la simulacin.
El reporte que se muestra en esta ventana se genera una vez
presionado el botn simular el cual ya indicamos en la seccin 2.1.2.5 pero que
en la pantalla no se muestra hasta entonces.
El reporte es mostrado en esta pantalla cuando se presiona el botn
Reporte de la simulacin que ya se ha explicado en la seccin 2.1.3.1.