__ DE _______ DEL 2

REPORTE F

INSTITUTO TECNOLÓGICO DE CHETUMAL

DEPARTAMENTO DE SISTEMAS Y COMPUTACIÓN

ALUMNO:

JORGE DAVID PÉREZ CASTRO (16390347)

ASESOR INTERNO:

CARLOS FLORES PÉREZ

ASESOR EXTERNO:

LUIS ERNESTO ROSADO CEPEDA

 Agradecimientos

 Estoy agradecido con la institución por darme la oportunidad de trabajar en este

proyecto para poner a prueba todos mis conocimientos aprendidos en mi carrera
institucional.

 A los maestros que tuve a lo largo del semestre, gracias por ayudarme a obtener
los conocimientos necesarios para poder lograr este proyecto.

 Y a mis asesores en especial por brindar apoyo durante la elaboración de este

sistema a lo largo de mi residencia.

i
 Resumen
En años recientes, el Instituto Tecnológico de Chetumal ha visto un rezago en
inventarios por utilizar tecnologías de hace más de 20 años, tales como dBASE
usando un sistema operativo MS-DOS, por lo cual se dio la tarea de actualizar ese
sistema a uno que utilice tecnologías nuevas, esto usando HTML, PHP, CSS,
JavaScript, MySQL y AJAX.

En tiempos actuales la mejor forma para hacerlo es mediante un sitio web, al cual
todas las personas tengan acceso, ya que se tiene toda esta información
recolectada pero no hay un medio por el cual se dé a conocer.

Se hablará de como el inventario de activo fijo del ITCH requiere una actualización
de todo el sistema porque la actual ya es bastante anticuada para las nuevas
personas que requieran el uso del mismo. Por ello, se creó el nuevo sistema que
mejora bastante el sistema antiguo haciéndolo mucho más fácil de usar tanto para
los nuevos usuarios como para los antiguos trabajadores

ii
Contenido

1. Introducción.........................................................................................................1

2. Marco teórico.......................................................................................................2

2.1 Antecedentes................................................................................................2

2.1.1 Visión.....................................................................................................4

2.1.2 Misión.....................................................................................................4

2.2 Nuevas tecnologías......................................................................................5

3. Justificación.......................................................................................................11

4. Objetivos...........................................................................................................13

4.1 Objetivo general.........................................................................................13

4.2 Objetivos específicos..................................................................................13

5. Metodología.......................................................................................................14

5.1 Capacitación del equipo del proyecto........................................................14

5.2 Construcción de la aplicación para el sistema de inventario de activo fijo 15

5.3 Producto final..............................................................................................16

6. Resultados........................................................................................................27

7 Conclusiones.....................................................................................................28

8 Fuentes de información.....................................................................................29
Índice de ilustraciones

Imagen 1. Base de datos del antiguo sistema: Inventarios.......................................3

Imagen 2. Base de datos del antiguo sistema: Áreas...............................................4

Imagen 3. Diagrama de casos de uso.....................................................................18

Imagen 4. Diagrama de clases................................................................................19

Imagen 5. Inicio del Sistema Informático Web........................................................20

Imagen 6. Inicio del Sistema Informático Web con sesión iniciada........................21

Imagen 7. Módulo bienes........................................................................................22

Imagen 8. Módulo de áreas.....................................................................................23

Imagen 9. Módulo de trabajadores..........................................................................24

Imagen 10. Módulo de asignación: antes de encontrar bienes del trabajador.......24

Imagen 11. Módulo de asignación: después de encontrar bienes del trabajador. .25

Imagen 12. Módulo usuarios...................................................................................26

 1. Introducción

Un sistema informático web puede proporcionar un sin fin de posibilidades a un

costo extremada y relativamente bajo. Si se dispone de un sistema informático
web, en este se puede colocar toda la información que se desea; disponible todos
los días a cualquier hora y no solo localmente; sino en cualquier lugar en el que se
pueda conectar a internet.

Originar procedimientos tales como la actualización del sistema de activos fijos y

la puesta en función del mismo es imprescindible para todo organismo ya que los
activos fijos representan una de las secciones más importantes y significativas
dentro de los estados financieros, por ello es importante conocer los aspectos más
importantes que regulan y forman las actividades económicas relacionadas con la
administración de los activos fijos.

Al inicio del proyecto, se investigó la información generada en pasados proyectos

basados en la adquisición, perdida, retiro e inventario de activo fijos, para que de
esta manera sea más preciso actualizar el sistema de inventario de activo fijo.

A lo largo del documento se ira viendo la razón por la cual es necesario el cambio
del sistema MS-DOS junto a la base de datos dBASE y las tecnologías nuevas
usadas para suplir este cambio.

1
 2. Marco teórico

2.1 Antecedentes

En 1975 la demanda educativa del estado generó la necesidad de crear una

institución educativa que viniera a coadyuvar en el desarrollo social, político y
económico de la región. El alumnado del entonces CECYT No. 165, en presencia
del Lic. Jesús Martínez Ross, Gobernador de Quintana Roo, solicitó al entonces
presidente de la República Lic. Luis Echeverría Álvarez, la creación del Instituto
Tecnológico Regional de Chetumal (I.T.R.), el cual de inmediato giró instrucciones
al Subsecretario de Educación Media Técnica y Superior.

