Segundo Proyecto

Tutorial de Lenguaje C
26/05/2009

Marisol Calderón González,

Augusto Galicia López,
José Ignacio Loaiza Reyes

1
Contenido
Requerimientos y su cumplimiento. .................................................. 3
Desarrollo del trabajo. ....................................................................... 4
Borrador de la Interfaz gráfica y sus observaciones. ....................... 4
Funcionalidad del Proyecto. ............................................................ 5
Implementación del código: .............................................................. 7
Instalación y puesta en marcha. ........................................................ 8
Referencias principales: ..................................................................... 9

2
Proyecto Tutorial del lenguaje C
Requerimientos y su cumplimiento.
En esta ocasión se nos solicitó la elaboración de un programa que fuera un apoyo didáctico en la enseñanza de
alguna de las asignaturas que estamos trabajando en nuestras correspondientes instituciones, por lo que
nuestro equipo decidió desarrollar un proyecto para la enseñanza de las “Estructuras de Control en el Lenguaje
C”, que se imparte en la carrera de Mecatrónica de la Universidad Tecnológica de Puebla.

Los requerimientos solicitados para el proyecto fueron:

Requerimientos mínimos de la interfaz (aplican a todos los proyectos):

Requerimiento Cumplimiento
Desarrollar un material didáctico que contenga
una interfaz gráfica construida con componentes 
Swing.
La interfaz deberá ejecutar al menos tres tareas. 
Mostrar el título del material didáctico, (bien en
el área de trabajo o en el contenedor) 
Utilizar colores institucionales 
Mostrar logotipo de la institución 
Mostrar información de contacto 
Emplear el mismo tipo de fuente pero con al
menos 2 tamaños o 2 colores distintos 
Utilizar al menos un organizador 
Por otra parte, contamos con las especificaciones generales para la evaluación de los programas que son: “…se
considerará la entrega puntual, la organización y la presentación… se revisará el cumplimiento de los
requerimientos, la producción de resultados correctos y la legibilidad del código”.

En las líneas que siguen describiremos tanto el desarrollo del programa, así como sus principales características
y funcionalidad.

3
Desarrollo del trabajo.
Borrador de la Interfaz gráfica y sus observaciones.

Figuras 1 y 2.- Pantallas propuestas para la elaboración del material didáctico “Tutorial de Lenguaje C”.

El trabajo se efectuó de acuerdo a la secuencia solicitada por la maestra. Así que después de un primer borrador
de la interfaz gráfica (Figuras 1 y 2), recibimos los siguientes comentarios para efectuar correcciones:

“AGREGAR LA INFORMACIÓN DE CONTACTO Y LAS CARACTERÍSTICAS GENERALES, QUIZÁS SEA CONVENIENTE

UTILIZAR UNA IMAGEN DE FONDO, ASÍ COMO ETIQUETAS QUE DESCRIBAN BREVEMENTE QUÉ SE ESPERA
APRENDER EN EL TUTORIAL.

FALTA LA ASIGNACIÓN.”

Figuras 3 y 4.- Pantallas propuestas para la elaboración del material didáctico “Tutorial de Lenguaje C”.
Además,
también en ese primer envío, se nos indicó lo siguiente (Figuras 3 y 4):

4
“ORDENAR LOS CICLOS ALFABÉTICAMENTE, USAR ÍCONOS EN LOS BOTONES DEMO, EJERCICIO, SALIR Y MENÚ
PRINCIPAL, ADEMÁS DEL TEXTO.

SÓLO VEO EL EJEMPLO DEL SWITCH, AGREGAR UNA BREVE EXPLICACIÓN”.

Funcionalidad del Proyecto.

Tomando en cuenta las observaciones anteriores, nos dimos a la tarea de desarrollar el código para cumplir con
las siguientes tareas:

Se desplegarán dos pantallas iniciales, una de presentación y otra, un menú principal desde el cual se acceda a

Figuras 5 y 6. Pantallas Inicio y menú principal.

las diferentes opciones del tutorial. Lo anterior se muestra en las figuras 5 y 6.

Al seleccionar la opción Asignación del menú principal, se deberá mostrar una pantalla con un texto explicativo

Figura 7. Texto explicativo de la asignación en C

y un botón para regresar al menú principal, como se muestra en la figura 7.

