Manual

Tcnico
Fuel Control Administration

Equpo #2

ndice
Host ................................................................................................................ Error! Marcador no definido.
Base de datos ................................................................................................................................................ 4
Pantallas ........................................................................................................................................................ 6
Registro ..................................................................................................................................................... 7
Iniciar sesin ............................................................................................................................................. 8
Clientes.................................................................................................................................................... 10
Empleados............................................................................................................................................... 11
Vehiculos .................................................................................................... Error! Marcador no definido.
Tarjetas ................................................................................................................................................... 14
Configuracion de la cuenta ..................................................................................................................... 16
Ruta ......................................................................................................................................................... 17

Servidor Web
Para el proyecto se decidi utilizar un servidor web, para que se tuviese ms dinamismo con la
interaccin de los mismos clientes.
El host por el cual se opto es ONE. Un host el cual proporciona un dominio (fuelcontrol.mx).
Este host proporciona herramientas como un editor web, acceso a cuentas de email, motor de
base de datos as como editor de textos.

Base de datos
La base de datos que se decidi utilizar es MYSQL, se lleg a la conclusin que era necesario
usar esta base de datos debido a la experiencia de nuestros integrantes del equipo.

Para este proyecto se crearon tablas fijas:

Cliente
Empleado
Tarjeta
Clientes
Destino
Pregunta
Ruta
Usuario
Vehculo

Cuando un usuario se de alta, se crearan tablas especficas para ese usuario, teniendo como
prefijo su correo. Estas son las tablas que se crean en base a cada usuario:

Cliente
Empleado

Ruta
Tarjeta
Vehculo

Pantallas
El proyecto cuenta con 8 pantallas.

Registro
Iniciar sesin
Clientes
Empleados
Vehculos
Tarjetas
Configuracin de la cuenta
Ruta

La principal funcionalidad se encuentra en la pantalla de Ruta, la cual hace los clculos

necesarios para entregar al cliente el pago calculado para la gasolina.
A continuacin se explicara ms a detalle la funcionalidad as como la manera en la que se
realizaron cada pantalla.
Cabe recalcar que se us una arquitectura de MVC, as como lenguajes como JavaScript, PHP.

Registro
La primera pantalla con la que el usuario tendr relacin es con la pantalla de registro.
En esta pantalla se tendr que dar de alta la empresa y lo que sucede internamente es que crea
las tablas requeridas por cada usuario.

Se llenar este formulario para despus tener acceso a la funcionalidad.

Internamente se corre este script para crear tablas.

Iniciar sesin
Una vez que se obtenga una cuenta, se podr entrar en el sistema.
Internamente, como cualquier sistema, tiene un bloqueo de cuentas que an no se den de alta,
esto para llevar un mejor control de los usuarios.

A continuacin se puede ver la lgica que se utiliz para iniciar sesin, un archivo HTML, el cual
manda llamar un mtodo en PHP, el cual verifica con la base de datos si dicho usuario existe o
no.

Clientes
Los clientes se dan de alta una vez que ya se est iniciado en el sistema, a cada cliente del usuario, se le
pondr una direccin, la cual ser usada para establecer rutas.

Este archivo es el cual interacta directamente con la base de datos, para eliminar, mostrar, actualizar y
guardar nuevos clientes.

Empleados
Se requiere de empleados para tener un mejor control de quien es la persona que est
conduciendo los vehculos.
El siguiente archive muestra la manera con la cual se hicieron los registros de alta, modificacin,
eliminar y mostrar.

Vehculos
Como se puede visualizar en la siguiente imagen. Un vehculo tambin se le pueden hacer la
alta/ modificacin/ muestra/ eliminado de registros.

En la siguiente imagen podemos observar un cdigo realizado en JavaScript, el cual es el

que conecta el HTML con PHP, las instrucciones que se le introducen son para pasar la
informacin de los formularios as como ocultar algunas cosas visuales de la pgina web.

Tarjetas
Para las formas de pago, se da de alta una tarjeta. Esto para llevar un mejor control sobre el
dinero que puede ser gastado en gasolina para los vehculos.

A continuacin se puede ver el cdigo PHP, que se utiliza para dar de alta las tarjetas.

Configuracin de la cuenta
Es necesario como para cualquier sistema tener una ventana de configuracin.
La configuracin se basa en configurar los precios de la gasolina, para despus se puedan
manipular con su respectivo kilometraje.

A continuacin se puede observar cmo se realiz el formulario en PHP, con sus respectivos
campos.

Ruta
En esta pantalla es donde se centraliza la lgica de nuestro proyecto, donde se utilizaron
APIs de Google Maps, para poder interactuar con las direcciones de los clientes. As como
interactuar con la configuracin realizada para el precio de la gasolina.

En la siguiente imagen, se puede ver como se utilizan las bibliotecas ya establecidas por Google Maps,
donde se le tiene que pasar los parmetros necesarios de las direcciones para que este mtodo
pueda regresar una ruta.

En las siguientes imgenes se puede observar cmo se calcula una ruta despus de que se hayan
marcado los dos puntos en direcciones.