Desarrollo de una interfaz web basada en Flash para una aplicación de reconocimiento de imagen

De
Publicado por


El Proyecto realizado consiste en el desarrollo de una aplicación que permite al usuario corregir exámenes de tipo test mediante el uso de una cámara web. En primer lugar, el usuario debe enviar al servidor un archivo con la configuración del examen. Si lo desea, también puede enviar la lista de alumnos para relacionar cada examen con un NIA (Número de Identificación de Alumno). Por otro lado, antes de empezar con las capturas, el usuario tiene la posibilidad de elegir entre comenzar la corrección de un nuevo examen o continuar corrigiendo uno ya existente en su disco duro. Una vez enviados los archivos de configuración el programa remite las capturas de la cámara web al servidor hasta que éste decida que hay una imagen adecuada para ser corregida. Una vez procesada, el servidor le devuelve al programa la corrección del examen. Ésta se muestra sobre la imagen del examen y es plenamente modificable por el usuario. Para terminar, una vez que el usuario ha dado la corrección por buena, éste puede elegir entre corregir otro examen o por el contrario cerrar la sesión. Cuando el usuario finalice la corrección de todos los exámenes que necesite, el programa le da la opción de guardar dichos datos en su disco local antes de salir definitivamente del programa. Al finalizar la sesión (una vez guardados o no los datos), el programa nos lleva de nuevo a la pantalla inicial donde el sujeto podría volver a empezar con todo el proceso. ______________________________________________________________________________________________________________
This project undertakes the development of an application which enables users to correct multiple-choice exams by means of a webcam. First of all, users must send a file to the server with the exam configuration. Optionally, users can also send the list of participating students to link each exam to a SIN (Student Identification Number). Additionally, before commencing with the image capturing, users have the option of correcting a new exam or continuing the correction of an existing exam, already loaded in the hard drive. Once the configuration files have been loaded the program sends the images captured by the webcam to the server until it determines that there is an image which can be corrected. Once processed, the server sends the exam correction back to the program, which appears super-imposed on the exam image and may be modified completely be the user. Finally, once the user has validated a correction he can choose between correcting another exam or closing the session. When the user has finished correcting all the exams he/she needs, the program gives him/her the option of saving the data on his/her local drive before finally closing. When a session is closed (having saved the data or not) the program takes the user back to the start-up screen, from which he can begin the process again.
Ingeniería Técnica en Sonido e Imagen
Publicado el : sábado, 01 de diciembre de 2012
Lectura(s) : 56
Etiquetas :
Fuente : e-archivo.uc3m.es
Licencia: Más información
Atribución, no uso comercial, sin cambios
Número de páginas: 86
Ver más Ver menos
 
 
Ingeniería Técnica de Telecomunicación.
Especialidad Sonido e Imagen.
 
PROYECTO FIN DE CARRERA
Desarrollo de una interfazweb en basada Flash para una aplicación de reconocimiento de imagen
 
 
Autor:  
Tutor: 
 
   
Diego Serrano Toca.
D. Jesús Arias Fisteus.
Leganés, diciembre de 2011
 
  
 
 
Título: 
 
 
Desarrollo de una interfazwebbasada en Flash para una aplicación de
reconocimiento de imagen.
Autor: Diego Serrano Toca. Director: Jesús Arias Fisteus. D.
 
 
 
Presidente:
Vocal:
Secretario:
 
 
EL TRIBUNAL
Realizado el acto de defensa y lectura del Proyecto Fin de Carrera el día __ de _______ de 20__ en Leganés, en la Escuela Politécnica Superior de la Universidad Carlos III de Madrid, acuerda otorgarle la CALIFICACIÓN de
 
   
SECRETARIO  
 
 
VOCAL
 
 
 
 
 
