Proyecto Tutorial C

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 aprecia mejor en el diagrama de clases que se muestra en la figura 14.

Figura 14. Diagrama de clases para el proyecto “Tutorial de Lenguaje C”.

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. 2. 3. 4. 5.

http://java.sun.com/javase/technologies/desktop/media/jmf/2.1.1/download.html http://java.sun.com/j2se/1.5.0/docs/api/ http://www.engineering.uiowa.edu/~swd/JavaHTP6e_examples/ch21/Fig21_06_07/MediaPanel.java http://www.itapizaco.edu.mx/paginas/JavaTut/froufe/introduccion/indice2.html#catorce 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

9