$SISTEMA DE EXAMENES EN LINEA

En el presente manual se describe el desarrollo de una aplicacin web para exmenes en lnea, desarrollado con
MySQL y PHP, utilizando el editor Adobe Dreamweaver CS6.

Para iniciar, se crear la base de datos que contendr datos sobre:

-

Banco de reactivos (preguntas)

Exmenes
Usuarios
Y una tabla que almacenara los resultados por usuario.

La base de datos a crear se llamara examen o quiz, de acuerdo a lo que se le indique; dentro de la base de
dato se creara una tabla o relacin denominada pregunta con los campos que se muestran a continuacin:

Ahora se proceder a crear el sitio, en donde se establece la ruta en la carpeta del servidor web, en este caso
Apache a travs del paquete Wamp Server y especificando que se va a trabajar en la red local con la tecnologa
de servidor PHP y MySQL.

En el sitio creado, estar formado por un front-end (vista de usuario) y back-end (vista de administrador) por lo
cual se tendrn que crear plantillas para cada seccin, a continuacin crearemos la plantilla para el back-end.
Primero se hace click en el men FILE / NEW que mostrara la imagen siguiente
1. seleccionamos plantilla en blanco para la
seccin de back-end.
2. Activamos la opcin de PHP Template, ya que
vamos a trabajar con la tecnologa de servidor
PHP y MySQL.
3. se elige la estructura de nuestra plantilla con
encabezado, pie de pgina y una barra lateral
izquierda.
4. la versin de HTML a utilizar ser la versin 5
5. y el archivo de hojas de estilo (la presentacin
de la pgina) se incluir en un archivo por
separado para poder separar el contenido de la
presentacin y realizar cambios en el sitio ms
rpido.

Una vez seleccionados los requisitos mencionados se presiona la opcin CREATE y le asignamos el nombre de
admin.css a la hoja de estilos que se almacenara en una carpeta que crearemos con el nombre de Estilos y
admin.dwt.php al documento que se almacenara con el contenido que se muestra.

Misma que contiene dos regiones editables que permite insertar contenido en los documentos basados en la
plantilla, de otro modo no sera posible; para insertarla se recomienda utilizar la combinacin de teclas Ctrl + Alt
+V

Lo siguiente es crear una pgina desde la plantilla creada

seleccionando el men NEW / FILE y elegimos PAGINA
DESDE PLANTILLA y la creamos almacenndola en una
carpeta denominada admin, sitio en donde se
almacenaran los archivos del BACK END con el nombre de
index.php, misma que nos servir como base para los
dems archivos a crear.

Continuamos creando una copia de index.php, la cual se renombra como addpregunta.php cuyo contenido final
ser como se muestra a continuacin.

El procedimiento que sigue se visualiza en la figura siguiente, se dirige al men WINDOWS para poder crear una
conexin con la base de datos y poder agregar preguntas

Al agregar la ventana de bases de datos presione en 1, el icono con el signo ms para crear la conexin con la bd,
luego mostrara la ventana con el nmero 2, rellenndola con los datos mostrados y presionamos en el botn
select para elegir la base de datos con la que se trabajara en este proyecto, si todo est bien aparecera el listado
de las bases de datos y elegimos la correcta.

Una vez creada la conexin de la bd, se proceder a continuar con el procedimiento para agregar registros a
travs de un formulario utilizando un asistente, se selecciona el men INSERTAR / OBJETO DE DATOS / INSERTAR
REGISTRO / ASISTENTE DE INSERCION DE REGISTROS mismo que se muestra acontinuacion.

La siguiente ventana es en donde seleccionamos el nombre de la conexin que se est utilizando, el nombre de
la tabla y por ltimo el nombre del archivo al que no re-direccionar al insertar un registro, en cuanto a los
campos eliminaremos al id de la tabla ya que es auto-incrementable y no es necesario ingresarlo, as como el
campo conocido como q, que se eliminaran seleccionando el campo y presionando en el icono con el signo
menos.

Una vez hecho el formulario de insercin, comprobaremos el funcionamiento presionando la tecla F12,
mostrndonos el formulario en un navegador web y se podr insertar datos para posteriormente consultar a la
base de datos comprobando el correcto funcionamiento de lo hecho hasta el momento.

En el archivo addPregunta.php se agregara el siguiente cdigo aproximadamente en la lnea 51, esto con el fin
de completar el registro de la tabla pregunta , en el campo q, misma que nos servir para utilizarla como una
variable y poder calificar el examen al momento de que un usuario la conteste.

LISTADO DE PREGUNTAS
Para crear el formulario que permita visualizar todas las preguntas registradas crearemos una copia del archivo
index.php y la renombraremos como listaPreguntas.php, en la regin de contenido se insertara una tabla con 2
filas y 7 columnas, abarcando el 100% de ancho.

En la primera fila se escribe el contenido que se muestra en la imagen siguiente.