PRESIDENTE
  
 
 
 
Resumen del Proyecto.
El Proyecto realizado consiste en el desarrollo de una aplicación que permite al usuario corregir exámenes de tipo test mediante el uso de una cámaraweb.
En primer lugar, el usuario debe enviar al servidor un archivo con la configuración del examen. Si lo desea, también puede enviar la lista de alumnos para relacionar cada examen con un NIA (Número de Identificación de Alumno).
Por otro lado, antes de empezar con las capturas, el usuario tiene la posibilidad de elegir entre comenzar la corrección de un nuevo examen o continuar corrigiendo uno ya existente en su disco duro.
Una vez enviados los archivos de configuración el programa remite las capturas de la cámarawebal servidor hasta que éste decida que hay una imagen adecuada para ser corregida. Una vez procesada, el servidor le devuelve al programa la corrección del examen. Ésta se muestra sobre la imagen del examen y es plenamente modificable por el usuario.
Para terminar, una vez que el usuario ha dado la corrección por buena, éste puede elegir entre corregir otro examen o por el contrario cerrar la sesión. Cuando el usuario finalice la corrección de todos los exámenes que necesite, el programa le da la opción de guardar dichos datos en su disco local antes de salir definitivamente del programa.
Al finalizar la sesión (una vez guardados o no los datos), el programa nos lleva de nuevo a la pantalla inicial donde el sujeto podría volver a empezar con todo el proceso.
 
 
1
Abstract.
 
 This project undertakes the development of an application which enables users to correct multiple-choice exams by means of a webcam.
First of all, users must send a file to the server with the exam configuration. Optionally, users can also send the list of participating students to link each exam to a SIN (Student Identification Number).
Additionally, before commencing with the image capturing, users have the option of correcting a new exam or continuing the correction of an existing exam, already loaded in the hard drive.
Once the configuration files have been loaded the program sends the images captured by the webcam to the server until it determines that there is an image which can be corrected. Once processed, the server sends the exam correction back to the program, which appears super-imposed on the exam image and may be modified completely be the user.
Finally, once the user has validated a correction he can choose between correcting another exam or closing the session. When the user has finished correcting all the exams he/she needs, the program gives him/her the option of saving the data on his/her local drive before finally closing.
When a session is closed (having saved the data or not) the program takes the user back to the start-up screen, from which he can begin the process again.
 
 
2
 