5
Al seleccionar la opción Decisión se deberá mostrar una pantalla con una lista de opciones, de las cuales se
pueda mostrar un video explicativo, proponer un ejercicio en una plantilla de texto editable, misma que al
elaborarse pueda guardarse en un medio permanente para su posterior compilación en algún compilador de C.
Las figuras 8, 9, 10 y 11 muestran lo descrito.

Figuras8 y 9. Opciones de la Estructura de decisión, y el video mostrado al elegir la opción IF.

Figuras 10 y 11. Plantilla editable mostrada al seleccionar la opción SWITCH, cuadro de diálogo mostrado al elegir la
opción “Guardar plantilla” de la pantalla “Estructura de decisión”.

Al seleccionar la opción Repetición se deberá mostrar una pantalla con una lista de opciones, de las cuales se
pueda mostrar un video explicativo, proponer un ejercicio en una plantilla de texto editable, misma que al
elaborarse pueda guardarse en un medio permanente para su posterior compilación en algún compilador de C.
Las figuras 12 y 13 sólo muestran las pantallas correspondientes al despliegue de un video, pues la plantilla
editable y su almacenamiento a un medio permanente, son idénticas a lo que se mostró en las figuras 8 y 9.

6
 Figuras 12 y 13. Opciones de la Estructura de repetición, y el video mostrado al elegir la opción DO_WHILE.

Implementación del código:

El código se generó para crear las clases que implementaran las ideas descritas, por lo que las clases
desarrolladas fueron las
siguientes:

Inicio.

menu_principal.

Asignacion.

Decision.

Repeticion.

Demo.

MiniReproductor.

La interrelación entre las

clases mencionadas se
Figura 14. Diagrama de clases para el proyecto “Tutorial de Lenguaje C”.
aprecia mejor en el diagrama
de clases que se muestra en
la figura 14.

Se debe hacer notar que la funcionalidad de las clases Demo y MiniReproductor, dependen del
paquete JMF disponible en: http://java.sun.com/javase/technologies/desktop/media/jmf/2.1.1/download.html.

7
Instalación y puesta en marcha.
El proyecto se entrega en un archivo ZIP (Proyecto_Tutorial_C.zip), este archivo comprimido deberá
descomprimirse en un directorio que se llame Proyecto_Tutorial_C. Cuando se extraigan todos los archivos del
ZIP, la carpeta recién creada deberá contener una carpeta denominada Codigo_Tutorial_C, junto con los GIF,
JPG Y MPG del proyecto y un archivo denominado Tutorial_C.jar, que es el ejecutable de este proyecto. La
carpeta Codigo_Tutorial_C, contiene los archivos fuente del proyecto. En el caso de que se quieran compilar los
archivos JAVA de la carpeta Codigo_Tutorial_C, antes de ejecutar la aplicación (run file en Java Creator) deberá
ponerse una copia de todos los GIF, JPG Y MPG del proyecto en el mismo directorio donde se haya hecho la
compilación, para que se desplieguen correctamente los iconos de los botones, los logos y no se produzcan
errores al ejecutar la clase MiniReproductor.

Figura 15. El archivo Tutorial_C.jar

En suma, una vez que se hayan extraído los archivos Proyecto_Tutorial_C.zip en un directorio con el nombre
Proyecto_Tutorial_C, habrá que ingresar a la carpeta Proyecto_Tutorial_C y ejecutar (doble click) el archivo
Tutorial_C.jar para correr la aplicación. En la figura 15 se muestra una imagen de la carpeta que contiene al
archivo JAR mencionado.

8
Referencias principales:
a) Para el código:

1. http://java.sun.com/javase/technologies/desktop/media/jmf/2.1.1/download.html
2. http://java.sun.com/j2se/1.5.0/docs/api/
3. http://www.engineering.uiowa.edu/~swd/JavaHTP6e_examples/ch21/Fig21_06_07/MediaPanel.java
4. http://www.itapizaco.edu.mx/paginas/JavaTut/froufe/introduccion/indice2.html#catorce
5. OTERO, A. (2007) Tutorial básico de Java. Descargado de http://www.javahispano.org/

b) Para el lenguaje C:

1. http://sopa.dis.ulpgc.es/so/cpp/intro_c/introcfc.htm
2. http://www.zator.com/Cpp/E4.htm

c) Para los videos:

1. http://www.youtube.com/watch?v=PXwdZUZFqqg&feature=related
2. http://www.youtube.com/watch?v=fXtwRUTqN-U&feature=related