Para poder visualizar todos los registros almacenados se proceder a realizar una consulta a la base de datos,
creando un juego de registro pulsando sobre el icono con el signo mas y seleccionamos Recordset(Query) en la
pestaa de Bindings (Vinculaciones).

Para la consulta se selecciona la vista avanzada y le asignamos un nombre, en este caso se puede visualizar
Preguntas, seleccionamos el nombre de la conexin, en la ventana de SQL escribimos la consulta a realizar o
con el asistente en la parte inferior de la ventana se selecciona la tabla y los campos que se desean.

Creado ya el juego de registros se procede a colocarlo en donde deseemos visualizarlos, en este caso se
seleccionan los campos del juego de registros y se arrastran a la celda inferior que concuerde con el
encabezado.

Si por alguna razn no fuera tan fcil colocarlos, es posible cambiar la vista a cdigo en donde se puede seguir
arrastrando los campos que desee entre las etiquetas <td> aqu va el campo que desee </td>

Con el procedimiento descrito anteriormente, solo mostrara un solo registro almacenado, para ello se tendr
que repetir una regin con el fin de mostrar todos los registros almacenados, se selecciona la regin que se
muestra en la figura.

Se hace click en el men INSERTAR, la opcin OBJETO DE DATOS y por ultimo REPETIR REGION.

Se elegir mostrar todos los registros.

En vista de cdigo, esto es lo que se inserta para poder realizar tal accin, como se tienen conocimiento en el
manejos de estructuras de control, utilizando ciclos, se podr interpretar claramente que es lo que hace el ciclo
do-while.

EDITAR PREGUNTA
Para Editar una pregunta aadiremos un enlace sobre el texto que dice Editar en el formulario de
listaPreguntas.php hacia un archivo cuyo nombre ser editPregunta.php, para ello seleccionamos el texto(1)
y en la ventana de propiedades escribimos el nombre del archivo vinculo(2).

Al aplicar el vinculo de la imagen anterior, la linea 92 cambia a lo que se muestra acontinuacion.

Misma que cambiaremos para poder especificar que registro se va a editar, por ello el enlace llevara consigo una
variable cuyo valor sera el id del registro a editar, mismo que se obtendra su valor arrastando el campo de
idPregunta del juego de registro delante del signo igual que acompaa a la variable.

Ahora se procede a crear el

archivo
editPregunta.php,
creando
una
copia
de
index.php y renombrandola.
Posteriormente se crea un
juego de registros (1) para
poder filtrar el registro a
editar, ya que se recibe un
valor(2) y la consulta sera el
resultado de la variable que se
va a recibir(3,4), misma que
tambien se indicara en la
consulta.

Continuamos, insertando un formulario para la edicin del registro dentro de la regin editable denominada
contenido, haciendo uso del asistente de actualizacin de registros del men INSERTAR/OBJETO DE
DATOS/ACTUALIZACION DE REGISTROS/ASISTENTE DE FORMULARIO DE ACTUALIZACION DE REGISTROS.

Al seleccionar la opcin mencionada, se mostrara un formulario al cual se le indicara el nombre de la conexin,

la tabla, el juego de registros que se creo, la clave primaria de la tabla en cuestin y el nombre del archivo al que
se redireccionara al concluir la edicin del registro (si ha seguido los pasos anteriores, escriba en esas opciones
lo que se muestra) .

ELIMINAR PREGUNTA
Para eliminar una pregunta aadiremos un enlace sobre el texto que dice Eliminar del formulario
listaPreguntas.php hacia un archivo cuyo nombre ser delPregunta.php, para ello seleccionamos el texto(1)
y en la ventana de propiedades escribimos el nombre del archivo vinculo(2).

Al aplicar el vinculo de la imagen anterior, la linea 92 cambia a lo que se muestra acontinuacion

Misma que cambiaremos para poder especificar que registro se va a eliminar, por ello el enlace llevara consigo
una variable cuyo valor sera el id del registro a eliminar, mismo que se obtendra su valor arrastando el campo de
idPregunta del juego de registro delante del signo igual que acompaa a la variable (varId=) este proceso es
similar al lo que se hizo con el enlace editar-

As mismo se le agregara un evento JavaScript para que al momento de hacer click sobre el enlace se pregunte si
en realidad se desea eliminar el registro, como se ve a continuacin.

Posteriormente se creara una copia de index.php y la renombraremos como delPregunta.php, cuyo contenido
visible se muestra.

Se continua accesando al men INSERTAR/OBJETO DE DATOS/ELIMINAR REGISTRO

Que muestra el formulario, en donde se establecer que la variable recibida se debe comprobar la clave
principal, el nombre de la conexin, la tabla, la clave primaria, la variable que se envi a travs del enlace
eliminar y que recibe delpregunta.php, en este caso se llama varId y por ltimo el nombre del archivo que se
ejecutara despus de eliminar el registro (listaPreguntas.php).