Índice de contenidos.
Resumen del Proyecto.........................................................................................................1 Abstract.. .............................................................................................................................. 2 Capítulo 1.- Introducción......................................................................................................7 1.1.- Motivación: ...............................................................................................................7 1.2.- Objetivos: .................................................................................................................7 1.3.- Plan de trabajo: ........................................................................................................8 1.4.- Contenido de la memoria: ........................................................................................8 
Capítulo 2.- Estado del arte. ..............................................................................................10 2.1.-Flash. .....................................................................................................................10 2.2.- Tecnologías finalmente descartadas......................................................................12 2.2.1.-Silverlight..................................... 3 1.................................................................... 2.2.2.- HTML5.............................................................................................................13 2.2.3.- Conclusiones. ..................................................................................................14 2.3.-Eyegrade1 ..6.................................................................. ............................................ Capítulo 3.- Requisitos.......................................................................................................18 Capítulo 4. Diseño de la aplicación. .................................................................................20 -4.1.- Arquitectura global del sistema. .............................................................................20 4.2.- Arquitectura de la aplicación cliente.......................................................................21 4.3.- Protocolo de comunicación. ...................................................................................23 4.4.- Vistas de la aplicación e interacción con el usuario. ..............................................25 
3
4.4.1.- Pantalla inicial..................................................................................................26 4.4.2.- Pantalla de sesión. ..........................................................................................28 4.4.3.- Pantalla principal. ............................................................................................30 4.4.4.- Pantalla salir. ...................................................................................................36 4.5.- Flujo de la aplicación..............................................................................................37 Capitulo 5.- Implementación. .............................................................................................40 5.1.- Envío de ficheros locales al servidor......................................................................41 5.2.- Listado de las cámaras y selección de una de ellas. .............................................44 5.3.- Captura de la cámaraweb(modo imagen y modo video)......................................44 5.4.- Codificación de las imágenes en monocromo........................................................45 5.5.- Binarización de la imagen. ....................................................................................46 5.6.- Envío de las imágenes al servidor. ........................................................................48 5.7.- Análisis del XML devuelto por el servidor. .............................................................48 5.8.- Pintado de una capa sobre la imagen capturada. ..................................................49 5.9.- Detección de las celdas de la imagen donde el usuario pincha. ............................50 5.10.- Carga de ficheros locales en la aplicación. ..........................................................51 5.11.- Guardado de ficheros en la máquina local. ..........................................................52 5.12.- Cerrado de la sesión entre el cliente y el servidor................................................53 5.13.- Creación de mensajesPopUp...... .35..................................................................... .. Capítulo 6.- Pruebas. .........................................................................................................54 6.1.- Pruebas iniciales. ...................................................................................................54 6.2.- Pruebas para detener la imagen. ...........................................................................54 
4
6.3.- Pruebas para pasar la imagen a gris. ....................................................................54 6.4.- Pruebas para pasar la imagen a blanco y negro....................................................55 6.5.- Pruebas de binarización de la imagen. ..................................................................55 6.6.- Pruebas envío de imágenes al servidor. ................................................................55 6.7.- Pruebas de lectura de un documento XML. ...........................................................56 6.8.- Pruebas de carga de archivos locales. ..................................................................56 6.9.- Pruebas de envío de archivos al servidor. .............................................................57 6.10.- Pruebas para modificar la corrección enviada por el servidor..............................57 6.11.- Pruebas de uso de cadenas de texto con formato. ..............................................58 6.12.- Pruebas de guardado de archivos en el disco local del usuario. .........................58 6.13.- Pruebas finales. ...................................................................................................58 Capitulo 7.- Conclusiones y trabajos futuros......................................................................59 7.1.- Conclusiones del proyecto. ....................................................................................59 7.2.- Trabajos futuros. ....................................................................................................60 Presupuesto.. ..................................................................................................................... 62 Apéndices. ......................................................................................................................... 63 1.- Archivo de configuración...........................................................................................63 2.- Archivo con la lista de alumnos.................................................................................64 3.- Respuestas del servidor al envío de imágenes.........................................................65 3.1.- Corrección realizada...........................................................................................65 3.2.- Imagen no corregida...........................................................................................75 4.- Resumen de la corrección. .......................................................................................76 
5
5.- Diagrama de Gantt....................................................................................................77 
Referencias bibliográficas..................................................................................................81 
 
 
 
6
Capítulo 1.- Introducción.
 
1.1.- Motivación:
 La motivación para el desarrollo de este Proyecto fin de carrera es la necesidad de implementar una aplicación para la corrección de exámenes mediante el uso de una cámaraweb. Dicha aplicación debe poderse ejecutar en un navegadorweby acceder a la herramienta EyegradeLa herramienta sirve para la corrección de exámenes de tipo test.. La aplicación se ejecuta de forma remota sin necesidad de instalar ni la misma ni Eyegradeen el equipo de trabajo del usuario.
 Además de darle al usuario la posibilidad de ir almacenando dichas correcciones en su disco local para futuras consultas y modificaciones sobre las mismas.
 La herramientaEyegrade, desarrollada por el profesor D. Jesús Arias Fisteus, permite la corrección de exámenes de tipo test a partir de imágenes de la cuadricula donde los alumnos marcan las respuestas a las preguntas del examen. Al tener ya disponible la parte que se va a encargar de la corrección de la imagen, en el Proyecto habrá que desarrollar la parte que comunique el equipo del usuario (básicamente la cámaraweb) con el servidor donde está alojada la herramienta para que el usuario pueda corregir sus exámenes.
 
 
1.2.- Objetivos:
Los objetivos marcados para la completa realización del Proyecto son:
 Acceder a las cámaras web conectadas al equipo del usuario.  capturas de imágenes mediante la cámara Realizarweb por el seleccionada usuario.
 dichas imágenes al servidor para su posterior corrección. Enviar  Reducir al máximo el ancho de banda que se consume en el envío de dichas imágenes para hacer la comunicación más ágil.
7
¡Sé el primero en escribir un comentario!

13/1000 caracteres como máximo.