Fue así como el 8 de octubre de 1975, heredando las instalaciones y demás

recursos humanos y materiales del CECYT No. 165, el presidente de la República
concede el honor de inaugurar el Instituto Tecnológico Regional de Chetumal.
Institución pionera y vanguardista de la educación media superior en Quintana
Roo, siendo el primer director del plantel el Ing. Ángel Gallegos Martínez y
subdirector el Ing. Miguel Ruiz Ayuso, el personal inicial fue de 60 docentes, 25
administrativos y 17 de servicios generales.

En septiembre de 1986 nace el Instituto Tecnológico de Chetumal. En ese año el

Sistema Nacional de tecnológicos ordenó la liquidación del bachillerato en los
institutos del País para quedar únicamente como instituciones de nivel superior,
abocándose a la creación de instituciones en cada entidad.

Hoy en día, es una institución con experiencia, carácter y tradición que por 44
años han formado recursos humanos altamente calificados y competentes que
han contribuido estratégicamente en todos los ámbitos económicos, sociales y de
aspecto gubernamental del estado de Quintana Roo.

El Instituto Tecnológico de Chetumal ha aportado un total de 9,208 profesionistas.

2
Actualmente labora con un personal compuesto de 209 docentes; 108 de apoyo y
asistencia a la educación y 24 personal directivo.

El sistema antiguo de inventarios de activo fijo del ITCH es bastante tosco,

inentendible y casi inaccesible para las nuevas generaciones de personas que
requieren el uso del sistema para el levantamiento y modificación del inventario.
Un ejemplo de este sistema es la base de datos usada, por las limitaciones que
tenían en ese tiempo mucha información debía dividirse en secciones aun
compartiendo básicamente el mismo tipo de información (Ejemplo, Descripción 1,
Descripción 2 y Descripción 3) haciendo que la base de datos almacene más
espacio del que debería, en la actualidad esto no debe ser un problema y se
puede solucionar fácilmente. Igualmente, el antiguo sistema contaba con dos
tablas solamente: la tabla de inventarios y la tabla de áreas.

Véanse las imágenes 1 y 2 donde se muestran cómo eran antiguamente las bases
de datos, siendo la de inventarios bastante extensa de campos de llenado de
información por el hecho de tener que tener varios campos para el mismo tipo de
información; en cambio el de áreas es bastante mucho más sencillo.

Imagen 1. Base de datos del antiguo sistema: Inventarios

3
 Imagen 2. Base de datos del antiguo sistema: Áreas

2.1.1 Visión

Ser una institución educativa líder que contribuya al desarrollo sostenido,

sustentable e incluyente del Estado y del País.

2.1.2 Misión

Formar integralmente profesionales de alto desempeño que contribuyan al

desarrollo sustentable del Estado y del País, dentro del proceso de globalización
con base en la mejora continua.

4
 2.2 Nuevas tecnologías

Por eso se llevó la tarea de actualizar el sistema de inventarios de activo fijo del
ITCH llevándolo a un sistema web dinámico que cualquier dispositivo actual pueda
acceder, esto mediante las siguientes tecnologías:

HTML

Haciendo referencia a la referencia (Vértice, 2009, pág. 12), HTML es un lenguaje

artificial que los ordenadores son capaces de interpretar y diseñar para que los
programadores redacten instrucciones que los navegadores ejecutan para originar
la página web. Es decir, HTML es un “idioma que la máquina entiende y procesa
para dar una respuesta”.

Las siglas de HTML significan HyperText Markup Language (lenguaje de marcas

de hipertexto). El hipertexto en una computadora es texto que posee referencias
(hipervínculos, links o enlaces) a otro texto. Para simplificar se puede decir que el
hipertexto es aquel texto que pulsamos un ratón del ordenador y nos conduce a
otro texto cuando utilizamos internet. Pero además de texto, el hipertexto puede
estar formado por tablas, imágenes u otros elementos.

En enero de 2008, W3C (World Wide Web Consortium, consorcio internacional

que produce recomendaciones para la World Wide Web) publicó un borrador de la
versión 5.0 de HTML, lo que ellos llaman el futuro del contenido web. Algunas de
las nuevas características son los API’s para dibujar gráficos en dos dimensiones,
incorporar y controlar contenido de audio y vídeo, mantener constante en la parte
del visitante el almacenamiento de datos y ofrecer a los usuarios la edición de
documentos de forma interactiva.

En esencia, HTML sirve para estructurar documentos (títulos, párrafos, listas, etc.),
pero no describe la apariencia o el diseño de un documento, sino que ofrece las
herramientas necesarias para dar formato, según la capacidad del servidor web en

5
el que se almacenan las páginas web y la capacidad del navegador (tamaño de la
pantalla, fuentes que tiene instaladas, etc.).

PHP

Haciendo referencia a la referencia (Cobo, Gómez, Pérez, & Rocha, 2015, pág.
99), PHP es un lenguaje interpretado del lado del servidor que se caracteriza por
su potencia, versatilidad, robustez y modularidad. Los programas escritos en PHP
están adheridos 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. Al ser un lenguaje que open source,
tanto el intérprete como su código fuente son totalmente accesibles de forma
gratuita en la red.

