Diseño de la interfaz

Visual Studio 2008, permite la creación de ambientes gráficos de manera fácil y sencilla, permitiendo el uso de herramientas propias de la aplicación, más adelante se explica cómo estas herramientas son adaptadas al Pocket PC.

Se agregaron herramientas de diseño tales como Labels, main menu, progress bar, entre otras que ayudan a tener un mejor entendimiento y facilidad en la navegación de los temas.

Diseño general de la aplicación

En primera instancia se observa el diseño de la portada de la aplicación y el título (ver figura 58). Se hace clic en entrar para hacer uso de los diferentes formularios.

Figura 58 Diseño principal de la interfaz de la aplicación de ICE

Se muestra el menú de materias (las cuales corresponden a materias básicas de tronco común) (ver figura 59).

Se puede dar clic en cualquiera de las materias citadas, en el ejemplo de la figura 60, se

navegará sobre el formulario de circuitos digitales, a fin de conocer la interfaz grafica y los menús con los que cuenta la aplicación. Se muestra la portada principal del formulario y dos opciones, si se pulsa salir nos salimos del formulario y regresamos al menú principal de materias. Si se pulsa entrar tenemos acceso a los temas desarrollados.

Figura 60 Interfaz del formulario de Circuitos digitales

Al entrar al formulario, el sistema es tan amigable que siempre guía al usuario sobre qué hacer para ver los temas, tiene indicaciones especificadas en color azul.

Los temas son mostrados a manera de árbol y se debe de hacer clic sobre el tema principal para tener acceso a la información (ver figura 61).

Figura 61 Inserción del control TreeView y organización de los temas pertenecientes a la materia de circuitos digitales

Se muestra la información en diferente ventanas (se divide en paneles, cada uno de los subtemas) (ver figura 62).

Figura 62 Organización y navegación en la información mostrada, referente a la materia

Cada tema tiene sencillos ejemplos, para el mejor entendimiento de los temas. Como en éste caso (ver figura 63), se muestran ejemplos definidos de la representación de

números en diferentes bases. Se pueden consultar las herramientas y se puede encontrar una aplicación que hace conversiones a diferentes bases y unidades a partir de los datos dados por el usuario.

Figura 63 Ejemplos de apoyo a los temas mostrados en los diferentes formularios, este ejemplo corresponde al formulario de Circuitos digitales

Se pueden encontrar también en los formularios la explicación de diversos dispositivos electrónicos. Por ejemplo, en el formulario se puede visualizar la explicación de las compuertas lógicas y se puede tener acceso, a lo que se pudiera llamar una parte de la hoja de especificación, en donde se puede ver la forma de conexión de los dispositivos, tal como se muestra (ver figura 64).

Figura 64 Tablas de verdad y hojas de especificación de algunos dispositivos de circuitos digitales.

Se puede observar en la parte inferior de la pantalla dos botones: opciones y cerrar. Si se pulsa cerrar se sale automáticamente de la aplicación; si se pulsa opciones, se tiene un menú, cuyas opciones son:

Salir de la aplicación, se sale en automático de la aplicación y se regresa a la ventana principal de la aplicación.

Ir al temario, regresa al temario principal del formulario (ver figura 65).

Regresando al menú principal de la aplicación, se cuenta con diversas herramientas básicas de apoyo al estudiante de ingeniería en comunicaciones y electrónica, cuya interfaz está desarrollada igual que las interfaces, de las cuales se habló anteriormente.

A continuación se muestra el diseño de algunas de éstas herramientas y la manera de interactuar con las mismas, dentro de la aplicación.

Figura 66 interfaz y organización de la herramientas de apoyo para la aplicación de ICE

Las herramientas constan de una interfaz sencilla (ver figura 66), pero cada herramienta tiene funciones diferentes, así bien, se tiene la herramienta Amplificadores (ver figura 67), la cual resuelve y diseña amplificadores inversores y no inversores; herramienta calculadora, es una calculadora científica; matrices (ver figura 68), resuelve operaciones con matrices, conversión de complejos, conversión de unidades, conversión de bases

(ver figura 69), diseño de compuerta RTL, Resistencias comerciales y diseño de redes RC (Pasa Altas y Pasa Bajas).

Básicamente las herramientas cuentan con las funciones que realizan cada una, contienen imágenes que ilustran el diseño de los circuitos que se están diseñando; esto para complementar el conocimiento respecto a los temas y problemas planteados.

Las interfaces contienen, en lo que es su diseño, TextBox (cajas de texto), Labels (etiquetas), PictureBox (Cajas con imágenes); la información se divide algunas veces en paneles, que permiten navegar de manera sencilla por la herramienta. También cuenta

con botones que toman los datos insertados por el usuario, estos botones contienen métodos que realizan las operaciones necesarias y adecuadas a cada aplicación. Estas operaciones son basadas en las fórmulas estudiadas durante la carrera.

Anteriormente se habló del diseño de estas herramientas en la herramienta de programación Visual Studio 2008 con aplicación a Smart Device.

Vista general de Herramienta Amplificadores

Figura 67 Interfaz final de la herramienta amplificadores y los controles utilizados para su diseño

Cajas de inserción de datos Botón que contiene el método para realizar las operaciones

Cajas de texto, para mostrar resultados Cajas de inserción de datos

Vista general de Herramienta Matrices

Figura 68 Interfaz final de la herramienta Matrices y los controles utilizados para su diseño

Vista general de Herramienta conversión de bases

Figura 69 Interfaz final de la herramienta conversión de bases y los controles utilizados para su diseño Espacio para mostrar las

matrices insertadas y el resultado de las operaciones

realizadas

Elección de las operaciones a realizar

Elección de la matriz a insertar

Especificación del tamaño de la matriz a insertar

Inserción de los elementos de la matriz

Botón para leer los elementos insertados

Botón para realizar la operación señalada

Caja para insertar los valores a convertir Elección de una base a otra, a la cual se

desea convertir Muestra el resultado de la