Ingeniera

de
Software
Manual de Usuario del
Sistema de Pagos Sofista

Daniel Ramrez Gervacio

ISC Grupo 2
Ingeniera de Software
21 Abril 2015

ndice de Contenidos
Propsito .................................................................................................................................... 2
Objetivo del manual ................................................................................................................. 2
1.

Introduccin....................................................................................................................... 2

2.

Objetivos del Sistema de Pagos Sofista .................................................................... 2

3.

Implementacin del Sistema ......................................................................................... 3

a) Requerimientos del Hardware ...................................................................................... 3

b) Requerimientos del Software ........................................................................................ 3
4.

Instalacin del servidor local ........................................................................................ 3

5.

Ingresando al Sistema .................................................................................................... 7

6.

Botones ............................................................................................................................... 9

7.

Operaciones Dentro del Sistema de Pagos Sofista SPS ................................. 10

A)

Buscar Alumno .............................................................................................................. 10

B)

Mostrar Datos de Alumno............................................................................................ 12

C)

Historial .......................................................................................................................... 13

D)

Pagar .............................................................................................................................. 14

E)

Pago de Alumno ........................................................................................................... 15

F) Salir del Sistema ............................................................................................................... 16

8.

Seguridad Del Sistema.................................................................................................. 16

ndice de imgenes .................................................................................................................. 17

Sistema de Pagos Sofista SPS

Manual de Usuario
Propsito
El propsito de este Manual es facilitar al usuario la operacin de las diferentes
pantallas de captura y consulta de la informacin que se administra en el Sistema
de Pagos Sofista SPS.

Objetivo del manual

Este manual trata de cmo llevar a cabo las operaciones bsicas del sistema
para generar un control de registros de pagos de colegiaturas de los alumnos,
en familiarizar al usuario con la interfaz y sus acciones que puede realizar dentro
del sistema y cmo generar el pago de un alumno de manera correcta.

1. Introduccin
El propsito de este documento es describir en forma general las necesidades
y caractersticas ms importantes del Sistema de Pagos Sofista SPS,
enfocndose en como los usuarios pueden ejecutar la diferentes
funcionalidades que realiza el sistema
Este manual ir guiando al usuario en el proceso de registro, inicio de sesin,
bsqueda de alumno, Realizar Pago y Facturar el pago de la colegiatura, as
como en las operaciones que se debern realizar para llevar el registro de un pago
de un alumno en el sistema.
Los detalles de cmo el Sistema de Pagos Sofista funcionar para satisfacer
las necesidades del usuario ser descrito en los diferentes tpicos de este
manual.

2. Objetivos del Sistema de Pagos Sofista

El SPS tiene como objetivo automatizar y agilizar los procesos de registro y
facturacin de pagos de colegiatura del instituto Sofista, los cuales comprenden
los siguientes mdulos:
I.
II.
III.
IV.
V.
VI.
VII.

Registrar y Autenticar Facturista

Bsqueda de Alumno
Ver Estado de Pago y Datos del alumno
Mostrar Historial de Pagos
Realizar Pago de Colegiatura (Slo en caso de que la deba)
Mostrar nmero de Pago y Facturar
Salir del Sistema

Cumpliendo con la Especificacin de Requisitos segn el estndar de IEEE 830

y el estndar IEEE Std. 830-1998
2

3. Implementacin del Sistema

a) Requerimientos del Hardware
Contar con:

Computadora personal.
Conexin a Internet.

b) Requerimientos del Software

Contar con:

Sistema operativo Windows.

Navegador (Internet Explorer, Firefox, Opera u otro).
Servidor con: Apache, PHP5, Mysql, PhpMyAdmin.
Procesador: Pentium 100 Mhz mnimo.
Ram: 500 Mb mnimo
Espacio libre en disco: 10 Gb mnimo

4. Instalacin del servidor local

1. Descargamos la suite WAMP Server, esta suite contiene todo lo necesario
para poder ejecutar nuestro sistema de manera local. Para ello hacemos
la descarga en:
http://www.wampserver.com/en/

2. Una vez descargado debemos dar doble clip sobre el instalador

IMG 1 wampServer2.0.exe