Igualmente, por su flexibilidad, PHP resulta un lenguaje muy sencillo de aprender;

especialmente para programadores familiarizados con lenguajes como C, Perl o
Java, por las similitudes de sintaxis entre ellos.

Por supuesto, 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.

Todas estas características han hecho de este lenguaje uno de los que mayor
crecimiento ha experimentado en los últimos años, desde su aparición en 1994.

MySQL

Haciendo referencia a la misma referencia anterior (Cobo, Gómez, Pérez, &

Rocha, 2015, pág. 339), 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, para la creación de sistemas de

6
transacciones on-line o para cualquier otra solución profesional que implique
almacenar datos, teniendo la posibilidad de realizar múltiples y rápidas consultas.

MySQL ofrece varias ventajas respecto a otros sistemas gestores de base de

datos:

 Tiene licencia pública, permitiendo no solo la utilización del programa sino

también la consulta y modificación de su código fuente. Resulta por tanto
fácil de personalizar y adaptar a las necesidades concretas.
 El programa está desarrollado en C y C++, lo que facilita su integración en
otras aplicaciones desarrolladas igualmente en esos lenguajes.
 Puede ser descargado gratuitamente de Internet haciendo uso de su
licencia GPL.
 Para aquellos que deseen que sus desarrolladoras basadas en MySQL no
sean “código abierto” existe también una licencia comercial.
 MySQL utiliza el lenguaje SQL (Structure Query Language - Lenguaje de
Consulta Estructurado) que es el lenguaje de consulta más usado y
estandarizado para acceder a base de datos relacionales. Soporta la
sintaxis estándar del lenguaje SQL para la realización de consultas de
manipulación, creación y de selección de datos.
 Es un sistema cliente/servidor, permitiendo trabajar como servidor
multiusuario y de subprocesamiento múltiple, es decir, cada vez que se
establece una conexión con el servidor, el programa servidor crea un
subproceso para manejar la solicitud del cliente, controlando el acceso
simultáneo de un gran número de usuarios a los datos y asegurando el
acceso solo a usuarios autorizados.
 MySQL dispone de un sistema sencillo de ayuda en línea, y de un monitor
que permite realizar todas las operaciones desde la línea de comandos del
sistema, sin necesitar ningún tipo de interfaz de usuario gráfica. Esto facilita
la administración remota del sistema utilizando telnet.

7
  Es portable, es decir, puede ser llevado a cualquier plataforma informática.
MySQL está disponible en más de veinte plataformas diferentes incluyendo
las distribuciones más usadas de Linux, sistema operativos Mac X, UNIX, y
Microsoft Windows.
 Es posible encontrar gran cantidad de software desarrollado sobre MySQL
o que soporte MySQL. En concreto, son de destacar diferentes aplicaciones
open source para la administración de las bases de datos a través de un
servidor web.

Todas las características han hecho de MySQL uno de los sistemas gestores de
bases de datos más utilizados en la actualidad, no solo por pequeñas empresas
sino también por algunas de las grandes corporaciones como pueden ser: Yahoo!
Finance, Google, CISCO, Motorola, NASA, Silicon Graphics, etc.

JavaScript

Haciendo referencia a la referencia (Condor Tinoco & Soria Solís, 2014, pág. 55),
JavaScript es un lenguaje de programación, que se usa principalmente para
desarrollar páginas webs dinámicas.

Una página web dinámica es aquella que incorpora efectos como texto que
aparece y desaparece, animaciones, acciones que se realizan al realizar clic en
los botones, pasar el mouse sobre objetos, mensajes de aviso, entre otros que el
usuario requiera.

JavaScript es un lenguaje interpretado que se ejecuta en el ordenador del cliente.

AJAX

Haciendo referencia a la referencia (Pérez, 2009, pág. 5), AJAX es un acrónimo de

Asynchronous JavaScript + XML, que se puede traducir como "JavaScript

8
asíncrono + XML". AJAX se trata de varias tecnologías independientes que se
unen de formas nuevas y sorprendentes.

Las tecnologías que forman AJAX son:

 XHTML y CSS, para crear una presentación basada en estándares.

 DOM, para la interacción y manipulación dinámica de la presentación.
 XML, XSLT y JSON, para el intercambio y la manipulación de información.
 XMLHttpRequest, para el intercambio asíncrono de información.
 JavaScript, para unir todas las demás tecnologías.

Desarrollar aplicaciones AJAX requiere un conocimiento avanzado de todas y

cada una de las tecnologías anteriores.

En las aplicaciones web tradicionales, las acciones del usuario en la página

(pinchar en un botón, seleccionar un valor de una lista, etc.) desencadenan
llamadas al servidor. Una vez procesada la petición del usuario, el servidor
devuelve una nueva página HTML al navegador del usuario.

Esta técnica tradicional para crear aplicaciones web funciona correctamente, pero
no crea una buena sensación al usuario. Al realizar peticiones continuas al
servidor, el usuario debe esperar a que se recargue la página con los cambios
solicitados. Si la aplicación debe realizar peticiones continuas, su uso se convierte
en algo molesto.

