proyecto plataforma de registro de servicios de transporte
TRANSCRIPT
Villa de Álvarez, Col., junio de 2013
Proyecto
Plataforma de Registro de Servicios de Transporte
Miguel Angel Mendoza Calva
Jesus Reyes Orozco
Nombre de la carrera
Ingeniería en Sistemas Computacionales
Nombre del asesor:
Sergio Rafael Ureña Fuentes
08 de Junio de 2017
Plataforma De Registro De Servicios De Transporte
2
Contenido
Introducción ........................................................................................................................................ 5
Datos de los residentes ....................................................................................................................... 6
Datos de la empresa............................................................................................................................ 7
Definición del proyecto ....................................................................................................................... 8
Nombre del proyecto ...................................................................................................................... 8
Justificación ..................................................................................................................................... 8
Objetivos ......................................................................................................................................... 8
Objetivo General ......................................................................................................................... 8
Objetivos Específicos ................................................................................................................... 8
Caracterización del área en que se participó .................................................................................. 8
Planteamiento del problema .......................................................................................................... 9
Alcance ............................................................................................................................................ 9
Limitaciones .................................................................................................................................. 10
Fundamentos teóricos .................................................................................................................. 10
Metodología de desarrollo ............................................................................................................ 14
Herramientas de desarrollo .......................................................................................................... 15
Procedimiento y descripción de las actividades a realizar................................................................ 16
Cronograma de actividades .......................................................................................................... 16
Análisis y diseño ................................................................................................................................ 17
Fase 1: OBTENCIÓN DE REQUERIMIENTOS ................................................................................... 17
Fase 2: MODELO CONCEPTUAL ..................................................................................................... 25
Fase 3: DISEÑO NAVEGACIONAL ................................................................................................... 27
Fase 4: DISEÑO DE INTERFAZ ABSTRACTA .................................................................................... 28
Fase 5: IMPLEMENTACIÓN ............................................................................................................ 31
Conclusiones ..................................................................................................................................... 49
Recomendaciones ............................................................................................................................. 49
Referencias bibliográficas y virtuales ................................................................................................ 50
Índice de tablas e ilustraciones
Tabla 1 Herramientas de desarrollo .................................................................................................. 15
Tabla 2 Cronograma de actividades .................................................................................................. 16
Plataforma De Registro De Servicios De Transporte
3
Tabla 3 Prueba 1................................................................................................................................ 46
Tabla 4 Prueba 2................................................................................................................................ 46
Tabla 5 Prueba 3................................................................................................................................ 47
Tabla 6 Prueba 4................................................................................................................................ 47
Tabla 7 Prueba 5................................................................................................................................ 48
Tabla 8 Prueba 6................................................................................................................................ 48
Ilustración 1 Caso de Uso: Iniciar Sesión ........................................................................................... 19
Ilustración 2 Caso de Uso: Panel principal ........................................................................................ 19
Ilustración 3 Caso de Uso: Módulo Chofer ....................................................................................... 20
Ilustración 4 Caso de Uso: Módulo Camión ...................................................................................... 20
Ilustración 5 Caso de Uso: Módulo Flete .......................................................................................... 21
Ilustración 6 Caso de Uso: Cerrar Sesión .......................................................................................... 21
Ilustración 7 Diagrama de secuencia: iniciar sesión ......................................................................... 22
Ilustración 8 Diagrama de secuencia: Módulo Chofer ...................................................................... 22
Ilustración 9 Diagrama de secuencia: Módulo Camión .................................................................... 23
Ilustración 10 Diagrama de secuencia: Módulo Flete ....................................................................... 23
Ilustración 11 Diagrama de secuencia: Cerrar Sesión ....................................................................... 24
Ilustración 12 Diagrama Entidad-Relación ........................................................................................ 25
Ilustración 13 Diagrama UML: Modelo lógico ................................................................................... 26
Ilustración 14 Diagrama de contexto ................................................................................................ 27
Ilustración 15 Vista Abstracta: Inicio de sesión ................................................................................. 28
Ilustración 16 Vista Abstracta: Módulo Perfil ................................................................................... 29
Ilustración 17 Vista Abstracta: Módulo Chofer ................................................................................. 29
Ilustración 18 Vista Abstracta: Módulo Camión ............................................................................... 30
Ilustración 19 Vista Abstracta: Módulo Flete .................................................................................... 30
Ilustración 20 Vista: Inicio de sesión ................................................................................................. 32
Ilustración 21 Vista: Panel principal .................................................................................................. 32
Ilustración 22 Vista: Módulo Perfil .................................................................................................... 33
Ilustración 23 Vista: Modificar Perfil ................................................................................................. 33
Ilustración 24 Vista: Módulo Chofer ................................................................................................. 34
Ilustración 25 Vista: Registrar Chofer ............................................................................................... 34
Ilustración 26 Vista: Modificar Chofer .............................................................................................. 35
Ilustración 27 Vista: Módulo Camión ................................................................................................ 35
Ilustración 28 Vista: Registrar Chofer ............................................................................................... 36
Ilustración 29 Vista: Modificar Camión ............................................................................................. 36
Ilustración 30 Vista: Módulo de Tipo de Camión .............................................................................. 37
Ilustración 31 Vista: Registrar Tipo de Camión ................................................................................. 37
Ilustración 32 Vista: Modificar Tipo de Camión ................................................................................ 37
Ilustración 33 Vista: Módulo Cliente ................................................................................................. 38
Ilustración 34 Vista: Registrar Cliente ............................................................................................... 38
Ilustración 35 Vista: Modificar Cliente .............................................................................................. 39
Ilustración 36 Vista: Módulo Flete .................................................................................................... 39
Ilustración 37 Vista: Registrar Flete .................................................................................................. 40
Plataforma De Registro De Servicios De Transporte
4
Ilustración 38 Vista: Modificar Flete ................................................................................................. 40
Ilustración 39 Vista: Fletes por cobrar .............................................................................................. 41
Ilustración 40 Vista: Módulo Tipo de Carga ...................................................................................... 41
Ilustración 41 Vista: Módulo Origen ................................................................................................. 42
Ilustración 42 Vista: Registrar Origen ............................................................................................... 42
Ilustración 43 Vista: Modificar Origen .............................................................................................. 43
Ilustración 44 Vista: Módulo Destino ................................................................................................ 43
Ilustración 45 Vista: Registrar Destino .............................................................................................. 44
Ilustración 46 Vista: Modificar Destino ............................................................................................. 44
Ilustración 47 Vista: Módulo Distancia ............................................................................................. 45
Ilustración 48 Vista: Registrar Distancia ............................................................................................ 45
Ilustración 49 Vista: Modificar Distancia .......................................................................................... 45
Plataforma De Registro De Servicios De Transporte
5
Introducción
Este trabajo es la documentación del proyecto de residencia, que se desarrolló
para darle solución a un problema de administración en el servicio de flete de
carga pública de la empresa llamada GEOSIS.
GEOSIS es una empresa que ofrece servicios de rastreo satelital a las empresas
transportistas, dentro del servicio de transporte de carga pública federal detectó un
área de oportunidad, la idea fue crear una plataforma web para el registro de los
fletes, camiones, choferes y toda la información que se necesita para el control de
sus servicios. Se construyó con la ayuda de distintas herramientas como: lenguaje
de programación PHP, Framework Codeigniter, manejador de base de datos
MySQL, lenguajes de diseño Bootstrap y Materialize, entre otras.
La plataforma web sistematiza el proceso manual de registro de fletes (orígenes,
destinos, tipos de carga, cliente, camiones, choferes, etc.), permitiendo al usuario
tener siempre al día el manejo de información y además cuenta con herramientas
para mejorar el cobro de sus servicios.
Para el desarrollo del proyecto utilizamos la metodología OOHDM (Modelo de
Diseño de Hipermedia Orientado a Objetos), se eligió porque se adapta al
desarrollo de aplicaciones web, consta de cinco fases: obtención de
requerimientos, modelo conceptual, diseño navegacional, diseño de interfaz
abstracta e implementación.
Plataforma De Registro De Servicios De Transporte
6
Datos de los residentes
Nombre
Miguel Angel Mendoza Calva
Número de control
12460320
Carrera y especialidad
Ingeniería en sistemas computacionales, Tópicos avanzados de programación.
Dirección y teléfono particular
Independencia #28 Lo de Villa, C.P. 28620, Colima, Col., Cel. (312) 109 8358
Nombre
Jesus Reyes Orozco
Número de control
12460334
Carrera y especialidad
Ingeniería en sistemas computacionales, Tópicos avanzados de programación.
Dirección y teléfono particular
5 de mayo #175 Villa Carlo C.P.28975 Villa de Álvarez, Col., Cel. (312) 554 68 82
Plataforma De Registro De Servicios De Transporte
7
Datos de la empresa
Nombre comercial y oficial
GEOSIS (Geomática, Software, Insumos y Servicios)
Giro comercial
Procesamiento electrónico de información
Nombre y cargo del representante legal
C.P. Luz Mariana Torres Rodríguez. Gerente General
Ubicación completa
Av. María Ahumada de Gómez #164, Primaveras, C.P.28979, Villa de Álvarez,
Col.
Teléfonos y extensiones
Tel: (312) 330 86 17
Cel. (312) 12 15307
Datos del asesor externo
Nombre completo
M.C. Alfredo García Salas
Cargo
Gerente Operativo
Localización física
Av. María Ahumada de Gómez #164, Primaveras, C.P.28979, Villa de Álvarez,
Col.
Horario de localización
9:00 – 14:00
Teléfonos y extensiones
Tel: (312) 330 86 17
Cel. (312) 12 15307
Plataforma De Registro De Servicios De Transporte
8
Definición del proyecto
Nombre del proyecto
Plataforma de Registro de Servicios de Transporte
Justificación
La plataforma que se desarrollará en este proyecto permitirá la reducción de
tiempos así como la automatización del registro de información y programación de
cobros, evitando pérdidas al dar respuesta oportuna a los clientes.
Objetivos
Objetivo General
Automatizar el registro y seguimiento de la prestación de servicios de transporte.
Objetivos Específicos
Desarrollar una plataforma web para el control de la información.
Alertar al usuario sobre los fletes por cobrar.
Informar que choferes tienen su licencia de manejo vencida.
Caracterización del área en que se participó
GEOSIS es una empresa que ofrece el servicio de sistemas de información
geográfica, percepción remota, GPS, desarrollo de software y rastreo satelital; la
empresa cuenta con 3 áreas:
Gerencia operativa: es el área que encabeza la empresa, aquí se toman las
decisiones más importantes que repercuten en toda la organización,
también tiene como función la comunicación directa con el cliente para
ofrecer sus servicios.
Administración y recursos humanos: se encarga de la contratación del
personal y manejo financiero de la empresa.
Plataforma De Registro De Servicios De Transporte
9
Informática: administra los sistemas operativos de la empresa, proporciona
mantenimiento correctivo y preventivo a los equipos de cómputo, además
del desarrollo y mantenimiento de software.
Trabajamos en el área de informática para el desarrollo de una plataforma web
para el control y registro de servicios de fletes, permitiendo el manejo de
información y contar con una herramienta para mejorar el cobro de sus
operaciones.
Planteamiento del problema
Las empresas transportistas que ofrecen el servicio de flete de carga pública,
llevan un control “manual” para el registro de dicha información (cobranza,
choferes, camiones, origen, destino, carga, costo, kilometraje, etc.), consumiendo
esto demasiado tiempo en su revisión, lo cual en ocasiones se traduce en
pérdidas económicas por no dar respuesta oportuna a los clientes o no realizar los
cobros en los tiempos establecidos.
Alcance
La plataforma web contempla el registro de toda la información necesaria
para el buen control de los fletes y cobros de los servicios brindados a los
clientes de la empresa.
Notificará al usuario acerca de los fletes entregados y no pagados en el
tiempo programado y los choferes que tengan su licencia de manejo
vencida.
Mostrará listados acerca de todos los fletes, camiones, choferes, clientes,
orígenes y destinos, así como un listado de los servicios que no han sido
cobrados.
Plataforma De Registro De Servicios De Transporte
10
Limitaciones
La plataforma solo cubrirá necesidades específicas de la empresa.
El idioma de la plataforma solo será en español.
Podrás tener acceso a la plataforma siempre y cuando tengas internet.
Fundamentos teóricos
Base de Datos
Es un conjunto de datos almacenados sin redundancias innecesarias en un
soporte informático y accesible simultáneamente por distintos usuarios y
aplicaciones. Los datos deben de estar estructurados y almacenados de forma
totalmente independiente de las aplicaciones que la utilizan [1].
SGBD
Un sistema gestor de base de datos es un software o conjunto de programas que
permite crear y mantener una base de datos. El SGBD actúa como interfaz entre
los programas de aplicación (Usuarios) y el sistema operativo. El objetivo principal
de un SGBD es proporcionar un entorno eficiente a la hora de almacenar y
recuperar la información de la base de datos.
Este software facilita el proceso de definir, construir y manipular bases de datos
para diversas aplicaciones [1].
MySQL
Es un sistema de administración de base de datos relacionales rápido, sólido y
flexible. Es ideal para crear base de datos con acceso desde páginas web
dinámicas. Como ya se mencionó MySQL se asocia más con las aplicaciones
basadas en la web y la publicación en línea, es un componente importante de una
pila empresarial de código abierto llamado LAMP. LAMP es una plataforma de
desarrollo web que utiliza Linux como sistema operativo, Apache como servidor
web, MySQL como sistema de gestión de base de datos relacional y PHP como
Plataforma De Registro De Servicios De Transporte
11
lenguaje de programación orientado a objetos (a veces, Perl o Python se utiliza en
lugar de PHP) [2].
Página Web
Es un documento electrónico que forma parte de la WWW (World Wide Web)
generalmente construido en el lenguaje HTML (Hyper Text Markup Language o
Lenguaje de Marcado de Hipertexto Extensible). Este documento puede contener
enlaces (característica del hypertext) que nos direcciona a otra Página Web
cuando se efectúa el clic sobre él. Para visualizar una Página Web es necesario el
uso de Browser o navegador [3].
Plataforma Web
Es más que una página web. Una plataforma incluye elementos adicionales a la
página web tales como aplicaciones, carritos de compras, formularios,
convertidores, instancias de aprobación y alguna otra solución específica para la
necesidad del cliente y el mercado. Estos elementos pueden ser públicos o
privados, tales como sistemas de comunicación interna o inventarios [4].
PHP
Es un lenguaje interpretado del lado del servidor que se caracteriza por su
potencia, versatilidad, robustez y modularidad. Los programas escritos en PHP
son embebidos directamente en el código HTML y ejecutados por el servidor web
a través de un intérprete antes de transferir al cliente que lo ha solicitado un
resultado en forma de código HTML puro. Por su flexibilidad, PHP resulta un
lenguaje muy sencillo de aprender; especialmente para programadores
familiarizados con lenguajes como C, Perl o java, debido a las similitudes de
sintaxis entre ellos.
Además es un lenguaje multiplataforma; los programas funcionan igual sobre
diferentes plataformas, trabajando sobre la mayoría de servidores web y estando
preparado para interactuar con más de 20 tipos de base de datos [5].
Plataforma De Registro De Servicios De Transporte
12
Codeigniter
Es un Framework para desarrollo de aplicaciones en PHP. Es Open Source y muy
pequeño, con una estructura en sus librerías muy bien organizada. Destaca por lo
liviano que es y por su facilidad para ponerlo en marcha. Solo hay que
descomprimirlo y ponerlo en una carpeta. Algunas características de este
Framework:
Compatible con PHP4 y PHP5.
Gran documentación con una enorme comunidad de desarrolladores.
Gran facilidad de aprendizaje. En poco tiempo se puede hacer muchas
cosas.
Utiliza el patrón de diseño Modelo-Vista-Controlador [6].
Bootstrap
Es un Framework para el desarrollo web basado en CSS3 y JavaScript,
desarrollado por el equipo de programadores de Twitter y a disposición pública.
Contiene multitud de elementos que facilitan el desarrollo web y lo hacen eficaz
[7].
Materialize
Es un Framework para el desarrollo Web con estilo Material Design. Está
desarrollado en SASS y hace uso de las buenas prácticas en HTML5, CSS3 y
JavaScript. Además cuenta con un sistema de rejillas responsive adaptable a
pantallas mayores a 992px, 600px y los menores a 600px, viene integrado con la
fuente Robot también propuesta por Google en su sistema de diseño Material
Design. Además cuenta con una serie de componentes predefinidos que van
desde pantallas modales, botones, formularios, menú, preloaders, tablas y muchos
más, como es de suponer estos componentes cuentan con animaciones que
siguen la línea del Material Design [8].
Plataforma De Registro De Servicios De Transporte
13
jQuery
Es una biblioteca JavaScript rápida, pequeña y rica en funciones. Hace cosas
como el desplazamiento y la manipulación de documentos HTML, el manejo de
eventos, la animación y el Ajax mucho más sencillo con una API fácil de usar que
funciona a través de una multitud de navegadores. Con una combinación de
versatilidad y extensibilidad, jQuery ha cambiado la forma en que millones de
personas escriben JavaScript [9].
XAMPP
Es un servidor independiente de plataforma, software libre, que consiste
principalmente en la base de datos MySQL, el servidor web Apache y los
intérpretes para lenguajes de script: PHP y Perl. Permite instalar de forma sencilla
Apache en tu propio ordenador, sin importar el sistema operativo además de ser
gratuito [10].
Servicio de transporte de carga cumple la función de transportar de un lugar a
otro una determinada mercadería. Este servicio forma parte de toda una cadena
logística, la cual se encarga de colocar uno o varios productos en el momento y
lugar de destino indicado.
Las empresas que brindan este servicio tienen una gran variedad de tipos de
carga como: carga seca, refrigerada, Autotransporte de vehículos, de materiales y
residuos peligrosos, etc. [11].
Carga seca son transportados a través de unidades que protegen las mercancías
de la climatología y que están fabricadas de acuerdo con la normativa ISO, sirven
para el transporte multimodal.
La Cisterna o tanque sirve tanto para el transporte de líquidos como para su
mantenimiento por tiempo prolongado según sus características. La mercancía se
transporta en estado líquido ya que los fluidos tienen un menor volumen en estado
líquido que gaseoso, pudiendo transportar mayor cantidad de este, pero a mayor
presión.
Plataforma De Registro De Servicios De Transporte
14
Entre estos se destacan por su mayor uso los de agua para riego y trasvase, los
de transportes de combustibles líquidos como gasolina, queroseno, gas LP y
otros, o los de productos químicos líquidos, estando el transporte de éstos
regulado en casi todo el mundo por su peligrosidad.
Refrigerado Se usa para el transporte de mercancías perecederas en un
contenedor especial de entre +25 grados hasta -250 grados.
Camión transportador de automóviles Los dos tipos principales de camiones de
transporte de automóviles están abiertos y cerrados. Camiones transportadores de
automóviles abiertos exponen los vehículos que se transportan a los elementos
del clima. Camiones transportadores de automóviles cerrados protegen a los
vehículos que se transportan de la lluvia, el viento o la nieve. Camiones
transportadores de automóviles abiertos son mucho más comunes que los
camiones transportadores de automóviles cerrados [12].
Metodología de desarrollo
Para el desarrollo del proyecto se utilizará la metodología OOHDM (Metodología
de Diseño de Hipermedia Orientada a Objetos), la cual permite una planificación
más adecuada para el desarrollo de un sistema informático web, de una manera
ágil y de fácil control por parte del desarrollador, está compuesta por cinco fases:
Obtención de requerimientos (en esta etapa se especifican los escenarios,
se construyen los diagramas de casos de uso y de secuencia, con la
finalidad de obtener de manera clara los requerimientos y las acciones del
sistema).
Modelo conceptual (se construyen los diagramas de entidad-relación y
UML, la finalidad de esta etapa es capturar el dominio semántico de la
aplicación teniendo en cuenta el papel de los usuarios y las tarea que se
desarrollan).
Diseño navegacional (se elabora el diagrama de contexto, con finalidad de
agilizar el diseño de la interfaz).
Plataforma De Registro De Servicios De Transporte
15
Diseño de interfaz abstracta (se crean las vistas de datos abstractos, tiene
como finalidad establecer el diseño de las vistas de la aplicación que verán
los usuarios).
Implementación (una vez cumplidas las fases anteriores, en esta se
construye en lenguaje de programación todo lo anterior).
Herramientas de desarrollo
Herramienta Utilización
PHP Lenguaje de programación
Codeigniter Entorno de trabajo
MySQL Manejador de base de datos
Sublime Editor de textos
XAMPP Servidor para pruebas
Jquery Biblioteca para simplificar tareas
Materialize Lenguaje de diseño
Bootstrap Lenguaje de diseño
Tabla 1 Herramientas de desarrollo
Plataforma De Registro De Servicios De Transporte
16
Procedimiento y descripción de las actividades a realizar
Cronograma de actividades
Actividad Enero Febrero Marzo Abril Mayo Junio
Obtención de requerimientos
Especificación de escenarios
P
R
Casos de Uso P
R
Diagrama de Secuencia P
R
Modelo conceptual
Diagrama Entidad Relación
P
R
Diagrama UML P
R
Diseño navegacional
Diagrama de contexto P
R
Diseño de interfaz abstracta
Vista de datos abstractos P
R
Implementación
Construcción de componentes
P
R
Construcción de interfaz P
R
Pruebas P
R
Ejecución P
R
Documentación P
R Tabla 2 Cronograma de actividades
Plataforma De Registro De Servicios De Transporte
17
Análisis y diseño
Fase 1: OBTENCIÓN DE REQUERIMIENTOS
El sistema contendrá solo a un actor, el administrador, el interactuará con el
sistema y lo hará mediante una computadora.
Identificación de roles y tareas
Roles
Existen 2 roles
Administrador
Es el usuario que tiene acceso a toda la plataforma, así como a la
manipulación de los registros de la base de datos, es decir, la creación,
eliminación y actualización de choferes, vehículos, fletes, etc.
Sistema
El sistema automáticamente realiza tareas específicas, como conectar al
dominio, enlazar a la base de datos, guardar modificaciones de los registros de
la base de datos y mandar aviso de vencimiento de licencia de manejo de los
choferes y cobro de fletes.
Tareas
Administrador
1. Inicio de sesión
2. Crear, actualizar y eliminar
a. Choferes
b. Camiones
c. Fletes
d. Catálogos (Origen y destino de flete, cliente, tipo de carga, tipo
de camión)
3. Cierre de sesión
Plataforma De Registro De Servicios De Transporte
18
Sistema
1. Conecta al dominio
2. Enlaza a la base de datos
3. Guarda modificaciones de los registros de la base de datos
4. Manda aviso de vencimiento de licencia de manejo de los choferes y
cobro de fletes.
Especificación de escenario
Rol de Administrador
Inicio de sesión: el Administrador inicia sesión en la plataforma mediante
su usuario y contraseña.
Crear, actualizar y eliminar: el Administrador puede crear, actualizar y
eliminar registros de choferes, vehículos, fletes y los distintos catálogos que
se manejaran.
Cierre de sesión: el Administrador podrá cerrar sesión en el momento que
desee.
Rol del Sistema
Conecta al dominio: el usuario al acceder a la plataforma; el Sistema
automáticamente hace la petición al dominio para mostrarle la información.
Enlaza a la base de datos: el usuario al intentar iniciar sesión en la
plataforma; el Sistema automáticamente se enlaza a la base de datos para
autentificar al usuario; de ser un inicio de sesión exitoso, le mostrará la
información a la que tiene acceso.
Guarda modificaciones de los registros de la base de datos: el
Administrador al hacer alguna modificación en la plataforma
automáticamente el Sistema hará la alteración en la base de datos.
Manda aviso de vencimiento de licencia de manejo de los choferes y
cobro de fletes: el Sistema automáticamente mandará una alerta al
administrador para informarlo sobre las licencias de manejo vencidas de
sus choferes y los fletes pendientes de cobro.
Plataforma De Registro De Servicios De Transporte
19
Casos de Uso
Los casos de uso son una herramienta para describir los pasos o las actividades
que deberán realizarse para llevar a cabo algún proceso. A continuación se
muestran los diagramas de casos de uso creados en el software Architecture
Enterprise.
El primer caso de uso es el inicio de sesión (Ilustración 1), en donde el usuario
deberá ingresar su correo y contraseña para poder acceder a la plataforma, en
caso de ingresar un correo y contraseña incorrectos no dará acceso.
Ilustración 1 Caso de Uso: Iniciar Sesión
Al haber iniciado sesión en la plataforma el Administrador tendrá los privilegios
para agregar, actualizar y eliminar los registros de la base de datos (Ilustración 2).
Ilustración 2 Caso de Uso: Panel principal
Plataforma De Registro De Servicios De Transporte
20
Como se mencionó el Administrador podrá manipular los registros de la base de
datos, en este caso los choferes que trabajan para él (Ilustración 3).
Ilustración 3 Caso de Uso: Módulo Chofer
En la siguiente imagen (Ilustración 4) podemos observar que el al igual que los
choferes también se pueden administrar los camiones que tiene a su servicio.
Ilustración 4 Caso de Uso: Módulo Camión
De igual manera podrá administrar los fletes que han realizado y los que
próximamente se van a realizar (Ilustración 5).
Plataforma De Registro De Servicios De Transporte
21
Ilustración 5 Caso de Uso: Módulo Flete
En la siguiente imagen (Ilustración 6) se muestra en caso de uso para cerrar
sesión.
Ilustración 6 Caso de Uso: Cerrar Sesión
Diagrama de secuencia
Los diagramas de secuencia especifican a detalle cada proceso o paso que se
tiene que hacer para llevar a cabo una acción, se elabora uno de estos diagramas
por cada caso de uso.
Como resultado obtuvimos 5 diagramas de secuencia que se muestran a
continuación.
Inicio de sesión
En la siguiente imagen (Ilustración 7) se muestra el diagrama de secuencia de
inicio de sesión donde se especifica a detalle la sucesión que hace el
Plataforma De Registro De Servicios De Transporte
22
administrador con la plataforma y lo que hace la plataforma internamente para
poder mostrarle el contenido al administrador.
Ilustración 7 Diagrama de secuencia: iniciar sesión
Chofer
En la siguiente imagen (Ilustración 8) se observa el diagrama de secuencia para la
opción de chofer; dentro de esta se puede observar que hay una secuencia, lo
llamaremos modulo; al ingresar al módulo de chofer tenemos distintas opciones
como, dar de alta, consultar, modificar y eliminar un chofer.
Ilustración 8 Diagrama de secuencia: Módulo Chofer
Camión
En la siguiente imagen (Ilustración 9) se observa el diagrama de secuencia para el
módulo camión; es igual al módulo anterior donde se puede dar de alta, consultar,
modificar y eliminar un camión.
Plataforma De Registro De Servicios De Transporte
23
Ilustración 9 Diagrama de secuencia: Módulo Camión
Flete
En la siguiente imagen (Ilustración 10) se observa el diagrama de secuencia para
el módulo flete; de la misma manera a los módulos anteriores se puede dar de
alta, consultar, modificar y eliminar un flete, dentro de él existen submódulos
(origen, destino, distancias y tipos de carga) para completar el registro de los
fletes.
Ilustración 10 Diagrama de secuencia: Módulo Flete
Plataforma De Registro De Servicios De Transporte
24
Cerrar sesión
En la siguiente imagen (Ilustración 11) se muestra el diagrama de secuencia de
cerrar sesión donde se especifica a detalle la sucesión que hace el administrador
con la plataforma para destruir la sesión iniciada.
Ilustración 11 Diagrama de secuencia: Cerrar Sesión
Plataforma De Registro De Servicios De Transporte
25
Fase 2: MODELO CONCEPTUAL
El modelo conceputal consta de dos partes, el diagrama entidad relación y el
diagrama UML.
Diagrama entidad relación
Es una herramienta para el modelado de datos que permite representar las
entidades relevantes de un sistema de información así como sus interrelaciones y
propiedades. A continuación se muestra el diagrama (Ilustración 12):
Ilustración 12 Diagrama Entidad-Relación
Plataforma De Registro De Servicios De Transporte
26
Diagrama UML
El diagrama UML (Lenguaje Unificado de Modelado) es una herramienta de
modelado, en la cual se definen las entidades y sus atributos, así como la relación
que existe entre ellas, una vez tenemos claro el modelo Entidad-Relación
debemos traducirlo a un modelo lógico directamente en el propio sistema gestor
de bases de datos. A continuación se muestra el diagrama (Ilustración 13):
Ilustración 13 Diagrama UML: Modelo lógico
Plataforma De Registro De Servicios De Transporte
27
Fase 3: DISEÑO NAVEGACIONAL
El desarrollo de las interfaces estará marcado por el uso de formularios, los que
van a permitir una rápida y adecuada vistas para desarrollar, además de ser muy
fáciles de adecuar y ser estéticamente correctas.
Los objetos navegaciones son:
Control de la plataforma
Módulo del administrador
Módulo de chofer
Módulo de camión
Módulo de flete
Diagrama de contexto
La estructura que se presentará está basada en un diseño arquitectónico vista-
controlador. En la ilustración (Ilustración 14) se muestra el esquema final del
proyecto. Como se dijo anteriormente, la aplicación se generará en el modelo
vista-controlador.
Investigando un poco podemos decir que modelo-vista-controlador es un patrón de
diseño que separa los datos, la lógica de negocios y las interfaces de usuario.
Como su nombre lo dice, está separado en tres componentes: modelo, controlador
y vista. Está basado en la ideología de separación de conceptos y cumple
perfectamente con los objetivos de los patrones de diseño.
Ilustración 14 Diagrama de contexto
Plataforma De Registro De Servicios De Transporte
28
Fase 4: DISEÑO DE INTERFAZ ABSTRACTA
La interfaz de usuario está basada íntegramente en la arquitectura de contenido.
Esto quiere decir que se maneja apuntado a una aplicación de escritorio de
Windows. Se muestran las vistas abstractas de cómo quedará la plataforma que
se va desarrollar, estas vistas están sujetas a cambios conforme se vayan
desarrollando.
Vistas
Estas son las vistas abstractas de nuestra plataforma a desarrollar.
En la imagen (Ilustración 15) podemos observar la vista de inicio de sesión para la
plataforma.
Ilustración 15 Vista Abstracta: Inicio de sesión
La siguiente vista (Ilustración 16) se muestra un vez iniciado sesión, donde
tenemos un menú de las opciones que tenemos y nos muestra los datos del
usuario.
Plataforma De Registro De Servicios De Transporte
29
Ilustración 16 Vista Abstracta: Módulo Perfil
En esta vista (Ilustración 17) observamos el módulo de chofer, donde podrán
consultar los choferes, modificar, registrar y eliminar.
Ilustración 17 Vista Abstracta: Módulo Chofer
En esta vista (Ilustración 18) observamos el módulo de camión, donde se podrá
consultar, modificar, registrar y eliminar los camiones. Como ya se mencionó
anteriormente estas vistas están sujetas a cambios.
Plataforma De Registro De Servicios De Transporte
30
Ilustración 18 Vista Abstracta: Módulo Camión
Esta vista (Ilustración 19) observamos el módulo de flete; dentro de este módulo
se hacen muchas cosas, por ejemplo, se muestran todos y se pueden aplicar
acciones tales como: modificar, eliminar y agregar fletes, como los módulos
anteriores, además de opciones como las de tipo de carga, orígenes y destinos
que son fundamentales para poder hacer registro exitoso.
Ilustración 19 Vista Abstracta: Módulo Flete
Plataforma De Registro De Servicios De Transporte
31
Fase 5: IMPLEMENTACIÓN
Para realizar la implementación del proyecto, se usará el Framework Codeigniter
en el cual se aplicará la arquitectura de MVC (Modelo Vista Controlador).
Construcción de componentes
Los componentes que posee la plataforma web son:
Base de datos: se utilizará el manejador de base de datos MySQL para el registro
de la información.
Bootstrap: se utilizará para el diseño de la vista principal de cada módulo, así
como de las listas.
Materialize: se utilizará para el diseño de las vistas de inserción y modificación de
los registros de cada módulo.
Librería jQuery: se utilizará para realizar las búsquedas de registros en las listas
de los módulos y validaciones de los formularios.
Construcción de interfaz
Como se ha especificado en el modelo navegacional, la interfaz se divide en
distintos módulos que a su vez contienen sub-ventanas, por ejemplo el módulo de
chofer además de consultar podemos registrar, eliminar y modificar, de esta
misma manera funciona para los clientes, camiones, orígenes, destinos,
distancias, tipos de carga, tipos de camión y el más importante de todos los fletes.
Construcción de los formularios
Los formularios de la plataforma poseen la misma estructura de diseño, la cual se
divide en:
Acceder a la plataforma (Ilustración 20).
Consultar los distintos módulos, como registrar, eliminar y modificar.
Plataforma De Registro De Servicios De Transporte
32
Ilustración 20 Vista: Inicio de sesión
Al iniciar sesión la plataforma nos mostrará los distintos módulos que tenemos
(Ilustración 21).
Ilustración 21 Vista: Panel principal
Plataforma De Registro De Servicios De Transporte
33
Dentro del módulo de Perfil (Ilustración 22) encontramos la información del
transportista.
Ilustración 22 Vista: Módulo Perfil
Si seleccionas mostrar, no solo verás la información completa sino que además
podrás modificar tus datos (Ilustración 23).
Ilustración 23 Vista: Modificar Perfil
Plataforma De Registro De Servicios De Transporte
34
Dentro del módulo de chofer (Ilustración 24) tenemos la opción de buscar los
choferes, eliminar, mostrar, modificar y registrar, además tenemos un semáforo
donde los de color rojo son los choferes que ya tienen la licencia de conducir
vencida y los de verde aún no están vencidas.
Ilustración 24 Vista: Módulo Chofer
Los formularios para registrar (Ilustración 25) y modificar/mostrar (Ilustración 26)
son los siguientes.
Ilustración 25 Vista: Registrar Chofer
Plataforma De Registro De Servicios De Transporte
35
Ilustración 26 Vista: Modificar Chofer
Módulo de camión (Ilustración 27), dentro de este hay más opciones ya que
contamos con un catálogo de tipos de camión, también se cuenta con un semáforo
donde los que están de color verde son los camiones que no requieren de
manteamiento preventivo, los de color amarillo son los que están próximos al
mantenimiento y los de color rojo son los camiones que requieren ya el
mantenimiento.
Ilustración 27 Vista: Módulo Camión
Plataforma De Registro De Servicios De Transporte
36
Como se observa en las imágenes se puede registrar (Ilustración 28) y
modificar/mostrar (Ilustración 29) y además un botón que nos lleva al catálogo de
tipos de camión.
Ilustración 28 Vista: Registrar Chofer
Ilustración 29 Vista: Modificar Camión
Plataforma De Registro De Servicios De Transporte
37
Ilustración 30 Vista: Módulo de Tipo de Camión
Este es nuestro catálogo de tipos de camión (Ilustración 30) donde muestra el
listado, puedes registrar (Ilustración 31), eliminar y modificar/mostrar (Ilustración
32).
Ilustración 31 Vista: Registrar Tipo de Camión
Ilustración 32 Vista: Modificar Tipo de Camión
Plataforma De Registro De Servicios De Transporte
38
Dentro del módulo de cliente (Ilustración 33) tenemos la opción de buscar los
clientes, eliminar, mostrar, modificar y registrar.
Ilustración 33 Vista: Módulo Cliente
Los formularios para registrar (Ilustración 34) y modificar/mostrar (Ilustración 35)
son los siguientes.
Ilustración 34 Vista: Registrar Cliente
Plataforma De Registro De Servicios De Transporte
39
Ilustración 35 Vista: Modificar Cliente
Se tiene el módulo de flete (Ilustración 26), dentro de este podemos navegar a
través del catálogo tipos de carga, orígenes, destinos, además se cuenta con un
semáforo donde los que están de color verde son los fletes que ya han sido
pagados, los de color amarillo son los fletes que no se han pagado pero su fecha
de pago aún no se vence y los de color rojo son los fletes que no se han pagado y
su fecha de pago ya ha sido vencida.
Ilustración 36 Vista: Módulo Flete
Plataforma De Registro De Servicios De Transporte
40
Los formularios para registrar (Ilustración 37) y modificar/mostrar (Ilustración 38)
son los siguientes.
Ilustración 37 Vista: Registrar Flete
Ilustración 38 Vista: Modificar Flete
Plataforma De Registro De Servicios De Transporte
41
La siguiente vista (Ilustración 39) podemos observar que solo se muestran los
fletes que no han sido pagados.
Ilustración 39 Vista: Fletes por cobrar
En la siguiente vista (Ilustración 40) mostramos el catálogo de tipos de carga que
se encuentran dentro del módulo de flete.
Ilustración 40 Vista: Módulo Tipo de Carga
Plataforma De Registro De Servicios De Transporte
42
En la vista (Ilustración 41) observamos el listado de los orígenes registrados que
tenemos, además opciones como: eliminar, modificar y registrar.
Ilustración 41 Vista: Módulo Origen
Los formularios para registrar (Ilustración 42) y modificar/mostrar (Ilustración 43)
son los siguientes.
Ilustración 42 Vista: Registrar Origen
Plataforma De Registro De Servicios De Transporte
43
Ilustración 43 Vista: Modificar Origen
En la vista (Ilustración 44) observamos el listado de los destinos registrados que
tenemos, además opciones como: eliminar, modificar y registrar.
Ilustración 44 Vista: Módulo Destino
Plataforma De Registro De Servicios De Transporte
44
Los formularios para registrar (Ilustración 45) y modificar/mostrar (Ilustración 46)
son los siguientes.
Ilustración 45 Vista: Registrar Destino
Ilustración 46 Vista: Modificar Destino
Plataforma De Registro De Servicios De Transporte
45
En la vista (Ilustración 47) observamos el listado de las distancias registradas,
además tenemos las opciones de eliminar, modificar y registrar.
Ilustración 47 Vista: Módulo Distancia
Los formularios para registrar (Ilustración 48) y modificar/mostrar (Ilustración 49)
son los siguientes.
Ilustración 48 Vista: Registrar Distancia
Ilustración 49 Vista: Modificar Distancia
Plataforma De Registro De Servicios De Transporte
46
Pruebas
Las pruebas fueron realizadas en una computadora que posee un procesador
Corei3 de segunda generación de 2.3 GHz y 4Gb de memoria RAM en un sistema
operativo Windows 10 de 64 bits en el servidor XAMPP.
Casos de pruebas
Prueba: 1
Nombre: Registro de una distancia
Descripción: Este permitirá ingresar los datos de origen, destino y
distancia.
Condiciones de ejecución: Este se llevará acabo si el administrador tiene
un origen y un destino registrado.
Resultado esperado: Los datos ingresaron con éxito
Evaluación de prueba: La inserción se hace de manera correcta, nos dimos
cuenta de que falta validar que un mismo origen y destino solo puedan
tener una distancia.
Tabla 3 Prueba 1
Casos de pruebas
Prueba: 2
Nombre: Registro de un camión
Descripción: Este permitirá ingresar los datos que describen el camión, así
como el tipo de camión que es.
Condiciones de ejecución: Este se llevará acabo si el administrador tiene
un tipo de camión registrado.
Resultado esperado: Los datos ingresaron con éxito
Evaluación de prueba: La inserción en la tabla de camión se hace de
manera correcta.
Tabla 4 Prueba 2
Plataforma De Registro De Servicios De Transporte
47
Casos de pruebas
Prueba: 3
Nombre: Marcado de camiones por kilometraje
Descripción: En la lista de camiones se pintarán de color rojo solo
aquellos que sobrepasen los 5000 kilómetros y de color amarillo los que se
encuentren en el rango de 4000 a 5000 kilómetros.
Condiciones de ejecución: Este se llevará acabo si el administrador tiene
registrado por lo menos un camión con los rangos de kilometraje
establecidos.
Resultado esperado: Muestra pintados de rojo los camiones con
kilometraje mayor a 5000 kilómetros y de amarillo a los que se encuentren
en el rango de 4000 a 5000 kilómetros.
Evaluación de prueba: El pintado de los camiones se hace de manera
correcta.
Tabla 5 Prueba 3
Casos de pruebas
Prueba: 4
Nombre: Notificación de vencimiento de licencia
Descripción: Este notificará al administrador acerca de cuantos choferes
tienen su licencia de conducir vencida.
Condiciones de ejecución: Este se llevará acabo si el administrador tiene o
no registrados choferes.
Resultado esperado: Muestra notificación al administrador.
Evaluación de prueba: La notificación se mostró correctamente.
Tabla 6 Prueba 4
Plataforma De Registro De Servicios De Transporte
48
Casos de pruebas
Prueba: 5
Nombre: Marcado de choferes con licencia de conducir vencida
Descripción: En la lista de choferes se pintarán de color rojo solo aquellos
que tengan su licencia de conducir vencida.
Condiciones de ejecución: Este se llevará acabo si el administrador tiene
registrado por lo menos un chofer con licencia de conducir vencida.
Resultado esperado: Muestra pintados de rojo los choferes con licencia
vencida.
Evaluación de prueba: El pintado de los choferes se hace de manera
correcta en caso de tener la licencia de manejo vencida.
Tabla 7 Prueba 5
Casos de pruebas
Prueba: 6
Nombre: Registro de un flete
Descripción: Este permitirá ingresar los datos que describen el flete, así
como el origen, destino, cliente, chofer, camión y tipo de carga.
Condiciones de ejecución: Este se llevará acabo si el administrador tiene
registrados por lo menos un origen, destino, cliente, chofer, camión y tipo
de carga.
Resultado esperado: Los datos ingresaron con éxito
Evaluación de prueba: La inserción se hace de manera correcta, nos dimos
cuenta de que falta hacer que el llenado de distancia de haga de manera
automática.
Tabla 8 Prueba 6
Plataforma De Registro De Servicios De Transporte
49
Conclusiones
Al desarrollar el proyecto para la empresa GEOSIS obtuvimos experiencia laboral
al trabajar bajo las políticas y condiciones establecidas por una empresa, primero
tuvimos que analizar el problema para después definir cómo resolverlo, así como
también acordar y fijar hasta donde abarcaría nuestro trabajo de residencia.
Como se mencionó utilizamos la metodología OOHDM (Modelo de Diseño de
Hipermedia Orientado a Objetos), tiene como ventajas: es ágil, define muy bien en
cada etapa que es lo que tiene que elaborar, se integra fácilmente al Modelo-
Vista-Controlador.
Al aplicar las distintas herramientas para el desarrollo de la plataforma web
ampliamos nuestros conocimientos acerca de ellas, así como algunas que no
conocíamos.
La plataforma ayudará a los transportistas a optimizar sus tiempos de cobranza de
sus servicios y tener una mejor organización de información para cuando necesite
consultar o hacer modificaciones.
Recomendaciones
Una vez funcionando la plataforma web se recomienda que se capture todos los
servicios que se realizan, así como también llenar correctamente los campos para
tener información confiable cuando se consulte.
Considerar que el acceso a la plataforma sea limitado a ciertos usuarios para
mantener la integridad de los datos y evitar errores de redundancia o eliminación
de información.
Para el buen funcionamiento se debe considerar tener una buena conexión a
Internet de entrada y salida de datos y un equipo de cómputo lo suficientemente
capaz para poder trabajar de manera eficiente.
Se recomienda agregar una bitácora para llevar un registro de los usuarios, que
contenga la fecha y hora en que entran y hacen modificaciones, esto con el
objetivo de deslindar responsabilidades.
Plataforma De Registro De Servicios De Transporte
50
Referencias bibliográficas y virtuales
[1]A. Cobo, P. Gomez, D. Perez and R. Rocha, PHP y MySQL. Madrid: Ediciones Diaz de
Santos, 2005.
[2]A. Cobo Yera, Diseno y programacion de bases de datos. Madrid: Vision Libros, 2007.
[3]C. Madrid, "QUÉ ES UNA PÁGINA WEB", madrid.org, 2017. [Online]. Available:
http://www.madrid.org/cs/StaticFiles/Emprendedores/GuiaEmprendedor/tema7/F49_7.
9_WEB.pdf. [Accessed: 27- Jun- 2017].
[4]L. Roc, "Plataformas Web | LuisROC", LUISROC, 2017. [Online]. Available:
http://www.luisroc.com/servicios-plataformas-web.php. [Accessed: 27- Jun- 2017].
[5]M. Rouse, "¿Qué es MySQL?", Tech Target, 2017. [Online]. Available:
http://searchdatacenter.techtarget.com/es/definicion/MySQL. [Accessed: 27- Jun-
2017].
[6]V. Eslava Munoz, El nuevo php. [s.l.]: Bubok, 2013.
[7]M. Moro Vallina, Marketing digital. Madrid: Paraninfo, 2014.
[8]L. Peña, "Materialize, un Framework Front-End a lo Material
Design", Leninalbertop.com.ve, 2017. [Online]. Available:
https://www.leninalbertop.com.ve/materialize-un-framework-material-design/.
[Accessed: 27- Jun- 2017].
[9]J. jquery, "jQuery", Jquery.com, 2017. [Online]. Available: https://jquery.com/.
[Accessed: 27- Jun- 2017].
[10]"XAMPP Installers and Downloads for Apache Friends", Apachefriends.org, 2017.
[Online]. Available: https://www.apachefriends.org/es/index.html. [Accessed: 27- Jun-
2017].
[11]A. del vivar, "DEFINICIÓN DEL SERVICIO DE TRANSPORTE DE
CARGA", transportedecargadepits, 2017. [Online]. Available:
Plataforma De Registro De Servicios De Transporte
51
https://transportedecargadepits.wordpress.com/2011/09/29/definicion-del-servicio-de-
transporte-de-carga/. [Accessed: 27- Jun- 2017].
[12]P. Garcia, "TIPOS DE CAMIONES", Timepx.blogspot.mx, 2017. [Online]. Available:
https://timepx.blogspot.mx/2016/01/tipos-de-camiones.html. [Accessed: 27- Jun-
2017].