3. Aparece la ventana y se selecciona Next

IMG 2 Next

4. Debemos aceptar los trminos de uso y presionamos next.

IMG 3 Aceptar

5. Seguimos con el proceso de instalacin, nos aparece la siguiente

ventana que nos indica la carpeta en donde se va instalar el programa.

IMG 4 Ruta
4

6.

Le damos next y aparece la siguiente ventana que nos dice que si

deseamos que se agregue un icono de wamp en el escritorio y en el men
de inicio, marcamos las dos opciones; Y luego presionamos Next.

IMG 5 Seleccion de opcin

7. Aparece esta ventana en la que nos muestra en donde va a estar instalada

la suite WAMP.

IMG 6 Referencia de carpeta

8. Se realiza la instalacin y nos muestra el progreso de la instalacin.

IMG 7 Progreso
5

9. Una vez acabada la instalacin nos muestra la ventana con la opcin de

iniciar WAMP ahora, la marcamos y le damos finish para terminar.

IMG 8 Finish

10. Seleccionamos el idioma.

IMG 9 Idioma

11. Seleccionamos iniciar todos los servicios para completar la instalacin.

IMG 10 Iniciar
6

5. Ingresando al Sistema
I.

Abrimos nuestro navegador web:

IMG 11 Navegador Web

II.

Para ingresar al sistema se ingresa un nombre de dominio en la barra

de direccin; ejemplo: sofista.com.mx. En este caso como es en un
servidor local se ingresara en el navegador la siguiente direccin:
http://127.0.0.1/sofista/ o http://localhost/sofista/

Inmediatamente despus, el sistema abre una interfaz solicitando una

Autenticacin y Registro de Usuario mediante la validacin de un Correo y
Contrasea.

IMG 12 Interfaz de inicio del Sistema

En la misma pgina habr un sistema de registro para crear un nuevo usuario,

lo nico que se debe hacer es llenar los campos que se requieren.
7

Mediante una interfaz grfica se muestra que campos son los requeridos para
poder hacer el registro de manera exitosa.
1. Si el usuario ya existe mandara un mensaje de alerta diciendo que ese
usuario ya existe.

IMG 13 Mensaje 1

2. Si el usuario en el campo repetir contrasea se equivoca mandara un

mensaje de alerta diciendo Las contraseas no coinciden. Ejemplo:

IMG 14 Mensaje 2

3. Si los datos son ingresados correctamente mandara un mensaje de alerta

diciendo Registro exitoso.

IMG 15 Mensaje 3

Una vez hecho el registro del usuario al sistema, el usuario nuevo podr acceder
a la interfaz sofista para realizar las operaciones descritas anteriormente.

IMG 17 Autenticacin de usuario

IMG 16 Ingreso al sistema Sofista

8

6. Botones
Cabe mencionar que en algunos mdulos del sistema, los botones y las barras
pueden estar visibles o no, dependiendo de las acciones a ejecutar.
Los botones principales se encuentran dentro de la zona centro o rea de trabajo
y son los siguientes:

Aceptar

Realiza la accin de Validar alguna operacin enviando un

mensaje o enviando al usuario a alguna otra interfaz.

Registrar

Realiza la accin de Validar y Guardar los datos del

formulario ingresados en la caja de texto.

Salir

Regresa al usuario a la interfaz de inicio del sistema.

Regresar

Regresa al usuario a una interfaz anterior.

Historial

Muestra los pagos realizados del alumno en una nueva

interfaz.

Pagar

Muestra el estado del alumno, en caso de que adeude se

desbloquean dos selectores para modificar los datos de pago.

Generar Factura
Cancelar

Guarda en archivo .PDF y tambin imprime la factura

con nmero de pago y datos generales del alumno.

Rechaza la operacin que se deseaba realizar.

Caja de texto en donde se ingresa la informacin para su
validacin.
Selector de opciones, este se desbloquea cuando un
alumno adeuda la colegiatura. Muestra dos opciones a
elegir y de esta depende la accin a modificar en los datos
de pago del alumno.

Los botones y las barras descritas con anterioridad se encuentran en cada uno
de los mdulos, con las diferentes opciones disponibles para realizar acciones
especficas al mdulo correspondiente.