AJAX permite mejorar completamente la interacción del usuario con la aplicación,

evitando las recargas constantes de la página, ya que el intercambio de
información con el servidor se produce en un segundo plano.

Las aplicaciones construidas con AJAX eliminan la recarga constante de páginas

mediante la creación de un elemento intermedio entre el usuario y el servidor. La
nueva capa intermedia de AJAX mejora la respuesta de la aplicación, ya que el

9
usuario nunca se encuentra con una ventana del navegador vacía esperando la
respuesta del servidor.

10
CSS

Haciendo nuevamente referencia a la referencia (Condor Tinoco & Soria Solís,

2014, pág. 13), CSS es un lenguaje que nos permite otorgar atributos a los
elementos de los documentos realizados en HTML; CSS permite realizar una
separación del diseño (formato y estilos) de los contenidos de las páginas webs.
Es importante resaltar que, hay características que ofrece CSS y que también se
pueden realizar con HTML, pero CSS tiene una mayor cantidad de opciones para
personalizar los elementos de una página web en general.

11
 3. Justificación

El propósito de este proyecto es disminuir el tiempo invertido en el levantamiento

físico del inventario de inmuebles y brindar proactividad en el sistema, lo cual es
posible debido a la existencia de los dispositivos móviles y su capacidad de ser
programados, el enfoque de programación, así como a la capacidad de emplear la
filosofía responsiva en las aplicaciones web de manera que posibilita la ejecución
de ellas en los dispositivos móviles.

El empleo de esas tecnologías y paradigmas de programación en la reducción del

tiempo invertido en el levantamiento del inventario físico hará que la nueva
aplicación vuelva obsoleta e ineficiente a la que se está empleando actualmente,
debido a que sus procesos se harán más rápidos, serán más agradables en su
operación y eliminarán actividades redundantes o innecesarias desde la
perspectiva con la que se quiere trabajar.

Esa perspectiva eliminará la necesidad de anotar en papel los muebles que se

encuentran localizados en las diferentes áreas, departamentos y oficinas de la
Institución, sin embargo, no prescinde de la exigencia de trasladarse a los
espacios de ellas para poder hacer el levantamiento físico del inventario. También,
descartará el requisito de capturar los datos recolectados después de haber hecho
el levantamiento físico de inventario, salvo aquellos casos donde exista mobiliario
nuevo no reportado. Todo lo anterior suprimirá los errores que actualmente se
cometen en el proceso de captura de los datos.

El software construido durante la ejecución del proyecto, así como las políticas y la
visión que se aplican en él, puede dar la pauta para la elaboración de proyectos
posteriores encaminados a eliminar la necesidad de la intervención humana en las
tareas involucradas en el levantamiento físico del inventario, lo cual ocasionaría la
supresión del traslado de personas a las distintas áreas, oficinas y departamentos

12
de la Institución y la disposición, prácticamente instantánea, de las listas
actualizadas de los recursos asignados a ellas.

Los nuevos procesos implantados por el proyecto en la gestión del inventario de

activos físicos aumentarán el uso del recurso tecnológico disminuyendo el empleo
de recurso humano, papel, bolígrafos y tinta, entre otros.

Desde el punto de vista económico, se puede afirmar que este proyecto ni crea ni
elimina puestos de trabajo, sólo disminuye significativamente el tiempo asignado a
la administración del sistema de inventarios de activos fijos, lo cual trae como
consecuencia ahorros significativos en los recursos económicos destinados a esta
actividad.

En donde sí hay un impacto perceptible y medible para este proyecto es en lo

social, porque se verán beneficiadas más de 57 personas de la Institución por
tener oportuna y pertinentemente la información de los activos que tienen bajo su
responsabilidad de una manera fácil de comprender. Estas personas son en parte
jefes de oficina, jefes de departamento, subdirectores y directores.

En lo relativo a la factibilidad operativa se puede afirmar que existen la cantidad

suficiente de recursos tecnológicos, materiales y económicos para llevar a cabo el
proyecto. No se olvida mencionar que el capital humano también es suficiente.

13
 4. Objetivos

4.1 Objetivo general

Actualizar el sistema de inventarios de activos fijos actual para facilitar su uso,

esto a través de un sistema de información web.

4.2 Objetivos específicos

 Mejorar los procesos que el sistema anterior tenia

 Actualizar la base de datos a una con una tecnología más reciente
 Migrar el sistema antiguo a un sistema web
 Establecer niveles de usuarios para el acceso del nuevo sistema


14
 5. Metodología

5.1 Capacitación del equipo del proyecto

Comprende la capacitación que recibirán los integrantes del equipo de este

proyecto. Dado el análisis de las capacidades técnicas requeridas para construir la
aplicación necesitada para lograr los objetivos de este proyecto, se llegó a la
conclusión de que la capacitación debería girar en torno a las siguientes
temáticas:

1. Lenguaje de programación interpretado (JavaScript), por brindar contenido

