proyecto plataforma de registro de servicios de transporte

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


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


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


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.


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


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


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.


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.


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


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].


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].


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.


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).


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


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


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


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.


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


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).


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


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.


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


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


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


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


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


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.


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.


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


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.


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


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


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


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


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


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


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


son los siguientes.

Ilustración 34 Vista: Registrar Cliente


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


40


son los siguientes.

Ilustración 37 Vista: Registrar Flete

Ilustración 38 Vista: Modificar Flete


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


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


son los siguientes.

Ilustración 42 Vista: Registrar Origen


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


44


son los siguientes.

Ilustración 45 Vista: Registrar Destino

Ilustración 46 Vista: Modificar Destino


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


son los siguientes.

Ilustración 48 Vista: Registrar Distancia

Ilustración 49 Vista: Modificar Distancia


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.


un tipo de camión registrado.


Evaluación de prueba: La inserción en la tabla de camión se hace de

manera correcta.

Tabla 4 Prueba 2


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.


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


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.


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.


registrados por lo menos un origen, destino, cliente, chofer, camión y tipo

de carga.


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


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.


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:


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].

proyecto plataforma de registro de servicios de transporte

Documents