7. Operaciones Dentro del Sistema de Pagos Sofista

SPS
A) Buscar Alumno
Una vez ingresado al sistema se muestra la interfaz principal de Sistema de
Pagos Sofista denominada Buscar Alumno, en esta pgina solo nos
muestra un rea de texto en el cual ingresaremos los nmeros de control de los
alumnos registrados en el colegio sofista.
Se nos muestran dos botones con sus respectivas acciones:

El botn salir: sale del sistema a la pgina inicial de

Autenticacin y Registro de Usuario.

El botn Aceptar valida lo que contenga el rea de texto, si el

nmero de control no es encontrado manda un mensaje de alerta
diciendo que el nmero de control no existe, Si existe muestra en
una nueva pgina los Datos del alumno.

IMG 18 Interfaz de Buscar alumno

10

Ejemplo de Verificacin de nmero de Control no existente en el sistema.

IMG 19 Ingreso de nmero de control y

validndolo con el botn aceptar

IMG 20 Validacin del nmero de control.

Cmo no se encontr, manda un mensaje
de alerta

Ejemplo de Verificacin de nmero de Control existente en el sistema.

IMG 21 Ingreso de nmero de control y

validndolo con el botn aceptar

IMG 22 Validacin del nmero de control.

Cmo se encontr el nmero de control,
nos manda a una nueva interfaz con los
datos del alumno obtenidos por el nmero
de control

11

B) Mostrar Datos de Alumno

Ahora como podemos observar en la nueva pgina direccionada por el botn
aceptar y mediante a su validacin de la matricula se muestra una nueva
interfaz llamada Datos Alumno, en esta interfaz nos muestra los datos
personales del alumno, as como tambin el cuatrimestre actual, El estado y la
multa.
Tambin nos muestra 3 botones ms:

El botn regresar: regresa a una interfaz anterior al usuario, esta

interfaz sera la de Buscar Alumno.

El botn Historial: este botn realiza la accin de mostrar todos

los pagos que ha realizado el alumno en el transcurso del tiempo
inscrito en el colegio. Tambin nos muestra el estado actual del
pago del alumno (Adeudo o Pagado) y su Multa ($100 o $0).
Estos datos son mostrados en una nueva interfaz llamada
Historial de pagos.

El botn Pagar: Realiza la accin de pagar si el alumno adeuda la

colegiatura con una mula fija. Si no Adeuda muestra los mismos
datos pero con un nuevo campo. Este botn nos dirigir a una
interfaz llamada Datos alumno Pago.

IMG 23 Interfaz de Datos de Alumno

12

C) Historial
Dentro de la interfaz Datos Alumno Presionamos el botn Historial para
que nos redirija a la interfaz Historial de Pagos. En esta interfaz se muestran
todos los pagos del alumno en el transcurso del tiempo inscrito en el colegio.
Tambin nos muestra el estado actual del pago del alumno (Adeudo o Pagado)
y su Multa ($100 o $0).

IMG 24 Interfaz de Historial de Pagos

IMG 26 interfaz datos alumno

IMG 25 interfaz de historial de pagos

mostrando los datos obtenidos del alumno

13

D) Pagar
Dentro de la interfaz Datos Alumno Presionamos el botn Pagar para que
nos redirija a la interfaz Datos Alumno Pago. En esta interfaz se muestran
los datos del alumno as como su Estado y Multa.
Si el Alumno no Adeuda es decir Su estado es Pagado, solo se muestran los
datos con el nuevo campo nmero de pago el cual hace referencia a su pago.
Si el alumno adeuda, se desbloquea los selectores para cambiar de Adeudo a
Pagado y de $100 a $0.

IMG 27 Interfaz Datos Alumno Pago

Se muestran dos botones y dos selectores:

El botn regresar: regresa a una interfaz anterior al usuario, esta

interfaz sera la de Datos Alumno.

El botn Pagar: En el caso 1 Pagado solo nos enva a otra

interfaz llamada Pago Alumno mostrando los datos con el
nmero de pago.
En el caso 2 Adeudo Guarda y modifica los datos obtenidos en
los selectores para realizar el pago y mandarlo a una interfaz
llamada Pago Alumno, se manda en esta nueva interfaz el
nmero de pago.