dinámico e interacción dinámica al sitio web; Aparte de ser uno de los
lenguajes de programación más reconocidos y accesibles del lado del
cliente.
2. Lenguaje de programación del lado del servidor (PHP y MySQL), PHP es
una de los lenguajes de programación del lado del servidor con más
documentación y accesibilidad (si se conoce Java u otro lenguaje similar)
del mundo; Para MySQL, se necesita un sistema de gestión de base de
datos relacional, y MySQL cumple con ese objetivo al brindar facilidad de
uso con un entorno de uso fácil.
3. Técnicas de desarrollo web (AJAX), El uso de AJAX se limita a la
interacción entre PHP y JavaScript de una manera dinámica dentro del
sistema web, haciendo que datos se puedan obtener del lado del servidor y
ser utilizados al segundo por el lado del cliente y viceversa.
4. Lenguaje de marcado y diseño gráfico (HTML y CSS), el uso de estas
tecnologías es por ser la base de toda página web que se preste en la
internet; Igualmente, son de fácil aprendizaje y se tiene un montón de
información para la creación de estos tipos de archivos.

Pareciera ser que se ha omitido el desarrollo de aplicaciones móviles, sin

embargo, es necesario aclarar que el sistema tendrá un modelo responsivo tanto

15
para computadoras como para dispositivos móviles, lo que satisface esta
necesidad.

5.2 Construcción de la aplicación para el sistema de

inventario de activo fijo

En este proceso hay un involucramiento directo con el proceso de desarrollo de

software, el cual por sí mismo involucra diferentes metodologías. Por ejemplo,
(Dennis, Wixon, & Tegarden, 2015) señalan el enfoque de diseño estructurado,
donde citan metodologías tales como el modelo de cascada y el desarrollo
paralelo, el enfoque de desarrollo rápido de aplicaciones, en el cual incluyen el
desarrollo por fases, el prototipado y los prototipos desechables. Por último,
señalan el enfoque del desarrollo ágil, dentro de las cuales se describen a SCRUM
y la programación extrema. Por otra parte, (Sommerville, 2011) no hace tantas
clasificaciones de las metodologías y describe la de modelo de cascada, la de
desarrollo incremental y la ingeniería de software orientada a la reutilización.
Particularmente dedica todo un capítulo para las metodologías ágiles. Se podría
seguir citando un conjunto muy grande de personas que han dado nombre a las
diferentes metodologías de mayor popularidad que se emplean en el desarrollo de
software, sin embargo, la intención de esta sección no es dar un curso sobre ellas.
Por lo tanto, comentaremos que la metodología que emplearemos en este
proyecto será la de prototipado, la cual estará bajo el enfoque de desarrollo rápido
de aplicaciones tal y como lo especifica (Dennis, Wixon, & Tegarden, 2015).

Es necesario señalar que la metodología seleccionada involucra cuatro fases, las

cuales son el análisis, el diseño, la implementación y la presentación del prototipo.
El objetivo será desarrollar un conjunto de prototipos que irán siendo evaluados
por los asesores en las reuniones hasta, que al final, quede de acuerdo con el
integrante del equipo del proyecto de que se ha alcanzado la aplicación definitiva.

La fase de análisis se empleará para la identificación de los requisitos funcionales

y no funcionales que debe satisfacer el software que se desarrollará, con la ayuda

16
de los asesores. La fase de diseño se orientará a los diseños de métodos y clases,
bases de datos, interacción humano-dispositivo y de la capa física. Así mismo, en
la implementación se realizarán las actividades de codificación, pruebas,
instalación y puesta en marcha. Aunque ya se dijo implícitamente, es necesario
señalar que la metodología empleada para describir los diferentes productos del
análisis y el diseño será la orientada a objetos. La puesta en marcha involucrará
transferir la información de los activos del sistema antiguo al sistema nuevo.

5.3 Producto final

Primero de todo, se mostrará como es el sistema con un diagrama de casos de

uso y un diagrama de clases.

Para el diagrama de casos de uso véase la imagen 3, en la imagen se visualiza

dos tipos de personas, los jefes de departamentos / usuarios y los jefes de
almacén / administradores.

Tanto los jefes de departamentos / usuarios como los jefes de almacén /

administradores deben iniciar sesión para poder acceder al sistema de inventarios,
los jefes de departamentos / usuarios nuevos deben hacer un cambio de
contraseña al iniciar por primera vez al sistema para cambiar la contraseña
otorgada por el jefe de almacén / administrador. De ahí cada uno de los jefes de
departamentos / usuarios puede acceder a los módulos de bienes, áreas,
trabajadores y asignación, siempre y cuando los jefes de almacén /
administradores le hayan dado los permisos de acceso a cada uno, de lo contrario
los jefes departamentos / usuarios no podrán iniciar de ninguna manera a ese
modulo, igualmente dentro de cada módulo tendrá que tener permisos para
agregar, eliminar o modificar en sus respectivos módulos. Los jefes de almacén /
administradores tienen acceso completo a todos los módulos y aparte uno
especial llamado el módulo de usuarios, donde podrá:

 Agregar usuarios

17
  Eliminar usuarios
 Cambiar contraseña / reiniciar sus contraseñas de usuarios
 Modificar permisos de usuarios
 Agregar roles de usuarios
 Eliminar roles de usuarios
 Modificar roles de usuarios

Para el diagrama de clases véase la imagen 4, en la imagen se pueden ver los

tipos de datos que maneja cada módulo al igual que las relaciones que cada
módulo tiene con cada uno de los otros módulos. En el caso del módulo de
asignación, este depende de que existan datos en los módulos de bienes y
trabajadores, ya que si se tiene una asignación con un bien y un trabajador y uno
de estos fuera a ser eliminado entonces la asignación se elimina igualmente. En el
módulo de áreas solamente se necesita que exista un área para que el bien o el
trabajador pueda utilizarla, pero estos mismos no se eliminan si el área fuera a ser
eliminada. Igualmente pasa similar al apartado roles con el módulo de usuarios,
donde si se fuera a eliminar el rol este no afectaría al módulo de usuarios.

18
Imagen 3. Diagrama de casos de uso

19
 Imagen 4. Diagrama de clases

Ahora con el sistema web activo, se tiene que en la imagen 5, nada más entrar, el
usuario debe iniciar sesión para acceder al sistema. Los usuarios son agregados
por el administrador manualmente.

20
 Imagen 5. Inicio del Sistema Informático Web

Al final, el proyecto termino teniendo 5 módulos: El módulo de bienes, El módulo

de áreas, El módulo de trabajadores, El módulo de asignación y un módulo
exclusivo para el administrador siendo este el módulo de usuarios; La imagen 6
muestra la misma página anterior, pero con la sesión iniciada por el administrador,
mostrando los módulos si el usuario en cuestión tiene los permisos para acceder a
cada uno (Siendo la imagen la sesión del administrador entonces muestra todos).

Cada módulo cuenta con un CRUD (Crear, Leer, Actualizar y Borrar) donde cada
parte del CRUD puede ser restringida mediante permisos (En el módulo usuarios
se habla más a detalle), a excepción del módulo de usuarios. Todo el sistema está
diseñado de manera responsiva, lo que significa que cualquier dispositivo digital
podrá acceder a ella y no tendrá problemas con el diseño.

21
 Imagen 6. Inicio del Sistema Informático Web con sesión iniciada

El módulo bienes cuenta con la presentación de los bienes de la siguiente forma:

clv_bien, área, nombre, valor, fecha de adquisición, fecha de asignación, No.
factura, descripción y RFC del trabajador asociado al bien. Tanto fecha de
asignación como RFC del trabajador asociado al bien no son parte del módulo
bienes, pero tienen conexión con este (Son elementos del módulo de asignación).
Algunos elementos que hacen único al módulo bienes son:

 La capacidad de añadir por lotes (Todos los datos a excepción de la clave

del bien serán repetidas para una cantidad de bienes).
 La capacidad de poder asignar un trabajador en el momento de creación
del bien.
 La capacidad de poder asignar un trabajador desde el módulo bienes si se
cuenta con el permiso de creación del módulo asignación (Los permisos se
habla más adelante en el módulo usuarios).
 Poder crear un reporte PDF, ya sea todos los bienes ordenados o no, o por
filtros igualmente ordenados o no.

Véase la imagen 7, donde muestra a la izquierda la creación de bienes y hasta

abajo la creación de reportes, y a la mitad y para la derecha están los datos de los

22
bienes; igualmente pueden agregar o eliminar asignaciones, editar los datos o
eliminar el bien si cuenta con los permisos adecuados.

Aparte en la misma imagen, se puede ver en el RFC del trabajador asignado al

bien los botones para poder agregar una asignación o eliminar una asignación,
estos botones solamente son accesibles si el usuario en cuestión tiene los
permisos del módulo de asignación correspondientes a cada tipo de acción.

Imagen 7. Módulo bienes

23
El módulo áreas y el módulo de trabajadores son muchos más sencillos, cuentan
casi con lo mismo que el módulo bienes solamente que es en un espacio más
pequeño en el que se maneja. La diferencia entre el módulo de áreas y el módulo
de trabajadores, aparte de las obvias, es que el módulo trabajador cuenta con un
enlace que te lleve al sistema de verificación de CURP; esto para que se pueda
obtener el CURP del trabajador de manera sencilla. Véase la imagen 8 para el
módulo de áreas donde se muestra a la izquierda el apartado para agregar una
nueva área con su descripción, y de en medio para la derecha están los datos de
todas las áreas agregadas, así como también la edición o eliminación de las
mismas. Y la imagen 9 muestra a la izquierda el apartado para agregar un nuevo
trabajador e igual forma un botón para llevarlo a la página de gobierno para
obtener la CURP en caso de que no cuente con ella en el momento, y de en medio
para la derecha están los datos junto a los botones de eliminación y modificación
de cada trabajador.

Imagen 8. Módulo de áreas

24
 Imagen 9. Módulo de trabajadores

El módulo de asignación no muestra los datos como tal al inicio, primero se tiene
que elegir un trabajador que se quiera visualizar sus bienes asignados, véase
imagen 10 para mostrar la primera parte de este módulo.

Después de elegir un trabajador y seleccionar el botón de encontrar bienes