14

IMG 30 Selectores de
opciones

IMG 29 Mensaje de
alerta

IMG 28 Datos actualizados del

alumno tras realizar el pago

E) Pago de Alumno
En esta interfaz se obtienen los datos del alumno Actualizados al realizar el
pago en la interfaz Pago Alumno.
Se muestran dos botones y dos selectores:

El botn salir: regresa a la interfaz de Buscar Alumno.

El botn Generar Factura: Obtiene los datos del alumno con el

nmero de pago, guarda en archivo .PDF la factura y se manda a
imprimir para su entrega al alumno.

IMG 31 Interfaz de Pago Alumno

15

IMG 32 PDF Pago

F) Salir del Sistema

Una vez realizadas las operaciones en el sistema de manera satisfactoria,
tenemos la necesidad de realizar las mismas operaciones con otro alumno, por
lo cual la salida del sistema es mediante 2 fases.
La primera es presionar el botn salir en la interfaz Pago Alumno, y nos
dirigir a la interfaz Buscar alumno por lo que no es necesario iniciar sesin
de nuevo en la pgina principal del sistema.
La segunda fase es una vez re direccionado a la interfaz Buscar Alumno,
presionamos de nuevo el botn salir para salir completamente del sistema.

8. Seguridad Del Sistema

El sistema cuenta con un sistema de seguridad. Este sistema de Seguridad es
mediante un usuario y contrasea que van a estar almacenadas en una base de
datos, por lo tanto si un usuario no registrado quiere ingresar al sistema, no va a
poder porque no estara registrado en la base de datos.

16

ndice de imgenes
IMG 1 wampServer2.0.exe ....................................................................................................... 3
IMG 2 Next................................................................................................................................... 4
IMG 3 Aceptar ............................................................................................................................. 4
IMG 4 Ruta .................................................................................................................................. 4
IMG 5 Seleccion de opcin ....................................................................................................... 5
IMG 6 Referencia de carpeta.................................................................................................... 5
IMG 7 Progreso........................................................................................................................... 5
IMG 8 Finish ................................................................................................................................ 6
IMG 9 Idioma ............................................................................................................................... 6
IMG 10 Iniciar .............................................................................................................................. 6
IMG 11 Navegador Web ............................................................................................................ 7
IMG 12 Interfaz de inicio del Sistema...................................................................................... 7
IMG 13 Mensaje 1 ...................................................................................................................... 8
IMG 14 Mensaje 2 ...................................................................................................................... 8
IMG 15 Mensaje 3 ...................................................................................................................... 8
IMG 16 Ingreso al sistema Sofista ........................................................................................... 8
IMG 17 Autenticacin de usuario ............................................................................................. 8
IMG 18 Interfaz de Buscar alumno ..................................................................................... 10
IMG 19 Ingreso de nmero de control y validndolo con el botn aceptar ..................... 11
IMG 20 Validacin del nmero de control. Cmo no se encontr, manda un mensaje
de alerta ..................................................................................................................................... 11
IMG 21 Ingreso de nmero de control y validndolo con el botn aceptar ..................... 11
IMG 22 Validacin del nmero de control. Cmo se encontr el nmero de control, nos
manda a una nueva interfaz con los datos del alumno obtenidos por el nmero de
control ......................................................................................................................................... 11
IMG 23 Interfaz de Datos de Alumno ................................................................................. 12
IMG 24 Interfaz de Historial de Pagos................................................................................ 13
IMG 25 interfaz de historial de pagos mostrando los datos obtenidos del alumno........ 13
IMG 26 interfaz datos alumno ................................................................................................ 13
IMG 27 Interfaz Datos Alumno Pago .................................................................................. 14
IMG 28 Datos actualizados del alumno tras realizar el pago ............................................ 15
IMG 29 Mensaje de alerta ....................................................................................................... 15
IMG 30 Selectores de opciones ............................................................................................. 15
IMG 31 Interfaz de Pago Alumno ........................................................................................ 15
IMG 32 PDF Pago .................................................................................................................... 16

17