aparecerán los bienes asignados a este y tendrá la opción de asignarle más
bienes, eliminar la asignación que tiene el trabajador con el bien, y la capacidad de
poder transferir ese bien a otro trabajador o modificar la fecha de asignación de
ese bien; véase la imagen 11 para la segunda parte de este módulo.

Imagen 10. Módulo de asignación: antes de encontrar bienes del trabajador

25
 Imagen 11. Módulo de asignación: después de encontrar bienes del trabajador

Y, por último, pero no menos importante el módulo de usuarios, el módulo

usuarios solamente es accesible por el administrador y en él puede:

 Agregar, modificar y eliminar roles, los roles son permisos preestablecidos

que el administrador puede poner a los usuarios, también sirve para poder
identificar a los usuarios por roles en el inicio del módulo.
 Agregar usuario, para que un nuevo usuario pueda iniciar sesión en el
sistema el administrador debe crearle una cuenta previamente en este
apartado. El administrador debe poner el nombre de usuario y una
contraseña; la contraseña debe ser modificada la primera vez que el
usuario entre al sistema.
 Cambiar contraseña, en este apartado puede el administrador cambiar la
contraseña de cualquier usuario en el sistema; incluido el mismo.
Igualmente puede el administrador “quitarle la verificación” a una cuenta,
haciendo que el usuario tenga que cambiar la contraseña cuando entre de
nuevo al sistema.

26
  Modificación de permisos y eliminación de usuarios, el administrador puede
permitir que tipo de acceso tiene cada usuario en cada sección de cada
módulo (A excepción del módulo de usuarios que un usuario normal ni
puede acceder).

Véase la imagen 12. donde se muestra los apartados de: creación de roles para
asignarlos a los usuarios del sistema, agregación de los usuarios al mismo
sistema, cambiado de la contraseña de ese usuario si se es necesario, y la lista de
todos los usuarios en el sistema con sus permisos que el administrador puede
modificar para permitir acceso a ciertas partes del sistema (dando el botón de
guardar para guardar los cambios de permisos de ese usuario y el de eliminación
para borrar al usuario del sistema)

Imagen 12. Módulo usuarios

27
 6. Resultados

Como se vio anteriormente, muchos de los tipos de datos que estaban dentro del
sistema tenían varios espacios para el mismo, haciendo que se ocupe memoria de
manera innecesaria, así que se rediseño el sistema para quitar estos y mejorarlo
para que solamente ocupen un solo espacio dentro de la base de datos.
Igualmente, la anterior base de datos tenía dos tablas (Inventarios y áreas) donde
en inventarios se tenía los bienes, trabajadores y asignaciones dentro de este.
Para este nuevo sistema separaron en diferentes módulos para fácil uso y lectura
de los mismos, así como también se agregó un nuevo módulo usuario para el
manejo de sesiones y permisos.

Antiguamente se usaba una base de datos en dBASE, aunque todavía se sigue

usando los sistemas de base de datos dBASE, estos tienen varias restricciones y
limitaciones al usarse con otras tecnologías para sistemas web.

El cambio de base de datos se hizo a MySQL, que es un software gratuito y open

source que cuenta con mucha documentación y versatilidad para el manejo en un
sistema web, aparte de ser compatible con sistemas Linux a diferencia de dBASE.

La migración de los datos de la antigua base de datos se logró con éxito, siendo el
apartado de áreas la más fácil de implementar. El problema surgió con la de
inventarios por cómo está estructurado los datos de este mismo (contando con
datos siendo del mismo tipo, pero separados en varios campos), haciendo que el
proceso de migración sea mucho más tardado de realizar.

Con el cambio nuevo al sistema se establecieron niveles de usuarios, donde ahora

existen los jefes de departamento / usuarios y los jefes de almacén /
administradores los usuarios pueden acceder al sistema y pueden entrar a los
diferentes módulos, crear, modificar y eliminar datos de ellos siempre y cuando
tengan permisos para cada uno, estos son otorgados por el administrador que
deberá crear primero las cuentas de estos usuarios para que puedan acceder.

28
 7 Conclusiones

Con el proyecto concluido, se logró facilitar el manejo de la información en un

formato entendible para el uso de los jefes de departamentos y los jefes de
almacén con respecto al inventario de activo fijo del ITCH haciéndolo accesible
desde un dispositivo electrónico ya que es un sistema web, con ello también nos
referimos que está pensado en mente para ser utilizado en dispositivos móviles
por el uso del diseño responsivo.

También este sistema nuevo abarca con todos los departamentos del Instituto
Tecnológico de Chetumal, beneficiando a más de 57 personas en el proceso ya
que cada usuario podrá tener su propio perfil dentro del sistema y con los
permisos de uso necesarios que el administrador podrá controlar.

Uno de los mejores puntos con el nuevo sistema es que es fácilmente moldeable,
osease, se pueden añadir características únicas a futuro que se vayan requiriendo
conforme van avanzando las nuevas tecnologías y las necesidades de la
institución vayan aumentando.

Igualmente se pudo realizar con éxito la migración de los más de 17,000 bienes
junto sus asignaciones a los más de 200 trabajadores y las más de 300 áreas del
Instituto Tecnológico de Chetumal. Con el uso de tal cantidad de datos también se
implementó un sistema de paginación de datos por módulos para poder acceder a
estos datos de una manera mucho más rápida que si se mostraran todos los datos
en una misma página web de una vez.

En general, el sistema nuevo creado es mucho mejor que el antiguo sistema que
maneja el Instituto Tecnológico de Chetumal, la tecnología usada por el anterior
sistema es bastante obsoleta llegando al punto que es tediosa su navegación y
uso para las nuevas y antiguas personas de la institución. Los usuarios se verán
más a gusto con este nuevo sistema aprovechando las nuevas tecnologías
actuales que facilitan el manejo de la información.

29
 8 Fuentes de información

Agudelo Pulido, A. I. (15 de Agosto de 2013). Propuesta de modelo de gestión de

activos fijos con enfoque en procesos. Obtenido de
https://revistas.usantotomas.edu.co/index.php/signos/article/view/2181

Álvarez Pérez, C. A., & Navas Ayala, J. R. (01 de Mayo de 2015). Repositorio
Institucional de la Universidad Politécnica Salesiana: Análisis, diseño e
implementación de un sistema para inventario y seguridad física, utilizando
etiquetas RFID (Identificación de Radio Frecuencia) para el control de
activos informáticos e. Obtenido de
http://dspace.ups.edu.ec/handle/123456789/10099

Cerritos Pacheco, J. E., Guzmán Castro, T. K., Hilario Orellana, R. J., & Morales,
M. R. (05 de Abril de 2013). Sistema informático para el control y
mantenimiento de activos fijos de CARE El Salvador - Repositorio
Institucional de la Universidad de El Salvador. Obtenido de
http://ri.ues.edu.sv/id/eprint/3157

Cobo, Á., Gómez, P., Pérez, D., & Rocha, R. (01 de Enero de 2015). PHP y
MySQL: Tecnología para el desarrollo de aplicaciones web. - Ángel Cobo -
Google Libros. Obtenido de https://books.google.com.mx/books?
id=zMK3GOMOpQ4C

Condor Tinoco, E. E., & Soria Solís, I. (01 de Enero de 2014). Programación Web
con CSS, JavaScript, PHP y AJAX - Enrique E. Condor Tinoco, Iván Soria
Solís - Google Libros. Obtenido de https://books.google.com.mx/books?
id=QRG-CQAAQBAJ

Dennis, A., Wixom, B. H., & Tegarden, D. (2 de Marzo de 2015). Systems Analysis
& Design: An Object-oriented Approach With UML.

30
Flores Parras, W. M., Luna Rodríguez, J. M., & Ochoa Arias, N. K. (01 de Julio de
2013). Sistema informático de control en activo fijo y tesorería con
aplicación geográfica en la administración del mercado para la Alcaldía
Municipal de San Vicente - Repositorio Institucional de la Universidad de El
Salvador. Obtenido de http://ri.ues.edu.sv/id/eprint/3388

Galiano Yépez, O. P. (03 de Octubre de 2011). Repositorio Digital Universidad

Técnica del Norte: Proyecto de Planificación Recursos Empresariales ERP
Módulo de Activos UTN. Aplicativo: Sistema de Gestión y Control de Activos
Fijos. Obtenido de http://repositorio.utn.edu.ec/handle/123456789/1036

Lopez, B., & Joao, A. (01 de Enero de 2016). Repositorio Universidad de

Guayaquil: SISTEMA DE TOMA DE INVENTARIO DE ACTIVOS FIJOS
POR MEDIO DE CÓDIGO QR. Obtenido de
http://repositorio.ug.edu.ec/handle/redug/11664

Mamani Anave, N. I. (01 de Enero de 2016). Sistema web de gestión de

inventarios basado en código QR. Caso: empresa "ITSEVEN". Obtenido de
https://repositorio.umsa.bo/xmlui/handle/123456789/9926

Pérez, J. E. (01 de Enero de 2009). Introduccion a AJAX. Obtenido de

https://pisamipruebas.ibague.gov.co/app/PISAMI/digitalizados/tramites/
2017-SOL_PER_JURIDICA-26-1.pdf

Sanchez Barrueto, J. (01 de Enero de 2018). Repositorio de Tesis USAT:

Implementación de un sistema informático para mejorar la gestión y control
de inventarios de bienes muebles aplicando tecnología RFID en Gobierno
Regional Lambayeque. Obtenido de
https://tesis.usat.edu.pe/handle/20.500.12423/1783

Sommerville, I. (01 de Enero de 2011). Ingenieria de Software. Obtenido de

https://sistemamid.com/panel/uploads/biblioteca/2018-06-11_03-37-
12144643.pdf

31
Ticona Quispe, M. Á. (01 de Enero de 2014). Sistema web de control y
administración de activos fijos del SENAPE Servicio Nacional de Patrimonio
del Estado. Obtenido de
http://repositorio.umsa.bo/xmlui/handle/123456789/8067

Vértice, E. (01 de Enero de 2009). Diseño básico de páginas web en HTML -

Equipo Vértice - Google Libros. Obtenido de
https://books.google.com.mx/books?id=Q4VL8Tiy7gcC

32