+TECNOLÓGICO NACIONAL DE MÉXICO

INSTITUTO TECNOLÓGICO DE TLÁHUAC II

NOMBRE DE LA EMPRESA:
GRUPO BALEY S.A de C.V.

TÍTULO DEL TRABAJO:

SISTEMATIZACIÓN DE PROCESOS ADMINISTRATIVOS

CARRERAS:
-INGENIERÍA EN GESTIÓN EMPRESARIAL
-INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIONES

ESPECIALIDAD:op
-GESTIÓN INTEGRAL DE PROYECTOS DE INVERSIÓN
-DESARROLLO DE SISTEMAS Y APLICACIONES WEB

PRESENTA:
171110115 JUAREZ SANCHEZ EDUARDO
171110212 MARTÍNEZ MARTÍNEZ FERNANDA
171110318 MUÑOZ SÁNCHEZ BONIFACIO
171110178 RUÍZ GASCA ESTEFANIA
161110202 SALCEDO MEDINA GABRIEL
171110030 VÁZQUEZ GALICIA MITZI AILYN
171110042 YEDRA TAPIA MITZI FERNANDA

PERÍODO DE RESIDENCIA:
08 de FEBRERO – 05 AGOSTO del 2022

TLÁHUAC, CIUDAD DE MÉXICO, 2022.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Agradecimientos
Como futuros egresados, agradecemos al Tecnológico Nacional de México campus Tláhuac
II, por brindarnos una excelente educación a lo largo de la carrera de Ingeniería en
Tecnologías de la Información y Comunicaciones, y la carrera de Ingeniería en Gestión
Empresarial, al personal académico y administrativo quienes supieron impartir sus
conocimientos para hacer posible nuestra preparación profesional.

Agradecemos al Grupo Baley S. A. de C. V en especial a la Mtra. Gina Evelia Solís

Villegas y el Lic. Francisco López Gutiérrez, quienes nos permitieron poner en práctica
todos los conocimientos aprendidos durante nuestra etapa de estudios, proporcionándonos
todo lo requerido para la elaboración de este proyecto, ya que sin su colaboración no
hubiera sido posible la realización de este, además de brindarnos sus instalaciones para el
desarrollo de este proyecto.

Juárez Sánchez Eduardo

En primer lugar quiero agradecer a mi madre y padre , por todo los esfuerzos que hicieron
durante todo el proceso de la carrera y el proyecto que siempre me dieron ánimos y fuerzas
para seguir en pie, ya que fueron mi motivación y una guía muy importante en vida , este
logro se los dedico a ustedes , también quiero agradecer a mis hermanos por darme sus
consejos para seguirun buen camino a pesar todos los obstáculos que nos enfrentamos
durante el trayecto Mis abuelos fueron parte de este proceso ya que las pocas veces que
hable con ellos siempre me motivaron a ser una gran persona y esas palabras son clave
para conseguir lo que quiero y estoy muy agradecidos con ellos. Gracias a todos los
maestros del Instituto Tecnológico de Tláhuac II por a haber me acompañado hasta el final
con los conocimiento necesarios para salir adelante, gracias a su tiempo, dedicación y
profesionalismos cumplí un objetivo más ,el cual es ser un gran ingeniero. Durante el
recorrido de la carrera me encontré con personas muy increíbles que son mis amigos y
compañeros de trabajo, donde siempre me apoyaron a no rendirme y pasar momento de
mucha alegría con ellos.

Martínez Martínez Fernanda

A mí: Por el trabajo arduo para el desarrollo de una vida plena llena de sueños hechos
realidad.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
A mis padres: Concepción Martínez Salazar y Valentin Martínez García. Por guiarme hacía
el camino correcto y formarme como el adulto que soy. Por su amor infinito y las inmensas
ganas de no rendirse nunca.

A mis hermanos y sobrinos: Vargas Martínez Marcos, Martínez Martínez Alonso, Martínez
Martínez Daniela, Vargas Jiménez Marco Emiliano y Vargas Jiménez Aitana Victoria por
ser mis compañeros de vida y una pieza clave de camino a mi formación personal y
profesional.

A mis seres queridos: Por ser incondicionales, por su lealtad y el impulso constante a
mejorar.

A mi poder superior y la vida: Por las enseñanzas de vida al paso del tiempo.

Muñoz Sánchez Bonifacio

Agradezco a mis padres porque ellos me han incentivado desde el inicio y me han apoyado
en todo momento. Termino agradeciendo a mis demás familiares porque de una u otra
manera me han apoyado con su compresión.

Ruíz Gasca Estefania

A mi asesor M.C. Daniel García Olivares por ser un excelente guía y brindar su tiempo,
paciencia, enseñanza y dedicación durante este trabajo siendo la etapa final, a la Profesora
Dalila Tenorio por su apoyo incondicional y a mis profesores que me formaron a lo largo
de la carrera.

Personalmente agradezco a mi familia, ante todo a mis padres Aurora y Reyes que con su
gran esfuerzo me siguen apoyando para ser una mejor persona en mi trayectoria profesional
y personal, alcanzar mis objetivos y a quienes les dedico este trabajo con cariño y amor,
hermana Casandra y hermano Marco que son mi gran ejemplo a seguir también les dedico
este gran logro agradeciendo su apoyo infinito, a mis abuelos que los recuerdo con cariño,
mis tíos y primos quienes con sus palabras me alentaron para seguir adelante.

Agradezco a Daniela por ser una gran amiga, siempre presente y apoyándome, a mis
amigos y compañeros de equipo que compartimos este gran logro pasando por malos y
excelentes momentos.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Salcedo Medina Gabriel
Quiero agradecer a mi asesor el Maestro Daniel García Olivares y al Ingeniero Luis
Eduardo Martínez Jiménez, por su tiempo ánimo y compromiso dedicados para darme la
fuerza y confianza que tanto necesite para la realización de este proyecto, su aporte
empático fue la guía que me mantuvo a flote.

Agradezco a todos los profesores que tuve en los diferentes niveles educativos de mi
formación académica, gracias por los aprendizajes, saberes y actitudes que moldearon al
estudiante que fui para convertirme en el profesionista de hoy. Su aporte lo valoro y
reconozco con respeto. Gracias por enseñarme su saber.

Es un honor vital para mí el agradecer a mis padres de quienes aprendí los valores que hoy
me definen como ser humano pues de ellos absorbí mucho contenido ético y moral que hoy
en día me define como persona, a mi mamá que siempre mantuvo la confianza en mí y me
dio su apoyo incondicional para poder concluir una carrera y ser una mejor persona, gracias
por ser el fuerte cimiento de mi vida. Y a mi papá que compartió su sabiduría e hizo lo
imposible por dame los mejores consejos para evitar tropezar con las piedras de mi camino
para ser un mejor hombre.

Por último, agradezco a la vida por darme la oportunidad de aprender de mis errores y
reconstruir sobre los obstáculos una forma diferente de ver y percibir cada instante, de
entender el equilibrio y balance de cada suceso y como cada decisión determina un camino
y una oportunidad más para el logro de tus metas.

Vázquez Galicia Mitzi Ailyn

Agradezco profundamente a todos mis profesores, que durante mis años de estudio
despertaron y orientaron en mí el interés por las Tecnologías de la Información; sobre todo
un agradecimiento especial a mi asesor el Maestro Daniel García Olivares, quien me
oriento tan acertadamente en el desarrollo de este proyecto, gracias porque siempre estuvo
atento y dispuesto a despejar mis dudas con amabilidad y profesionalismo de igual manera
agradezco a la profesora Dalila Tenorio Núñez y al profesor Abimael Téllez Solís, por
brindarme su ayuda en el proceso de este proyecto.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
A mis padres Alma y Álvaro, quienes a lo largo de toda mi vida me han apoyado
incondicionalmente, motivado mi formación académica y con esfuerzo me brindaron una
profesión, ya que fueron mis mayores promotores a lo largo de este desarrollo, su tenacidad
y lucha interminable han hecho de ellos un gran ejemplo a seguir por mí y por mis
hermanas, sin ellos jamás hubiera podido conseguir lo que, hasta ahora. Les agradezco su
solidaridad y tiempo dedicado para que esta meta se haga realidad, gracias por todo su
amor. A mis hermanas Michell y Jedssi que con su amor me han enseñado a salir adelante,
por su paciencia, por preocuparse y apoyar a su hermana mayor, por compartirme sus vidas
y por estar en otro momento tan importante en mi vida.

Pero, sobre todo, gracias a mi hijo, por ser la fuente de mi esfuerzo y todas las energías
requeridas en este proceso, gracias por ser el motor de mi vida, el motor que siempre este
encendido, gracias por su paciencia y comprensión durante el desarrollo de este proyecto,
aunque aún no lo sepa, él es y será lo más importante en mi vida; hoy he dado un paso más
para servir de ejemplo a la persona que más amo en este mundo. Gracias a él he decidido
subir un escalón más y crecer como persona y profesional. Esperó que un día pueda
comprender que le debo lo que soy ahora y que este logro sirva de herramienta para guiar
cada uno de sus pasos. Agradezco cada una de sus sonrisas y muestras de cariño hacia mí.
Todos mis esfuerzos han valido la pena porque ha estado a mi lado, iluminándome con su
amor. Estoy muy orgullosa de ser su mamá.

Gracias a mis amigos, que siempre me han prestado un gran apoyo moral y humano,
necesarios en los momentos difíciles de este proyecto y esta profesión. Y finalmente
quisiera agradecer a las personas que me apoyaron a diario y creyeron en mí y en el éxito
de este proyecto.

Yedra Tapia Mitzi Fernanda

A mis padres Guadalupe y Alfredo por su apoyo incondicional y siempre estar presente
cuando los necesito.

Gracias por ser quienes son y por creer en mí.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Resumen
El presente documento consiste en analizar, diseñar, y construir un sistema de información,
comúnmente conocido como Plataforma Web, en un entorno amigable e intuitivo, para
digitalizar los mecanismos de comunicación y coordinación entre las unidades
administrativas en la gestión de solicitudes y autorización de energizaciones, libranzas o
permisos para que personal del Sistema de Transporte Colectivo Metro y/o de las
compañías contratistas, puedan desarrollar trabajos operativos programados.

En primera instancia se ejecutó un análisis donde se examinó el proceso principal de la

empresa y la manera en la que se ejecutaban los métodos de recolección, transmisión,
registro y búsqueda de la información de solicitudes, identificando las necesidades y
problemas presentes con respecto al flujo de la información. En esta etapa se especificó el
alcance del proyecto de acuerdo a los objetivos planteados; por otra parte, se realizó una
exploración de información precisa sobre aplicaciones web, detallando la metodología tanto
para la carrera de Ingeniería en Tecnologías de la Información y Comunicaciones, como
para la carrera de Ingeniería en Gestión Empresarial, un marco teórico, ventajas,
características, beneficios, , costos de implementación de un hosting como propuesta a lo
que arroja una inversión y todo lo relativo a la construcción del proyecto.

En definitiva, se muestran los resultados del análisis y el desarrollo de la plataforma web,

donde se presenta la solución adecuada a cada objetivo planteado. Como primer resultado
se obtuvo el análisis de los procesos del área administrativa, por otro lado se presenta los
diferentes métodos aplicados para la construcción de una aplicación web funcional de
acuerdo a los requerimientos solicitados por el cliente y por último se muestra los
resultados de la evaluación por parte del usuario final en base al criterio de usabilidad
planteado en la norma ISO 9001:2015, para finalizar se implementó un plan de capacitación
al personal, cumpliendo con el principal objetivo del proyecto, adicionalmente se
especifican algunas recomendaciones para el uso adecuado de la aplicación web, es
importante señalar que servirán de gran ayudad para la implementación de futuros
proyectos basados en tecnologías de información partiendo de la herramienta desarrollada.

La solución permite reducir tiempos de búsqueda de solicitudes autorizadas y refleja los

cambios en tiempo real, todo ello con el fin de poder automatizar el proceso.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Índice de contenido

Agradecimientos.....................................................................................................................2
Resumen..................................................................................................................................6
Índice de contenido.................................................................................................................7
Índice de tablas......................................................................................................................15
CAPÍTULO I GENERALIDADES DEL PROYECTO.......................................................30
1.1 Introducción...............................................................................................................31
1.2 Descripción de la empresa u organización y del puesto o área de trabajo del
estudiante..............................................................................................................................32
1.2.1 Información de la empresa.......................................................................................32
1.2.2 Misión, visión y valores...........................................................................................33
1.2.3 Giro y tipo de capital................................................................................................33
1.2.4 Dirección y croquis de ubicación.............................................................................33
1.2.5 Descripción de los procesos que desarrolla..............................................................34
1.2.6 Estructura organizacional.........................................................................................35
1.3 Planteamientos del problema.......................................................................................44
1.4 Objetivos.........................................................................................................................45
1.4.1 Objetivo general.......................................................................................................45
1.4.2 Objetivos específicos................................................................................................45
1.5 Justificación....................................................................................................................46
1.6 Alcances y limitaciones..................................................................................................47
1.6.1 Alcances...................................................................................................................47
1.6.2 Limitaciones.............................................................................................................47
1.7 Descripción del proyecto................................................................................................48
1.8 Recursos..........................................................................................................................49
CAPÍTULO II. MARCO TEÓRICO....................................................................................51
2.1 Proceso administrativo....................................................................................................52
2.1.1 Etapas del proceso administrativo............................................................................54
2.1.2 Principios del proceso administrativo......................................................................55
2.2 Importancia del control de documentos..........................................................................56
2.3 Normas y la planificación de la calidad..........................................................................58
2.3.1 Sistema de gestión de calidad. (SGC)......................................................................59
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 2.3.2 Norma ISO 9001......................................................................................................59
2.3.3 Ciclo PHVA.............................................................................................................60
2.3.4 Enfoque a procesos...................................................................................................60
2.4 Importancia de la administración tecnológica y de la innovación como estrategia para
las empresas..........................................................................................................................61
2.5 Las TIC´s y las Pymes....................................................................................................64
2.6 Sistema............................................................................................................................64
2.6.1 Seguridad en los sistemas web.................................................................................65
2.6.2 Compatibilidad.........................................................................................................66
[Link] Errores y fallas.......................................................................................................66
2.7 Tipos de sistema..............................................................................................................67
2.8 Lenguaje de programación..............................................................................................68
2.8.1 Niveles de lenguaje de programación......................................................................68
2.8.2 Tabla comparativa de lenguaje de programación.....................................................69
2.9 Base de datos...................................................................................................................72
2.10 Gestor de base de datos.................................................................................................73
2.10.1 Tipos de gestor de base de datos............................................................................73
2.10.2 Tabla comparativa de base de datos...................................................................74
2.10.3 Procedimientos Almacenados................................................................................75
2.10. 4 disparadores (TRIGGERS)..............................................................................76
2.11 Metodología de desarrollo de software.........................................................................76
2.11.1 Tipos de metodologías de desarrollo de software..................................................77
2.12 Tabla comparativa de metodologías de software..........................................................80
2.13 Tabla comparativa de metodologías ágiles...................................................................82
2.14 Metodología XP............................................................................................................85
2.15 Plan de implementación de la metodología de programación extrema (XP)................85
2.16 Ley de firma electrónica avanzada................................................................................88
2.17 NORMA Oficial Mexicana NOM-151-SCFI-2016......................................................90
2.17.1 Tipos de manuales..................................................................................................92
2.18 Importancia de la capacitación......................................................................................94
2.18.1 Concepto de capacitación.......................................................................................95
2.19 Beneficios de la capacitación........................................................................................98
2.20 Marco Jurídico de la capacitación en México...............................................................99
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
CAPÍTULO III DESARROLLO........................................................................................101
3.1 Fases de la metodología de programación extrema (xp)...............................................102
3.1.1 Fase de planificación..............................................................................................102
3.1.2 Identificación de roles............................................................................................102
3.1.3 Diagrama de Gantt..................................................................................................105
3.2 FASE DE DISEÑO.......................................................................................................106
3.2.1 Ciclo de DEMING..................................................................................................106
3.2.2. Planear...................................................................................................................106
[Link] Método de análisis del proyecto..........................................................................106
[Link] Método de la entrevista.......................................................................................106
3.2.3 Análisis de los recursos para gestionar el proyecto................................................109
[Link] Recursos claves...................................................................................................109
[Link] Análisis de la situación actual.............................................................................110
a) Contexto interno...................................................................................................110
b) Principales causas de la problemática..................................................................110
c) Propuesta de valor................................................................................................111
d) Parte interesada.....................................................................................................112
[Link] Diagrama de flujo de proceso de solicitud de libranzas......................................114
[Link] Diagrama de procesos para la documentación....................................................115
[Link] Diagrama de Procesos. Ilustración 9: Diagrama de procesos. Fuente:
Elaboración propia.........................................................................................................118
[Link] Establecimiento de principios y objetivos...........................................................118
[Link] Fijación de los medios para lograr los objetivos.................................................119
[Link] Modelo Entidad Relación....................................................................................120
[Link] Diagrama Entidad Relación.................................................................................121
[Link] Maquetación: página principal..........................................................................122
[Link] Log-in coordinación de calidad.........................................................................122
[Link] Funciones coordinación de aseguramiento y calidad........................................123
[Link] Log-in monitoreo y telemando..........................................................................123
[Link] Funciones monitoreo y telemando....................................................................124
[Link] Log in departamentos........................................................................................124
[Link] Funciones departamentos..................................................................................125
[Link] Seguimiento de procesos para el desarrollo de la plataforma web....................125
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Etapas de procesos para el desarrollo de la plataforma web del STCM...........125
[Link] Reingeniería de los procesos manuales que se realizan en la gestión de
solicitudes........................................................................................................................127
a. Diagrama de flujo de gestión de solicitudes.........................................................129
b. Diagrama de flujo de registrar usuario.................................................................129
3.3 Fase de Codificación.....................................................................................................130
3.3.1 Creación de la BD en MySQL...............................................................................131
[Link] Tabla Usuarios.................................................................................................132
[Link] Tabla de Departamento....................................................................................132
[Link] Tabla de Funciones..........................................................................................133
[Link] Tabla de Rol.....................................................................................................133
[Link] Tabla de Rol_Funsiones..................................................................................134
[Link] Tabla de Firma.................................................................................................135
[Link] Tablas de Solicitud 2, 3, 4...............................................................................135
[Link] Tablas de Solicitud_Anexo_1, 2, 3, 4..............................................................136
[Link] Tablas de Anexo 1,2,3,4..................................................................................137
[Link] Tablas de Programa_catorcena_a1, a2, a3, a4...............................................138
[Link] Tablas de Progcat_d1_a1, d2_a2, d3_a3, d4_a4............................................139
[Link] Tablas de Progcat_n1_a1, n2_a2, n3_a3, n4_a4............................................140
[Link] Tablas de Pcat_d1, d2, d3, d4........................................................................141
[Link] Tablas de Pcat_n1, n2, n3, n4........................................................................142
[Link] Tablas de Area_involucradaa1, a2, a3, a4.....................................................143
[Link] Tablas de Requerimiento_Solicitadoa1, a2, a3, a4........................................145
[Link] Tablas de Coordinacion_Enteradaa1, a2, a3, a4............................................146
[Link] Tabla de Firmasvali.......................................................................................146
[Link] Tablas de Anexos1pdf, 2pdf, 3pdf, 4pdf.......................................................148
[Link] Tabla de Calendario.......................................................................................149
[Link] Tabla de Eventoscalendar..............................................................................149
3.3.2 Procedimientos Almacenados...........................................................................150
[Link] Procedimiento Almacenado para la inserción de datos dentro de la tabla
“área_involucradaa1”..................................................................................................150
[Link] Procedimiento Almacenado para la inserción de datos dentro de la tabla
“requerimiento_solicitadoa1”......................................................................................150

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Procedimiento Almacenado para la inserción de datos dentro de la tabla
“coordinación_enteradaa1”..........................................................................................151
[Link] Procedimiento Almacenado para el registro y logue de usuarios....................151
[Link] Procedimiento Almacenado por medio de la instrucción Join que muestra los
bloques completos para concatenar la información de los anexos..............................152
[Link].1 Procedimiento Almacenado para el registro dentro de las tablas
“programa_catorcena_a#”...........................................................................................153
3.3.3 Triggers para el aumento de foráneas.....................................................................153
[Link] Se muestra la estructura del trigger para registrar los datos en automático de la
llave foránea “clave_area_fecha” en la tabla “anexo1” por medio de la inserción de
datos en la tabla “área_involucradaa1”........................................................................154
[Link] La estructura del trigger para aumentar la llave foránea “clave_req_fecha”
dentro del “anexo1” insertando los datos por medio de la tabla
“requerimiento_solicitadoa1”......................................................................................155
[Link] La siguiente estructura trigger es para aumentar la llave foránea
“clave_req_fecha” del anexo1 de la tabla “coordinación_enteradaa1”.......................156
[Link] El siguiente trigger está enfocado para aumentar la llave foránea en la tabla
“pcat_d1” por medio de la inserción de datos de la tabla “programa_catorcena_a1”. 156
3.3.4 Trigger para insertar parámetro en tabla “firma”...................................................158
[Link] A continuación, se visualiza la estructura del disparador que ejecuta un insert
en la tabla firma desde la tabla usuarios (registro)......................................................158
3.3.5 Conexión a la base de datos con PHP....................................................................159
3.3.6 Archivo principal de la plataforma “[Link]”....................................................159
3.3.7 Inicio de sesión del usuario administrador.............................................................163
3.3.8 Inicio de sesión para los usuarios de acuerdo a sus roles.......................................164
3.3.9 Menú de funciones del usuario administrador.......................................................165
3.3.10 Botón para el cierre de sesión...............................................................................166
3.3.11 Formulario de registro de usuarios.......................................................................166
3.3.12 Programación del recuadro de firma y generador del código en base64..............170
3.3.13 Cierre de sesión....................................................................................................174
3.3.14 Función del administrador para editar registros...................................................175
3.3.15 Función para eliminar registro de usuarios.......................................................177
3.3.16 Función para actualizar información de los usuarios...........................................178
3.3.17 Vista del menú de funciones para las coordinaciones y los departamentos
secundarios......................................................................................................................179

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 3.3.18 Creación del menú de funciones del súper usuario..........................................182
3.3.19 Creación del “Calendario Programa Catorcena”..............................................185
[Link] Programación para el botón gurdar para los eventos en el calendario..........190
[Link] Mensaje de alerta para verificar las acciones del calendario.........................191
[Link] Apartado para el registro del periodo de las actividades laborales dentro del
calendario (fecha de inicio y termino).........................................................................192
[Link] Modulo encargado para el registro de actividades para el programa catorcenal
.....................................................................................................................................193
[Link] Apartado para la actualización del periodo de las actividades laborales dentro
del calendario (fecha de inicio y termino)...................................................................194
[Link] Modulo encargado para la actualización de actividades para el programa
catorcenal.....................................................................................................................195
[Link] Programación para eliminar los registros de una actividad selecionada.......196
[Link] Apartado para la eliminación del periodo de las actividades laborales dentro
del calendario (fecha de inicio y termino)...................................................................197
[Link] Interfaz del Calendario para todos los departamentos...................................197
[Link] Sección para publicar el “Calendario Programa Catorcenal”......................199
3.3.20 Modulo para la asignación de Folios y estado de las Solicitudes........................201
3.3.21 Función de consulta de información del Anexo 1................................................202
3.3.22 Interfaz creada para visualizar la información y validar las solicitudes por medio
de la firma digital............................................................................................................204
3.3.23 Código de mensaje de confirmación ([Link]).......................................205
3.3.24 Guardar datos recopilados de anexos (insertar)...................................................206
3.3.25 Cambio de pestañas para formulario (app)...........................................................209
3.3.26 Control de botones día/ noche..............................................................................210
3.3.27 [Link]..............................................................................................................210
3.3.28 Archivo [Link]................................................................................................213
3.3.29 Talleres.................................................................................................................214
3.3.30 Coordinación de zonas de vigilancia....................................................................216
3.4 Fase de pruebas.............................................................................................................217
3.4.1 Interfaz gráfica de la página principal....................................................................217
3.4.2 Interfaz gráfica del inicio de sesión de los usuarios...............................................219
3.4.3 Interfaz gráfica del menú de funciones del usuario administrador........................219
3.4.4 Interfaz del botón para el cierre de sesión..............................................................220
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.4.5 Interfaz gráfica del formulario de registro de usuarios..........................................220
3.4.6 Interfaz gráfica del recuadro de firma y generador del código en base64.............222
3.4.7 Interfaz gráfica del “auto cierre de sesión por inactividad”...................................223
3.4.8 Interfaz gráfica de la Función del administrador para editar registros...................223
3.4.9 Interfaz gráfica del mensaje de alerta para confirmar la eliminación de registros.225
3.4.10 Interfaz gráfica para eliminar y actualizar el registro de usuarios....................225
3.4.11 Interfaz gráfica del mensaje de alerta para confirmar la actualización de cambios
en los datos del usuario registrado..................................................................................226
3.4.12 Interfaz gráfica del menú de funciones del super usuario....................................226
3.4.13 Interfaz gráfica de la función calendarización para registrar el calendario del
programa catorcenal........................................................................................................227
3.4.14 Inter gráfica de los mensajes de alerta para verificar las diferentes acciones del
calendario........................................................................................................................228
3.4.15 Interfaz gráfica para el Modulo encargado para el registro de actividades para el
programa catorcenal........................................................................................................229
3.4.16 Interfaz gráfica para el Modulo encargado para la actualización de actividades
para el programa catorcenal............................................................................................229
3.4.17 Interfaz gráfica del mensaje de alerta para confirmar la eliminación de la actividad
.........................................................................................................................................230
3.4.18 Interfaz gráfica de la funcionalidad para registrar la fecha del periodo del
programa catorcenal de cualquier solicitud.....................................................................231
3.4.19 Interfaz gráfica del menú de funciones para las coordinaciones y los
departamentos secundarios..............................................................................................231
3.4.20 Interfaz General del “Calendario Programa Catorcenal”.....................................232
3.4.21 Interfaz gráfica de la funcionalidad para registrar la fecha del periodo del
programa catorcenal de cualquier solicitud.....................................................................233
3.4.22 Interfaz gráfica del Módulo para la asignación de Folios y estado de las
Solicitudes.......................................................................................................................234
3.4.23 Interfaz gráfica creada para la consulta de la información de las 4 solicitudes. . .235
3.4.24 Interfaz creada para visualizar la información y validar las solicitudes por medio
de la firma digital............................................................................................................235
3.4.25 Interfaz gráfica creada para la consulta de la información de las 4 solicitudes. . .237
3.4.26 Interfaz creada para visualizar la información y validar las solicitudes por medio
de la firma digital............................................................................................................238
3.4.27 Vista general de las Solicitudes............................................................................239
3.4.28 Interfaz gráfica de la sección Áreas involucradas................................................240
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 3.4.29 Interfaz gráfica de la seccion de requerimiento....................................................241
3.4.30 Interfaz gráfica de la Segunda parte de la seccion de requerimientos..................242
3.4.31 Sección de coordinaciones...................................................................................243
3.4.32 Sección de plan de trabajo....................................................................................244
3.5 Diseño de las propuestas...............................................................................................245
3.5.1 Diseño de manuales................................................................................................246
[Link] Tareas que conforman el plan de manuales.........................................................248
[Link] Requisitos detallados...........................................................................................248
[Link] Plan definitivo de recursos..................................................................................248
[Link] Realizar diagramas de flujos...............................................................................249
[Link] Desarrollo completo de manuales.......................................................................250
[Link] Fases de presentación y entrega de manuales.....................................................252
3.5.2 Diseño de capacitación...........................................................................................252
[Link] Partes que conforman el plan de capacitación.....................................................253
[Link] Partes que conformar guía del capacitador..........................................................254
[Link] Partes que conformar los vídeos tutoriales..........................................................256
[Link] Capacitadores......................................................................................................257
[Link] Cursantes.............................................................................................................257
[Link] Recursos didácticos.............................................................................................257
[Link] Vídeos tutoriales..................................................................................................257
[Link] Presupuesto..........................................................................................................257
[Link] Seguimiento y evaluación de la capacitación......................................................258
CAPÍTULO IV. RESULTADOS........................................................................................259
4.1 Fase de lanzamiento......................................................................................................260
4.1.1 Características del Hosting y su Dominio..............................................................260
4.1.2 Proceso para cargar la plataforma web dentro del Dominio..................................261
4.1.3 Procedimiento para cargar y configurar la Base de Datos.....................................264
4.1.4 Procedimiento para Cargar el proyecto dentro del Dominio..................................266
4.1.5 Links de manuales..................................................................................................267
4.1.6 Elaboración del plan de capacitación STC 2022 guía para el capacitador.............268
[Link] Portada del plan de capacitación STC 2022 guía para el capacitador.............268
[Link] Cuerpo del documento.....................................................................................268

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Guía para el capacitador..................................................................................268
[Link] Anexos.............................................................................................................268
4.1.7 Verificar o controlar...............................................................................................269
GLOSARIO........................................................................................................................271
CONCLUSIONES..............................................................................................................275
COMPETENCIAS DESARROLLADAS...........................................................................278
FUENTES DE INFORMACIÓN........................................................................................280
Referencias..........................................................................................................................281
ANEXOS............................................................................................................................283
Formato de control y verificación de elementos de entrada............................................284

Índice de tablas
Tabla 1: Tabla de la estructura organizacional STC Metro. Fuente: Elaboración propia con
información de: [Link]..........................................................................35
Tabla 2: Costos de recursos. Fuente: Elaboración propia.....................................................50
Tabla 3: Diferencias de las fuerzas impulsoras y las restrictivas. Fuente: (Martínez Bustos,
2018).....................................................................................................................................57
Tabla 4: Tabla comparativa de lenguajes de programación. Fuente: Elaboración propia.. .70
Tabla 5: Tabla comparativa tipos de base de datos. Fuente: Elaboración propia................74
Tabla 6: Tabla comparativa de tipos de metodologías de software. Fuente: Elaboración
propia con información de (JM Vélez, Prospectiva, 2013)...................................................80
Tabla 7: Tabla comparativa de metodologías ágiles. Fuente: Elaboración propia con
información de (JM Vélez, Prospectiva, 2013).....................................................................82
Tabla 8: Línea del tiempo del proceso de capacitación. Fuente: E elaboración propia con
información de (Mitnik & Coria, 2012)................................................................................95
Tabla 9: Descripción de roles a través de la metodología XP. Fuente: Elaboración propia.
.............................................................................................................................................103
Tabla 10: Cronograma de Actividades dentro del periodo de residencias. Fuente:
Elaboración propia..............................................................................................................105
Tabla 11: Tabla de Coste Económico del Proyecto. Fuente: Elaboración Propia..............110

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Tabla 12: Tabla de secuencia de procesos para la documentación. Fuente: elaboración
propia..................................................................................................................................116
Tabla 13: Matriz de Relación de Procesos. Fuente: Elaboración Propia............................126
Tabla 14: Asignación de Talleres. Fuente: Elaboración Propia..........................................215
Tabla 15: Asignación de zonas a líneas. Fuente: Elaboración Propia................................216
Tabla 16 Cronograma de actividades para el diseño de los manuales correspondientes.
Fuente: elaboración propia................................................................................................246

Índice de ilustraciones
Ilustración 1: Croquis de ubicación actual de la dependencia. Fuente: Google Maps 2022.
...............................................................................................................................................34
Ilustración 2: Organigrama del STC de la CDMX. Fuente: Elaboración propia..................43
Ilustración 3: Árbol de problema principal del STC Metro. Fuente: Elaboración propia.. . .44
Ilustración 4: Por medio de esté diagrama se exponen los diferentes puntos para dar
solución a las problemáticas detectadas. Fuente: Elaboración propia..................................45
Ilustración 5: Proceso administrativo, el ciclo continuo e interconectado de las funciones de
planeación, organización, dirección y control. Fuente: (Arena, 1995).................................55
Ilustración 6: Etapas para el diseño e implementación del sistema de gestión administrativo.
Fuente: Elaboración propia...................................................................................................87
Ilustración 7: Formato Anexo1. Fuente: Elaboración Grupo Baley...................................108
Ilustración 8: Diagrama de flujo de proceso de solicitud de libranzas. Fuente: Elaboración
propia..................................................................................................................................115
[Link] Diagrama de [Link]ón 9: Diagrama de procesos. Fuente: Elaboración
propia..................................................................................................................................118
Ilustración 10: Modelo entidad relación (MER). Fuente: elaboración propia..................120
Ilustración 11: Diagrama entidad relación (DER). Fuente: Elaboración propia................121
Ilustración 12: Maquetación página principal. Fuente: elaboración propia........................122
Ilustración 13: Log-in de coordinación y aseguramiento de calidad. Fuente: elaboración
propia..................................................................................................................................122
Ilustración 14: Funciones de coordinación de aseguramiento y calidad. Fuente: elaboración
propia..................................................................................................................................123
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 15: LOGIN monitoreo y telemando. Fuente: elaboración propia.....................123
Ilustración 16: Funciones de monitoreo y telemando. Fuente: elaboración propia............124
Ilustración 17: LOGIN departamentos. Fuente: elaboración propia...................................124
Ilustración 18: Funciones de departamentos. Fuente: elaboración propia..........................125
Ilustración 19: Etapas de procesos para el desarrollo de la plataforma web del STCM.
Fuente: Elaboración Propia.................................................................................................126
Ilustración 20 Reingeniería de los procesos. Fuente: Elaboración propia..........................128
Ilustración 21 Diagrama de flujo de gestión de solicitudes. Fuente: Elaboración propia...129
Ilustración 22 Diagrama de flujo de registrar usuario. Fuente: Elaboración propia...........130
Ilustración 23: Conjunto de tablas que forman parte interna de la estructura del sistema.
Fuente: Elaboración propia.................................................................................................131
Ilustración 24: Se muestra la relación de llaves foráneas y los atributos de la tabla
“usuarios”. Fuente: Elaboración propia..............................................................................132
Ilustración 25: Atributos de la tabla "departamento", contiene la lista de los departamentos
que intervienen en las solicitudes y anexos, así como las claves de sus roles y funciones.
Fuente: Elaboración propia.................................................................................................133
Ilustración 26: Se muestra el contenido de la tabla “funciones" y su contenido. Fuente:
Elaboración propia..............................................................................................................133
Ilustración 27: Contenido de la tabla "rol". Fuente: Elaboración propia............................134
Ilustración 28: Contenido y atributos de la tabla "rol_funciones" cumple con la función de
relacionar a los roles y funciones, para ser relacionados e identificadas dentro de la tabla
“departamento”. Fuente: Elaboración propia......................................................................134
Ilustración 29: La tabla “firma” y sus atributos para el almacenamiento de los códigos
encriptados de cada usuario. Fuente: Elaboración propia...................................................135
Ilustración 30: Es el conjunto de cuatro tablas de “solicitud” donde se generan las
peticiones de los cuatro distintos anexos. Fuente: Elaboración propia...............................136
Ilustración 31: Conjunto de cuatro tablas de “solicitud_anexo#” donde únicamente se
almacenan las claves de las llaves foráneas correspondientes a las tablas involucradas
(naexo# y solicitud#). Fuente: Elaboración propia.............................................................137
Ilustración 32: Contenido de las tablas de “anexo#” que van numeradas del 1 al 4,
concatenan la información de las tablas de las cuales estás dependen. Fuente: Elaboración

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
propia..................................................................................................................................138
Ilustración 33: Se ejemplifica el contenido del conjunto de tablas del
“programa_catorcena_a#”, recordando que maneja una lista de 4 tablas una para cada uno
de los 4 anexos. Fuente: Elaboración propia.......................................................................139
Ilustración 34: Se muestra el conjunto de tablas dedicado para el almacenamiento del
horario “día” de los formatos de “Programa Catorcena” del STC metro. Fuente:
Elaboración propia..............................................................................................................140
Ilustración 35: Conjunto de tablas dedicado para el almacenamiento del horario “noche” de
los formatos de “Programa Catorcena” del STC metro. Fuente: Elaboración propia.........141
Ilustración 36: Es el conjunto de tablas dedicado para el almacenamiento de las llaves
foráneas del horario “día” de la relación M:M de las tablas “programa_catorcena_a#” y
“progcat_d#_a#”. Fuente: Elaboración propia....................................................................142
Ilustración 37:Son las tablas dedicadas para el almacenamiento de las llaves foráneas del
horario “noche” de la relación M:M de las tablas “programa_catorcena_a#” y
“progcat_n#_a#”. Fuente: Elaboración propia....................................................................143
Ilustración 38: Durante el proceso de automatización de los anexos se creó el apartado de
anexo 1 dentro del sistema, cada anexo tiene su propio formulario y los atributos del primer
apartado de cada anexo varia muy poco. Fuente: Elaboración propia................................144
Ilustración 39: Por medio de esta ilustración se muestra el ejemplo de la estructura de estas
tablas, su contenido como atributos llave primaria y llave foránea. Se puede notar el
peculiar atributo de folio. Fuente: Elaboración propia.......................................................145
Ilustración 40: Estas tablas mantienen los atributos constantes, por lo que el cambio de
estas no es necesario y respeta la relación uno a uno con su tabla de anexo respectiva.
Fuente: Elaboración propia.................................................................................................146
Ilustración 41: Se refiere a las firmas validadas dentro del anexo 1 “Energización”, cuando
uno de los usuarios desea consultar un anexo, puede encontrarlo por medio del buscador
insertando el folio correspondiente del anexo al que desea agregar o verificar su código. 147
Ilustración 42: Tabla para almacenar las firmas validadas del anexo 2 Libranzas. Fuente:
Elaboración propia..............................................................................................................147
Ilustración 43: Tabla para almacenar las firmas validadas del anexo 3 Permisos y/o pruebas
en hora de servicio. Fuente: Elaboración propia.................................................................148

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 44: Tabla para almacenar las firmas validadas del anexo 4 Permisos en horas
fuera de servicio. Fuente: Elaboración propia....................................................................148
Ilustración 45: Es el conjunto de tablas encargadas de almacenar el archivo PDF de cada
uno de los anexos referente a la numeración de cada uno de ellos para ser identificados.
Fuente: Elaboración propia.................................................................................................148
Ilustración 46: Esta tabla se encarga de registrar cada uno de los Programas catorcenales
designados para cada anexo de los cuatro que maneja el STC Metro. Fuente: Elaboración
propia..................................................................................................................................149
Ilustración 47: Se encarga de registrar los diferentes eventos y labores que se aportan a las
instalaciones del metro, designando un color para cada uno de los anexos. Fuente:
Elaboración propia..............................................................................................................150
Ilustración 48: Vista en resumida en SQL del corazón del comando que realiza el proceso
de inserción dentro de la tabla “área_involucradaa1”. Fuente: Elaboración propia...........150
Ilustración 49: Muestra del procedimiento almacenado “insert_reqA1” designado para
insertar los parámetros de la tabla “requerimiento_solicitadoa1”. Fuente: Elaboración
propia..................................................................................................................................151
Ilustración 50: Procedimiento almacenado creado en la BD para la inserción de datos
dentro de la tabla “coordinación_enteradaa1”. Fuente: Elaboración propia.......................151
Ilustración 51: Procedimiento almacenado “insert_lohin” para el registro y logueo de
usuarios. Fuente: Elaboración propia..................................................................................152
Ilustración 52: Es el procedimiento de búsqueda que manda a traer el boque completo de
los registros del anexo 1. Fuente: Elaboración propia........................................................152
Ilustración 53: Procedimiento encargado de insertar los registros dentro de la tabla
“programa_catorcena_a1”. Fuente: Elaboración propia.....................................................153
Ilustración 54: Estructura de trigger para aumentar foránea en anexo 1 sobre la sentencia
insert de "área_involucradaa1". Dónde indica que después de un insert en dicha tabla se
tomará la clave y se aumentará, insertando la nueva clave en anexo 1 Fuente: Elaboración
p...........................................................................................................................................154
Ilustración 55: Triggers para aumentar la foránea en anexo1, 2, 3 y 4 después de cada insert
de las tablas referenciadas. Fuente: Elaboración propia.....................................................154

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 56: Estructura de trigger para aumentar foránea en anexo 1 sobre la sentencia
insert de "requerimiento_solicitadoa1". Fuente: Elaboración propia.................................155
Ilustración 57: Triggers para aumentar la foránea en anexo1, 2, 3 y 4 después de cada insert
de las tablas referenciadas. Fuente: Elaboración propia.....................................................155
Ilustración 58: Estructura de trigger para aumentar foránea en anexo 1 sobre la sentencia
insert de "coordinacion_enteradaa1". Fuente: Elaboración propia.....................................156
Ilustración 59: Triggers para aumentar la foránea en anexo1, 2, 3 y 4 después de cada insert
de las tablas referenciadas. Fuente: Elaboración propia.....................................................156
Ilustración 60: Esta estructura es la misma para las demás tablas, sólo cambia el nombre de
la tabla sobre dónde se ejecuta el insert. Fuente: Elaboración propia.................................157
Ilustración 61:Triggers para aumentar las foráneas en las tablas referenciadas después de
una sentencia insert.............................................................................................................157
Ilustración 62: Estructura de trigger para la inserción de datos en tabla firma. Fuente:
Elaboración propia..............................................................................................................158
Ilustración 63: Visualización de insertFirma. Fuente: Elaboración propia.........................158
Ilustración 64: Conexión a la base de datos Fuente: Elaboración Propia...........................159
Ilustración 65: Head del archivo [Link]. Fuente: Elaboración Propia..........................159
Ilustración 66: Referencias del header. Fuente: Elaboración Propia..................................160
Ilustración 67: Creación de títulos de los tipos de usuarios. Fuente: Elaboración Propia.. 160
Ilustración 68: Parte 1 de las referencias del pie de página con información de la empresa.
Fuente: Elaboración Propia.................................................................................................161
Ilustración 69: Parte 2 de las referencias del pie de página con las redes sociales de la
empresa. Fuente: Elaboración Propia..................................................................................162
Ilustración 70: Parte 3 de las referencias del pie de página menú de navegación de la
empresa. Fuente: Elaboración Propia.................................................................................162
Ilustración 71: Formulario de inicio de sesión del usuario administrador. Fuente:
Elaboración Propia..............................................................................................................163
Ilustración 72: Programación de asignación de roles de los tipos de usuarios. Fuente:
Elaboración Propia..............................................................................................................164
Ilustración 73: Inactividad del archivo bienvenida_admin.php. Fuente: Elaboración Propia.
.............................................................................................................................................165

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 74: Creación del menú de funciones del usuario administrador. Fuente:
Elaboración Propia..............................................................................................................165
Ilustración 75: Muestra la programación específica para el botón de “cerrar sesión”. Fuente:
Elaboración Propia..............................................................................................................166
Ilustración 76: Líneas de código que validan el inicio de sesión designada para el usuario
administrador. Fuente: Elaboración Propia.........................................................................167
Ilustración 77: Líneas de código que muestran las condiciones del tiempo designado para
que se cumpla el cierre de sesión. Fuente: Elaboración Propia..........................................167
Ilustración 78: Se muestra la construcción del formulario para el registro de usuarios en
HTML. Fuente: Elaboración Propia....................................................................................167
Ilustración 79: Designa la lista de opciones que pueden escoger los usuarios para agregar su
departamento (en total es una lista de 27 departamentos). Fuente: Elaboración Propia.....168
Ilustración 80: Lista de opciones para designar el estado actual de cualquier usuario.
Fuente: Elaboración Propia.................................................................................................168
Ilustración 81: Tabla para organizar los datos de los usuarios registrados en este caso los
valores de “Dirección”, “Teléfono” y “Fecha y Hora de Registro”. Fuente: Elaboración
Propia..................................................................................................................................169
Ilustración 82: Esta tabla muestra las columnas de “Firma”, “Rol” y “Código Firma” para el
registro de los usuarios. Fuente: Elaboración Propia..........................................................169
Ilustración 83: Líneas de código que se encargan de crear el funcionamiento de la
construcción de las firmas autógrafas de los usuarios. Fuente: Elaboración Propia...........170
Ilustración 84: Código para convertir la imagen a base64. Fuente: Elaboración Propia....170
Ilustración 85: Muestra de trazos 2d y genera la URL de la imagen. Fuente: Elaboración
Propia..................................................................................................................................171
Ilustración 86: Detección de escritura dentro el canvas. Fuente: Elaboración Propia........171
Ilustración 87: Determina el ancho y largo para el desplazamiento de mouse. Fuente:
Elaboración Propia..............................................................................................................172
Ilustración 88: Se establece el ancho y largo en 2d fuera del canvas. Fuente: Elaboración
Propia..................................................................................................................................172
Ilustración 89: Posición para la ventana de visualización del canvas en el formulario.
Fuente: Elaboración Propia.................................................................................................173

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 90: Función para dibujar con el color y tamaño seleccionado. Fuente:
Elaboración Propia..............................................................................................................173
Ilustración 91: Son las instrucciones de los eventos para designar el estado de la sesión de
un usuario durante el tiempo de visita. Fuente: Elaboración Propia...................................174
Ilustración 92: Estructura que contiene los mensajes de cierre de sesión pon inactividad.
Fuente: Elaboración Propia.................................................................................................175
Ilustración 93: Direccionamiento del botón de regresar al archivo bienvenida_admin.php.
Fuente: Elaboración Propia.................................................................................................175
Ilustración 94: Creación de tabla de la información de los usuarios. Fuente: Elaboración
Propia..................................................................................................................................176
Ilustración 95: Programación para el cuadro de dialogo de la confirmación para eliminar
registro. Fuente: Elaboración Propia...................................................................................177
Ilustración 96: Programación de validación para eliminar registro seleccionado. Fuente:
Elaboración Propia..............................................................................................................177
Ilustración 97: Direccionamiento del botón regresar a la página para editar usuarios.
Fuente: Elaboración Propia.................................................................................................178
Ilustración 98: Creación de tabla donde se visualiza la información del usuario al que se le
harán modificaciones en sus datos. Fuente: Elaboración Propia.......................................179
Ilustración 99: Vista del menú de manuales y mensaje de bienvenida en los archivos
bienvenida_cord.php y bienvenida_dep.php. Fuente: Elaboración Propia.........................180
Ilustración 100: Creación de enlaces para los archivos de crear solicitud 1, 2, 3 y [Link].
Fuente: Elaboración Propia.................................................................................................180
Ilustración 101: Enlaces de las funciones de los usuarios secundarios y coordinaciones.
Fuente: Elaboración Propia.................................................................................................181
Ilustración 102: Enlaces de las solicitudes por firmar de los departamentos secundarios y
las coordinaciones. Fuente: Elaboración Propia.................................................................182
Ilustración 103: Vista del menú de manuales y mensaje de bienvenida del súper usuario.
Fuente: Elaboración Propia.................................................................................................183
Ilustración 104: Creación de los enlaces de las funciones calendarización y signar folios y
estados a las solicitudes. Fuente: Elaboración Propia.........................................................183

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 105: Enlaces de información relevante de las solicitudes y solicitudes por
firmar. Fuente: Elaboración Propia.....................................................................................184
Ilustración 106: Enlaces de las funciones solicitud por autorizar y solicitudes autorizadas.
Fuente: Elaboración Propia.................................................................................................184
Ilustración 107: Enlaces para generar PDF de solicitudes autorizadas. Fuente: Elaboración
Propia..................................................................................................................................185
Ilustración 108: Creación de los botones que contiene el archivo del calendario. Fuente:
Elaboración Propia..............................................................................................................186
Ilustración 109: Llamado de los scripts para su funcionamiento en el calendario. Fuente:
Elaboración Propia..............................................................................................................186
Ilustración 110: Estructura de los botones que tienen funcionalidad del calendario Fuente:
Elaboración Propia..............................................................................................................187
Ilustración 111: Creación del evento de inicio y final de una actividad. Fuente: Elaboración
Propia..................................................................................................................................188
Ilustración 112: Creación para eliminar una actividad que está registrada en la base de
datos. Fuente: Elaboración Propia......................................................................................188
Ilustración 113: Función arrastra las fechas de la actividad. Fuente: Elaboración Propia.189
Ilustración 114: Modificar elementos del calendario y tiempo de visualización de los
mensajes de notificación de algún registro, modificación o eliminación de una actividad.
Fuente: Elaboración Propia.................................................................................................189
Ilustración 115: Captura de imagen del calendario. Fuente: Elaboración Propia...............190
Ilustración 116: Direccionamiento de la captura a la carpeta de almacenamiento. Fuente:
Elaboración Propia..............................................................................................................190
Ilustración 117: Llamado de la librería que genera la captura. Fuente: Elaboración Propia.
.............................................................................................................................................191
Ilustración 118: Creación de mensajes registrado, actualizado y eliminado. Fuente:
Elaboración Propia..............................................................................................................191
Ilustración 119: Registro de las fechas, nombre y color de la actividad creada, además de la
vista del mensaje de actividad registrada. Fuente: Elaboración Propia..............................192
Ilustración 120: Estructura de registrar la nueva actividad. Fuente: Elaboración Propia.. .193
Ilustración 121: Colores para identificar su actividad. Fuente: Elaboración Propia...........193

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 122: Modificación de las fechas, nombre y color de la actividad registrada,
además de la vista del mensaje de actividad actualizada. Fuente: Elaboración Propia......194
Ilustración 123: Estructura de actualizar la actividad registrada. Fuente: Elaboración Propia.
.............................................................................................................................................195
Ilustración 124: Colores para actualizarla actividad. Fuente: Elaboración Propia.............195
Ilustración 125: Programación para eliminar la actividad registrada que se seleccionó
mediante un botón eliminar. Fuente: Elaboración Propia...................................................196
Ilustración 126: Eliminación de las fechas, nombre y color de la actividad registrada,
además de la vista del mensaje de actividad borrada. Fuente: Elaboración Propia............197
Ilustración 127: Programación para seleccionar el contenido de la tabla “calendario” y
mostrarla en la interfaz del usuario en sesión. Fuente: Elaboración Propia.......................198
Ilustración 128: Sección de código encargado de las funciones para generar y seleccionar la
imagen del calendario. Fuente: Elaboración Propia............................................................198
Ilustración 129: Programación designada para el botón “Regresar”, devuelve al menú del
perfil del usuario. Fuente: Elaboración Propia....................................................................199
Ilustración 130: Código fuente de la funcionalidad programada para registrar el periodo de
inicio y término del programa catorcenal de los diferentes anexos. Fuente: Elaboración
Propia..................................................................................................................................199
Ilustración 131: Formulario que permite seleccionar el año en el que se está creando el
programa catorcenal de cualquiera de los anexos. Fuente: Elaboración Propia.................200
Ilustración 132: Menú desplegable que permite seleccionar el mes para para registrar la
fecha del periodo el programa catorcenal de cualquiera de los anexos. Fuente: Elaboración
Propia..................................................................................................................................200
Ilustración 133: Las siguientes líneas de código están encargadas de permitir seleccionar la
imagen del calendario que se va a publicar. Fuente: Elaboración Propia...........................201
Ilustración 134: Sección del código en php, que se encarga de actualizar e insertar los
nuevos cambios que se deseen realizar en el los atributos “num_solicitud”,
“status_solicitud”. Fuente: Elaboración propia...................................................................201
Ilustración 135: Muestra el nombre del procedimiento almacenado creado para mandar a
llamar los atributos de la solicitud “Energizaciones”. Fuente: Elaboración propia............202

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 136: Es la lista de la selección de atributos que se mandan a llamar de la
solicitud de “Energizaciones “Fuente: Elaboración propia.................................................203
Ilustración 137: Lista de instrucciones “echo” para solicitar los atributos requeridos de la
solicitud 1. Fuente: Elaboración propia..............................................................................203
Ilustración 138: Archivos php que comparten similitud y funcionalidad en cuanto a
programación pero que difieren en el tipo de solicitud. Fuente: Elaboración propia.........204
Ilustración 139: Muestra las líneas de código encargadas de llamar los atributos de las
solicitudes y mostrarlas en la interfaz “SOLICITUDES POR FIRMAR” organizadas en una
tabla. Fuente: Elaboración propia.......................................................................................205
Ilustración 140: Código para ventana de confirmación del envío de la solicitud. Fuente:
Elaboración Propia..............................................................................................................205
Ilustración 141: Variables de todo el formulario del anexo. Fuente: Elaboración Propia.. 206
Ilustración 142: Query para insertar datos a las tablas ÁreaInvolucrada, Requerimientos,
Coordinaciones y ProgramaCatoricena. Fuente: Elaboración Propia.................................207
Ilustración 143: Alerta de confirmación después de enviar la solicitud. Fuente: Elaboración
Propia..................................................................................................................................207
Ilustración 144: Muestra y Oculta campos para agrega datos de responsable. Fuente:
Elaboración Propia..............................................................................................................208
Ilustración 145: Alerta para confirmar el envío de la solicitud. Fuente: Elaboración Propia.
.............................................................................................................................................208
Ilustración 146: Agrega campos dinámicos para las actividades a realizar. Fuente:
Elaboración Propia..............................................................................................................209
Ilustración 147: Cambio de pestañas del formulario. Fuente: Elaboración Propia.............209
Ilustración 148: Botones para ir a la siguiente sección o regresar a la anterior. Fuente:
Elaboración Propia..............................................................................................................210
Ilustración 149: Control para seleccionar el turno en que se registran actividades. Fuente:
Elaboración Propia..............................................................................................................210
Ilustración 150: Lectura de imagen. Fuente: Elaboración Propia......................................211
Ilustración 151: Declaración de variables. Fuente: Elaboración Propia.............................211
Ilustración 152: Creación de la función de generar pdf. Fuente: Elaboración Propia........212
Ilustración 153: Coordenadas para las variables. Fuente: Elaboración Propia...................212

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 154: Nombre del archivo en pdf. Fuente: Elaboración Propia..........................213
Ilustración 155: Selección de campos según las líneas. Fuente: Elaboración Propia.........213
Ilustración 156: Selección de campos según las líneas del grupo 2. Fuente: Elaboración
Propia..................................................................................................................................214
Ilustración 157: Selección de campos según las líneas del grupo 3. Fuente: Elaboración
Propia..................................................................................................................................214
Ilustración 158: Creación de función mostrar y oculta. Fuente: Elaboración Propia.........214
Ilustración 159: Condiciones de los talleres. Fuente: Elaboración Propia..........................215
Ilustración 160: condiciones de las zonas. Fuente: Elaboración Propia............................216
Ilustración 161: Titulo de la pestaña del archivo [Link]. Fuente: Elaboración Propia.217
Ilustración 162 : Logos y referencias. Fuente: Elaboración Propia....................................218
Ilustración 163: Vista de los tipos de usuarios. Fuente: Elaboración Propia.....................218
Ilustración 164: Vista de datos de la empresa, redes sociales y menú de navegación.
Fuente: Elaboración Propia.................................................................................................219
Ilustración 165: Vista de inicio de sesión del usuario administrador. Fuente: Elaboración
Propia..................................................................................................................................219
Ilustración 166: Vista del menú de funciones del usuario administrador. Fuente:
Elaboración Propia..............................................................................................................220
Ilustración 167: Vista del diseño e interfaz botón de “cerrar sesión”. Fuente: Elaboración
Propia..................................................................................................................................220
Ilustración 168: Formulario de Registro de Usuarios. Fuente: Elaboración Propia...........221
Ilustración 169: Segunda sección del Formulario de Registro de Usuarios. Fuente:
Elaboración Propia..............................................................................................................221
Ilustración 170: Tercer sección del Formulario de Registro de Usuarios. Fuente:
Elaboración Propia..............................................................................................................222
Ilustración 171: Vista del canvas, color y tamaño del puntero, etc. Fuente: Elaboración
Propia..................................................................................................................................223
Ilustración 172: Cierre de sesión por inactividad en la plataforma. Fuente: Elaboración
Propia..................................................................................................................................223
Ilustración 173: Vista de la información de los usuarios registrados. Fuente: Elaboración
Propia..................................................................................................................................224

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 174: Vista botones para editar o eliminar información de usuarios registrados.
Fuente: Elaboración Propia.................................................................................................224
Ilustración 175: Vista de cuadro de dialogo de confirmación para eliminar registro
seleccionado. Fuente: Elaboración Propia..........................................................................225
Ilustración 176: Tabla donde se visualiza la información del usuario al que se le harán
modificaciones en sus datos. Fuente: Elaboración Propia..................................................225
Ilustración 177: Botón para actualizar los cambios del usuario al que se le hicieron
modificaciones en sus datos. Fuente: Elaboración Propia..................................................226
Ilustración 178: Cuadro de dialogo con la confirmación de datos actualizados y botón de
aceptar. Fuente: Elaboración Propia...................................................................................226
Ilustración 179: Vista del menú de las funciones del súper usuario Fuente: Elaboración
Propia..................................................................................................................................227
Ilustración 180: Vista del calendario con sus respectivas funciones. Fuente: Elaboración
Propia..................................................................................................................................228
Ilustración 181: Vista del mensaje de actividad registrada. Fuente: Elaboración Propia.. .228
Ilustración 182: Vista del mensaje de actividad actualizada. Fuente: Elaboración Propia. 228
Ilustración 183: Vista del mensaje de actividad borrada. Fuente: Elaboración Propia.......228
Ilustración 184: Vista de registrar nueva actividad. Fuente: Elaboración Propia...............229
Ilustración 185: Vista para actualizarla actividad registrada. Fuente: Elaboración Propia.230
Ilustración 186: Cuadro de dialogo con la confirmación de eliminar una actividad y botón
de aceptar. Fuente: Elaboración Propia...............................................................................230
Ilustración 187: Se puede visualizar los movimientos que se realizan para publicar el
calendario del programa catorcena. Fuente: Elaboración Propia........................................231
Ilustración 188: Vista de las funciones del coordinador y departamentos secundarios.
Fuente: Elaboración Propia.................................................................................................232
Ilustración 189: Muestra el ejemplo de las funciones que incluye el “Calendario Programa
Catorcena” una vez que se elaboraron todas las funciones correspondientes a este módulo.
Fuente: Elaboración Propia.................................................................................................233
Ilustración 190: Se puede visualizar los movimientos que se realizan para publicar el
calendario del programa catorcena. Fuente: Elaboración Propia........................................234

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 191: Iinterfaz para asignar folios y estatus de las 4 solicitudes, en este caso se
muestra el ejemplo para la solicitud de “Energizaciones”. Fuente: Elaboración propia.. . .234
Ilustración 192: Ejemplo de interfaz gráfica para la muestra de los atributos de la solicitud
1. Fuente: Elaboración propia.............................................................................................235
Ilustración 193: Ejemplo de Interfaz gráfica de “Solicitudes por firmar Anexo 1:
Energizaciones. Fuente: Elaboración propia.......................................................................236
Ilustración 194: Complemento que contiene el Otón “FIRMAR” para agregar el registro de
la frima de los usuarios de los departamentos involucrados, en este caso para “Solicitudes
por firmar Anexo 1: Energizaciones. Fuente: Elaboración propia......................................237
Ilustración 195: Ejemplo de interfaz gráfica para la muestra de los atributos de la solicitud
1. Fuente: Elaboración propia.............................................................................................237
Ilustración 196: Ejemplo de Interfaz gráfica de “Solicitudes por firmar Anexo 1:
Energizaciones. Fuente: Elaboración propia.......................................................................238
Ilustración 197: Complemento que contiene el Otón “FIRMAR” para agregar el registro de
la firma de los usuarios de los departamentos involucrados, en este caso para “Solicitudes
por firmar Anexo 1: Energizaciones. Fuente: Elaboración propia......................................239
Ilustración 198: Interfaz de los anexos. Fuente: Elaboración Propia..................................240
Ilustración 199: Sección AREAS INVOLUCRADAS. Fuente: Elaboración Propia.........241
Ilustración 200: Sección de Requerimientos. Fuente: Elaboración Propia.........................242
Ilustración 201: Sección 2 de requerimientos. Fuente: Elaboración Propia.......................243
Ilustración 202: Sección de COORDINACIONES. Fuente: Elaboración Propia...............244
Ilustración 203: Sección de PLAN DE TRABAJO. Fuente: Elaboración Propia..............245
Ilustración 204: Página de contrato de paquetes para hostinger. Fuente: [Link]....260
Ilustración 205: El dominio permite crear la propia dirección para el sitio o en nuestro caso
plataforma web. Fuente: Elaboración propia......................................................................261
Ilustración 206: Ingresar el nombre del dominio de la plataforma web Fuente: Elaboración
propia..................................................................................................................................262
Ilustración 207: Creación de nombre, usuario y contraseña de la base de datos. Fuente:
Elaboración propia..............................................................................................................262
Ilustración 208: Configuración exitosa del dominio Fuente: Elaboración propia..............263
Ilustración 209: Opciones para los archivos Fuente: Elaboración propia...........................263

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 210: Secciones de hostinger para la manipulación de archivos Fuente:
Elaboración propia..............................................................................................................263
Ilustración 211: Archivo seleccionado para cargar en la plataforma de hostinger Fuente:
Elaboración propia..............................................................................................................264
Ilustración 212 Vista de los archivos de los proyectos Fuente: Elaboración propia...........264
Ilustración 213: Vista del nombre y usuario de la base de datos Fuente: Elaboración propia.
.............................................................................................................................................265
Ilustración 214: Espacio para subir la base de datos. Fuente: Elaboración propia.............265
Ilustración 215: Importación de la base de datos a Hostinger Fuente: Elaboración propia.
.............................................................................................................................................265
Ilustración 216: Visualización de las tablas en Hostinger Fuente: Elaboración propia......266
Ilustración 217: Añadir el dominio Fuente: Elaboración propia.........................................266
Ilustración 218: Asignación del nombre del dominio Fuente: Elaboración propia............267
Ilustración 219: Vista del nombre del dominio Fuente: Elaboración propia......................267

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
CAPÍTULO I GENERALIDADES DEL PROYECTO

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
1.1 Introducción

Uno de los objetivos que se pretende demostrar con la realización de este proyecto es, la
aplicación de tecnologías web como una estrategia potencial de trabajo administrativo, con
la intención de reducir el uso y manipulación de documentos físicos y así, eliminar el uso
de papel, contribuyendo a la reducción de basura y promoviendo un ambiente amigable.

Demostrar que las aplicaciones web son un recurso favorable para la reducción de tiempos
de actividades burocráticas dentro del STC Metro y que por medio de ellas se puede
mantener una comunicación efectiva en los equipos de trabajo, con una disponibilidad de
acceso y control de los recursos administrativos, sin la necesidad de intervenciones
presenciales dentro de los horarios de trabajo de los involucrados.

Los recursos y herramientas planteadas dentro del desarrollo y diseño de este proyecto, se
seleccionaron de acuerdo con las necesidades de los usuarios finales (los usuarios del
departamento de mantenimiento y telemando, que estén encargados de llevar a cabo la
ejecución del sistema cliente servidor en desarrollo) dentro del conjunto de tecnologías
seleccionadas para desarrollo web se incluyen: MySQL para el gestiona miento de la base
de datos relacional, también como herramienta, para estructurar las tablas y validar la
información.

Visual Studio Code como gestor de lenguajes de programación, aplicado para el diseño y
desarrollo web.

Se implementa la metodología de desarrollo de “Programación Extrema XP” utilizada

para proyectos de programación y que, además, es una metodología ágil y flexible utilizada
para la gestión de proyectos.

Además, se centra en potenciar las relaciones interpersonales del equipo de desarrollo como
clave del éxito mediante el trabajo en equipo, el aprendizaje continuo y el buen clima de
trabajo. Esta metodología pone el énfasis en la retroalimentación continua entre cliente y el
equipo de desarrollo y es idónea para proyectos con requisitos imprecisos y muy
cambiantes.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Aumentando las reacciones de respuesta a las peticiones que se realicen durante el tiempo
laboral que se llevan a cabo dentro del departamento de Mantenimiento y Telemando del
STC Metro.

1.2 Descripción de la empresa u organización y del puesto o área de

trabajo del estudiante

1.2.1 Información de la empresa.

GRUPO BALEY S.A de C.V.

Actualmente se labora en el área de desarrollo con la plataforma educativa EDUsoft donde

el objetivo es programar aplicaciones web accesibles aplicando las normas internacionales
de accesibilidad para apoyar la inclusión educativa y digital de las Personas con
Discapacidad Visual (PcDV).

1.2.2 Misión, visión y valores.

a) Misión
Ser un centro especializado en la investigación, desarrollo y pruebas de tecnologías
accesibles.

b) Visión
Ser un centro especializado en tecnologías accesibles.

c) Valores
La humildad ante lo que se desconoce, los principios éticos en nuestros actos, el estudio
permanente, el esfuerzo individual y conjunto, el trabajo en equipo, el desarrollo personal,
la escucha activa y la cooperación social, en el marco de producir bienes y servicios que
contribuyan al mejoramiento de la calidad de vida de las personas.

1.2.3 Giro y tipo de capital

Empresa con giro de servicio, tipo de capital: privado.

RFC: GBC091130E78

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
1.2.4 Dirección y croquis de ubicación
Dirección: Calle Palenque Número 7 int-202, Colonia Narvarte, Alcaldía Benito Juárez,
Ciudad de México, Código Postal 03020, se encuentra ubicada entre las calles de Morena y
Xola.

Ilustración 1: Croquis de ubicación actual de la dependencia. Fuente: Google Maps 2022.

1.2.5 Descripción de los procesos que desarrolla

Grupo BALEY S.A de C.V., a través del programa de residencias 2022, solicita el
desarrollo de aplicaciones accesibles desde un entorno web y/o dispositivos móviles,
utilizando un software libre como elemento de desarrollo, con el objetivo de visualizar e
interactuar por medio de esta plataforma web, los procesos que realizan los departamentos
de la empresa, para llenar las solicitudes de mantenimiento a vías y áreas que requieran
mejoras.

Nombre del departamento donde se realiza la residencia: área de Monitoreo y Telemando

del STC.

I. Descripción de las principales actividades del área de desarrollo de la

residencia

● Conocer y analizar las características de recursos similares.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 ● Estudiar las normas internacionales de accesibilidad de la sistematización de

procesos administrativos.

● Determinar los requerimientos para desarrollar la Sistematización de

estacionamiento en versiones web y móvil.

● Establecer el diseño y arquitectura de la información.

● Diseñar la interfaz usable y accesible de la Sistematización de estacionamiento.

● Implementar la Sistematización de estacionamiento para versiones web y móvil.

● Evaluar y mejorar el producto y documentar los procesos.

1.2.6 Estructura organizacional

En el siguiente apartado se presenta en una estructura lineal el desarrollo organizacional
que tiene el STC, permitiendo dar cobertura a los planes estratégicos, servicios y
operaciones planteadas por la alta dirección como se muestra en la ilustración.

Tabla 1: Tabla de la estructura organizacional STC Metro. Fuente: Elaboración propia con información de:
[Link]

Estructura del organigrama del STC Metro

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
• Dirección General
• Dirección de Medios
• Jefatura de la Unidad Departamental de Gestión Administrativa
• VICEPRESIDENTE
• TESORERO
• SECRETARIO
• Coordinación de Comunicación
• Gerencia de Atención al Usuario
• Contraloría Interna
• Coordinación de Denuncias y Responsabilidades
• Subgerencia de Investigación y Evaluación
• Coordinación de Control Interno Normativo
• Coordinación de Control Interno Obras y Servicios
• Subgerencia de Control Interno Administración y Finanzas
• Coordinación de Control Interno Administrativo
• Coordinación de Control Interno Financiero
• Subdirección General de Administración y Finanzas
• Subgerencia de Administración PATR´S
• Dirección de Recursos Materiales y Servicios Generales
• Gerencia de Adquisiciones y Contratación de Servicios
• Subgerencia de Adquisiciones
• Coordinación de Compras en el Extranjero
• Coordinación de Compras en el País
• Subgerencia de Normatividad y Contratos
• Coordinación de Normatividad y Contratación
de Servicios
• Coordinación de Integración y Normalización
• Coordinación de Evaluación de Proyectos y Mantenimiento
de Áreas Generales
• Gerencia de Almacenes y Suministros
• Subgerencia de Servicios y Suministros

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 • Coordinación de Suministros
• Coordinación de Servicios Generales
• Subgerencia de Almacenes y Control de Bienes
• Coordinación de Inventarios y Administración
de Riesgos
• Coordinación de Almacenes
• Coordinación de Administración de Contratos
• Dirección de Administración de Personal
• Gerencia de Salud y Bienestar Social
• Coordinación del Centro de Desarrollo Infantil
Tláhuac
• Subgerencia de Servicio Médico
• Subgerencia de Centros de Desarrollo Infantil
• Gerencia de Recursos Humanos
• Subgerencia de Personal
• Coordinación de Prestaciones
• Subgerencia de Nóminas y Fondo de Ahorro
• Dirección de Finanzas
• Gerencia de Contabilidad
• Subgerencia de Contabilidad
• Coordinación de Registro
• Coordinación de Trámite y Expedición de Pólizas
• Gerencia de Presupuesto
• Subgerencia de Control Presupuestal
• Coordinación de Integración Presupuestal
• Coordinación de Registro y Control
Presupuestal
• Coordinación de Programación
• Gerencia de Recursos Financieros
• Subgerencia de Ingresos
• Subgerencia de Evaluación y Control Financiero

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 • Coordinación de Gestión Financiera
• Coordinación de Egresos
• Gerencia de Organización y Sistemas
• Subgerencia de Organización y Métodos
• Coordinación de Análisis de Procesos
• Subgeneración de Informática
• Coordinación de Soporte de Operación
• Coordinación de Programación y Diseño de Sistemas
• Jefatura de Unidad Departamental de Gestión Administrativa
• Coordinación de Taquillas
• Gerencia de Seguridad Institucional
• Coordinación de Servicios Externos de Vigilancia
• Coordinación de Vigilancia Zona B
• Coordinación Técnica
• Coordinación de Vigilancia Zona A
• Coordinación de Vigilancia Zona D
• Coordinación de Protección Civil
• Coordinación de Seguridad Industrial e Higiene
• Coordinación de Vigilancia Zona C
• Gerencia Jurídica
• Subgerencia de Estudios Legales e Información Pública
• Coordinación de Consultivo y Legislación
• Coordinación de Servicios Jurídicos
• Coordinación de Contencioso
• Subgerencia de Relaciones Laborales
• Coordinación de Movimientos Jurídicos Internos
• Coordinación Técnica de Gestión Laboral
• Coordinación de Regularización de Bienes Inmuebles
• Subdirección General de Operación
• Dirección de Transportación
• Gerencia de Líneas 1, 3, 4 y 12

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 • Subgerencia de Líneas 1, 3, 4 y 12
• Coordinación de Transportación de Línea 3
• Coordinación de Transportación de Línea 1
• Coordinación de Transportación de Línea 4
• Coordinación de Transportación de Línea 12
• Subgerencia de Conservación de Líneas
• Coordinación de Conservación de Líneas 1, 3, 4 y 12
• Coordinación de Conservación de Líneas 7, 8, 9 Y A
• Coordinación de Conservación de Líneas 2, 5, 6 y B
• Gerencia de Líneas 2, 5, 6 y B
• Subgerencia de Líneas 2, 5, 6 y B
• Coordinación de Transportación de Línea 5
• Coordinación de Transportación de Línea 2
• Coordinación de Transportación de Línea 6
• Coordinación de Transportación de Línea B
• Gerencia de Líneas 7, 8, 9 y A
• Subgerencia de Líneas 7, 8, 9 y A
• Coordinación de Transportación de Línea 7 y
9
• Coordinación de Transportación de Línea 8
• Coordinación de Transportación de Línea A
• Subgerencia de Control Central
• Dirección de Ingeniería y Desarrollo Tecnológico
• Gerencia de Ingeniería y Nuevos Proyectos
• Coordinación de Aseguramiento de Calidad
• Coordinación de Desarrollo Tecnológico
• Coordinación de Laboratorio
• Gerencia de Sistemas e Investigación de Incidentes
• Coordinación de Soporte Técnico
• Subgerencia de Planeación Estratégica
• Coordinación Técnica

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 • Coordinación de Gestión Administrativa
• Subdirección General de Mantenimiento
• Gerencia de Instalaciones Fijas
• Subgerencia de Instalaciones Eléctricas
• Coordinación de Control y Operación Eléctrica
• Coordinación de Alta Tensión
• Coordinación de Baja Tensión
• Subgerencia de Instalaciones Electrónicas
• Coordinación de Comunicación y Peaje
• Coordinación de Automatización y Control
• Subgerencia de Instalaciones Mecánicas y Vías
• Coordinación de Vías I
• Coordinación de Vías III
• Coordinación de Vías II
• Coordinación de Instalaciones Hidráulicas y
Mecánicas
• Gerencia de Obras y Mantenimiento
• Subgerencia de Proyectos
• Subdirección de Ingeniería de Proyecto Metro
• Jefatura de Unidad Departamental de Control
de Programas y Estimaciones
• Jefatura de Unidad Departamental de
Geotecnia, Estructura y Estudios
Complementarios
• Jefatura de Unidad Departamental de
Proyectos de Obras Hidráulicas
• Jefatura de Unidad Departamental de Proyectos,
Arquitectura y Urbanismo
• Subdirección de Ingeniería

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 • Jefatura de Unidad Departamental de
Subestaciones de Fuerza y Alumbrado Baja
Tensión
• Jefatura de Unidad Departamental de
Ingeniería
• Jefatura de Unidad Departamental de Proyecto
de Vías
• Jefatura de Unidad Departamental de
Subestaciones de Rectificación y Tracción
• Jefatura de Unidad Departamental de Mando
Centralizado de Telecomunicaciones
• Jefatura de Unidad Departamental de
Instalaciones Mecánicas
• Jefatura de Unidad Departamental de Pilotaje,
Automatización y Operación
• Subdirección de Contratos
• Jefatura de Unidad Departamental de Elaboración de
Contratos de Obra
• Subdirección de Gestión y Control
• Subgerencia de Obras y Mantenimiento
• Subdirección de Obra Electromecánica
• Jefatura de Unidad Departamental de Energía
Eléctrica
• Jefatura de Unidad Departamental de Energía
Eléctrica
• Jefatura de Unidad Departamental de Vías
• Subdirección de Obra Civil
• Coordinación de Mantenimiento Mayor de Obras
• Subdirección de Concursos y Estimaciones
• Jefatura de Unidad Departamental de Soporte Técnico

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 • Jefatura de Unidad Departamental de Costos y Precios
Unitarios
• Dirección de Mantenimiento de Material Rodante
• Subgerencia de Mantenimiento Sistemático I
• Coordinación de Mantenimiento Sistemático
Tasqueña
• Coordinación de Mantenimiento Tláhuac
• Coordinación de Mantenimiento Sistemático
Zaragoza
• Coordinación de Mantenimiento Sistemático
Constitución de 1917
• Gerencia de Ingeniería
• Coordinación de Supervisión de Fabricación de
Trenes
• Coordinación de Electrónica
• Coordinación de Programación y Evaluación
• Subgerencia de Mantenimiento Mayor y Rehabilitación
• Coordinación de Mantenimiento Mayor Ticomán
• Coordinación de Rehabilitación de Trenes
• Coordinación de Mantenimiento Sistemático II
• Subgerencia de Mantenimiento Sistemático II
• Coordinación de Mantenimiento Sistemático La Paz
• Coordinación de Mantenimiento Sistemático Ticomán
• Coordinación de Mantenimiento Sistemático Rosario
• Coordinación de Mantenimiento Sistemático Ciudad
Azteca
• Gerencia del Instituto de Capacitación y Desarrollo (INCADE)
• Coordinación de la Unidad de Igualdad Sustantiva

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 A continuación, se presenta en la ilustración 2 el organigrama de las áreas principales que estarán involucradas en el desarrollo del
proyecto la cual se lleva a cabo el convenio con la finalidad de conocer las áreas que conforman el proceso de solicitudes.

Dirección General

Dirección de Medios Subdirección de Subdirección de General de Subdirección General de

Administración Mantenimiento Operación
y Finanzas

Gerencia del
Gerencia Gerencia de Contraloría Comunicación Dep. Taquilla Alta Instalaciones Autorizació Material Vías Transportación Coordinación

SGCC/ PCL-
Instituto de
Capacitación Jurídica Seguridad Interna y Peaje CCCO s Tensión Hidráulicas y n y Control Rodante de Desarrollo
Institucional

12
y Desarrollo E Mecánicas Tecnológico

Coordinación COCOL Seguridad Seguridad

de Unidad de e Higiene Institucional
Igualdad
Sustantiva

Ilustración 2: Organigrama del STC de la CDMX. Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
1.3 Planteamientos del problema
A continuación, se enlista las principales causas que interfieren en el manejo de la
documentación de las solicitudes de libranzas y energizaciones que realizan los usuarios de
cada departamento del STC.
I. Necesidad de herramientas tecnológicas, para la automatización y gestión
documental de solicitudes y anexos.
II. Acumulación y redundancia de documentos.
III. Inadecuado control y manejo de la documentación por las diferentes áreas del STC.
IV. Uso excesivo de papelería, que provoca el extravió de documentos.
V. Se registran retrasos en tiempo de trámite, atención y seguimiento para realizar un
trámite o proceso.
Árbol de problemas:

El uso de herramientas de mejora continua permite analizar detenidamente la problemática

del proyecto descrita en la ilustración 3. Por ende, en este proyecto se hace uso de esta
herramienta como apoyo en la detección de la principal problemática, causas que lo
provocan y a su vez las condiciones negativas detectadas como efectos.

Ilustración 3: Árbol de problema principal del STC Metro. Fuente: Elaboración propia.

Árbol de objetivos:
I

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ahora bien, en la siguiente ilustración 4, se presenta un árbol de objetivos en el cual se
plantea la solución seleccionada para resolver la problemática mencionada en la ilustración
4. Se describen los medios para llegar a la solución y alcanzar los fines.

Ilustración 4: Por medio de esté diagrama se exponen los diferentes puntos para dar solución a las problemáticas
detectadas. Fuente: Elaboración propia.

1.4 Objetivos
1.4.1 Objetivo general
Desarrollar una plataforma web para el STC Metro de la CDMX, a través de la metodología
extrema (XP), para sistematizar el proceso de solicitudes de mantenimiento y/o
reparaciones en las distintas líneas del Metro.

1.4.2 Objetivos específicos

I. Identificar los requerimientos principales del sistema, así como su grado de
importancia y de cuales actividades depende cada requerimiento
II. Diseñar la plataforma, en Front end y Back end
III. Codificar los diseños realizados para el desarrollo de la plataforma
IV. Realizar pruebas de caja blanca y caja negra
V. Validar la plataforma desarrollada.

VI. Mejorar los procesos administrativos con base a la Norma ISO 9001.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.
I Tel. (55) 72617288; (55)88484456, ext. 110
e-mail: division_estudios@[Link]
P
VII. Elaborar el seguimiento de la NOM 151 referente al aparatado B.

VIII. Formar una guía de asistencia para el usuario final sobre el funcionamiento de la
plataforma. (manual técnico y manuales de usuarios)

IX. Desarrollar un plan de capacitación para el uso de la plataforma web.

X. Definir la Norma ISO 9001: 2015 como procedimiento de administración

ejecutando buenas prácticas en la documentación de procesos.
XI. Establecer principio del ciclo DEMING (PHVA) de mejora continua que contribuya
a la gestión del proyecto.

1.5 Justificación
De manera tradicional y antigua, las empresas públicas y privadas han manejado la mayoría
de sus procesos e información con documentación física, tal es el caso del STCM, al
generar solicitudes de mantenimiento de las instalaciones y vagones, almacenando todo tipo
de documentos sin orden y sin límite de tiempo; dicha información en ocasiones no cuenta
con actualizaciones y las consultas de estos suelen ser tardadas.

Por estas razones, la plataforma web mejora la eficiencia en la sistematización de procesos

administrativos, dando solución al tiempo de consulta de datos, migración de archivos
físicos a digitales, generar una base de datos, ahorro de espacios para almacenar
información, duplicidad de documentos, actualizaciones de datos y archivos, todo esto para
el mejoramiento de los procesos de solicitudes de mantenimiento del STC, donde se maneja
la documentación de anexos acordes al tipo de solicitud y la automatización de firmas de
los departamentos involucrados.

Digitalizar la información logrará mayor seguridad e integridad de la información, como

resultado, la reducción en los gastos de papelería haciendo que sea más amigable con el
ambiente y que sea de fácil uso para los involucrados. El mejoramiento de manejo de
información dentro del STC, por ejemplo, generación de solicitudes, gestión de
información y firma autógrafa de cada uno de los empleados de los departamentos, la
actualización de documentación, eliminación de tras papeleo de documentos, visualización
de los anexos validados y firmados.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
1.6 Alcances y limitaciones

1.6.1 Alcances
 Desarrollar una plataforma web para el STC que permite optimizar, agilizar
procesos y funciones administrativas en base a la generación de solicitudes.
 Establecer tres tipos de usuario, de acuerdo con sus atribuciones internas.
 Digitalizar los formatos de solicitudes con firma autógrafa para validación.
 Implementar tecnologías de vanguardia en cuanto al diseño web, conectividad y
almacenamiento de información (JavaScript, PHP, HTML5) por mencionar algunas.
 Se ejecutará el desarrollo de una plataforma web en cinco etapas, las cuales,
permitirán la funcionalidad de esta para los fines mencionados anteriormente.
 Se desarrollarán manuales técnicos y de usuarios.
 Se implementará la capacitación para el uso del sistema dirigido al capital humano
de las áreas involucradas.
 El proyecto abarcará únicamente las funcionalidades de las áreas involucradas en la
generación de solicitudes.
 La plataforma web realizará eficientemente cada funcionalidad del proceso
innovado.
 Reducirá tiempo en la recolección de firmas para la autorización/validación de
solicitudes.
 Este proyecto buscará analizar la calidad del sistema una vez implementado en los
departamentos asignados.

1.6.2 Limitaciones
 La información base, es la proporcionada por la empresa, a la fecha de inicio del
proyecto, y sus proyecciones están en base a la misma, cualquier cambio o tiempo,
modificaría al mismo.
 Seguridad (autenticación, integridad y confidencialidad).
 El período de tiempo para el desarrollo, pruebas y resultados del proyecto
comprende seis meses de duración a partir de febrero 2022.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
  Los gestores de bases de datos como MongoDB y SQL Server se descartaron
debido a las restricciones y políticas del alojador que maneja el STCM de la
CDMX, además de los costos de inversión al contratar una licencia debido a las
limitantes de operatividad.
 Cambio en el diseño y programación del calendario para la automatización de
fechas en las solicitudes.
 Constante solicitud de mejoras en cuanto al diseño y funcionalidad.
 Migración de procesos físicos a digitales de manera funcional y automatizada.
 El proyecto se enfocará únicamente en el departamento de Coordinación de
Aseguramiento de Calidad para realizar pruebas de funcionalidad de este.
 Se desconoce información referente a la cantidad y versiones con las que cuentan
los dispositivos del STCM en donde se efectuará la plataforma web.
 El periodo de tiempo para implementar la capacitación y los manuales es menor a
dos meses.

1.7 Descripción del proyecto

En el desarrollo del proyecto, se plantea inicialmente un estudio y análisis de las diferentes
tecnologías al alcance de los programadores y que pueden ser aplicables al diseño de la
solución tecnológica, acorde con las necesidades manifestadas por el cliente. A partir de la
selección de una tecnología y plataforma de desarrollo a utilizar, se procede a realizar el
plan para el diseño específico de la plataforma web con sus respectivos módulos de
operación como lo es Coordinación de Aseguramiento de Calidad, Monitoreo y Telemando
que será parte administradora del control de la creación de usuarios y finalmente el súper
usuario.

El proyecto tiene como una de sus expectativas realizar una optimización y modernización
de los procesos que actualmente lleva la empresa en la gestión de trabajo pasando de un
documento físico a digital generando las solicitudes y recolección de firmas mediante la
plataforma que como resultado disminuirá los tiempos de trabajo que se lleva en el proceso
de recolección de firmas, además de los costes de papel que se tienen actualmente por los
excesos de solicitudes de trabajo que se generan y por el desperdicio de los mismos.
Posteriormente brindar capacitación para el manejo de la plataforma web, sustentada en
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
materiales didácticos como el manual técnico y los manuales de usuario, apegándose a los
estándares de calidad de la norma ISO – 9001.

1.8 Recursos.
El tiempo de operación es de 480 horas de trabajo. Por lo tanto, para la realización del
proyecto, se necesitará una serie de recurso, tales son: software, hardware y capital humano
que se detallan a continuación:

Capital humano.

Refiere al equipo de trabajo para la ejecución de este proyecto, se contará con la aportación
del alumnado, que deberá realizar las tareas de analista, programador, diseñador y ejecutor
de pruebas para el correcto funcionamiento de la plataforma.

Hardware.

Se hace uso de un servidor para el hospedaje del portal, apoyo de PC’S, memorias USB, y
dispositivos móviles, impresoras multifuncionales.

Del cliente.
Para el acceso a la web el cliente deberá hacerlo a través de su ordenador personal. Éste
deberá contar con una conexión a internet.

Del servidor.

Para el hospedaje de la plataforma, se hará uso de un servidor web. Los recursos mínimos
de este servidor dependerán del volumen de visitas que la empresa tenga previstas para el
portal web.

Software.

Por lo que respecta al coste económico en software ha sido de $580.00 pesos, para la
utilización de diseño de diagramas en el sitio web Lucidchart.

Cuadro: Coste económico del proyecto.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Tabla 2: Costos de recursos. Fuente: Elaboración propia.

Concepto Coste económico (en pesos)

Hardware $20,200.00

Software $580.00

Otros 0

Total $20,780.00

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 CAPÍTULO II. MARCO TEÓRICO

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
2.1 Proceso administrativo
El proceso administrativo es el flujo continuo e interrelacionado de las actividades de
planeación, organización, dirección y control, desarrolladas con el objetivo de aprovechar
los recursos con los que cuenta la organización para hacerla efectiva. Por otro lado, es
importante entender que la administración es parte fundamental para cada institución ya
que contribuye al crecimiento sustentable de las mismas.

Según el autor Fernández la administración se define como: “Ciencia social que persigue la
satisfacción de objetivos institucionales por medio de una estructura y a través de un
esfuerzo humano coordinado”. (Arena, pág. 27)

La administración, como ciencia, exige en su desarrollo teórico y práctico un estilo de

pensamiento sistematizado, con bases sólidas en la investigación y en la elaboración de sus
teorías, que rompa con sistemas rutinarios e improvisaciones por parte de quien la práctica.
Estas son algunas de las características de la administración que da como resultado el uso
de la herramienta más importante que pudo haber adoptado el administrador en su práctica:
el método científico, y con ello, la creación de una verdadera estructura de trabajo adecuada
a su particular forma de ser: el proceso administrativo.

El proceso administrativo ha sido un modelo a seguir durante generaciones, el cual fue

desarrollado y utilizado a finales del siglo XIX y principios del XX por Henry Fayol, y a
partir de ese momento se le ha identificado como la estructura básica de la práctica
administrativa, otorgándole a ésta una capacidad de abstracción más amplia y la posibilidad
de generar conceptos teóricos cada vez más particularizados a las necesidades de las
organizaciones, siendo también un modelo con el cual se estandariza la función del
administrador. El proceso administrativo se define como una consecución de fases o etapas
a través de las cuales se lleva a cabo la práctica administrativa. (Fayol, 2002). Algunos
autores que estudian dicho proceso lo han dividido de acuerdo con su criterio en tres,
cuatro, cinco o seis etapas, pero sólo se refieren al grado de análisis del proceso, ya que el
contenido es el mismo que manejan todos. Por eso, en la actualidad, la división
cuatripartita, de cuatro fases, es la más aceptada universalmente: planeación, organización,
dirección y control.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Considerando la importancia de este instrumento, mencionaremos algunas características
del proceso administrativo:

a) El proceso administrativo está formado por un conjunto de fases o pasos de manera

cíclica, es decir, el fin se convierte de nuevo en el principio de la tarea
administrativa.
b) Una de las principales observaciones es que en cualquier modelo que analicemos
del proceso administrativo, las fases que invariablemente encontraremos son las de
planeación y control.
c) El principal objetivo es sistematizar el conocimiento y generar una estructura de
eficiencia.
d) Estimula la innovación y el progreso.
e) Fomenta el desarrollo de una filosofía y cultura gerencial y empresarial.

A continuación, la definición de proceso administrativo según varios autores:

Dicho lo anterior el autor Henry Fayol define como proceso administrativo “el acto de que
implica planear, organizar, dirigir, coordinar y controlar” (Fayol, 2002). Estas funciones, a
su vez, engloban los elementos de la administración: planeación, organización, dirección,
coordinación y control.

 Previsión-planeación. Consiste en visualizar el futuro y trazar el programa de

acción.
 Organización. Es construir tanto el organismo material como el social de la
empresa.
 Dirección-coordinación. En primera instancia, hay que guiar y orientar al personal;
luego, ligar, unir y armonizar todos los actos y esfuerzos colectivos.
 Control. Consiste en verificar que todo suceda de acuerdo con las reglas
establecidas y las órdenes dadas.

El proceso administrativo es la herramienta que se aplica en las organizaciones para el

logro de sus objetivos y satisfacer sus necesidades lucrativas y sociales. Si los
administradores o gerentes de una organización realizan debidamente su trabajo a través de
una eficiente y eficaz gestión, es mucho más probable que la organización alcance sus

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
metas; por lo tanto, se puede decir que el desempeño de los gerentes o administradores se
puede medir de acuerdo con el grado en que estos cumplan con el proceso
administrativo. (Hurtado, 2008)

El proceso administrativo es una metodología que permite manejar eficazmente una

organización y consiste en estudiar la administración como un proceso integrado por varias
etapas. Cada etapa responde a seis preguntas fundamentales: ¿qué?, ¿para qué?, ¿cómo?,
¿con quién?, ¿cuándo?, y ¿dónde?; interrogantes que siempre deben plantearse durante el
ejercicio de la administración, y que son conocidas como las preguntas clave de esta
disciplina. (Münch Galindo, 2007)

2.1.1 Etapas del proceso administrativo

Inicialmente, se plantean cuatro etapas en el proceso administrativo, que a continuación se
describen:

I. Planeación. La planeación o planificación, en el contexto del proceso

administrativo, consiste en saber qué se va a hacer por anticipado y cuál va a ser la
dirección que se va a tomar para alcanzar los objetivos de la manera más
eficiente. La planeación trata de crear un futuro deseado.
II. Organización. La organización es el sistema que permite la utilización equilibrada
de los recursos. Consiste en establecer una relación entre el trabajo y el personal que
lo debe ejecutar, es decir, ¿cómo hacerlo?
III. Dirección. La dirección es la función que trata, a través de la influencia
interpersonal, de lograr que todos los involucrados en la organización contribuyan al
logro de sus objetivos, es decir, verificar que se haga. Se ejerce a través de tres sub-
funciones: el liderazgo, la motivación y la comunicación.
IV. Control. El control es la función que efectúa la medición de los resultados obtenidos
comparándolos con los esperados (planeados) con el fin de buscar la mejora
continua, es decir, ¿cómo se hizo? (Fernández Arena, 1991)

La siguiente figura resume de forma básica lo que es el proceso administrativo, en la cual

se puede notar la interrelación y la continuidad de las actividades:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Trata de crear el
futuro deseado Combina el trabajo de
decidiendo con los individuos o grupos
anterioridad, qué, deben efectuar con los
cómo, cuándo, dónde, ecusros necesaruios para
y con quién se va hacerlo.
hacer.
Planeación Organización

Control Dirección

Comprueba que se Orienta la labordel

esta ejecutando las personal hacia el logro
acciones y programas de los objetivos de la
planificados, si se estan o organización a través de
no obteniendo los la comunicación, la
objetivospropuestos y motivación y el
plantea medidas de liderazgo.
correción y mejora.

Ilustración 5: Proceso administrativo, el ciclo continuo e interconectado de las funciones de planeación, organización,
dirección y control. Fuente: (Arena, 1995).

2.1.2 Principios del proceso administrativo

De acuerdo con Arranz (p. 4), los principios en el proceso administrativo son muy
importantes porque le permiten a la dirección de una compañía aplicar cada uno de los
elementos que lo forman:

a. Factibilidad: el proceso administrativo debe ejecutarse de forma que se adapte a la

realidad y condiciones objetivas de la propia empresa y el entorno en el que está
situada.
b. Objetividad y cuantificación: cuando se desarrolla el proceso administrativo nunca
se deben tener en cuenta opiniones subjetivas o cálculos arbitrarios. Será preciso

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 utilizar estadísticas, estudios de mercado, etc. El proceso administrativo sirve para
cuantificar los costes de todo el proceso.
c. Flexibilidad: se deben establecer márgenes que den la posibilidad de maniobrar ante
determinadas situaciones imprevistas y así poderse adaptar fácilmente a las nuevas
condiciones.
d. Unidad: todo plan empresarial debe establecerse como general para toda la empresa
para dirigirse a las metas y objetivos generales.
e. Del cambio de estrategias: es necesario hacer actualizaciones periódicas del plan,
que servirán para guiar las nuevas estrategias de la empresa, las acciones y los
presupuestos. (Hernández y Rodríguez, 2002)

Dentro del proceso administrativo se realizan actividades de trabajo que se relacionan con
la gestión de documentos, por lo cual, sino existe el control correcto provoca un desajuste
del seguimiento de la misma y esto afecta en la planificación y operación de las
organizaciones, es por ello que se toma en cuenta la importancia de un control de
documentos con base a la norma ISO 9001.

2.2 Importancia del control de documentos

El control documental basado en un sistema de gestión documental efectivo resulta
fundamental para el cumplimiento de las normas de calidad, es, además una herramienta
crítica para el cumplimiento en organizaciones reguladas. Requiere que se mejoren
procesos y que se mantenga un registro necesario para cuando se realiza la formación de
nuevo personal.

Esto implica el cambio de las nuevas tecnologías, las nuevas generaciones y muy
importante los nuevos ideales, como se sabe la sociedad en general empieza a adaptarse a
los cambios tecnológicos donde procesos antiguos han sido sustituidos como planes de
mejora en el funcionamiento interno y externo de las organizaciones. Proveyendo así
mayores beneficios como la disminución de tiempos, administración en los servicios,
control de información, gestión de archivos, automatización en los procesos de papel,
mejoras en la seguridad de la información, etc.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
El realizar cambios dentro de cualquier organización puede resultar un reto. Varios estudios
enfocados a la administración advierten la resistencia al cambio por parte de los
trabajadores, independientemente de la magnitud de las modificaciones. Sin embargo, la
resistencia al cambio es un suceso normal que dificulta la implementación de nuevos
sistemas.

Kurt Lewin fue un psicólogo que puso su interés principalmente en la investigación de la

psicología de los grupos y las relaciones interpersonales. Investigador que conjunto y
simplifico en un modelo de cambio basado en dos tipos de fuerzas; las impulsoras y las
restrictivas (Martínez Bustos, 2018), mismas que se describen en la siguiente tabla.

Tabla 3: Diferencias de las fuerzas impulsoras y las restrictivas. Fuente: (Martínez Bustos, 2018).

Factores internos y
Fuerza Descripción externos

Todo lo que contribuye al

Las fuerzas impulsoras o objetivo.
positivas son las que
motivan al cambio, las que Ejemplo: acciones,
Impulsora
acercan a los objetivos o conocimiento, gente,
situaciones deseadas de equipamiento, hábitos, etc.
cambio.
REFORZAR

Todo lo que impide al

Las fuerzas represoras o objetivo.

negativas son las que

Ejemplo: acciones,
Restrictiva mantienen en la situación
conocimiento, gente,
actual, conservan el estatus
equipamiento, hábitos, etc.
quo y frenan el cambio.

ELIMINAR

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Al igual que está herramienta existen muchas otras como apoyo para la ejecución de
objetivos, que contrarrestan las fuerzas restrictivas y planteen la oportunidad de un cambio
continuo en mejora de los que ya existen.

Sin embrago, el proceso administrativo y la administración deben de estar en constante

cambio dentro del ambiente tecnológico esto se debe principalmente a que las empresas y la
humanidad hoy en día gozan de una buena relación con la tecnología y la innovación. En la
administración se trabaja con la finalidad de conseguir objetivos. La innovación y
tecnología ha venido evolucionando constantemente y de manera muy rápida, lo que agiliza
y aumenta la productividad. Es por ello que las empresas utilizan la tecnología y
la innovación como estrategia.

A través de la tecnología la empresa puede adquirir nuevas herramientas que le permitan

tener mayor productividad a menor costo, a la vez puede utilizar la tecnología como el
internet para llegar a diferentes mercados. Por su parte, la innovación es algo que la
empresa tiene que adoptar en cada una de sus áreas con la finalidad de ser utilizada como
estrategia para la empresa y un impulso al alcance de la calidad.

Como anteriormente se mencionó en el punto 2.2 para realizar una eficiente gestión de
documentos es prescindible la aplicación de la norma ISO 9001, a continuación, se
menciona la norma para el seguimiento de los objetivos planteados en el proyecto.

2.3 Normas y la planificación de la calidad.

La planificación de la calidad es un aspecto muy importante por considerar cuando de
diseñar e implementar un proceso de sistematización documental se trata. Las normas
desarrolladas por ISO son voluntarias, comprendiendo que este es un organismo no
gubernamental y no depende de ningún otro organismo internacional, por lo tanto, no tiene
autoridad para imponer sus normas a ningún país con el principal motivo de homogenizar
lenguajes y bases técnicas a nivel mundial.

Esta serie de normas pueden aplicarse a cualquier industria, producto o servicio, y constan
de requisitos y directrices para establecer sistemas de calidad dentro de una organización en
los diferentes enfoques de sistemas de calidad existentes en diversos países.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Las normas ISO 9000 tienen tres componentes, los cuales son: administración, sistema de
calidad y aseguramiento de la calidad. Referente a la administración, ISO 9000 provee un
sistema para alcanzar el progreso de la organización mediante la realización de metas
estratégicas, comprensión de las necesidades de los usuarios y productividad, por medio de
acciones correctivas y preventivas. (Guajardo 1996, ISO 9000).

2.3.1 Sistema de gestión de calidad. (SGC)

Como lo describe el autor Werner, cuando la creciente complejidad de las organizaciones y

sus relaciones comenzó a ser detenida en la gestión de calidad, se hizo necesario establecer
documentación y actividades para asegurar la confianza mutua entre las partes interesadas,
esto dio origen a la serie ISO 9000 en donde se definieron los requisitos básicos para la
gestión de calidad, esta estandarización y la posibilidad de una certificación como sus
proveedores y clientes. (Weckenmann, Albert & Werner, Quality management)
2.3.2 Norma ISO 9001.
Es una norma de sistemas de gestión de la calidad (SGC) reconocida internacionalmente.
La norma ISO 9001 es un referente mundial en SGC. Superando el millón de certificados
en todo el mundo.

La norma cuenta con una estructura de alto nivel, gracias a la cual, la integración entre los
diferentes sistemas de gestión ISO se ve favorecida; logrando que los tiempos y recursos
invertidos en su gestión se reduzcan a niveles considerables, todas las normas ISO ha
establecido una estructura:

 Alcance.
 Referencias normativas.
 Términos y definiciones.
 Liderazgo.
 Planificación.
 Soporte.
 Operación.
 Evaluación de desempeño.
 Mejora. (Weckenmann, Albert & Werner, Quality management)
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
2.3.3 Ciclo PHVA
El ciclo PHVA es un ciclo de mejora continua aplicable a cualquier proceso y a al SGC, la
norma ISO 9001 lo describe de la siguiente manera:

a) Planificar: Establecer los objetivos del sistema y sus procesos, y los recursos
necesarios para generar y proporcionar resultados de acuerdo con los requisitos del
cliente y las políticas de la organización de la organización, identificar y abordar los
riesgos y las oportunidades.
b) Hacer: implementar lo planificado.
c) Verificar: Realiza el seguimiento y la medición de los procesos y los productos y
servicios resultantes respecto a los objetivos, los requisitos y las actividades
planificadas e informar sobre los resultados.
d) Actuar: tomar acciones para mejorar el desempeño, cuando sea necesario.
(Deming. W.E. planificación de la calidad)

2.3.4 Enfoque a procesos.

En una organización el enfoque a procesos permite planificar e interactuar la gestión de
procesos interrelacionados como un sistema, promueve la eficacia y eficiencia de las
organizaciones en el logro de sus resultados previstos de acuerdo con la dirección
estratégica de la organización, este enfoque permite controlar la relación de sus procesos,
de modo que se pueda mejorar el desempeño global de la organización.

Aunque la norma de gestión 9001 establece la gestión por procesos como mejor práctica de
calidad, esta norma no determina ni menciona de manera específica que procesos debe
tener la organización en su sistema de gestión, o en qué nivel del mapa de procesos se
deben encontrar ubicados, esto con el fin de la implementación de la norma sea flexible a
cualquier organización, de acuerdo con sus recursos y forma de operar. (Hernández, Hugo.
Enfoque basado en procesos como estrategia de dirección para las empresas)

Sin embrago, el proceso administrativo y la administración deben de estar en constante

cambio dentro del ambiente tecnológico esto se debe principalmente a que las empresas y la
humanidad hoy en día gozan de una buena relación con la tecnología y la innovación. En la
administración se trabaja con la finalidad de conseguir objetivos. La innovación y
tecnología ha venido evolucionando constantemente y de manera muy rápida, lo que agiliza
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
y aumenta la productividad. Es por ello, que las empresas utilizan la tecnología y
la innovación como estrategia.

A través de la tecnología la empresa puede adquirir nuevas herramientas que le permitan

tener mayor productividad a menor costo, a la vez puede utilizar la tecnología como el
internet para llegar a diferentes mercados. Por su parte, la innovación es algo que la
empresa tiene que adoptar en cada una de sus áreas con la finalidad de ser utilizada como
estrategia para la empresa y un impulso al alcance de la calidad.

2.4 Importancia de la administración tecnológica y de la innovación como

estrategia para las empresas
La tecnología se define como los métodos, procesos, sistemas y habilidades que se usan
para transformar los recursos en productos, en un sentido más amplio es la aplicación
sistemática de conocimiento científico a un nuevo producto proceso o servicios. (Díaz,
2012)

La Innovación es un cambio en el método o la tecnología, una evolución útil y positiva de

la forma previa; dentro de la Innovación se encuentra la innovación de productos, de
Procesos, Incremental. (Díaz, 2012)

Actualmente la tecnología es muy importante ya que se usan sistemas para agilizar los
trabajos más rápidos y eficientes gracias al invento de la tecnología como son las
computadoras que se han ido modernizando, el Internet, las redes inalámbricas,
electrónicas, computadoras portátiles, radios, entre otros productos y servicios. Vemos que
ahora debido a que la tecnología ha avanzado y se ha ido innovando se han creado
programas para agilizar el trabajo del hombre, podemos ver que actualmente se tienen los
trabajos en tiempo y forma, esto debido a que ya no es como antes que se tenía que arrastrar
el lápiz, había errores, tener que checar de principio a fin y si era urgente la información
había la necesidad de quedarse a trabajar fuera del horario establecido en el área laboral.

Por otra parte, la innovación se basa en la conexión entre la estrategia y los planes de
productos o servicios con el fin de lograr los objetivos, busca facilitar y estructurar la
función dentro de la organización como diseño para la producción y ensamble de un
producto. Dentro de la innovación podemos observar:
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 a) El Análisis de modos de fallo.
b) El lanzamiento y mejora continúa de un producto o servicio.
c) El Análisis del mercado. (Martínez, 2017)

Para que se dé la tecnología y por ende exista una innovación dentro de esta debe tomarse
en cuenta lo siguiente:

a) Debe existir una necesidad o demanda para la tecnología.

b) Satisfacer la necesidad debe ser teóricamente posible y el conocimiento debe estar
en la ciencia básica.
c) Se debe ser capaz de convertir el conocimiento científico en práctico tanto en
conocimiento de ingeniería como económicos.
d) El financiamiento, mano de obra calificada, tiempo, espacio y otros recursos
necesarios deben estar disponibles.
e) Se requiere iniciativa emprendedora para identificar y reunir todos los elementos
necesarios. (Martínez, 2017)

También debemos tomar en cuenta la Gestión Tecnológica y dentro de la empresa es la

aplicación de un conjunto de prácticas que le permiten establecer una estrategia en materia
de tecnología congruente con sus planes de negocio. En el ambiente empresarial la gestión
tecnológica se revela en sus planes, políticas y estrategias tecnológicas para la adquisición,
uso y creación de tecnología, así como cuando se asume la innovación como eje de las
estrategias de desarrollo de los negocios.

Es necesario tomar en consideración la cultura de la innovación tecnológica dentro de las

empresas, debemos de observar si se ha logrado crear una mentalidad innovadora, enfocada
hacia el aprendizaje permanente que sirva de sustento al crecimiento de la competitividad
en el largo plazo. La iniciación de un plan Tecnológico consiste en aplicar las siguientes
acciones o pasos: Inventariar, Vigilar, Evaluar, Enriquecer, Asimilar y Proteger. (Díaz,
2012)

En general, los procesos de gestión tecnológica en la empresa involucran funciones básicas,

como: identificación, evaluación y selección de tecnologías, desagregación de paquetes
tecnológicos, negociación de tecnologías, construcción y puesta en marcha de sistemas

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
productivos, uso y asimilación de tecnologías, adaptación y mejoramiento de la tecnología,
generación y comercialización de nuevas tecnologías.

La innovación tecnológica es un requisito de la creación de riqueza. En las economías

desarrolladas y competitivas, sólo existen tres formas de que el trabajo de las personas
produzca nueva riqueza empresarial de manera sostenible:

a) Captar y fidelizar clientes, incrementando la cuota de mercado en una actividad

determinada;
b) Optimizar procesos, incrementando la productividad del trabajo.
c) Desarrollar nuevos productos y servicios para crear actividades enteramente nuevas.
(Díaz, 2012)

Muchas iniciativas de innovación pueden no ser tecnológicas, pero la innovación tiende a

ser cada vez más tecnológica. Nuestra sociedad vive dentro de una situación donde la
tecnología cada día va ascendiendo más. Ya somos una comunidad muy tecnificada, en la
que cada vez más procesos del día a día dependen de la tecnología, y cambiar esos procesos
o lanzar nuevos productos y hábitos requieren a su vez una mayor intensificación
tecnológica.

Para los administradores es muy importante contar con la tecnología para estar actualizados
en nuestro entorno laboral con la existencia de las computadoras se ahorra tiempo, dinero y
no hay desperdicios de papelería. Los administradores enfrentan diversas opciones respecto
a cómo aplicar la nueva tecnología. Puede usarse para limitar tareas y responsabilidades de
los trabajadores y deshabilitar a la fuerza del trabajo, convirtiendo así a los trabajadores en
servidores de la tecnología, cuando se maneja efectivamente los trabajadores mejorar la
competitividad de las organizaciones.

Un buen administrador de la tecnología debe pensar en futuro para que pueda prevenir lo
que puede pasar y lo que es posible. Esto significa estar atento a los cambios, reales o
potenciales, en las demandas de los clientes y en los recursos de la compañía. El desafío de
los administradores es preocuparse lo suficiente por el futuro sin poner en riesgo las
operaciones de hoy. Una de las características de la nueva economía es que, en el proceso

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
de transformación, gran parte del insumo es propiedad intelectual: conocimiento,
investigación, información y diseño.

2.5 Las TIC´s y las Pymes.

Las Tecnologías de la Comunicación y la Información hacen referencia a un conjunto de
herramientas y recursos que facilitan la comunicación entre las personas, así como la
recolección y análisis de la información. Dentro de este conjunto de herramientas se
encuentran los equipos informáticos, programas, softwares, aplicaciones, redes y medios
que permiten desde un principio el procesamiento de la información hasta la transmisión de
esta misma.

La incorporación de estas nuevas tecnologías en el mundo empresarial, han supuesto un

antes y un después en las organizaciones, tanto a nivel interno como externo. Tal es el
impacto, que todas aquellas pymes que han integrado el uso de las TIC no volverían atrás.

Con los temas anteriormente mencionados se considera ahora la implementación de las

diferentes herramientas tecnológicas aplicadas a una plataforma web para el desarrollo y
funcionalidad del proyecto. A continuación, se describen el uso de las mismas.

2.6 Sistema
Los sistemas web o también conocido como aplicaciones web, son aquellos que se alojan
en un servidor en Internet o sobre una intranet (red local). Su aspecto es muy similar a las
páginas web que conocemos normalmente, pero en realidad los sistemas web tienen
funcionalidades muy potentes que brindan respuestas a casos particulares. Estos se pueden
utilizar en cualquier navegador web (chrome, firefox, Internet Explorer, etc.) sin importar el
sistema operativo.

Las aplicaciones web trabajan con bases de datos, las cuales permiten procesar y mostrar
información de forma dinámica para el usuario.

Los sistemas desarrollados en plataformas web, tienen diferencias con otros tipos de
sistemas, lo que lo hacen muy beneficioso tanto para las empresas que lo utilizan, como
para los usuarios que operan en el sistema. Este tipo de diferencias se ven reflejada en los

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
costos, en la rapidez de obtención de la información, en la optimización de las tareas por
parte de los usuarios y en alcanzar una gestión estable. (Báez, 2012)

Ventajas
I. Ahorran costes de hardware y software: sólo es necesario utilizar un ordenador con
un navegador web y conectarse a Internet. Las aplicaciones basadas en web usan
menos recursos que los programas instalados. Por otra parte, no requieren canales
de distribución como el software tradicional, lo que permite que su precio sea
inferior al de los programas instalables.
II. Fáciles de utilizar: las aplicaciones web son muy sencillas de usar, sólo se necesita
de conocimientos básicos de informática para trabajar con ellas. Además, en
muchos casos se pueden personalizar a su gusto y adaptarlas a su forma de trabajo.
III. Facilitan el trabajo colaborativo y a distancia: Pueden ser empleadas por varios
usuarios al mismo tiempo. Además, son accesibles desde cualquier lugar.
IV. Escalables y de rápida actualización: Existe solo una versión de la aplicación web
en el servidor, por lo que no hay que distribuirla entre los demás ordenadores. El
Proceso de actualización es rápido y limpio. Las aplicaciones basadas en web no
requieren que el usuario se preocupe por obtener la última versión ni interfieran en
su trabajo diario para descargar, instalar y configurar últimas versiones.
V. Provocan menos errores y problemas: Las aplicaciones web son menos propensas a
crear problemas técnicos. Todos los usuarios utilizan la misma versión de la
aplicación web y los posibles fallos pueden ser corregidos tan pronto son
descubiertos.
2.6.1 Seguridad en los sistemas web
La mayoría de los problemas de seguridad en los sitios web se encuentran a nivel de
aplicación y son el resultado de escritura defectuosa de código, debemos entender que
programar aplicaciones web seguras no es una tarea fácil, ya que requiere por parte del
programador, no únicamente mostrar atención en cumplir con el objetivo funcional básico
de la aplicación, sino una concepción general de los riesgos que puede correr la
información contenida, solicitada y recibida por el sistema.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Respecto a los servidores web, es común enterarse sobre fallas en los sistemas de
protección de los servidores más frecuentemente (Apache, IIS, etc.), o en los lenguajes de
programación en los que son escritas las aplicaciones que son ejecutadas por estos
servidores. Pero es un hecho, que la mayoría de los problemas detectados en servicios web
no son provocados por fallas intrínsecas de ninguna de estas partes, ya que una gran
cantidad de los problemas se generan por malos usos de los programadores.

2.6.2 Compatibilidad
Los estándares web proporcionan una línea base común de tecnologías, que permite a los
usuarios seleccionar el explorador deseado, también aprueba a los diseñadores y
desarrolladores crear una implementación única de un sitio web con la expectativa de que
todos podrán utilizarlo.

Es importante que los profesionales de TI, junto con sus equipos de desarrollo, se aseguren
de que las aplicaciones web son compatibles con los estándares y los exploradores web
actuales. De esta forma ayudan a evitar muchos problemas de compatibilidad que podrían
surgir en un futuro.

[Link] Errores y fallas

El fallo de aplicación web, se puede ver reflejado en un comportamiento inesperado de la
misma, como la devolución de datos incorrectos, páginas en blanco y un conjunto de
errores que provocan que los visitantes abandonen la aplicación, este tipo de errores
resultan molestos y pueden llegar a permitir el acceso a personas mal intencionadas para
ver información privada referente a los usuarios o también acceder a información
importante de la aplicación web en cuestión. También otra de las fallas que se encuentran,
están los mensajes de error, los cuales ocurren cuando la aplicación no permite visitar cierta
parte de esta.

Una mala práctica recurrente es ocultar valores o funciones de una aplicación web que se
sabe que no son seguras, para tratar de evitar el riesgo de comprometer al sistema. Ocultar
los errores en la aplicación ciertamente no los elimina y un usuario con conocimientos
especializados puede encontrarlos con relativa facilidad empleando software y técnicas
maliciosas.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Además, se pueden localizar enlaces o redireccionamientos a páginas no válidas pero que
parecen ser legítimas, llevándonos a una copia de la página que solicitamos originalmente y
en la cual se intenta instalar un programa malicioso en la computadora o incluso engañar al
usuario para revelar información confidencial. (Feás Muñoz, 2012).

2.7 Tipos de sistema

I. Aplicación web estática: son las más sencillas y no suelen estar sometidas a muchos
cambios porque no resulta sencillo hacerlos. Están desarrolladas con código HTML
y CSS y también pueden mostrar en algunas partes banners o vídeos, entre otras
opciones.
II. Aplicación web dinámica: Las aplicaciones web dinámicas son mucho más
complejas que las anteriores si hablamos desde un punto de vista técnico, y la
información y el contenido se actualizan cada vez que los usuarios acceden a la
web. Existen muchos lenguajes de programación para aplicaciones web dinámicas,
pero los más comunes son PHP y JavaScript. Además de cambiar la información y
el contenido, también se puede modificar el diseño de la web.
III. Tienda virtual o comercio electrónico: son conocidas como e-commerce y están
pensadas para vender productos. Son más complejas porque tienen que incluir el
método de pago y estar sincronizadas con el stock de la compañía y con la logística.
IV. Portal web app: este tipo de aplicaciones web incluyen diferentes categorías y
secciones. Pueden tener chats, foros o buscador, entre otras opciones.
V. Aplicación web animada: estaban relacionadas con la tecnología FLASH, aunque
hoy en día lo están con CSS y SVG. Permiten presentar contenido con efectos
animados. Son muy útiles para diseñadores y desarrolladores, pero, como
contrapartida, presentan un problema: no son útiles para mejorar el posicionamiento
ni el SEO porque los buscadores no leen correctamente su información.
VI. Aplicación web con gestor de contenido: son las aplicaciones más comunes para
todas aquellas webs que actualizan su contenido constantemente. Tienen un gestor
de contenidos (CMS) gracias al cual se añaden, modifican y actualizan los
contenidos y algunos ejemplos de CMS son WordPress, Drupal y Joomla, entre
otros. (K Rodríguez- Acimet, 2006.)

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
2.8 Lenguaje de programación
Según el autor Bellas RM un lenguaje de programación es; un lenguaje formal diseñado
para realizar procesos que pueden ser llevados a cabo por máquinas como las
computadoras. Pueden usarse para crear programas que controlen el comportamiento físico
y lógico de una máquina, para expresar algoritmos con precisión, o como modo de
comunicación humana. Está formado por un conjunto de símbolos y reglas sintácticas y
semánticas que definen su estructura y el significado de sus elementos y expresiones. Al
proceso por el cual se escribe, se prueba, se depura, se compila (de ser necesario) y se
mantiene el código fuente de un programa informático se le llama programación.

También proporciona los elementos de lenguaje necesarios que son necesarios para traducir
los pasos de un pseudocódigo en formato comprensible de la máquina. En otras palabras, el
lenguaje de programación proporciona el puente para hacer la transición de pseudocódigo
legible por humano instrucciones legibles por máquina. (Bellas, RM, Unanue, 2016 Books
[Link]).

2.8.1 Niveles de lenguaje de programación

Hay tres tipos de lenguaje de programación:

1. Lenguajes de bajo nivel

Son lenguajes totalmente dependientes de la máquina, es decir que el programa que se
realiza con este tipo de lenguajes no se puede migrar o utilizar en otras máquinas.
Al estar prácticamente diseñados a medida del hardware, aprovechan al máximo las
características de este.

Dentro de este grupo se encuentran:

● Lenguaje máquina

Este lenguaje de programación ordena a la máquina las operaciones fundamentales para su

funcionamiento. Consiste en la combinación de 0 'sy 1' s (ceros y unos) para formar las
órdenes entendibles por el hardware de la máquina.

Este lenguaje es mucho más rápido que los lenguajes de alto nivel.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
La desventaja es que son bastantes difíciles de manejar y usar, además de tener códigos
fuente enormes donde encontrar un fallo es casi imposible. (NI Florencio, 2012).

● Lenguaje ensamblador

Este lenguaje de programación es un derivado del lenguaje máquina y está formado por
abreviaturas de letras y números llamadas mnemotécnicos. Con la aparición de este
lenguaje se crearon los programas traductores para poder pasar los programas escritos en
lenguaje ensamblador a lenguaje máquina. Como ventaja con respecto al código máquina
es que los códigos fuentes eran más cortos y los programas creados ocupan menos
memoria. (Kernighan, B. W., & Ritchie, D. M,1991).

2. Lenguajes de medio nivel

Estos lenguajes se encuentran en un punto medio entre los dos anteriores. Dentro de estos
lenguajes podría situarse “C”, ya que puede acceder a los registros del sistema, trabajar con
direcciones de memoria, todas ellas características de lenguajes de bajo nivel y a la vez
realizar operaciones de alto nivel. (Kernighan, B. W., & Ritchie, D. M,1991).

3. Lenguajes de alto nivel

Son lenguajes de programación que se encuentran más cercanos al lenguaje natural que al
lenguaje máquina. Se tratan de lenguajes independientes de la arquitectura del ordenador.
Por lo que, en principio, un programa escrito en un lenguaje de alto nivel, lo puedes migrar
de una máquina a otra sin ningún tipo de problema.

Estos lenguajes permiten al programador olvidarse por completo del funcionamiento

interno de la máquina para la que están diseñando el programa. Tan solo necesitan un
traductor que entienda el código fuente como las características de la máquina. (NI
Florencio, 2012).

2.8.2 Tabla comparativa de lenguaje de programación

En la siguiente tabla se analizan los diferentes lenguajes de programación que se aplicaran

al desarrollo de la plataforma web de este proyecto.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Tabla 4: Tabla comparativa de lenguajes de programación. Fuente: Elaboración propia.

Lenguajes de
programación Logotipo Concepto Ventajas Función

JavaScript es un lenguaje de Tiende a ser muy rápido porque a

secuencias de comandos que te menudo se ejecuta inmediatamente en el Tiene como función validar datos, además, es
JavaScript permite crear contenido de navegador que se esté utilizando en la el lenguaje de programación que debes usar
actualización dinámica, controlar empresa. para añadir características interactivas al sitio
multimedia, animar imágenes y Fácil de adaptar. web.
prácticamente todo lo demás. Validación de datos en un formulario.
PHP (acrónimo recursivo de PHP:
Hypertext Preprocessor) es un
Php tiene como función principal la
Php lenguaje de código abierto muy Eficiente con las bases de datos.
comunicación del lado del servidor con la base
popular especialmente adecuado Se trata de un lenguaje multiplataforma.
de datos.
para el desarrollo web y que puede
ser incrustado en HTML.

El Lenguaje de Marcado de Definir una estructura básica para contenido

Lenguaje de Compatibilidad múltiple entre
Hipertexto (HTML) es el código web
marcado o navegadores.
que se utiliza para estructurar y Añadir archivos multimedia
hipertexto Un código más limpio.
desplegar una página web y sus Programar aplicaciones web reconociendo el
HTML 5 Experiencia de usuario.
contenidos. tipo de dispositivo y adaptación.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Lenguaje de hojas La hoja de estilo en cascada o CSS Todos los estilos en una sola página:
Permitir definir y crear una presentación
de estilo en cascada es un lenguaje usado para definir la Gratuito.
adecuada del documento estructurado en un
presentación de un documento Fácil de usar.
lenguaje de marcado e interfaces de usuario
estructurado escrito en HTML y Mayor accesibilidad.
CSS 3 escritas en HTML.
derivados. Adaptable.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 I. JAVASCRIPT
JavaScript es un lenguaje de programación o de secuencias de comandos que te permite
implementar funciones complejas en páginas web, cada vez que una página web hace algo
más que sentarse allí y mostrar información estática para que la veas, muestra oportunas
actualizaciones de contenido, mapas interactivos, animación de Gráficos 2D/3D,
desplazamiento de máquinas reproductoras de vídeo, etc., puedes apostar que
probablemente (T Navarrete [Link], 2006).

II. PHP
PHP es un lenguaje de programación para desarrollar aplicaciones y crear sitios web que
conquista cada día más seguidores. Fácil de usar y en constante perfeccionamiento es una
opción segura para aquellos que desean trabajar en proyectos calificados y sin
complicaciones (L Welling, L Thomson, 2005).

2.9 Base de datos

Una base de datos es un conjunto de datos almacenados en memoria externa que están
organizados mediante una estructura de datos. En este proyecto cada base de datos ha sido
diseñada para satisfacer los requisitos de información del STC Metro. Antes de la
implementación de una base de datos la empresa guardaba toda su información en hojas de
Excel (FLO Rivera 2008. Books [Link]).

Una base de datos se puede percibir como un gran almacén de datos que define y se crea
una sola vez, y que se utiliza al mismo tiempo por distintos usuarios. En una base de datos
todos los datos se integran con una mínima cantidad de duplicidad. De este modo, la base
de datos no pertenece a un solo departamento, sino que se comparte por toda la
organización. Además, la base de datos no sólo contiene los datos de la organización,
también almacena una descripción de dichos datos. Esta descripción es lo que se denomina
metadatos, se almacena en el diccionario de datos o catálogo y es lo que permite que exista
independencia de datos lógica-física.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
2.10 Gestor de base de datos
El sistema de gestión de la base de datos (en adelante SGBD) es una aplicación que permite
a los usuarios crear y mantener la base de datos, además de proporcionar un acceso
controlado a la misma. Se denomina sistema de bases de datos al conjunto formado por la
base de datos, el SGBD y los programas de aplicación que dan servicio a la empresa u
organización (FM Rodríguez, AR Martín. 2006).

El hecho de disponer de un lenguaje para realizar consultas reduce el problema de las hojas
de Excel, en los que el usuario tiene que trabajar con un conjunto de consultas, o bien,
dispone de un gran número de programas de aplicación costosos de gestionar.

2.10.1 Tipos de gestor de base de datos

SQL: Para llevar la gestión de Base de datos del proyecto “Sistematización de procesos
administrativos” respecto a log in y relación de usuarios, se eligió un software libre
XAMPP su sistema de gestión es MySQL, xampp es una distribución fácil de instalar con
un servidor web Apache, un intérprete script PHP y PERL.

NoSQL: Es una base de datos de documentos que ofrece una gran escalabilidad y
flexibilidad, y un modelo de consultas e indexación avanzado.

A continuación, se enlistan los tipos de gestores más utilizados para la base de datos:

• MySQL es el sistema gestor de base de datos relacional más utilizado para

desarrollo web.
• MariaDB es compatible con MySQL ya que cuenta con la mayoría de las
características.
• SQLite permite transacciones sin necesidad de un servidor ni configuraciones
permitiendo que las consultas sean muy eficientes.
• SQL Server es capaz de manejar grandes cantidades de datos de manera simultánea.
• MongoDB a diferencia de los anteriores es una base de datos orientada a
documentos (MYG Pérez, 2010).

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 II.10.2 Tabla comparativa de base de datos.

Dicha lo anterior se presenta la siguiente tabla donde se comparan los gestores de base
de datos de MySQL y SQL Server.

Tabla 5: Tabla comparativa tipos de base de datos. Fuente: Elaboración propia.

Base de
Datos Logotipo Concepto Función Ventajas
Es un software de Llevar la gestión de la
● Ofrece compatibilidad.
gestión para base de base de datos relacional
datos relacional, en el proyecto, con ● Seguridad para las
maneja el lenguaje tablas de entidad
consultas.
MySQL SQL. relación para una mayor
● Buen entorno de
seguridad en cuanto al
registro y manejo de encriptación.

seguridad de usuarios. ● De uso libre y gratuito.

Es un sistema de Permite a los usuarios

● Soporte de transacciones
gestión de bases de crear funciones
datos relacionales personalizadas de ● Escalabilidad,
(RDBMS) que acuerdo con sus
estabilidad y seguridad.
admite una amplia requisitos exactos
● Soporte de
variedad de
SQL aplicaciones de procedimientos

Server procesamiento de almacenados.

transacciones, ● Incluye un potente

inteligencia
entorno gráfico
empresarial y
● uso de comandos DDL y
análisis en entornos
informáticos DML gráficamente.
corporativos. ● Trabaja en modo cliente-

servidor

● Administra información

de otros servidores de
datos

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Conforme a las características el gestor de BD designado para el proyecto es:
MySQL.
Es un sistema de gestión de bases de datos relacionales (RDBMS) de código abierto
respaldado por Oracle y basado en el lenguaje de consulta estructurado (SQL). MySQL
funciona prácticamente en todas las plataformas, incluyendo Linux, UNIX y Windows.
Aunque puede utilizarse en una amplia gama de aplicaciones, MySQL se asocia más a
menudo con las aplicaciones web y la publicación en línea.
También es un componente importante de una pila empresarial de código abierto llamada
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 bases de datos
relacionales y PHP como lenguaje de scripting orientado a objetos (a veces se utiliza Perl o
Python en lugar de PHP). (Colaborador de TechTarget, [Link]).

2.10.3 Procedimientos Almacenados

Un procedimiento almacenado es un conjunto de instrucciones SQL que se almacena
asociado a una base de datos. Es un objeto que se crea con la sentencia CREATE
PROCEDURE y se invoca con la sentencia CALL. Un procedimiento puede tener cero o
muchos parámetros de entrada y cero o muchos parámetros de salida.

Parámetros de entrada, salida y entrada/salida

En los procedimientos almacenados podemos tener tres tipos de parámetros:

 Entrada: Se indican poniendo la palabra reservada IN delante del nombre del

parámetro. Estos parámetros no pueden cambiar su valor dentro del
procedimiento, es decir, cuando el procedimiento finalice estos parámetros
tendrán el mismo valor que tenían cuando se hizo la llamada al procedimiento.
En programación sería equivalente al paso por valor de un parámetro.
 Salida: Se indican poniendo la palabra reservada OUT delante del nombre del
parámetro. Estos parámetros cambian su valor dentro del procedimiento.
Cuando se hace la llamada al procedimiento empiezan con un valor inicial y
cuando finaliza la ejecución del procedimiento pueden terminar con otro valor

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 diferente. En programación sería equivalente al paso por referencia de un
parámetro.
 Entrada/Salida: Es una combinación de los tipos IN y OUT. Estos parámetros
se indican poniendo la palabra reservada IN/OUT delante del nombre del
parámetro.

2.10. 4 disparadores (TRIGGERS)

Un trigger, también conocido como disparador (Por su traducción al español) es un

conjunto de sentencias SQL las cuales se ejecutan de forma automática cuando ocurre
algún evento que modifique a una tabla. Este cambio es en cuanto al contenido de una
tabla, es decir, cuando se ejecute INSERT, UPDATE o DELETE.

Por ello existen 6 combinaciones de eventos para los disparadores y así puedan ejecutarse
antes o después de las sentencias mencionadas, a continuación, se muestran las 6
combinaciones:

 BEFORE INSERT: Acciones a realizar antes de insertar uno más o registros en

una tabla.
 AFTER INSERT: Acciones a realizar después de insertar uno más o registros en
una tabla.
 BEFORE UPDATE: Acciones a realizar antes de actualizar uno más o registros en
una tabla.
 AFTER UPDATE: Acciones a realizar después de actualizar uno más o registros
en una tabla.
 BEFORE DELETE: Acciones a realizar antes de eliminar uno más o registros en
una tabla.
 AFTER DELETE: Acciones a realizar después de eliminar uno más o registros en
una tabla.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
2.11 Metodología de desarrollo de software
La metodología de desarrollo de software se utiliza en el ámbito de la programación, con el
objetivo de trabajar en equipo de manera organizada.

Definición
Las metodologías de desarrollo de software son un conjunto de técnicas y métodos
organizativos que se aplican para diseñar soluciones de software informático (J Pacienzia,
2015).

Objetivo
Intentar organizar los equipos de trabajo para que estos desarrollen las funciones de un
programa de la mejor manera posible. Cuando se trata de desarrollar productos o soluciones
para un cliente o mercado en concreto, es necesario tener en cuenta factores como los
costes, la planificación, la dificultad, el equipo de trabajo disponible, los lenguajes
utilizados, etc. Todos ellos se engloban en una metodología de desarrollo que permite
organizar el trabajo de la forma más ordenada posible. Permite reducir el nivel de
dificultad, organizar las tareas, agilizar el proceso y mejorar el resultado final de las
aplicaciones a desarrollar.

2.11.1 Tipos de metodologías de desarrollo de software

En la actualidad se pueden diferenciar dos grandes grupos de metodologías de desarrollo de
software: las ágiles y las tradicionales.

a) Metodologías de desarrollo de software tradicionales

Las metodologías de desarrollo de software tradicionales se caracterizan por definir total y
rígidamente los requisitos al inicio de los proyectos. Los ciclos de desarrollo son poco
flexibles y no permiten realizar cambios, lo que ha propiciado el incremento en el uso de
las segundas.

La organización del trabajo de las metodologías tradicionales es lineal, es decir, las etapas
se suceden una tras otra y no se puede empezar la siguiente sin terminar la anterior.
Tampoco se puede volver hacia atrás una vez se ha cambiado de etapa. Estas metodologías,
no se adaptan nada bien a los cambios, y el mundo actual cambia constantemente.

Las principales metodologías tradicionales o clásicas son:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
● Waterfall (cascada): es una metodología en la que las etapas se organizan de arriba a

abajo, de ahí el nombre. Se desarrollan las diferentes funciones en etapas

diferenciadas y obedeciendo un riguroso orden. Antes de cada etapa se debe revisar
el producto para ver si está listo para pasar a la siguiente fase. Los requisitos y
especificaciones iniciales no están predispuestos para cambiarse, por lo que no se
pueden ver los resultados hasta que el proyecto ya esté bastante avanzado.

● Prototipado: se basa en la construcción de un prototipo de software que se construye

rápidamente para que los usuarios puedan probarlo y aportar feedback. Así, se
puede arreglar lo que está mal e incluir otros requerimientos que puedan surgir. Es
un modelo iterativo que se basa en el método de prueba y error para comprender las
especificidades del producto.

● Espiral: es una combinación de los dos modelos anteriores, que añade el concepto

de análisis de riesgo. Se divide en cuatro etapas: planificación, análisis de riesgo,

desarrollo de prototipo y evaluación del cliente. El nombre de esta metodología da
nombre a su funcionamiento, ya que se van procesando las etapas en forma de
espiral. Cuanto más cerca del centro se está, más avanzado está el proyecto.

● Incremental: en esta metodología de desarrollo de software se va construyendo el

producto final de manera progresiva. En cada etapa incremental se agrega una

nueva funcionalidad, lo que permite ver resultados de una forma más rápida en
comparación con el modelo en cascada. El software se puede empezar a utilizar
incluso antes de que se complete totalmente y, en general, es mucho más flexible
que las demás metodologías.

● Diseño rápido de aplicaciones (RAD): esta metodología permite desarrollar

software de alta calidad en un corto periodo de tiempo. Los costes son mucho más
altos y el desarrollo más flexible, aunque requiere una mayor intervención de los
usuarios. Por otro lado, el código puede contener más errores, y sus funciones son
limitadas debido al poco tiempo del que se dispone para desarrollarlas. El objetivo
es iterar el menor número posible de veces para conseguir una aplicación completa
de forma rápida. (FJ Gutiérrez, UVP Corona, 2015).

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 b) Metodologías de desarrollo de software ágiles
Las metodologías ágiles de desarrollo de software son las más utilizadas hoy en día debido
a su alta flexibilidad y agilidad. Los equipos de trabajo que las utilizan son mucho más
productivos y eficientes, ya que saben lo que tienen que hacer en cada momento. Además,
la metodología permite adaptar el software a las necesidades que van surgiendo por el
camino, lo que facilita construir aplicaciones más funcionales (JM Vélez, Prospectiva,
2013).

Las metodologías ágiles se basan en la metodología incremental, en la que en cada ciclo de

desarrollo se van agregando nuevas funcionalidades a la aplicación final. Sin embargo, los
ciclos son mucho más cortos y rápidos, por lo que se van agregando pequeñas
funcionalidades en lugar de grandes cambios.

Este tipo de metodologías permite construir equipos de trabajo autosuficientes e

independientes que se reúnen cada poco tiempo para poner en común las novedades. Poco a
poco, se va construyendo y puliendo el producto final, a la vez que el cliente puede ir
aportando nuevos requerimientos o correcciones, ya que puede comprobar cómo avanza el
proyecto en tiempo real. Las principales metodologías ágiles son:

● Kanban: metodología de trabajo inventada por la empresa de automóviles Toyota.

Consiste en dividir las tareas en porciones mínimas y organizarlas en un tablero de

trabajo dividido en tareas pendientes, en curso y finalizadas. De esta forma, se crea
un flujo de trabajo muy visual basado en tareas prioritarias e incrementando el valor
del producto.

● Scrum: es también una metodología incremental que divide los requisitos y tareas

de forma similar a Kanban. Se tira sobre bloques de tiempos cortos y fijos (entre dos
y cuatro semanas) para conseguir un resultado completo en cada iteración. Las
etapas son: planificación de la iteración (planning sprint), ejecución (sprint), reunión
diaria (daily meeting) y demostración de resultados (sprint review). Cada iteración
por estas etapas se denomina también sprint.

● Lean: está configurado para que pequeños equipos de desarrollo muy capacitados

elaboren cualquier tarea en poco tiempo. Los activos más importantes son las
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 personas y su compromiso, relegando así a un segundo plano el tiempo y los costes.
El aprendizaje, las reacciones rápidas y potenciar el equipo son fundamentales.

● Programación extrema (XP): es una metodología de desarrollo de software basada

en las relaciones interpersonales, que se consideran la clave del éxito. Su principal

objetivo es crear un buen ambiente de trabajo en equipo y que haya un feedback
constante del cliente. El trabajo se basa en 12 conceptos: diseño sencillo, testing,
refactorización y codificación con estándares, propiedad colectiva del código,
programación en parejas, integración continua, entregas semanales e integridad con
el cliente, cliente in situ, entregas frecuentes y planificación. (JM Vélez,
Prospectiva, 2013).

2.12 Tabla comparativa de metodologías de software.

De la misma forma, se presenta la siguiente tabla en la cual se hace énfasis de las
diferencias entre las metodologías de software que existen para el desarrollo de la
plataforma.

Tabla 6: Tabla comparativa de tipos de metodologías de software. Fuente: Elaboración propia con información de (JM
Vélez, Prospectiva, 2013).

Aspectos Tradicionales Ágiles

Requieren los requisitos Los requisitos son muy cambiantes. En software
detallados desde el inicio del los requisitos cambian continuamente, y se
Requisitos generales proyecto. Los requisitos no requiere de un feedback sobre un resultado
pueden cambiar obtenido para determinar si es lo requerido o
no.
Debido a la recolección inicial de El enfoque continuo en el valor para el proyecto
Requisitos requisitos es frecuente que se no permite que se incluyan funcionalidades
funcionales soliciten funcionalidades innecesarias
innecesarias
Hacer un cambio al alcance El cambio es bienvenido en cualquier momento
Cambios requiere de un proceso formal de del proyecto
control de cambios
Tiempo Existe un compromiso respecto al Existe incertidumbre respecto al tiempo de
tiempo de entrega del proyecto. entrega de todo el producto.
Lo cierto es que máximo cada 2 meses (máximo

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 un mes en scrum) hay entrega de producto de
valor para el cliente
El costo del proyecto es definido Existe incertidumbre respecto al costo del
para el proyecto proyecto.
Se invierte en las funcionalidades que más valor
le dan al cliente y cíclicamente se avanza hasta
Costo
que se logre, ya sea:

● El producto deseado

● Se acabe el presupuesto

Atención exhaustiva a la Solo se genera la documentación que genera

Documentación
documentación. valor al cliente y al proyecto
El cliente apoya el desarrollo del Involucración directa del cliente en el desarrollo
El cliente producto mediante la del producto
participación en reuniones. El cliente es parte del equipo.
Pocas iteraciones que generan Utilización de múltiples iteraciones de
gran volumen de información y desarrollo para aprender y evolucionar el
Iteraciones
software para construcción del producto
producto.
Los riesgos son asumidos por el Voluntad del cliente para compartir la
Riesgos
proveedor. responsabilidad en las decisiones y riesgos.
Se valora más El proceso El individuo y las interacciones de estos.

Requieren un plan detallado Se va planteando a medida que se avanza en el

La planeación
desde el inicio del proyecto proyecto. Planeación gradual y constante.
Es dado por el seguimiento del Es dado por la entrega continua de valor y
El éxito del proyecto
plan funcionalidad al cliente.
Se generan entregables que Se centran en hacer entregables en tiempos
Elaboración de
requieren mucho tiempo de cortos con alta calidad inmersiva.
entregables
elaboración.
La Es conocida al final, pudiendo Es constante a lo largo del proyecto
retroalimentación generar insatisfacción.
del cliente
Empodera al Gerente de proyecto Empodera al equipo para trabajar de forma
Participación del para el éxito de este, este decide creativa e innovadora.
equipo si participa de este poder o no al
equipo o no.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Innumerables plantillas y Pocas plantillas y artefactos (sólo los
Proceso (Plantillas) artefactos para cumplir con el estrictamente necesarios para construir el
proceso. producto).
Muchos roles para ejecutar el Pocos roles
Roles
proyecto.
Es un ejercicio que se realiza al Es un ejercicio constante durante el proyecto
Arquitectura inicio o en una etapa del
proyecto.

Referente a la información que se planteó en la tabla anterior, se deduce que el tipo de

metodología a implementar para el desarrollo del proyecto es la metodología Ágil, ya que,
podemos mejorar la velocidad y la eficiencia del equipo de desarrollo, pues al trabajar con
plazos y entregas parciales es más sencillo disminuir los tiempos para entregar una mejor
versión del producto. Las metodologías ágiles buscan generar un constante intercambio de
ideas entre los desarrolladores y el cliente para que el resultado final sea el producto que el
cliente necesita.

También alerta sobre los errores que se están cometiendo durante el desarrollo de un
proyecto y así evitar futuros problemas, gracias a que al hacer una retrospectiva constante
los desarrolladores podrán notar los errores e ir corrigiendo a medida que vaya surgiendo.

Por último, la interacción constante entre el cliente y los desarrolladores generará que se
demuestre un amplio comprometimiento con el proyecto, puesto que, al tener la opción de
que el cliente de un feedback constante para mejorar el producto, esté estará recibiendo lo
que necesita para cubrir sus necesidades y su nivel de satisfacción aumentará
considerablemente.

2.13 Tabla comparativa de metodologías ágiles.

La siguiente tabla hace una descripción general de las diferencias que existen entre las
metodologías agiles, además se mencionan algunas ventajas propias de cada una de ellas.

Tabla 7: Tabla comparativa de metodologías ágiles. Fuente: Elaboración propia con información de (JM Vélez,
Prospectiva, 2013).

Metodología Concepto Ventajas

Kanban Gestiona de manera general el  El flujo de trabajo queda claro en cada fase

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 del proyecto gracias a la organización de
las tareas por estados y de la duración
estimada que se indica para cada una de
ellas. Por ello, es posible prever una
cantidad de trabajo adecuada y asequible
para el cumplimiento de las metas.
 Gracias a la organización del flujo de
trabajo, se puede medir y cumplir con los
tiempos de entrega demandados por el
cliente.
desarrollo de las tareas gracias a
 Se pueden ver las tareas que se han hecho,
su visualización del trabajo por
las que se están haciendo y las que quedan
fases, permitiendo evitar la
por hacer, ayuda a una correcta
sobrecarga, a la vez que mide el
distribución. Todo el equipo puede ver
tiempo estimado en el que se
cómo va el transcurso del trabajo y saber
debería completar cada tarea
cuál es el siguiente paso.
 Con buena organización y con un buen
control de los tiempos, se podrán detectar
posibles problemas y, por consecuencia,
encontrar la solución.
 Al pre visualizar todas las tareas previstas y
el tiempo estimado para su cumplimiento,
el equipo podrá organizarse y asignar cada
trabajo sin sobrecargar.

Scrum Tiene como finalidad la entrega

de valor en períodos cortos de
 Ayuda a establecer metas cuantificables y,
tiempo y para ello se basa en tres
así, mantener al equipo ocupado todo el
pilares: la transparencia,
tiempo para garantizar la productividad.
inspección y adaptación. Es
 La flexibilidad del método Scrum te
especialmente interesante para
permite modificar el hilo conductor de los
proyectos en los que el objetivo
hechos en cualquier momento, lo que
es la entrega de valor continua al
favorece la resolución de conflictos u
cliente para poder empezar a ver
obstáculos sobre la marcha.
resultados lo antes posibles.
 Muestra el progreso del sprint o iteración
Además, esta metodología
de requerimientos.
permite agilizar procesos,

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
  Evita el perfeccionismo innecesario.
 Se obtienen resultados rápidos y periodos
de prueba muy cortos. Así, un producto
practicar la transparencia y puede estar listo para venta al público en
motivar al equipo a través de la poco tiempo.
autonomía y la independencia.  El método ofrece una mirada cercana y
transparente del proyecto a todas las partes
interesadas. Esto aporta confianza a los
clientes.
 Motiva al cierre de los sprints (mejor tasa
de cumplimiento).
 Te muestra una visión completa del
proyecto.

 Definir el valor desde el punto de vista del

cliente. La mayoría de los clientes quieren
comprar una solución, no un producto o
servicio. Debe ser una solución específica
que cumpla con unas necesidades también
específicas.
Es un método innovador que
 Identificar la cadena de valor. Ello permite
busca optimizar los procesos de
reconocer dónde se puede realizar mejoras
gestión y productivos de la
y dónde los procesos pueden optimizar
empresa que lo ponga en
eliminando los desperdicios.
práctica. De este modo se
Lean  Crear flujo. Es decir, perseguir la
utilizan menos recursos, por lo
reducción del “lead-time” o tiempo total de
que cualquier proceso se
un proceso haciendo que todo el proceso
convierte en más eficiente. Su
fluya suave y directamente de un paso que
máxima está en reducir la
añada valor a otro, desde la materia prima
inversión, el tiempo y el
hasta el consumidor final.
esfuerzo.
 Producir el “tirón” (pull) del cliente.
Producir según la demanda real de los
clientes, no al pronóstico de ventas a largo
plazo.
 Perseguir la perfección. Simplemente, es la
búsqueda de la mejora continua.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
  Da lugar a una programación sumamente
organizada.
El extreme programming está
 Ocasiona eficiencias en el proceso de
orientado a las necesidades del
planificación y pruebas.
cliente, además, XP trata de
 Cuenta con una tasa de errores muy
fomentar la creatividad de los
pequeña.
desarrolladores y acepta los
 Propicia la satisfacción del programador.
errores como una parte natural
 Fomenta la comunicación entre los clientes
del trabajo. XP rompe con la
y los desarrolladores.
Programación tradición de completar un
 Facilita los cambios.
extrema (XP) proyecto durante meses de
 Permite ahorrar mucho tiempo y dinero.
principio a fin para que al final el
 Puede ser aplicada a cualquier lenguaje de
resultado no sea el adecuado. En
programación.
lugar de esto, se hacen
 El cliente tiene el control sobre las
comprobaciones, se habla y se
prioridades.
publica constantemente en ciclos
cortos. De esta forma se pueden  Se hacen pruebas continuas durante el

determinar y eliminar los fallos proyecto.

rápidamente.  La XP es mejor utilizada en la

implementación de nuevas tecnologías.

2.14 Metodología XP
La metodología XP se utiliza principalmente para proyectos de desarrollo de software,
siendo uno de los tipos de metodologías Ágiles que mejor se adapta a las necesidades del
proyecto. Con esto, se va construyendo un producto muy ajustado a los requerimientos del
cliente, Además de que algunas especificaciones van variando a lo largo del desarrollo del
producto.

A pesar de que la metodología XP o Programación Extrema, es un método

cuantitativo y cualitativo, está enfocada al mundo del desarrollo del software, lo cierto es
que cada vez más empresas de diferentes sectores, empiezan a utilizar metodologías ágiles.
Por su capacidad de adaptación a los cambios, por un mercado cada vez más versátil,
exigente y de un crecimiento cada vez mayor. Todo ello, hace que las Agile estén
aterrizando en todo tipo de oficinas, co-workings o casas.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
La metodología XP se centra en la comunicación con todos los involucrados en el proyecto,
así como la reutilización del código ya desarrollado y la realimentación. (P Letelier, MS
Penedés, 2006).

2.15 Plan de implementación de la metodología de programación extrema

(XP)
El uso de esta metodología supone, una aproximación a la calidad óptima del producto.
Pues durante el ciclo de vida del software, ocurren cambios naturales en el desarrollo de
aplicaciones que se basa en la simplicidad, la comunicación y la realimentación del código
desarrollado. Es más, cuantos más cambios, puede que más cerca se esté del mejor
resultado que espera el cliente. Por eso, este cambio constante en el proyecto se llega a
considerar como favorable.

Objetivos de XP
• La Satisfacción del cliente.
• Potenciar el trabajo en grupo.
• Minimizar el riesgo actuando sobre las variables del proyecto: costo, tiempo,
calidad, alcance.

Características

• Metodología basada en prueba y error para obtener un software que funcione

realmente.
• Fundamentada en principios.
• Está orientada hacia quien produce y usa software (el cliente participa muy
activamente).
• Reduce el coste del cambio en todas las etapas del ciclo de vida del sistema.
• Combina las que han demostrado ser las mejores prácticas para desarrollar software,
y las lleva al extremo.
• Cliente bien definido.
• Los requisitos pueden cambiar.
• Grupo pequeño y muy integrado (2-12 personas).
• Equipo con formación elevada y capacidad de aprender.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Etapas del proyecto

A continuación, en la tabla 6 se observa el recorrido que presenta cada etapa para su diseño
e implementación del sistema de gestión administrativo.

Historias de usuarios Diseño simple

Valores Tarjetas CRC

Planificación Diseño
Criterios de adaptación Prototipos

Plan de iteración

Programación
Lanzamiento Pruebas
Codificación
Rediseño

Incremento del Pruebas de Pruebas unitarias

software adaptación Redirección continua

T Ilustración 6: Etapas para el diseño e implementación del sistema de gestión administrativo. Fuente: Elaboración propia.

Esta metodología consta de 5 fases.

Fase 1: planificación

Según la identificación de las necesidades del usuario, se priorizan y se determina la

planificación del proyecto y se va a ir revisando cada dos semanas aproximadamente, se
debe obtener una iteración del software útil, funcional, listo para probar y lanzar.

Fase 2: diseño

En este paso se intentará trabajar con un código sencillo, haciendo lo mínimo

imprescindible para que funcione. Se obtendrá el prototipo orientado de una maquetación
para el diseño del software.

Fase 3: codificación

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
La programación se realiza en un mismo ordenador. Así se conseguirá una programación
organizada y planificada, de esta forma, nos aseguramos de que se realice un código más
universal, con el que cualquier otro programador podría trabajar y entender.

Fase 4: pruebas

Se deben realizar pruebas automáticas continuamente mediante un testeo que permita

evaluar la eficiencia de programación del software y los factores de mejora constante.
Además, el propio cliente puede hacer pruebas, proponer nuevos cambios e ir validando los
procesos de avance.

Fase 5: lanzamiento

En este punto, significa que hemos probado todas las funcionalidades del software y
cubriendo todas las necesidades del cliente con éxito. Tenemos un software eficaz y se
pueda incorporar en el uso útil del sistema.

2.16 Ley de firma electrónica avanzada

El Código de Comercio contiene disposiciones que obligan a las empresas a llevar y
mantener un sistema de contabilidad adecuado, archivar comprobantes originales de sus
operaciones y conservar documentación relacionada con sus negocios.

La nueva ley publicada en el Diario Oficial de la Federación el 11 de enero de 2012. Título

segundo de la firma electrónica avanzada, capítulo I del uso y validez de la firma
electrónica avanzada hace énfasis al artículo 7 y 8 para la comprensión de los lineamientos
definidos para la aplicación de los términos en el proyecto de la organización.

Artículo 7. La firma electrónica avanzada podrá ser utilizada en documentos electrónicos

y, en su caso, en mensajes de datos.

Los documentos electrónicos y los mensajes de datos que cuenten con firma electrónica
avanzada producirán los mismos efectos que los presentados con firma autógrafa y, en
consecuencia, tendrán el mismo valor probatorio que las disposiciones aplicables les
otorgan a éstos.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Artículo 8. Para efectos del artículo 7 de esta Ley, la firma electrónica avanzada deberá
cumplir con los principios rectores siguientes:

I. Equivalencia Funcional: Consiste en que la firma electrónica avanzada en un

documento electrónico o en su caso, en un mensaje de datos, satisface el requisito
de firma del mismo modo que la firma autógrafa en los documentos impresos.
II. Autenticidad: Consiste en que la firma electrónica avanzada en un documento
electrónico o, en su caso, en un mensaje de datos, permite dar certeza de que el
mismo ha sido emitido por el firmante de manera tal que su contenido le es
atribuible al igual que las consecuencias jurídicas que de él deriven.
III. Integridad: Consiste en que la firma electrónica avanzada en un documento
electrónico o, en su caso, en un mensaje de datos, permite dar certeza de que éste ha
permanecido completo e inalterado desde su firma, con independencia de los
cambios que hubiere podido sufrir el medio que lo contiene como resultado del
proceso de comunicación, archivo o presentación.
IV. Neutralidad Tecnológica: Consiste en que la tecnología utilizada para la emisión de
certificados digitales y para la prestación de los servicios relacionados con la firma
electrónica avanzada será aplicada de modo tal que no excluya, restrinja o favorezca
alguna tecnología en particular.
V. No Repudio: Consiste en que la firma electrónica avanzada contenida en
documentos electrónicos garantiza la autoría e integridad del documento y que
dicha firma corresponde exclusivamente al firmante.
VI. Confidencialidad: Consiste en que la firma electrónica avanzada en un documento
electrónico o, en su caso, en un mensaje de datos, garantiza que sólo pueda ser
cifrado por el firmante y el receptor. DOF 20-05-2021

Así mismo para la comprensión de la expedición de la ley de firma electrónica avanzada

del apartado capitulo único del título 2, donde se describe las disposiciones generales por
las que resultan pertinentes entender y conocer los términos establecidos por la ley.

Artículo 2. Para los efectos de la presente Ley se entenderá por:

I. Actos: las comunicaciones, trámites, servicios, actos jurídicos y administrativos, así

como procedimientos administrativos en los cuales los particulares y los servidores
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 públicos de las dependencias y entidades de la Administración Pública Federal, y de
las unidades administrativas de la Presidencia de la República, utilicen la firma
electrónica avanzada. Fracción reformada DOF 20-05-2021
II. Actuaciones Electrónicas: las notificaciones, citatorios, emplazamientos,
requerimientos, solicitud de informes o documentos y, en su caso, las resoluciones
administrativas definitivas que se emitan en los actos a que se refiere esta Ley que
sean comunicadas por medios electrónicos.
III. Acuse de Recibo Electrónico: el mensaje de datos que se emite o genera a través de
medios de comunicación electrónica para acreditar de manera fehaciente la fecha y
hora de recepción de documentos electrónicos relacionados con los actos
establecidos por esta Ley.
X. Documento Electrónico: aquél que es generado, consultado, modificado o
procesado por medios electrónicos.
XIII. Firma Electrónica Avanzada: el conjunto de datos y caracteres que permite la
identificación del firmante, que ha sido creada por medios electrónicos bajo su
exclusivo control, de manera que está vinculada únicamente al mismo y a los datos
a los que se refiere, lo que permite que sea detectable cualquier modificación
ulterior de éstos, la cual produce los mismos efectos jurídicos que la firma
autógrafa.
XIV. Firmante: toda persona que utiliza su firma electrónica avanzada para suscribir
documentos electrónicos y, en su caso, mensajes de datos.
XV. Medios de Comunicación Electrónica: los dispositivos tecnológicos que permiten
efectuar la transmisión y recepción de mensajes de datos y documentos electrónicos.
XVI. Medios Electrónicos: los dispositivos tecnológicos para el procesamiento,
impresión, despliegue, conservación y, en su caso, modificación de información.
XVII. Mensaje de Datos: la información generada, enviada, recibida, archivada o
comunicada a través de medios de comunicación electrónica, que puede contener
documentos electrónicos.
XVIII. Página Web: el sitio en Internet que contiene información, aplicaciones y, en su
caso, vínculos a otras páginas.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
XXII. Sistema de Trámites Electrónicos: el sitio desarrollado por la dependencia o entidad
y contenido en su página Web, para el envío y recepción de documentos,
notificaciones y comunicaciones, así como para la consulta de información
relacionada con los actos a que se refiere esta Ley.
XXIII. Sujetos Obligados: los servidores públicos y particulares que utilicen la firma
electrónica avanzada, en términos de lo previsto en las fracciones II y III del
artículo 3 de esta Ley.
IV. Acuse de Recibo Electrónico: el mensaje de datos que se emite o genera a través de
medios de comunicación electrónica para acreditar de manera fehaciente la fecha y
hora de recepción de documentos electrónicos relacionados con los actos
establecidos por esta Ley. DOF 20-05-2021

2.17 NORMA Oficial Mexicana NOM-151-SCFI-2016.

Las NOM, son regulaciones técnicas obligatorias, que se expiden por diferentes
dependencias según les sea competente. Su nombre se compone por las siglas de Norma
Oficial Mexicana (NOM), el código numérico de la norma, las siglas de la dependencia que
la emite, y el año en el que fue emitida. En el caso de la NOM 151, fue emitida por la
Secretaría de Comercio y Fomento Industrial, por lo que lleva las siglas SCFI en su nombre
oficial. (NOM-151-SCFI-2016: Firma electrónica – Conformidad Daniel Mancera, 30 de
marzo de 2022)

La NOM 151 asegura el cumplimiento de las leyes comerciales, en cuanto a normas

técnicas que las empresas deben cumplir para garantizar que un documento electrónico
original haya sido almacenado y conservado de manera adecuada. Es decir, cuando las
empresas utilizan archivos electrónicos en sus procesos, la NOM 151 define las reglas de su
conservación. Cartas, telegramas, mensajes de datos o cualquier otro documento en donde
consten contratos, convenios o compromisos que den lugar a derechos y obligaciones deben
cumplir con lo que establece el marco legal.

Es importante subrayar que el Código de Comercio permite que las empresas utilicen
medios electrónicos para tales fines, siempre que sea en cumplimiento con la NOM 151 que
establece las características que deberán tener las constancias de conservación de mensajes

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
de datos al firmar documentos electrónicos. También define los elementos necesarios
apéndice B (normativo) digitalización de documentos en soporte físico o bien cuando la ley
requiera que la información sea presentada y conservada en su forma original. Ese requisito
quedará satisfecho:

1. Si existe garantía confiable de que se ha conservado la integridad de la información,

a partir del momento en que se generó por primera vez en su forma definitiva, como
mensaje de datos o en alguna otra forma; y
2. Si la información puede ser mostrada a la persona a la que se deba presentar, cuando
requiere que la información sea presentada. DOF: 30/03/2017 NORMA Oficial
Mexicana NOM-151-SCFI-201

Sin embargo, muchas empresas aún tienen dudas sobre este tema y sobre cómo pueden
utilizar las firmas electrónicas para digitalizar sus procesos y cumplir con las leyes. Por esta
razón, fue creada la Norma Oficial Mexicana NOM-151-SCFI-2016, conocida como NOM
151 que ha buscado evolucionar para regular ciertos aspectos de la transformación digital y
mitigar los posibles problemas que puedan surgir con ellos.
Así mismo, el alcance que comprende este proyecto se refleja en la elaboración de
manuales y capacitación aplicados al usuario que utilice la ´plataforma web.
La elaboración de un manual depende de la información y las necesidades de cada empresa,
para determinar con que tipos de manuales se debe contar, cuando se elaboran
adecuadamente pueden llegar a abarcar todos y cada uno de los aspectos de cualquier área
componente de la organización, su alcance se ve limitado únicamente por las exigencias de
la administración.

2.18 Importancia de los manuales

Según Herrera se denomina manual a: “toda guía de instrucciones que sirve para el uso de
un dispositivo, la corrección de problemas o el establecimiento de procedimientos de
trabajo”. Los manuales son de enorme relevancia a la hora de transmitir información que
sirva a las personas a desenvolverse en una situación determinada. (Administrativos,
2009)En general los manuales son frecuentes acompañando a un determinado producto que
se ofrece al mercado, como una forma de soporte al cliente que lo adquiere. En este caso, el

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
manual suele tener una descripción del producto y de la utilización que del mismo debe
hacerse, ya sea para obtener un buen rendimiento de éste como para dar cuenta de posibles
problemas y la forma de evitarlos.

Así, estos proveen toda la gama de posibilidades que el programa puede ofrecer, ya sea en
el uso cotidiano como en respuesta a situaciones excepcionales. El manual en este caso
sirve al técnico en el proceso de comprensión para hacer un buen uso del sistema. No
obstante, es difícil que estos manuales en estos tiempos se entreguen impresos; por el
contrario, se encuentran disponibles en el sitio web de la empresa que los comercializa.

2.17.1 Tipos de manuales

Existen algunos tipos de manuales:

I. Manuales de Bienvenida

Se encarga con la brevedad posible de hacer una introducción a lo que es la institución,

desde los inicios hasta el presente. Este tipo de manuales contiene también los objetivos de
la empresa, la misión y visión, los valores, etc. Por lo general contiene un manual adjunto
dando referencia a los lineamientos de dicha empresa, así como también las reglas internas
para dar una introducción al ámbito laboral.

II. Manuales de Organización

Son aquellos que se encargan de forma resumida detallar en forma general el manejo de
una empresa. Dan un detalle de cómo es estructurada y de los diferentes roles y funciones
que en ella se lleva a cabo y se desempeñan en cada departamento.

III. Manuales Departamental

Este tipo de manual contiene las informaciones de cómo es legislada una empresa y de
cómo se deben de realizar las funciones de cada área.

IV. Manuales de Finanzas

Se encarga de dar detalle de la verificación de la administración de cada uno de los bienes

que corresponden a la empresa.

V. Manuales de Política
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 En una empresa, este tipo de manuales detalla la forma en que esta está dirigida. Manuales
de Puesto: Este se encarga de marcar las funciones que se desarrollan en los diferentes
puestos de la empresa, así como citar las características y las responsabilidades a cumplir.

VI. Manuales para Especialistas

Este tipo de manual contiene normas agrupadas en el contenido. Las normas están escritas
de manera específica y con claridad. Dicho contiene los compendios de las secretarias y las
normas del vendedor. El principal objetivo es el de capacitar y entrenar a los empleados,
también es utilizado como elemento de consulta para realizar las tareas que son asignadas.

VII. Manuales administrativos

Los manuales administrativos son documentos escritos que concentran en forma sistemática
una serie de elementos administrativos con el fin de informar y orientar la conducta de los
integrantes de la empresa, unificando los criterios de desempeño y cursos de acción que
deberán seguirse para cumplir con los objetivos trazados.
Incluyen las normas legales, reglamentarias y administrativas que se han ido estableciendo
en el transcurso del tiempo y la relación con las funciones procedimientos y la forma en la
que la empresa se encuentra organizada.

VIII. Manuales de Normas y Procedimientos

Este Manual describe las tareas rutinarias de trabajo, a través de la descripción de los
procedimientos que se utilizan dentro de la organización y la secuencia lógica de cada una
de las actividades, para unificar y controlar de las rutinas de trabajo y evitar la alteración
arbitraria.
Ayudan a facilitar la supervisión del trabajo mediante la normalización de las actividades,
evitando la duplicidad de funciones y los pasos innecesarios dentro de los procesos,
facilitan la labor de la auditoría administrativa, la evaluación del control interno y la
vigilancia.
Contiene un texto que señala las normas que se deben cumplir para la ejecución de las
actividades que integran los procesos, se complementa con diagramas de flujo, así como las
formas y formularios que se emplean en cada uno de los procedimientos que se describan.

IX. Manuales técnicos

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Este documento contiene toda la información sobre los recursos utilizados por el proyecto,
explicado todo el trabajo que se ha realizado al desarrollar un sistema llevan una
descripción muy bien detallada sobre las características físicas y técnicas de cada
elemento.

X. Manual de usuarios

Es un documento técnico de un determinado sistema que intenta dar asistencia a sus

usuarios. En general, un manual de usuario debería poder ser entendido por cualquier
usuario principiante, como así también serle útil a usuarios avanzados. Un manual de
usuario va dirigido a un público más general, el cual no necesariamente debe tener
conocimientos específicos en el área de interés. (Grainger)

Una vez concluidos los manuales es importante llevar a cabo una capacitación para el uso
correcto de la plataforma web.

2.18 Importancia de la capacitación

A lo largo del tiempo las sociedades han ido cambiando tras sucesos y nuevas necesidades
para el alcance de metas y objetivos. Desde tiempo atrás a existido la necesidad de que
otros aprendan nuevos conocimientos, técnicas, habilidades y destrezas transmitidas a
través de diferentes métodos que en sus inicios no se conocían como lo que hoy por hoy es
la capacitación, con el tiempo se ha mejorado con el fin de lograr hacer las cosas bien sin
cometer errores pasados en el futuro.
2.18.1 Concepto de capacitación
Para el reconocimiento de las bases de lo que actualmente se conoce como capacitación es
importante conocer sus indicios. La siguiente tabla permite conocer cambios sustantivos
que impulsaron el proceso destinado al aprendizaje y mejora de los trabajadores. A grandes
rasgos se muestra su evolución. (Mitnik & Coria, 2012).
Tabla 8: Línea del tiempo del proceso de capacitación. Fuente: E elaboración propia con información de (Mitnik &
Coria, 2012).

Época Situación Características

Edad de  Primera etapa de la prehistoria  No existía estructura jerárquica.

humana basada en los avances

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 tecnológicos.  No existía división del trabajo.
 Etapa de fabricación de  Transmisión de conocimientos, a
Piedra
herramientas, evolución del ser través de signos, símbolos y palabras
humano física e intelectual. clave.

 Los reyes, la nobleza y el clero

gozaban de privilegios ante la
 Predomina la sociedad Analfabeta.
Edad Media sociedad.
 En el siglo XII surgen las artes.
 La ganadería y la agricultura son las
principales actividades económicas.

 Estructura del gremio: maestros,

oficiales y aprendices de una misma
profesión u oficio, regida por
ordenanzas o estatutos especiales.
 Surgen los gremios.
 Dio pie al cuidado de intereses
Edad Media  Implementación desconocida de
económicos e información exclusiva
Baja capacitación.
de cada oficio.
 Aprender haciendo.
 Una vez el aprendiz logrará obtener un
nivel aceptable por su profesor, pasaba
a ser ayudante de él.

Revolución  Nuevas tecnologías para la  Dominio de la burguesía sobre la

Industrial producción en masa. economía y la política.
 Desarrollo de nuevas industrias.  Da origen a la clase social del
 Sustitución de materiales de proletariado.
trabajo por otros más eficientes.  Remplazo de sistemas de trabajo.
 Los burgueses introdujeron la  Crecimiento de la población.
creación de emprendimientos y  No existían leyes que regularán el
la circulación del capital. trabajo del proletariado.
 Amplio sector de la población  La gente aceptaba trabajos en
sin recursos económicos. cualquier condición.
 Nuevas ideologías como la  Trabajo infantil.
Legislación del trabajo y las  Jornadas largas de trabajo.
organizaciones de los
trabajadores, así como el

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 socialismo y comunismo.

 Los trabajadores comienzan a ser

capacitados dentro de las fábricas.
 Se crean las escuelas-fábricas
 Se trata de un curso para los nuevos
1800  Se crea la práctica “capacitación
empleados que utilizarán máquinas
cerca del trabajo”.
específicas una vez empiecen a formar
parte de la fuerza de trabajo regular.

 Comienza con la fuerza militar

quienes tenían la necesidad de
 Guerras mundiales C. Allen
formar rápido y eficientemente a
desarrolló una metodología que
los soldados.
incluía: mostrar, decir, hacer y
 Consideran como requisitos para el
evaluar.
aprendizaje, motivar, presentar
 A los avances en la teoría de la
nuevas ideas, asociar esas ideas con
administración y en la
conocimientos previos, usar
pedagogía que influyeron sobre
ejemplos y verificar si se había
la capacitación laboral, se
aprendido.
Siglo XX sumaron importantes aportes
 La capacitación debe ser realizada
realizados desde la psicología.
dentro de la empresa por
 Con la Segunda Guerra Mundial
supervisores entrenados para
surgen los métodos sistemáticos
enseñar.
de capacitación, asociados
 Para el aprendizaje de actitudes,
nuevamente con la defensa.
quien aprende debe
 El Diseño Instruccional
enfrentarse con un modelo
Sistemático (DIS) surgió en los
conductual creíble o con
años cincuenta.
argumentos adecuados que
justifiquen las acciones.

Actualidad  En México actualmente es un  Título IIII, Capítulo I, Artículo 132,

derecho y una obligación. fracción XV de la LFT.
 Publicación del Diario Oficial  Capítulo III BIS.
de la Federación en 1970 de  la capacitación tiene la dualidad de
acuerdo a la Ley Federal del ser un derecho, pero también una
Trabajo. obligación: ofrece desarrollo y
 Procuraduría Federal de la demanda compromiso; permite

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 mantenerse actualizado y requiere
Defensa del Trabajo
de tiempo y espacio que quiénes la
PROFEDET”. (Trabajo, 2018)
reciben.

Una vez expuestos los antecedentes que influyeron en el desarrollo de lo que hoy se conoce
como capacitación, se logra reconocer la importancia que juega para el desarrollo de los
seres humanos en el campo laboral.

El recurso humano dentro de cualquier organismo es uno de los recursos más importantes
que existen para el funcionamiento dentro y fuera de la misma, por ello resulta de total
importancia que siempre se cuente con personal capacitado que conozca sus funciones para
desarrollar actividades acordes a alcanzar los objetivos de la empresa a corto y largo plazo.
Cuando existe personal capacitado adquieren habilidades de mejora, incremento y
desarrollo de calidad de los conocimientos de respuesta ante los cambios de su entorno o de
sus requerimientos laborales, con la finalidad de ascender su desempeño, finalmente una
constante mundial es el cambio continuo.

La capacitación es una actividad vital, que debe ser otorgada por cualquier empresa,
organismo, sociedad, etc.; ya que permite a los empleados el desarrollo continuo de nuevas
habilidades, confianza, sensibilización antes nuevos retos, creación de grupos de trabajo,
autoestima, mayor rendimiento, mayor eficacia y eficiencia en el desarrollo de trabajos o
tareas encomendadas.

Al ejecutar la capacitación dentro de los organismos se hacen aportes como una fuente de
bienestar creando un juego de ganar, ganar donde ambas partes involucradas resultan
beneficiadas de los resultados finales, siempre y cuando se lleve a cabo de manera correcta
y con lineamientos. Por una parte, el organismo que logra conseguir que su personal
desarrolle mayores habilidades que lo ayudarán al logro de objetivos y por otra parte el
empleado que consigue a través de la capacitación adquirir mayor desarrollo personal

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Una constante que se mantiene presente es el desarrollo en todo ser humano a lo largo de la
vida, el aprendizaje continuo donde se recibe información se identifica, y se vincula al
medio laboral. Que configuran una búsqueda por parte de las organizaciones de personas
más eficientes, más proactivas y con mayor apertura al cambio.

Innegablemente el proceso de capacitación va desarrollado de acorde a las necesidades y

características específicas de los trabajadores y de acorde a los objetivos de la organización.

2.19 Beneficios de la capacitación

La capacitación debe ser otorgada por cualquier empresa, organismo o sociedad, ya que permite a
los empleados el desarrollo continuo de nuevas habilidades, confianza, creación de grupos de
trabajo, autoestima, mayor rendimiento, mayor eficacia y eficiencia en el desarrollo de trabajos o
tareas encomendadas.

Al ejecutar la capacitación dentro de los organismos se hacen aportes como una fuente de
bienestar creando un juego de ganar, ganar donde ambas partes involucradas resultan
beneficiadas de los resultados finales, siempre y cuando se lleve a cabo de manera correcta y con
lineamientos. Por una parte, el organismo que logra conseguir que su personal desarrolle mayores
habilidades que lo ayudarán al logro de objetivos y por otra parte el empleado que consigue a
través de la capacitación adquirir mayor desarrollo personal.

Una constante es el desarrollo en todo ser humano a lo largo de la vida, el aprendizaje continuo
donde se recibe información se identifica, y se vincula al medio laboral. Que configuran una
búsqueda por parte de las organizaciones de personas más eficientes, más proactivas y con mayor
apertura al cambio.

A continuación, se enlistan algunos de los muchos beneficios que conlleva la capacitación:

 Eleva la productividad
 Impulsa el mejoramiento de sistemas y procedimientos administrativos
 Sensibiliza ante nuevos retos
 Mejora las relaciones humanas en la organización
 Asegura la permanencia de los cambios

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
  Mejora la calidad del desempeño
 Disminuye los incidentes en el trabajo
 Reduce el ausentismo
 Minimiza la rotación de personal
 Mejora las actitudes que poseen los empleados

2.20 Marco Jurídico de la capacitación en México

Antecedentes notables en México:

 En la Colonia, los métodos de instrucción empleados se inclinan a la relación

maestro-aprendiz.
 En 1870, en el Código Civil existía un capítulo referido al aprendizaje.
 En 1931, después de la Revolución se observaba un capítulo destinado al Contrato
de Aprendizaje, vigente hasta 1970.
 En 1970, Ley del Trabajo vigente, incluye artículos de obligaciones de los patrones
para la capacitación de sus trabajadores.
 En 1978 surge el Sistema Nacional de la Capacitación y Adiestramiento.

A lo largo del tiempo se han realizado modificaciones visibles en los siguientes estatutos:

 Constitución: artículo 123, apartado A. Fracciones XIII y XXXI.

 Ley Federal del Trabajo (LFT), artículo 132, fracción XV y se anexaron los
artículos 153-A al 153 X.
 Acuerdos publicados en el DOF (Diario Oficial de la Federación) en fechas
distintas.
 De este modo, es como hubo criterios de apoyo para el cumplimiento de los
derechos, regulados por la Secretaría del Trabajo.
 La LFT no abunda o determina procedimientos específicos para el desarrollo o
ejecución de la capacitación, al interior de las organizaciones.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 CAPÍTULO III DESARROLLO

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.1 Fases de la metodología de programación extrema (xp)
3.1.1 Fase de planificación
El desarrollo de este proyecto inicia el día 08 de febrero del 2022, en la empresa Grupo
Baley S.A. de C.V, ubicando en Dirección: Calle Palenque Número 7 int-202, Colonia
Narvarte, Alcaldía Benito Juárez, Ciudad de México, Código Postal 03020, se encuentra
ubicada entre las calles de Morena y Xola.

La primera reunión que se tuvo con la empresa se realizó el día 08 de febrero del 2022 por
medio de la plataforma de Google Meet, en presencia virtual del director Arturo Ernesto
Mares Gardea del Instituto Tecnológico de Tláhuac II, además de los asesores externos
Mtra. Gina Evelia Solís Villegas y el Lic. Francisco López Gutiérrez, algunos asesores
como el profesor García Olivares Daniel, Alejandro Castañeda y la jefa del departamento
de vinculación, la profesora Paola Moreno Romero

En esa reunión se establecieron:

Requerimientos de la plataforma, objetivos de la plataforma, asesores externos, asesores

internos, se determinaron leyes con las que el proyecto está involucrado como lo es la Ley
Electrónica Avanzada, además de acordar reuniones semanales entre la empresa y los
involucrados a realizar el proyecto.

Así mismo, se acordaron las actividades y se desarrolló el Diagrama de Gantt.

3.1.2 Identificación de roles

De acuerdo con el análisis de la metodología XP, cualquier equipo de trabajo se deben

asignar o tener roles, un XP tiene éxito cuando el cliente selecciona el valor de negocio a
implementar, basado en la habilidad del equipo para medir la funcionalidad que puede
entregar a través del tiempo.

El ciclo de desarrollo consiste en manera general en los siguientes pasos:

1. El cliente define el valor de negocio a implementar.

2. El programador estima el esfuerzo necesario para su implementación.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 3. El cliente selecciona qué construir, de acuerdo con sus prioridades y las restricciones
de tiempo.
4. El programador construye ese valor de negocio. (Erlijman Piwen & Gayen Fros,
2001).

En la tabla siguiente se puede observar los siguientes roles que asume cada integrante en el
equipo de trabajo para la descripción de actividades, analizando las fases del desarrollo y
definiendo las responsabilidades de procedimiento de cada etapa en la metodología XP.

Tabla 9: Descripción de roles a través de la metodología XP. Fuente: Elaboración propia.

Lista del equipo XP

Los clientes son los responsables de definir Asesores Externos:
los objetivos del proyecto, así como de
● Mtra. Gina Evelia Solís Villegas
Cliente conducir su gestión.
Marcan las necesidades y las prioridades en ● Lic. Francisco López Gutiérrez
el proyecto.
Los programadores serán los encargados de Residentes de las carreras de Ingeniería en Gestión
delimitar duraciones y estimar tiempos. Por Empresarial e Ingeniería en Tecnologías de la
lo que planificarán el proyecto, con respecto Información y Comunicaciones.
a los requisitos acordados con los clientes.
● Juárez Sánchez Eduardo

● Martínez Martínez Fernanda

● Muñoz Sánchez Bonifacio

Los programadores y
su marco de acción
● Ruíz Gasca Estefania

● Salcedo Medina Gabriel

● Vázquez Galicia Mitzi Ailyn

● Yedra Tapia Mitzi Fernanda

Los testers amplían su El Tester o encargado de pruebas amplía su Residentes de Ingeniería en Tecnologías de la
rol en la XP marco de ejecución, pues su comunicación Información y Comunicaciones.
con el cliente será vital para alinear

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 resultados con requisitos estimados.
● Juárez Sánchez Eduardo

● Ruíz Gasca Estefania

● Salcedo Medina Gabriel

● Vázquez Galicia Mitzi Ailyn

Su objetivo será que en todo momento haya Residentes carreras de Ingeniería en Gestión
un control y un por qué se realiza cada cosa. Empresarial e Ingeniería en Tecnologías de la
También la comunicación y relación Información y Comunicaciones.
constante con el cliente es clave. Definirá los
● Juárez Sánchez Eduardo
hitos o puntos de control en la planificación,
en función de los objetivos del cliente y las ● Martínez Martínez Fernanda
estimaciones de tiempos de ejecución de
El tracker o encargado ● Muñoz Sánchez Bonifacio
tareas del equipo de programadores.
de seguimiento
● Ruíz Gasca Estefanía

● Salcedo Medina Gabriel

● Vázquez Galicia Mitzi Ailyn

● Yedra Tapia Mitzi Fernanda

Los Coach realizan una tarea fundamental: Asesores internos:

el asesoramiento y orientación continua
● Claudia Gisela Barrios Porras
tanto para el equipo de trabajo como para los
El coach y su labor clientes. Son la guía del proyecto, para que ● Daniel García Olivares
clave todos sepan bien qué, cómo y cuándo
hacerlo. ● Luis Eduardo Martínez

● Alejandro Castañeda

El responsable de coordinar comunicaciones Asesores internos:

entre las distintas partes, ofrecer y gestionar
El mánager XP ● Claudia Gisela Barrios Porras
los recursos necesarios.
responde así a este
De tener una idea general del ● Daniel García Olivares
método
funcionamiento del proyecto y su estado en
todo momento. ● Luis Eduardo Martínez

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ahora, se considera la integración del tema referente de la ley de firma electrónica
avanzada para su comprensión del uso legal para el Proyecto con la finalidad de respaldar
la información con la NOM-151 que justifica con los requisitos que deben observarse para
la conservación de mensajes de datos y digitalización de documentos.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.1.3 Diagrama de Gantt
A continuación, se muestra en la tabla 12 el diagrama donde se señalaron por etapas, las actividades a desarrollar, a su vez por lapsos
de tiempo se determinaron las semanas que se ocuparon para ejecutar cada etapa con sus actividades correspondientes.

Tabla 10: Cronograma de Actividades dentro del periodo de residencias. Fuente: Elaboración propia.

MES FEBRERO MARZO ABRIL MAYO JUNIO JULIO AGOSTO

SEMANA 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

Día de inicio
14-18

21-25

14-18

21-25

11-15

18-22

25-29

16-20

23-27

13-17

20-24

11-15

18-22

25-29
8-11

28-4

7-11

28-1

9-13

30-3

6-10

27-1
4-8

2-6

4-8

1-5
Día de termino

FASE 1:
Planificación

FASE 2: Diseño
FASE 3:
Codificación
FASE 4:
Pruebas
FASE 5:
Lanzamiento

Simbología

Realizado

Periodo vacacional

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.2 FASE DE DISEÑO
Para el cumplimiento de la Norma ISO 9001: 2015 como base de gestión de calidad y buenas
prácticas de documentación de procedimiento e implementación de mejora en la
sistematización de procesos administrativos del STC. Se debe tener en claro como primer
punto el uso de la metodología del Ciclo de Deming o PHVA (PDCA) mencionado en el
marco teórico.

3.2.1 Ciclo de DEMING

El primer paso para realizar la mejora continua es siguiendo los procedimientos como lo
planteó Deming: planear, actuar, hacer y verificar.

3.2.2. Planear
La planificación consta de las siguientes etapas:

1. Método de análisis del proyecto,

2. Análisis de los recursos para gestionar el proyecto,
3. Análisis de la situación actual: contexto interno, parte interesada y procesos,
4. Establecimiento de principios y objetivos,
5. Fijación de los medios para lograr los objetivos,

[Link] Método de análisis del proyecto

Para recabar la información se utilizaron dos métodos de recolección de datos para el análisis
del problema con fines de investigación hacia el proyecto.

[Link] Método de la entrevista.

La finalidad de este método fue conocer con propias palabras de los clientes las necesidades
que ellos requieren para atender su problema y conocer a fondo lo que ellos en verdad
necesitaban como mejora en su proceso.

1. ¿Qué tipo de proyecto se desarrollará?

Sistematización de procesos administrativos
2. ¿Por qué?
Como una opción de modernización operativa en los procedimientos manuales de
gestión de solicitud.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3. ¿Para qué departamento se trabajará el proyecto?
El proyecto se trabajará para el departamento de Monitoreo y telemando que será la
parte administradora de la plataforma, y para grupo Baley S.A de C.V que son el
enlace intermediario del proyecto con el STC.
4. ¿Cuáles son los recursos con los que se cuenta para el desarrollo del proyecto?
Utilizando software libre como elemento de desarrollo de la plataforma web.
5. ¿Cuál es el nombre del procedimiento que realiza el STC?
Autorización de energizaciones, libranzas y permisos para realizar trabajos operativos
en la red de servicio del STC.
6. ¿Cómo se realiza la gestión de solicitud?
Cada unidad administrativa es responsable de generar la solicitud dependiendo del
requerimiento del formato de trabajo es como se elabora.
7. ¿Quiénes participan en el procedimiento operativo de solicitudes?
Las Unidades Administrativas involucradas en la gestión de solicitudes y autorización
de energizaciones, libranzas y permisos para realizar trabajos operativos en la Red de
Servicio.
8. ¿Cómo se autorizan los formatos de energización, libranza y anexos?
Cada representante de la unidad administrativa se reúne en un punto estratégico de la
línea del STC con el fin de recolectar las firmas de cada uno de los jefes que
intervienen de las demás áreas descritas en el programa.
9. ¿Qué periodo se tiene para realizar este proceso?
Tiene un tiempo de 13 días hábiles, llamándole programa catorcenal.
10. ¿Cuál es la necesidad del cliente?
La idea es generar una propuesta de mejora en los procesos administrativos por medio
de una plataforma web que simplifique algunas actividades, por ejemplo:
 Generar una firma electrónica mediante un código para aplicar a las solicitudes y
validar,
 Evitar el desplazamiento del personal al punto de reunión estratégico,
 Evitar imprimir tantos documentos.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 7: Formato Anexo1. Fuente: Elaboración Grupo Baley.

 Método de la observació[Link]

Con este método observamos de manera detallada el llenado de datos para la gestión de solicitudes y las áreas que llevan a cabo su
trabajo dentro de la institución y la forma de quienes firman y autorizan el proceso operativo que es de suma importancia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.2.3 Análisis de los recursos para gestionar el proyecto.
[Link] Recursos claves
El tiempo de dedicación han sido 500 horas de trabajo. Por lo tanto, para la realización del
proyecto, se necesitará una serie de recursos software, hardware y humanos que se detallan
a continuación:

Recursos humanos.
En lo que refiere a los recursos humanos para la realización de este proyecto, tan solo se
contará con la aportación del alumno, que deberá realizar las tareas de analista,
programador y diseño, pero teniendo en cuenta el soporte con la participación del profesor
asignado como asesor interno, y los asesores externos que representan a la empresa para
cualquier ayuda o consulta del proyecto.

Recursos de hardware.
Este proyecto trata de la implementación de una plataforma WEB, por lo que se necesita de
un servidor para el hospedaje del portal. En cuanto a los recursos hardware con los que se
ha trabajado han sido un pc portátil con el sistema operativo designado para todo el trabajo
de desarrollo del proyecto. Hay que destacar que a este equipamiento hardware no se le
asocia coste por parte de la empresa en este proyecto.

Recursos mínimos del cliente.

Para el acceso a la WEB el cliente deberá hacerlo a través de su ordenador personal. Éste
deberá contar con una conexión a Internet.

Recursos mínimos del servidor.

Para el hospedaje de la plataforma, se hará uso de un servidor WEB. Los recursos mínimos
de este servidor dependerán del volumen de visitas que la empresa tenga previstas para el
portal WEB.

Recursos de software.
Por lo que respecta al coste económico en software ha sido $200.00 pesos, para la
utilización de diseño de diagramas en el sitio web Lucidchart, y la renta de un hosting con
un costo de $380.00 para el alojamiento de la plataforma y realizar prueba remota del
diseño y operatividad, y algunas aplicaciones utilizadas de software libre, por lo tanto, no

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
tienen coste alguno para el cliente tanto para el diseño y desarrollo del proyecto y como
para su futuro funcionamiento.

Tabla 11: Tabla de Coste Económico del Proyecto. Fuente: Elaboración Propia.

Concepto Coste

Hardware $20,200.00

Software $580.00

Otros 0

Total $20,780.00

[Link] Análisis de la situación actual.

a) Contexto interno
El Sistema de Transporte Colectivo (STC) brinda un servicio de transporte público de
pasajeros eficiente, seguro y de calidad para la CDMX, y parte del Estado de México. Para
proporcionar dicho servicio el sistema cuenta con un proceso operativo de la red de servicio
estableciendo los mecanismos de comunicación y coordinación entre las unidades
administrativas en la gestión de solicitudes y autorización de energizaciones, libranzas o
permisos para que personal del STC y de las compañías contratistas puedan desarrollar
trabajos operativos programados.

b) Principales causas de la problemática.

El proyecto tiene como una de sus expectativas realizar una plataforma web para su
optimización y modernización de los procesos que actualmente lleva la empresa en la
gestión de trabajo pasando de un documento físico a digital, generando las solicitudes y
recolección de firmas mediante la plataforma web, que como resultado disminuirá los
tiempos de trabajo que se lleva en el proceso de recolección de firmas.

Para ello se realizó el análisis de causa-efecto.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 c) Propuesta de valor.
Modelo CANVA

A continuación, se determina realizar un análisis del contexto general que requiere el

cliente por medio de la herramienta CANVA.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 d) Parte interesada.
El proyecto se focaliza en las unidades administrativas que deberán acreditar y participar en
las reuniones para solicitar la autorización de energizaciones, libranzas y permisos son:

Representante Unidades administrativas para solicitar la

autorización a través de:

a. Dirección de Transportación. a.1 Gerencia Líneas 1, 3, 4 y 12,

a.2 Gerencia Líneas 2, 5, 6 y "B",

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 a.3 Gerencia Líneas 7, 8, 9 y "A",

a.4 Subgerencia de Control Central,

a.5 Subgerencia de Conservación de

Líneas.

b. Subdirección General de b.1 Gerencia de Instalaciones Fijas,

Mantenimiento.
b.1.1 Subgerencia de Instalaciones
Eléctricas,

b.1.2 Coordinación de Control y Operación

Eléctrica,

b.1.3 Subgerencia de Instalaciones

Mecánicas y Vías,

b.1.4 Subgerencia de Instalaciones

Electrónicas.

c. Gerencia de Obras y Mantenimiento. c.1 Subgerencia de Obras y

Mantenimiento,

c.2 Subgerencia de Proyectos.

d. Dirección de Mantenimiento de Material d.1 Gerencia de Ingeniería,

Rodante.
d.2 Subgerencia de Mantenimiento Mayor
y Rehabilitación,

d.3 Subgerencia de Mantenimiento

Sistemático l,

d.4 Subgerencia de Mantenimiento

Sistemático ll.

e. Gerencia de Seguridad Institucional. e.1 Coordinación de Vigilancia Zona A.-

Líneas 3, 4 y "A",

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 e.2 Coordinación de Vigilancia Zona B.-
Líneas 7, 8, 9 y "B",

e.3 Coordinación de Vigilancia Zona C.-

Líneas 1, 2 ,5 y 6,

e.4 Coordinación de Vigilancia Zona D.-

Línea 12,

e.5 Coordinación de Servicios Externos de

Vigilancia,

e.6 Coordinación de Seguridad Industrial e

Higiene.

f. Dirección de Recursos Materiales y f.1 Coordinación de Evaluación de

Servicios Generales. Proyectos y Mantenimiento de Áreas
Generales.

[Link] Diagrama de flujo de proceso de solicitud de libranzas.

A continuación, se muestra la ilustración 5 del diagrama de flujo que permite analizar el
proceso de energización, libranza, permiso y/o pruebas en hora de servicio, permiso en
horas
I fuera de servicio.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 8: Diagrama de flujo de proceso de solicitud de libranzas. Fuente: Elaboración propia.

[Link] Diagrama de procesos para la documentación.

Este diagrama se representa a grandes rasgos por el proceso actual para la elaboración y
autorización de las solicitudes de trabajo para liberación de vías en el TSCM. En el cual a
través de las tres columnas se divide en los actores involucrados, abarcando entonces por
cada actividad a los actores involucrados en ella.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Etapas del proceso de solicitudes de trabajo. (energización, libranza, permiso y/o pruebas
en hora de servicio, permisos en horas fuera de servicios)

A continuación, se muestra la tabla 12 en el que se describen las actividades de la secuencia

paso por paso del proceso para analizar posteriormente en la ilustración del diagrama de
procesos.
Tabla 12: Tabla de secuencia de procesos para la documentación. Fuente: elaboración propia.

Secuencia de etapas Actividades Responsables

1. Solicitar programa Elaborar un plan de trabajo mediante el instrumento Solicitante

catorcenal de planeación de 6 meses que Permiten dirigir y
coordinar las actividades del departamento que
realizará la operación.
2. Identificar líneas Identificar por líneas, los periodos disponibles de Solicitante
disponibles trabajo en el programa catorcenal.

3. Verificar fechas Se observará detenidamente la situación actual de las Solicitante

fechas de trabajo y se analizará el lugar que cumpla el
tiempo establecido para la actividad.

4. Elegir fecha Se procede a la elección del periodo correspondiente Solicitante y Coordinación

del trabajo y se designará un plan. de Aseguramiento y
Calidad.

5. Solicitar formatos Se realizará la petición de los formatos de la solicitud Solicitante y Coordinación

que se va a realizar. de Aseguramiento de
Calidad.

6. Llenar formatos de La solicitud deberá de ser llenada por el usuario que Solicitante
solicitud requiera la solicitud con algunas especificaciones.

7. Enviar formatos de El solicitante deberá de enviar la solicitud con la Solicitante y Coordinación

solicitud información requerida a la Coordinación de de Aseguramiento y
Aseguramiento y Calidad. Calidad.

8. Elaborar solicitud Si el lapso para enviar la solicitud se ha terminado se Solicitante

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 emergente deberá de llenar una solicitud emergente con el fin de
terminar el trámite de la solicitud.

9. Unificar firmas de Reunir cada una de las firmas de los departamentos Solicitante
autorización implicados en la solicitud para que esta pueda ser
liberada.

10. Crear programa de trabajo El solicitante podrá crear su horario de trabajo según Solicitante y
la disposición de su tiempo y posteriormente Departamentos.
presentar a los encargados de autorizar la solicitud

11. Enviar formato de trabajo Enviar a Coordinación de Aseguramiento de Calidad Solicitante

válido los formatos de solicitud ya validados y el programa
de trabajo catorcenal

12. Cargar formato Los formatos autorizados con las firmas idóneas Solicitante y Coordinación
deberán de ser cargados y subir a la nube por la de Aseguramiento y
Coordinación de Aseguramiento y calidad. Calidad

A continuación, se muestra en la siguiente ilustración el diagrama de procesos y la

importancia de la relación entre los departamentos que intervienen en el proceso de cada
actividad y lo eficiente que puede ser en su desarrollo de trabajo, ya que, se conoce el
departamento que está ligado entre sí para su requerimiento, seguimiento y la autorización.

Los rombos en negro representan las decisiones que deben tomar para continuar o
retroceder con las actividades. Los recuadros amarrillos enumeran las actividades en orden
cronológico para facilitar la comprensión de orden. Desde el inicio de la información para
el desarrollo de las actividades, las variables de decisión, la finalidad con la que se
desempeña en la gráfica y que se ilustra para una mejor comprensión y seguimiento.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Diagrama de Procesos.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 9: Diagrama de procesos. Fuente: Elaboración propia.

[Link] Establecimiento de principios y objetivos

Se establecen los objetivos de acuerdo con el problema descrito anteriormente y se ejecuta
como procedimiento en la etapa de fijación de medios acorde al desarrollo de la plataforma
y con lo que se va a mejorar de los procesos operativos actuales.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 1. Realizar un plan de mejora de procesos administrativos del STC.
2. Reunión con las personas involucradas en el proyecto para plantear la metodología
de trabajo en el desarrollo de la plataforma.
3. Reingeniería del proceso que se realiza en la gestión de solicitudes.
4. Documentar o Estandarizar el proceso, así como se define en la NORMA ISO 9001:
2015. con objetivos, alcance, definiciones, descripción de actividades.

[Link] Fijación de los medios para lograr los objetivos

Plan de mejora de sistematización de procesos administrativos del STC.
Se tiene un periodo de 6 meses de trabajo y se ejecutará en 3 partes:
a. Parte 1 Desarrollo,
b. Parte 2 Operación,
c. Parte 3 Cierre del proyecto.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
[Link] Modelo Entidad Relación
En el siguiente diagrama se muestra la constitución del modelo lógico de la entidad relación de la base de datos. El cual está compuesto de 60
tablas, las cuales se conectan por medio de 130 relaciones:

Ilustración 10: Modelo entidad relación (MER). Fuente: elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
[Link] Diagrama Entidad Relación

Ilustración 11: Diagrama entidad relación (DER). Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
[Link] Maquetación: página principal
Representa la simulación del contenido que tendrá la página de inicio del sistema. La
ilustración 11 se observa cual tiene la función principal de mostrar los departamentos que
se pueden seleccionar, además de contener en la esquina superior izquierda los logotipos
oficiales del STC.

Ilustración 12: Maquetación página principal. Fuente: elaboración propia.

[Link] Log-in coordinación de calidad

Al seleccionar el departamento Coordinación de Aseguramiento de Calidad, se abrirá una
página como lo muestra la ilustración 12 que permite el acceso a través de un usuario y una
contraseña.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 13: Log-in de coordinación y aseguramiento de calidad. Fuente: elaboración propia.

[Link] Funciones coordinación de aseguramiento y calidad

La ilustración 14 refiere al ingreso al login, muestra una nueva página que permite
visualizar las funciones que se pueden desarrollar dentro de este tipo de usuario. Siendo
Coordinación de Aseguramiento y Calidad el encargado de subir la calendarización de
trabajo, dar de alta y baja a los usuarios, revisar las solicitudes y validar los anexos una vez
cumplan con los requisitos.

Ilustración 14: Funciones de coordinación de aseguramiento y calidad. Fuente: elaboración propia.

[Link] Log-in monitoreo y telemando

Al seleccionar el departamento de Monitoreo y Telemando de igual forma muestra una
maquetación del acceso por medio de un log in.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 15: LOGIN monitoreo y telemando. Fuente: elaboración propia.

[Link] Funciones monitoreo y telemando

Y de igual forma la página siguiente mostrará las funciones que se pueden realizar como
usuario de Monitoreo y Telemando. Dar de alta y baja de usuarios, delimitar los permisos
por usuarios y las firmas electrónicas.

Ilustración 16: Funciones de monitoreo y telemando. Fuente: elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
[Link] Log in departamentos
Como usuario departamento también deberán acceder con un usuario y contraseña.

Ilustración 17: LOGIN departamentos. Fuente: elaboración propia

[Link] Funciones departamentos

Que permitirá de acuerdo con el usuario firmar los anexos y generar nuevas solicitudes,
funciones establecidas de acuerdo con sus atribuciones.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 18: Funciones de departamentos. Fuente: elaboración propia.

[Link] Seguimiento de procesos para el desarrollo de la plataforma web.

Ejecutar el procedimiento como han sido planificadas para generar la documentación de los
procesos y la mejora, pero se establecen pruebas como se mencionan a continuación del
proceso de gestión de solicitudes, en el proceso de autorización del plan de trabajo y el
proceso de registro de usuario por el área administrativa de Monitoreo y telemando, para
luego validarlo con los asesores externos quien da la validez como cliente.
[Link] Etapas de procesos para el desarrollo de la plataforma web del STCM
Teniendo en cuenta que el STC. A pesar de no contar con un sistema de documentación
digital, tiene claros los procesos con los que gestiona las solicitudes, el cliente expone las
necesidades de una plataforma web para realizar sus procedimientos más agiles.
A continuación, en la ilustración se representa el diseño del mapa de proceso para la
implementación en el proceso de desarrollo de la plataforma por parte de los
programadores, se incluye el proceso de diseño tomando en cuenta que es la misma
organización la que con base en la materia principal establece las necesidades para la salida
del producto.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 19: Etapas de procesos para el desarrollo de la plataforma web del STCM. Fuente: Elaboración Propia.

Para garantizar una adecuada implementación de gestión de procesos administrativos y que

las responsabilidades no queden inmersas en otros procesos, si no por sus actividades
acordes al plan y que limite la información de entrada a los demás procesos se aplicó una
matriz de relación de procesos para identificar.
Matriz de interrelación de los procesos.

Tabla 13: Matriz de Relación de Procesos. Fuente: Elaboración Propia.

DE Planificación Diseño Desarrollo Verificación Validación

A

Planificación Definir los Cumplir con el tiempo Determinar el Se establecen

pasos establecido para la ejecución tiempo y los reuniones para
estableciendo del proyecto. formatos de deliberar las
las entrega de la actividades ya
intervenciones información conformes en
paso a paso relativa al el diseño.
para cada procedimiento
actividad. de operación
de cada
actividad.

Diseño Recolección de Automatización de los Documento Cumplimiento

la información procedimientos y recursos donde se de los
relativa a la necesarios para su eficiencia establece la requerimientos
sistematización en el proceso. clasificación definidos en el
de procesos y de prioridad programa.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 elaboración de de cada
plataforma actividad.
web.

Desarrollo Especificación Especificaciones Ejecución de Garantizar que

de las de las áreas la plataforma la parte de
actividades de involucradas y web para la estructura de
operación se define la evaluación la plataforma
relacionado a parte operativa y de cumpla con los
los objetivos y interesada en diseño. requisitos de la
la estructura los necesidad del
adecuada. procedimientos cliente.

Verificación Orden del Servidores de Verificar el número de cambios Análisis de

contenido de operación e en la plataforma mejora de los
actividades infraestructura procesos y
para su tecnológica validadndo los
integración en adecuada. procedimientos
el diseño. de acuerdo a la
necesidad del
cliente.

Validación Evaluación del plan de Todos los Medición Medición y

mejora en la se operativa documentos y análisis análisis de los
del proceso de solicitud. digitales de mejora procesos como
mantienen de cada herramienta
el valor que proceso de la mejora
aquellos descrito continua.
tramitados por la fase
en papel. de
desarrollo.

[Link] Reingeniería de los procesos manuales que se realizan en la gestión de

solicitudes.
Con base al análisis de los procesos se aplican los cambios para implementar la mejora del
proceso de gestión de solicitudes, proceso de autorización del plan de trabajo y el proceso
de registro de usuario por el área administrativa de Monitoreo y telemando, para luego
validarlo con los asesores externos quien da el aval.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Las actividades sin que se crucen y pueda ser un retraso en las entradas y salidas de la
información.

Ilustración 20 Reingeniería de los procesos. Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 a. Diagrama de flujo de gestión de solicitudes

Ilustración 21 Diagrama de flujo de gestión de solicitudes. Fuente: Elaboración propia.

b. Diagrama de flujo de registrar usuario

Monitoreo y telemando funge como Administrador para dar seguimiento a:
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
  Administración de usuarios registrados en la plataforma.
 Asignación de claves y actualización del estatus de la inactividad de usuarios.

Ilustración 22 Diagrama de flujo de registrar usuario. Fuente: Elaboración propia.

3.3 Fase de Codificación

La programación aquí se hace en parejas o equipos (equipo de ITICs: 2 personas para
backend, dos personas para frontend; y equipo de IGE: 3 personas). Incluso, a veces se
intercambian las parejas o integrantes entre equipos. De esta forma, se asegura de que se
realice un código más universal, con el que cualquier otro programador podría trabajar y
entender. Además, debe parecer que ha sido realizado por una única persona. Así se
conseguirá una programación organizada y planificada.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.1 Creación de la BD en MySQL
Con base al análisis previo de los diagramas de apoyo (MER y DER) para la verificación
del contenido de las tablas y atributos, se procede a la construcción de la B.D. dentro de
MySQL obteniendo un total de 60 tablas y sus respectivas relaciones.

Ilustración 23: Conjunto de tablas que forman parte interna de la estructura del sistema. Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Tabla Usuarios.
Referente a la tabla “Usuarios” contiene la información y datos principales de los
involucrados de cada departamento, los cuales están involucrados en los anexos. Es en esta
tabla es donde los usuarios serán registrados desde un principio se les asignara un rol dentro
de los 4 roles incluidos en el sistema (súper usuario, usuario administrador, usuario, usuario
coordinador) almacenando también el código encriptado de su firma autógrafa y una
síntesis de este código de 10 caracteres para hacer más maleable su manipulación y que los
usuarios puedan memorizar y reconocerla.

Las funciones que realizan los usuarios se describen en la siguiente lista:

● Generar solicitudes.

● Firmar solicitudes.

● Visualiza calendario.

Recordando que s el super usuario, valida todas las solicitudes.

A continuación, se muestran los atributos que conforman la tabla de usuarios:

Ilustración 24: Se muestra la relación de llaves foráneas y los atributos de la tabla “usuarios”. Fuente: Elaboración
propia.

[Link] Tabla de Departamento

Está tabla se encarga de enlistar los departamentos localizados en el metro, buscando
mantener una relación entre sus roles y funciones mediante una serie de claves guiadas por
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
números y letras iniciales; por ejemplo, la clave F1 hace referencia a la función uno que
sería “Generar Calendarización” y la clave R1 pertenece al rol principal “Súper Usuario”.

Ilustración 25: Atributos de la tabla "departamento", contiene la lista de los departamentos que intervienen en las
solicitudes y anexos, así como las claves de sus roles y funciones. Fuente: Elaboración propia.

[Link] Tabla de Funciones

Las funciones que se hallaron dentro de la administración del metro fueron diez, estás se
insertan dentro de la tabla designada para poder hacer la relación entre los roles y los
departamentos que conforman el STC metro. Mantiene una relación directa con la tabla
“usuarios” con una cardinalidad de uno a uno y la tabla “rol_funsiones” con una
cardinalidad de muchos a muchos.

Ilustración 26: Se muestra el contenido de la tabla “funciones" y su contenido. Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Tabla de Rol
Se relaciona directamente con los usuarios ya que por medio de una función “trigger” los
roles pueden ser insertados desde el logueo de cada usuario en dos tablas al mismo tiempo
(usuarios y rol). Dentro de esta tabla se encuentran jerárquicamente almacenados los roles
que se manejan dentro del sistema y que los usuarios desempeñan dentro de la plataforma
web. Según las funciones detectadas en el STC metro, son cuatro funciones en total
divididas entre el súper usuario, usuario administrador, usuario y usuario coordinador.

Ilustración 27: Contenido de la tabla "rol". Fuente: Elaboración propia.

[Link] Tabla de Rol_Funsiones

Es la tabla producto de la cardinalidad muchos a muchos de las tablas “rol y funciones”,
debido a esta cardinalidad surge la necesidad de esta tabla, la cual se ocupa para introducir
las claves de funciones y roles, darle sentido a esta dependencia necesaria y poder mantener
una relación más estable a la hora de almacenar información dentro de los atributos de las
tablas “rol” y “funciones”.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 28: Contenido y atributos de la tabla "rol_funciones" cumple con la función de relacionar a los roles y
funciones, para ser relacionados e identificadas dentro de la tabla “departamento”. Fuente: Elaboración propia.

[Link] Tabla de Firma

La cardinalidad de esta tabla es de uno a uno, manteniendo una conexión con la tabla de
“usuario”. Dentro de ella se almacena el código encriptado de la firma autógrafa en el
atributo firma, el cual se sintetiza en un total de diez caracteres para mejorar la
manipulación de esta y reconocerla por medio de este código mucho más pequeño que la
firma original encriptada en base 64.

Ilustración 29: La tabla “firma” y sus atributos para el almacenamiento de los códigos encriptados de cada usuario.
Fuente: Elaboración propia.

[Link] Tablas de Solicitud 2, 3, 4

Las tablas solicitud es una tabla de naturaleza independiente, maneja las peticiones que se
llevan a cabo de acuerdo con las funcionalidades de cada uno de los usuarios descritas en

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
las tablas de “rol y funciones”. De acuerdo con la jerarquía de cada usuario no todos son los
encargados de generar e intervenir en la información que esta tabla maneja, dependerá
directamente del “súper usuario y el usuario administrador”.
Las tablas de solicitud, es un conjunto de 4 tablas que se relacionan directamente con los
anexos manejados por el STC Metro, como tal los anexos por el alto contenido de atributos
se dividieron en 3 grupos de tablas esenciales para el almacenamiento y manejo de su
información las cuales son las tablas de “área_involucradaa#” numeradas del 1 al 4,
“requerimiento_solicitadoa#” también maneja 4 tablas y las tablas de
“coordinación_enteradaa#”.

Cada tipo de anexo maneja un tipo de solicitud en específico ya sean: energización que
correspondería a las tablas de “anexo1”, “área_involucradaa1”,
“requerimiento_solicitadoa1” y “coordinación_enteradaa1” y así sucesivamente la
numeración 2 les corresponde a los anexos de libranzas, la numeración 3 a los anexos de
permisos y/o pruebas en horas en servicio y la numeración 4 designada a los anexos de
permisos en horas fuera de servicio; cada uno de ellos con su respectivo conjunto de tres.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 30: Es el conjunto de cuatro tablas de “solicitud” donde se generan las peticiones de los cuatro distintos
anexos. Fuente: Elaboración propia.

[Link] Tablas de Solicitud_Anexo_1, 2, 3, 4

El origen de estas tablas proviene de la cardinalidad muchos a muchos entre las tablas
“anexo#” y “solicitud”, se encargan de construir la relación que permite concatenar la
información incluida en estas tablas e insertar las fecha y hora de inserción de la
información

De acuerdo con el orden de las tablas, las tablas del programa catorcena, es un documento
donde se visualiza el orden de las peticiones de trabajo que se realizan en el metro. Estas
incluyen un periodo de 14 días, y dentro de su contenido, ordena la información de las
líneas en las cuales se va a trabajar o a realizar mejoras, o un conjunto de actividades de
mantenimiento.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Se realizaron cuatro tablas de este tipo, ya que son 4 anexos que se manejan en el sistema y
la información varía. Se tuvo que trabajar de esta forma, para evitar fallos de conexión en
las tablas y así mismo darle independencia y relación con cada anexo. El único detalle
podría ser la redundancia de datos.

Ilustración 31: Conjunto de cuatro tablas de “solicitud_anexo#” donde únicamente se almacenan las claves de las llaves
foráneas correspondientes a las tablas involucradas (naexo# y solicitud#). Fuente: Elaboración propia.

[Link] Tablas de Anexo 1,2,3,4

Como se mencionó anteriormente en la descripción de las tablas de solicitud, debido al alto
contenido de información y datos que los Anexos manejan, se tuvo que dividir la
información en secciones para darle un orden más organizado. Las tablas de “area_
involucradaa#” hacen referencia al primer apartado del principio de cada anexo y sus
atributos, las demás secciones que son: “requerimiento_solicitadoa#,

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
“coordinación_enteradaa#” vienen conformando la parte textual contenida dentro de los
anexos.
El contenido de estas tres conforma a un anexo, el cual se enlazará con la ayuda de un
procedimiento almacenado, que se encarga de concatenar las partes que conforman a cada
uno de los 4 Anexos, y así mostrar su información completa.

Ilustración 32: Contenido de las tablas de “anexo#” que van numeradas del 1 al 4, concatenan la información de las
tablas de las cuales estás dependen. Fuente: Elaboración propia.

[Link] Tablas de Programa_catorcena_a1, a2, a3, a4

Son las tablas asignadas al formato de “Programa Catorcena” ya que de acuerdo a su forma
de trabajo se puede elaborar o solicitar dos de estos formatos por anexo, cada uno de estos
formatos debe ser creado antes que los anexos, se puede decir que es el justificante para que
un anexo de trabajo sea validado y respalda las actividades a realizar a coordinación de

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
calidad para que una vez aprobados se pueda llevar a cabo el registro de los anexos e
insertar las firmas de cada uno de los diferentes departamentos.

Debido a que estos programas manejan dos turnos durante su tiempo de ejecución, se
particiono de acuerdo en dos grupos de tablas de acuerdo al horario laboral de ejecución
“día y noche”.

Este conjunto de tablas tiene relación directa con las tablas de anexo, manejando entre ellas
una cardinalidad constante de uno a uno. De igual manera se relaciona con el conjunto de
tablas dividido por horario “progcat_d#_a# y progcat_n#_a#” teniendo una cardinalidad
de uno a uno.

Ilustración 33: Se ejemplifica el contenido del conjunto de tablas del “programa_catorcena_a#”, recordando que maneja
una lista de 4 tablas una para cada uno de los 4 anexos. Fuente: Elaboración propia.

[Link] Tablas de Progcat_d1_a1, d2_a2, d3_a3, d4_a4

Es el conjunto de tablas que pertenecen al horario “día”, su función como tal es recabar y
almacenar la información de estos documentos durante ese horario laboral y gestionar el
control de registro que estos formatos manejan.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 34: Se muestra el conjunto de tablas dedicado para el almacenamiento del horario “día” de los formatos de
“Programa Catorcena” del STC metro. Fuente: Elaboración propia.

[Link] Tablas de Progcat_n1_a1, n2_a2, n3_a3, n4_a4

Las tablas designadas con el nombre “progcat_n#_a#”, se encargan del gestiona miento y
control de la información en horario nocturno de los formatos pertenecientes al Programa
Catorcena referentes a este horario.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 35: Conjunto de tablas dedicado para el almacenamiento del horario “noche” de los formatos de “Programa
Catorcena” del STC metro. Fuente: Elaboración propia.

[Link] Tablas de Pcat_d1, d2, d3, d4

El origen de estas tablas se debe a la relación muchos a muchos entre las tablas
“programa_catorcena_a#” y “progcat_d#_a#”, se había mencionado que durante el
periodo de trabajo mensual se podía obtener dos formatos de este tipo de cada turno, debido
a ello la relación es de muchos a muchos ya que en total se pueden obtener 2 programas
catorcenales por anexo. La función de estas tablas es almacenar las llaves foráneas de las
tablas involucradas en este proceso, pero correspondientes al horario “día”.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 36: Es el conjunto de tablas dedicado para el almacenamiento de las llaves foráneas del horario “día” de la
relación M:M de las tablas “programa_catorcena_a#” y “progcat_d#_a#”. Fuente: Elaboración propia.

[Link] Tablas de Pcat_n1, n2, n3, n4

Estas tablas se encuentran dentro de la BD, debido a la relación M:M entre las tablas
“programa_catorcena_a#” y “progcat_n#_a#”. Almacenan las llaves primarias de cada
una de estas tablas pasando a ser llaves foráneas dentro de los atributos que estas guardan
dentro de sí.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 37:Son las tablas dedicadas para el almacenamiento de las llaves foráneas del horario “noche” de la
relación M:M de las tablas “programa_catorcena_a#” y “progcat_n#_a#”. Fuente: Elaboración propia.

[Link] Tablas de Area_involucradaa1, a2, a3, a4

Se había comentado con anterioridad en el apartado de las tablas “anexo#”, que debido al
alto contenido de atributos de estos formatos se vio con la necesidad de dividir su contenido
en tres secciones. El contenido de estas tablas pertenece al principal contenido de estos
formatos, pero haciendo referencia al anexo 1 correspondiente a “Energizaciones”.

Estas tablas a su vez mantienen una relación uno a uno con la tabla de “anexo1” (checar el
diagrama de entidad relación ilustración 9).

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 38: Durante el proceso de automatización de los anexos se creó el apartado de anexo 1 dentro del sistema,
cada anexo tiene su propio formulario y los atributos del primer apartado de cada anexo varia muy poco. Fuente:
Elaboración propia.

Se ejemplifica por medio de la ilustración 25 la estructura de las tablas

“área_involucradaa#”, la tabla número 2 de estas “área_involucradaa2” pertenece al anexo
de Libranzas, la tabla número 3 “area_involucradaa3” al anexo de Permisos y/o pruebas en
horas de servicio, la tabla número 4 “área_involucradaa4” al anexo de Permisos en horas
fuera de servicio.

Es a partir de estas tablas en las que se crea el atributo de “folio” con la finalidad de que los
usuarios puedan consultar estos anexos en el buscador del sistema insertando el folio
designado a cada uno de los anexos.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Tablas de Requerimiento_Solicitadoa1, a2, a3, a4
Es un conjunto de 4 tablas, corresponde al segundo apartado de cada uno de sus anexos de
acuerdo a su numeración, continúan con la relación uno a uno con las tablas de anexo# y el
contenido de sus atributos varia por muy poco.

Ilustración 39: Por medio de esta ilustración se muestra el ejemplo de la estructura de estas tablas, su contenido como
atributos llave primaria y llave foránea. Se puede notar el peculiar atributo de folio. Fuente: Elaboración propia.

Conforma el segundo apartado de cada uno de los anexos que maneja el STC Metro, la
tabla “requerimiento_solicitadoa2” pertenece al anexo de Libranzas, la tabla
“requerimiento_solicitadoa3” hace referencia al anexo de Permisos y/o pruebas en horas de
servicio y la tabla de “requerimeiento_solicitadoa4” al anexo de Permisos en horas fuera de
servicio.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Tablas de Coordinacion_Enteradaa1, a2, a3, a4
El conjunto de estás tablas hace referencia a la última sección de los anexos, estas tablas
tienen relación uno a uno con el anexo al que pertenecen, pero en este caso los atributos no
varían se mantienen constantes y repetitivos para cada uno de los anexos.

Ilustración 40: Estas tablas mantienen los atributos constantes, por lo que el cambio de estas no es necesario y respeta la
relación uno a uno con su tabla de anexo respectiva. Fuente: Elaboración propia.

[Link] Tabla de Firmasvali

Esta tabla contiene los usuarios involucrados y encargados en la intervención de los
programas de los anexos de Energización, hay que recordar que las firmas son creadas
desde el momento en que los usuarios son logueados y es aquí donde se inserta el conjunto
de las firmas de los usuarios encargados de cada uno de los departamentos que participan
en la intercesión del programa de trabajo de este anexo. Se insertan dentro del formulario
para ser guardados en el archivo PDF correspondiente a cada uno de los anexos que maneja
el STC Metro.

Las tablas donde se insertan las firmas son 4, cada una relacionada numéricamente al anexo
al que pertenecen: la tabla “firmasvalia2” para el anexo de Libranzas, la tabla
“firmasvalia3” relacionada con el anexo de Permisos y/o pruebas en horas de servicio y la
tabla “firmasvalia4” para el anexo de Permisos en horas fuera de servicio.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 41: Se refiere a las firmas validadas dentro del anexo 1 “Energización”, cuando uno de los usuarios desea
consultar un anexo, puede encontrarlo por medio del buscador insertando el folio correspondiente del anexo al que desea
agregar o verificar su código

Ilustración 42: Tabla para almacenar las firmas validadas del anexo 2 Libranzas. Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 43: Tabla para almacenar las firmas validadas del anexo 3 Permisos y/o pruebas en hora de servicio. Fuente:
Elaboración propia.

Ilustración 44: Tabla para almacenar las firmas validadas del anexo 4 Permisos en horas fuera de servicio. Fuente:
Elaboración propia.

[Link] Tablas de Anexos1pdf, 2pdf, 3pdf, 4pdf

La función primordial de estás tablas es una ves llenado la información dentro de uno de los
anexos, se general e PDF correspondiente al formato físico que maneja el STC Metro para
cada uno de estos y se sube dentro de esta tabla para que los usuarios puedan consultarlo
por medio del folio designado en el formulario de cada anexo.

Ilustración 45: Es el conjunto de tablas encargadas de almacenar el archivo PDF de cada uno de los anexos referente a
la numeración de cada uno de ellos para ser identificados. Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Tabla de Calendario
Esta designada para el almacenamiento y gestión de la información del calendario, el cual
interactúa con los usuarios para generar el programa catorcenal designado a cada uno de los
cuatro anexos registrarse y validarse en el sistema para que posteriormente los anexos sean
solicitados y se comience el proceso de labores dentro de las instalaciones del metro de la
ciudad de México.

Ilustración 46: Esta tabla se encarga de registrar cada uno de los Programas catorcenales designados para cada anexo
de los cuatro que maneja el STC Metro. Fuente: Elaboración propia.

[Link] Tabla de Eventoscalendar

A partir de la tabla calendario, se encarga de registrar y almacenar dentro de ella los labores
u eventos que se van a realizar en las vías que requieran o sea necesario mantenimiento o
intervención de x tipo por parte de los departamentos que participan en el proceso de
manutención de las instalaciones del STC Metro.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 47: Se encarga de registrar los diferentes eventos y labores que se aportan a las instalaciones del metro,
designando un color para cada uno de los anexos. Fuente: Elaboración propia.

3.3.2 Procedimientos Almacenados

[Link] Procedimiento Almacenado para la inserción de datos dentro de la tabla

“área_involucradaa1”
Se realiza la creación de este procedimiento con la finalidad de poder mandar a llamar su
sentencia dentro de la programación en php, reduciendo las líneas de código dentro de los
archivos del proyecto. Su función es insertar todos los atributos que pertenecen a la tabla de
“área_involucradaa1” ya que es parte del primer aparatado del anexo de Energizaciones.

Ilustración 48: Vista en resumida en SQL del corazón del comando que realiza el proceso de inserción dentro de la tabla
“área_involucradaa1”. Fuente: Elaboración propia.

[Link] Procedimiento Almacenado para la inserción de datos dentro de la tabla

“requerimiento_solicitadoa1”
Por medio de este procedimiento se insertan los parámetros referentes a la tabla
“requerimiento_solicitadoa1” del anexo de Energizaciones.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 49: Muestra del procedimiento almacenado “insert_reqA1” designado para insertar los parámetros de la
tabla “requerimiento_solicitadoa1”. Fuente: Elaboración propia.

[Link] Procedimiento Almacenado para la inserción de datos dentro de la tabla

“coordinación_enteradaa1”
Es la parte más pequeña de los anexos, la cual sus atributos no varían y se mantienen
constantes para todos ellos.

Ilustración 50: Procedimiento almacenado creado en la BD para la inserción de datos dentro de la tabla
“coordinación_enteradaa1”. Fuente: Elaboración propia.

[Link] Procedimiento Almacenado para el registro y logue de usuarios

Con este procedimiento, los usuarios pueden registrarse insertando los datos solicitados por
medio de la interfaz gráfica del login, la tabla usuarios permite almacenar por medio de este
procedimiento la firma encriptada y el resumen de esta de máximo de 10 caracteres por
medio de la programación en php.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 51: Procedimiento almacenado “insert_lohin” para el registro y logueo de usuarios. Fuente: Elaboración
propia.

[Link] Procedimiento Almacenado por medio de la instrucción Join que

muestra los bloques completos para concatenar la información de los anexos.
Este método de consulta se encarga de traer el registro de información almacenado dentro
de las tablas de “área_involucradaa1”, “requerimiento_solicitadoa1” y
“coordinación_enteradaa1”. Recordar que los anexos fueron divididos en tres partes y a
cada uno de ellos les corresponde un con junto de tres tablas similares, cambiando
únicamente algunos de sus atributos por muy mínimo.

Ilustración 52: Es el procedimiento de búsqueda que manda a traer el boque completo de los registros del anexo 1.
Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Nota: para cada anexo se creó una instrucción de búsqueda similar con la intención de
juntar el registro de sus tres tablas en uno solo y ahorrar líneas de código dentro de la
programación.

[Link].1 Procedimiento Almacenado para el registro dentro de las tablas

“programa_catorcena_a#”
La importancia de este procedimiento almacenado radica en la inserción de datos dentro de
los atributos de estás tablas, el formato de “Programa Catorcena” se planea primero para
pasar a el llenado de los formatos, es el documento que valida la ejecución de los formatos
de trabajo que se manejan en Coordinación.

Ilustración 53: Procedimiento encargado de insertar los registros dentro de la tabla “programa_catorcena_a1”. Fuente:
Elaboración propia.

Nota: los registros para las tablas “programa_catorcena_a2”, “programa_catorcena_a3” y

“programa_catorcena_a4” son similares al procedimiento almacenado mostrado en la
ilustración 40. Cada una de estas tablas cuenta con su método almacenado propio.

3.3.3 Triggers para el aumento de foráneas

La aplicación de los triggers se aplica para el autoincremento de las llaves foráneas para las
tablas de los anexos (anexo, area_involucrada, requerimiento_solicitado,
coordinación_enterada, programa_catorcena y progcat. 1,2,3 y 4).

El aumento de foráneas por medio de los disparadores se realiza en las tablas de

Anexo1,2,3 y 4, en esa tabla se encuentran las 3 foráneas de “área_involucrada”,

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
“requerimiento_solicitado”, “coordinación_enterada”, cada trigger para su respectivo tipo
de tabla y anexo, ya sea el 1, 2, 3 o 4.

[Link] Se muestra la estructura del trigger para registrar los datos en

automático de la llave foránea “clave_area_fecha” en la tabla “anexo1” por
medio de la inserción de datos en la tabla “área_involucradaa1”.

Ilustración 54: Estructura de trigger para aumentar foránea en anexo 1 sobre la sentencia insert de
"área_involucradaa1". Dónde indica que después de un insert en dicha tabla se tomará la clave y se aumentará,
insertando la nueva clave en anexo 1 Fuente: Elaboración p.

Vista del total de triggers para todas las tablas de “area_involucradaa#”:

Ilustración 55: Triggers para aumentar la foránea en anexo1, 2, 3 y 4 después de cada insert de las tablas referenciadas.
Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] La estructura del trigger para aumentar la llave foránea
“clave_req_fecha” dentro del “anexo1” insertando los datos por medio de la
tabla “requerimiento_solicitadoa1”.

Ilustración 56: Estructura de trigger para aumentar foránea en anexo 1 sobre la sentencia insert de
"requerimiento_solicitadoa1". Fuente: Elaboración propia.

Vista de triggers para todas las tablas de “requerimiento_solicitado”:

Ilustración 57: Triggers para aumentar la foránea en anexo1, 2, 3 y 4 después de cada insert de las tablas referenciadas.
Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] La siguiente estructura trigger es para aumentar la llave foránea
“clave_req_fecha” del anexo1 de la tabla “coordinación_enteradaa1”.

Ilustración 58: Estructura de trigger para aumentar foránea en anexo 1 sobre la sentencia insert de
"coordinacion_enteradaa1". Fuente: Elaboración propia.

Vista de triggers para todas las tablas de “coordinación_enterada”:

Ilustración 59: Triggers para aumentar la foránea en anexo1, 2, 3 y 4 después de cada insert de las tablas referenciadas.
Fuente: Elaboración propia.

[Link] El siguiente trigger está enfocado para aumentar la llave foránea en la

tabla “pcat_d1” por medio de la inserción de datos de la tabla
“programa_catorcena_a1”.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 60: Esta estructura es la misma para las demás tablas, sólo cambia el nombre de la tabla sobre dónde se
ejecuta el insert. Fuente: Elaboración propia.

Vista de todos los triggers de “programa_catorcena” tablas día y noche.

Ilustración 61:Triggers para aumentar las foráneas en las tablas referenciadas después de una sentencia insert.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.4 Trigger para insertar parámetro en tabla “firma”

La aplicación de los triggers en esta tabla de la BD tiene como propósito insertar datos
iguales de una tabla a otra sin necesidad de generar otra interfaz y sólo quedando la
información que se desea manipular y almacenar en la tabla dentro del backend.

[Link] A continuación, se visualiza la estructura del disparador que ejecuta un

insert en la tabla firma desde la tabla usuarios (registro).

Ilustración 62: Estructura de trigger para la inserción de datos en tabla firma. Fuente: Elaboración propia.

Visualización de trigger insertFirma:

Ilustración 63: Visualización de insertFirma. Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.5 Conexión a la base de datos con PHP

Ilustración 64: Conexión a la base de datos Fuente: Elaboración Propia.

En este archivo se crea la conexión a la base de datos spa_residencias, desde el servidor

localhost, con usuario root y sin contraseña establecida. Si toda esta información es
correcta, nos creara la conexión, si no, no nos conectara a la base de datos y mostrara el
mensaje “Error en la conexión”.

3.3.6 Archivo principal de la plataforma “[Link]”

Ilustración 65: Head del archivo [Link]. Fuente: Elaboración Propia.

Es el archivo principal de la plataforma, este establece parámetros como el idioma, el

formato estándar para almacenar caracteres, la escala de la pantalla, el ícono, un título,
además de referenciar los archivos que dan el estilo y formato de la interfaz. La mayoría de
los archivos tiene esta sección que contiene información general acerca del archivo, lo
único que cambia es el título.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 66: Referencias del header. Fuente: Elaboración Propia.

Esta sección es el encabezado que logos de la empresa que al dar clic sobre ellos nos
dirigen a la página oficial del Metro, un menú de opciones que referencian a la página de
órganos descentralizados, transparencia, atención ciudadana y a la página de trámites y
servicios. Este encabezado lo contienen los demás archivos, por lo cual, se mencionará
brevemente en los demás.

Ilustración 67: Creación de títulos de los tipos de usuarios. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Está sección muestra los diferentes tipos de usuarios que se presentan en la plataforma web,
el súper usuario sería el departamento de Coordinación de Aseguramiento de Calidad, el
usuario administrador sería el departamento de Monitoreo y telemando, por último, los
usuarios secundarios que serían los demás departamentos, cada una de las opciones,
referencian a un formulario para iniciar sesión.

Ilustración 68: Parte 1 de las referencias del pie de página con información de la empresa. Fuente: Elaboración Propia.

Esta es la sección del píe de página que muestra un logo genérico de la empresa,
información relevante de la empresa, como la dirección, teléfonos y un correo electrónico.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 69: Parte 2 de las referencias del pie de página con las redes sociales de la empresa. Fuente: Elaboración
Propia.

Esta sección muestra en iconos las redes sociales del Metro, al dar clic sobre estas, nos
referenciara a la que corresponde de acuerdo al icono

Ilustración 70: Parte 3 de las referencias del pie de página menú de navegación de la empresa. Fuente: Elaboración
Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Contiene una sección que muestra un menú de navegación que tiene el metro en su página
oficial, en este se tienen las opciones inicio, organismo, comunicación, la red, cultura,
anticorrupción, operación y metro que son las mismas opciones que se encuentran en su
página, al dar clic sobre estas nos referenciara a la sección que le corresponde. Este píe de
página lo contienen los demás archivos, por lo cual, se mencionará brevemente en los
demás.

3.3.7 Inicio de sesión del usuario administrador

Ilustración 71: Formulario de inicio de sesión del usuario administrador. Fuente: Elaboración Propia.

Se crea un formulario que está dividido en dos secciones, la primera sección es en donde va
a contener un botón que dice Usuarios y nos regresa a la página principal de usuarios,
también tiene una imagen como logo, un título de Iniciar sesión, y pide que se ingresen los
datos del correo electrónico y la matrícula para después dar clic sobre el botón Iniciar y este
realice la función de lo que se describe en el archivo [Link]. La segunda sección
contiene una imagen acorde a la empresa. Este diseño de inicio de sesión es igual para los
demás usuarios, solo que para el súper usuario el archivo se llama
Login_SuperUsuario.php, para el usuario administrador el archivo se llama
Login_Admin.php y para los usuarios secundarios el archivo se llama
Login_Departamentos.php.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.8 Inicio de sesión para los usuarios de acuerdo a sus roles

Ilustración 72: Programación de asignación de roles de los tipos de usuarios. Fuente: Elaboración Propia.

Del formulario se van a tomar los valores que se agreguen en los recuadros de matrícula e
email, se va a iniciar sesión si esta información corresponde a la información que se tenga
en la base de datos y dependiendo del rol, se situara al usuario en la página que le
corresponde, al rol 1 (super usuario) le corresponde la página de bienvenida_superUs.php,
al rol 2 (usuario administrador) le corresponde la página de bienvenida_admin.php, al rol 3
(usuario secundario) le corresponde la página de bienvenida_dep.php y al rol 4 (usuario
coordinador) le corresponde la página de bienvenida_cord.php.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.9 Menú de funciones del usuario administrador

Ilustración 73: Inactividad del archivo bienvenida_admin.php. Fuente: Elaboración Propia.

A partir de que se inicia sesión, se crea el siguiente código que tiene la conexión con la
base de datos, si la sesión corresponde con el valor de la matricula que se logueo, va a
direccionarnos a el archivo bienvenida_admin.php o dependido del valor de la matricula
con la que se inició sesión, si no, se cierra la sesión. Si el tiempo de la sesión es mayor a 5
minutos (300 segundos), se cierra la sesión y se envía al usuario a la página de
sesion_off.php.

Este código se utiliza para todos los archivos al momento de iniciar sesión, para asignarles
tiempo de actividad y cerrar sesión por inactividad, además de poder continuar con las
funciones que le corresponden a ese usuario.

Ilustración 74: Creación del menú de funciones del usuario administrador. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.10 Botón para el cierre de sesión
Son las líneas del código programado en php para cerrar la sesión de los usuarios, es el
modelo base utilizado para cauno de los distintos tipos de usuarios que tienen interacción
dentro del sistema, con la finalidad de proteger su cuenta y brindar un pequeño porcentaje
de seguridad a cada uno de los usuarios del STC Metro para cerrar la información creada
durante su sesión y que esta no quede expuesta ante terceros.

Ilustración 75: Muestra la programación específica para el botón de “cerrar sesión”. Fuente: Elaboración
Propia.

3.3.11 Formulario de registro de usuarios

Dentro de este archivo, se manda a llamar el código de registro y a su vez se encuentra la
estructura del formulario para dicha acción.
Primero se visualiza el código dónde manda a llamar el archivo para registrar,
posteriormente la sesión activa de acuerdo a la matricula del usuario para poder
identificarlo.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 76: Líneas de código que validan el inicio de sesión designada para el usuario administrador. Fuente:
Elaboración Propia.

Después se encuentra el código para especificar el tiempo de inactividad que tendrá el

usuario, con una redirección a otra vista.

Ilustración 77: Líneas de código que muestran las condiciones del tiempo designado para que se cumpla el cierre de
sesión. Fuente: Elaboración Propia.

En seguida tenemos la estructura en HTML del formulario para el registro, en primera

instancia se visualiza el título y el campo para registrar el nombre.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 78: Se muestra la construcción del formulario para el registro de usuarios en HTML. Fuente: Elaboración
Propia.

A continuación, está la opción de elegir a qué departamento pertenece el usuario. Tiene que
elegir dentro de las siguientes opciones.

Ilustración 79: Designa la lista de opciones que pueden escoger los usuarios para agregar su departamento (en total es
una lista de 27 departamentos). Fuente: Elaboración Propia.

En los siguientes campos de HTML se le pide al usuario establecer su estatus dentro de lo

laboral, las opciones son las siguientes a elegir:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 80: Lista de opciones para designar el estado actual de cualquier usuario. Fuente: Elaboración Propia.

En la siguiente ilustración, se encuentra el código HTML de los campos a llenar por el

nuevo usuario, Dirección, Teléfono, Fecha y Hora de Registro:

Ilustración 81: Tabla para organizar los datos de los usuarios registrados en este caso los valores de “Dirección”,
“Teléfono” y “Fecha y Hora de Registro”. Fuente: Elaboración Propia.

Los siguientes campos le piden al usuario registrar su firma manuscrita (con canvas), rol y
su código de la firma generado anteriormente.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 82: Esta tabla muestra las columnas de “Firma”, “Rol” y “Código Firma” para el registro de los usuarios.
Fuente: Elaboración Propia.

Finalmente, se visualizan los campos HTML para dibujar la firma manuscrita en canvas,
dependiendo qué color o tamaño del puntero elija el usuario.

Ilustración 83: Líneas de código que se encargan de crear el funcionamiento de la construcción de las firmas autógrafas
de los usuarios. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.12 Programación del recuadro de firma y generador del código en base64

Ilustración 84: Código para convertir la imagen a base64. Fuente: Elaboración Propia.

Este archivo realiza la función del canvas y del código en base64 de la imagen de la firma
en el archivo [Link]. Se tiene una función que no se va a ejecutar antes de que se
complete una tarea, sino que se ejecutará justo después de que la tarea se haya completado,
esta tarea sería el dibujar en el recuadro del canvas, donde se crea la imagen de la firma.

Ilustración 85: Muestra de trazos 2d y genera la URL de la imagen. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Se toma lo que se inserte en el canvas y este tiene un identificador como draw-canvas que
muestra trazos en 2d, después se llaman los elementos que hacen la interacción en el
canvas, los cuales son el draw-dataUrl que genera el url de la imagen, el draw-imagen que
visualiza los trazos en el canvas, el draw-clearBtn que es un botón para limpia el canvas y
el draw-submitBtn que es un botón para crear el código del contenido del canvas, por
último se activa el evento del mouse en la página, para que se pueda dibujar en el canvas
cuando es pulsado el botón izquierdo del mause.

Ilustración 86: Detección de escritura dentro el canvas. Fuente: Elaboración Propia.

Ilustración 87: Determina el ancho y largo para el desplazamiento de mouse. Fuente: Elaboración Propia.

Se activa el touchEvent que permite el desplazamiento del mouse al tocar el canvas

mediante el largo y ancho (2d).

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 88: Se establece el ancho y largo en 2d fuera del canvas. Fuente: Elaboración Propia.

Se activa el touchleave que permite el desplazamiento del mouse fura del canvas al tocar el
canvas mediante el largo y ancho (2d).

Ilustración 89: Posición para la ventana de visualización del canvas en el formulario. Fuente: Elaboración Propia.

Se devuelve el tamaño del elemento y lo posiciona con respecto a la ventana de

visualización.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 90: Función para dibujar con el color y tamaño seleccionado. Fuente: Elaboración Propia.

Esta función nos permite dibujar en el canvas con el color y tamaño del puntero que se haya
seleccionado y utilizando los parámetros y activaciones que se mostraron en las
ilustraciones anteriores.

3.3.13 Cierre de sesión

Las siguientes líneas de código mostradas en la ilustración 78 se desarrollaron para el cierre
automático de sesión, siempre y cuando durante la apertura de esta rebase el límite de
tiempo de 5 minutos. Por medio de este límite de tiempo los usuarios pueden interactuar
con la página sí por x razón son interrumpidos can algún pendiente fuera de las actividades
del sistema, el sistema por medio de esté cierre podrá guardar la información que se recabo
durante el tiempo de uso del usuario y cerrar su sesión por seguridad.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 91: Son las instrucciones de los eventos para designar el estado de la sesión de un usuario durante el tiempo
de visita. Fuente: Elaboración Propia.

Sí el usuario se encuentra presente podrá ser notificado por medio de un mensaje de alerta
al cerrarse la sesión del usuario automáticamente. Si no el usuario deberá volver a
loguearse dentro del sistema, pero su información quedará resguardada intacta y protegida
dentro de la nueva sesión que este realice.

Ilustración 92: Estructura que contiene los mensajes de cierre de sesión pon inactividad. Fuente: Elaboración Propia.

3.3.14 Función del administrador para editar registros

La estructura del código en esta parte del sistema se enfoca en la estructura y organización
de la información de los usuarios, mejorando la vista y mostrando un diseño amigable y
didáctico para la consulta de esta información. Así mismo permite la ejecución de las
funcionalidades básicas dentro de la interacción con la base de datos por medio del sistema

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
permitiendo editar, actualizar u eliminar los registros del sistema, para que el sistema se
mantenga actualizado y sin errores dentro de los registros.

Ilustración 93: Direccionamiento del botón de regresar al archivo bienvenida_admin.php. Fuente: Elaboración Propia.

Ilustración 94: Creación de tabla de la información de los usuarios. Fuente: Elaboración Propia.

En la Ilustración 81se pueden observar las etiquetas designadas para ordenar la información
dentro de una tabla las cuales son: <thead>, <tr>, <th>. Con la finalidad de crear las filas y
las columnas para ordenar la información almacenada dentro de la BD y darle una vista
más ordenada a cada uno de los atributos que se desean mostrar dentro de la interfaz.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Dentro de la estructura se encuentran las funciones para seleccionar la información
requerida de los usuarios guardándolos en una variable $resultado y asociando este
resultado por medio de las funciones mysqli_fetch_assoc para después ser agregadas dentro
de la declaración de variables en php y puedan ser mostradas en la interfaz gráfica.

Ilustración 95: Programación para el cuadro de dialogo de la confirmación para eliminar registro. Fuente: Elaboración
Propia.

Cuando se da clic en el botón eliminar, aparecerá un mensaje para confirmar si se está

seguro de que se desea eliminar el registro que se seleccionó, si presiona si, se elimina el
dato con la función que realiza el archivo proceder_eliminar.php, si se presiona cancelar, se
cancela la acción y se visualiza el archivo [Link].

3.3.15 Función para eliminar registro de usuarios

Ilustración 96: Programación de validación para eliminar registro seleccionado. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Se establece la conexión con la base de datos desde el archivo [Link], si el dato
corresponde al valor de la clave que se seleccionó, este va a eliminar ese dato de la base de
datos, tabla usuarios y nos referenciara al archivo [Link], si no corresponde el
valor de la clave del dato, muestra un mensaje que dice No se pudo eliminar.

3.3.16 Función para actualizar información de los usuarios

Ilustración 97: Direccionamiento del botón regresar a la página para editar usuarios. Fuente: Elaboración Propia.

Se visualiza como título de la tabla Información de usuarios y tiene un botón para regresar
al menú de funciones del administrador, el cual, es el archivo bienvenida_admin.php.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 98: Creación de tabla donde se visualiza la información del usuario al que se le harán modificaciones en sus
datos. Fuente: Elaboración Propia.

Se visualiza en una tabla la información de los usuarios registrados, cuenta con 11

columnas que muestran la información de usuario, departamento, estatus, correo
electrónico, dirección, teléfono, fecha de baja, rol, clave de departamento, clave de solicitud
y una columna de opción que muestra un botón para actualizar los datos que se hayan
modificado del registro que se seleccionó, estos datos se pueden modificar al escribir sobre
estos y al dar clic en el botón actualizar, se sustituyen por las modificaciones.

3.3.17 Vista del menú de funciones para las coordinaciones y los departamentos
secundarios
A partir de que se inicia sesión, se crea el siguiente código que tiene la conexión con la
base de datos, si la sesión corresponde con el valor de la matricula que se logueo, va a

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
direccionarnos a el archivo bienvenida_cord.php o bienvenida_dep, dependido del valor de
la matricula con la que se inició sesión, si no, se cierra la sesión. Si el tiempo de la sesión es
mayor a 5 minutos (300 segundos), se cierra la sesión y se envía al usuario a la página de
sesión_off.php.

Este código se utiliza para todos los archivos al momento de iniciar sesión, para asignarles
tiempo de actividad y cerrar sesión por inactividad, además de poder continuar con las
funciones que le corresponden a ese usuario.

Ilustración 99: Vista del menú de manuales y mensaje de bienvenida en los archivos bienvenida_cord.php y
bienvenida_dep.php. Fuente: Elaboración Propia.

Se muestra un menú de dos opciones que es para cargar los manuales (técnico y de
operaciones), después se muestra un mensaje de Bienvenido(a) y el nombre del usuario.

Ilustración 100: Creación de enlaces para los archivos de crear solicitud 1, 2, 3 y [Link]. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Este usuario solo realiza cinco funciones, visualizar calendario que referencia al archivo
[Link], crear solicitudes que referencia a la carpeta ANEXOS y este a un
archivo que depende del tipo de solicitud que se desee realizar se muestran las opciones de
los archivos [Link], [Link], [Link] y [Link].

Ilustración 101: Enlaces de las funciones de los usuarios secundarios y coordinaciones. Fuente: Elaboración Propia.

La función de solicitudes autorizadas que referencia a un archivo que depende del tipo de
solicitud que se desee visualizar se muestran en opciones los archivos [Link]/
[Link], [Link]/ [Link], [Link]/
[Link] y [Link]/ [Link], la función de información
relevante de solicitudes que referencia a un archivo que depende del tipo de solicitud que se
desee conocer información breve se visualizan en opciones los archivos [Link]/
[Link], [Link]/ [Link], [Link]/ [Link] y anexo4-
[Link]/ [Link].

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 102: Enlaces de las solicitudes por firmar de los departamentos secundarios y las coordinaciones. Fuente:
Elaboración Propia.

La función solicitudes por firmar que referencia a un archivo que depende del tipo de
solicitud que se desee firmar se visualizan en opciones los archivos [Link]/
[Link], [Link]/ [Link], [Link]/ [Link] y
[Link]/ [Link]; por último, se tiene un botón de cerrar sesión que realiza lo
que contiene el archivo [Link].

3.3.18 Creación del menú de funciones del súper usuario

Al iniciar sesión, se crea el siguiente código que tiene la conexión con la base de datos, si la
sesión corresponde con el valor de la matricula que se logueo, va a direccionarnos a el
archivo bienvenida_superUs.php o dependido del valor de la matricula con la que se inició
sesión, si no, se cierra la sesión. Si el tiempo de la sesión es mayor a 5 minutos (300
segundos), se cierra la sesión y se envía al usuario a la página de sesión_off.php.

Este código se utiliza para todos los archivos al momento de iniciar sesión, para asignarles
tiempo de actividad y cerrar sesión por inactividad, además de poder continuar con las
funciones que le corresponden a ese usuario.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 103: Vista del menú de manuales y mensaje de bienvenida del súper usuario. Fuente: Elaboración Propia.

Se muestra un menú de dos opciones que es para cargar los manuales (técnico y de
operaciones), después se muestra un mensaje de Bienvenido(a) y el nombre del usuario.

Ilustración 104: Creación de los enlaces de las funciones calendarización y signar folios y estados a las solicitudes.
Fuente: Elaboración Propia.

La primera función es para acomodar las actividades en el calendario, esto se realiza con el
archivo [Link], la segunda función es asignar folios y estados a las solicitudes, este
depende de qué tipo de solicitud se desee asignar el folio, ya que, se muestran las opciones
de los archivos [Link], [Link], [Link] y [Link].

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 105: Enlaces de información relevante de las solicitudes y solicitudes por firmar. Fuente: Elaboración
Propia.

La tercera función es información relevante de solicitudes esta referencia a un archivo que

depende del tipo de solicitud que se desee conocer información breve se visualizan en
opciones los archivos [Link], [Link], [Link] y [Link]; la cuarta función
solicitudes por firmar que referencia a un archivo que depende del tipo de solicitud que se
desee firmar se visualizan en opciones los archivos [Link], [Link],
[Link] y [Link].

Ilustración 106: Enlaces de las funciones solicitud por autorizar y solicitudes autorizadas. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
La quinta función solicitudes por autorizar, referencia a un archivo que depende del tipo de
solicitud que se desea utilizar se muestran las opciones de los archivos
[Link], [Link], [Link], [Link] y
[Link] que se encargan de realizar esta función. La sexta función de
solicitudes autorizadas que referencia a un archivo que depende del tipo de solicitud que se
desee visualizar se muestran en opciones los archivos [Link]/
[Link], [Link]/ [Link], [Link]/
[Link] y [Link]/ [Link], la función de información
relevante de solicitudes.

Ilustración 107: Enlaces para generar PDF de solicitudes autorizadas. Fuente: Elaboración Propia.

La séptima y última función de este usuario es el generador de PDF de solicitudes

autorizadas referencia a la carpeta prueba y este a un archivo que depende del tipo de
solicitud se desee generar el PDF, se muestran las opciones de los archivos [Link],
[Link], [Link] y [Link], por último, se tiene un botón de
cerrar sesión que realiza lo que contiene el archivo [Link].

3.3.19 Creación del “Calendario Programa Catorcena”

Este archivo contiene el encabezado y píe de página que se describen en el archivo
[Link].

A partir de que se inicia sesión, se crea el siguiente código que tiene la conexión con la
base de datos, si la sesión corresponde con el valor de la matricula que se logueo, va a
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
direccionarnos a el archivo bienvenida_cord.php o bienvenida_dep, dependido del valor de
la matricula con la que se inició sesión, si no, se cierra la sesión. Si el tiempo de la sesión es
mayor a 5 minutos (300 segundos), se cierra la sesión y se envía al usuario a la página de
sesion_off.php.

Este código se utiliza para todos los archivos al momento de iniciar sesión, para asignarles
tiempo de actividad y cerrar sesión por inactividad, además de poder continuar con las
funciones que le corresponden a ese usuario.

Ilustración 108: Creación de los botones que contiene el archivo del calendario. Fuente: Elaboración Propia.

Se coloca un título como calendarización, un botón de regresar que nos envia a la página de
bienvenida_superUs.php, otro botón que se llama btnCapturar con texto guardar como
imagen y el botón siguiente que nos envia al archivo [Link] Este archivo
necesita algunas funciones que se encuentran en los archivos [Link],
[Link] y [Link].

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 109: Llamado de los scripts para su funcionamiento en el calendario. Fuente: Elaboración Propia.

De igual manera utiliza el contenido de algunos archivos javascript, todos estos archivos se
encuentran en una carpeta llamada js, los archivos jquery-[Link].[Link], [Link],
[Link], [Link], [Link], [Link],js que son librerias
que ya tienen implementado código y se utiliza en la creación del calendario, de igual
manera en la carpeta locales se encuentra el archivo [Link] que da el idioma al calendario, por
último el archivo [Link] que se encuentra en la carpeta js, se encarga de crear la función
del botón guardar como imagen.

Ilustración 110: Estructura de los botones que tienen funcionalidad del calendario Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Se ejecuta un archivo script dentro del mismo archivo en donde se utiliza la librería de
fullcalendar para darle la apariencia al calendario, del lado izquiedo se ven los botónes de
anterior, siguiente y hoy, en el centro se visualiza el título del mes y del lado derecho se ven
los botones de mes, semana y día.

Ilustración 111: Creación del evento de inicio y final de una actividad. Fuente: Elaboración Propia.

Con una función se crea la acción de crear un nuevo evento que en la fecha inicio va a
seleccionar la fecha con el formato DD-MM-YYYY y en la fecha de fin va a seleccionar la
fecha con el formato DD-MM-YYYY y va a almacenar los días que se encuentren entre
estas fechas. Para crear un nuevo evento se solicita un id, el nombre del evento, la fecha de
inico, fecha de fin y el color del evento, esto es porque son los datos que se tienen en la
base de datos que almacena toda la información del calendario.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 112: Creación para eliminar una actividad que está registrada en la base de datos. Fuente: Elaboración
Propia.

Ilustración 113: Función arrastra las fechas de la actividad. Fuente: Elaboración Propia.

El calendario tiene la funcionalidad de arrastrar el registro del evento que se hizo para
actualizar las fechas en la base de datos, esto se hace mediante una función que cambia los
valores de la fecha de inicio y la fecha de fin de igual manera abarca los días que hay entre
estas fechas.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 114: Modificar elementos del calendario y tiempo de visualización de los mensajes de notificación de algún
registro, modificación o eliminación de una actividad. Fuente: Elaboración Propia.

Se puede modificar información del evento que ya este creado,esto mediante una función
que modifica los valores del id, nombre del evento, la fecha de inicio, la fecha de fin
mediante el archivo [Link]. Todas estas modificaciones muestran un
mensaje de alerta que se visualiza por 5 segundos.

[Link] Programación para el botón gurdar para los eventos en el calendario

Ilustración 115: Captura de imagen del calendario. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Este archivo realiza la función de capturar el calendario como imagen. Definimos una
variable botón que estará a la escucha del clic del botón Guardar, que va a capturar la
imagen del cuerpo del archivo y esta imagen se convertirá en base64 (codifica la imagen
para que no aparezcan errores).

Ilustración 116: Direccionamiento de la captura a la carpeta de almacenamiento. Fuente: Elaboración Propia.

Se establece como ruta de almacenamiento una carpeta llamada imgCalendario y realiza la

función del archivo [Link], para mostrar la imagen se decodifican los datos como
texto plano y mediante el archivo [Link] se le asigna un nombre.

Ilustración 117: Llamado de la librería que genera la captura. Fuente: Elaboración Propia.

Se agrega la función de escuchar en el botón para que llame a la librería del html2canvas y
pase el elemento al servidor.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Mensaje de alerta para verificar las acciones del calendario

Ilustración 118: Creación de mensajes registrado, actualizado y eliminado. Fuente: Elaboración Propia.

Este archivo se encarga de visualizar los mensajes de alerta que se muestran al principio del
calendario, si se crea un nuevo evento, este mostrara un mensaje llamado e, dirá
¡Felicitaciones! La actividad fue registrada correctamente; si se modifica un evento
registrado, este mostrara un mensaje llamado ea dirá ¡Felicitaciones! La actividad fue
actualizada correctamente, por último, si se elimina un evento, este mostrara un mensaje
que dirá ¡Felicitaciones! La actividad fue borrada correctamente.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Apartado para el registro del periodo de las actividades laborales
dentro del calendario (fecha de inicio y termino).

Ilustración 119: Registro de las fechas, nombre y color de la actividad creada, además de la vista del mensaje de
actividad registrada. Fuente: Elaboración Propia.

Este archivo establece la zona horaria del continente americano especificamente de la

Ciudad de México, en el idioma español, requiere la conexión a la base de datos que
etsablece el archivo [Link]; del formilario del archivo [Link] toma
los valores del nombre del evento, la fecha de inicio en formato y-m-d, la fecha final en
formato y-m-d, los dias que se encuentran etre estas fechas y el color del evento para
registrarlos en la base de datos, si esto se registra de manera correcta, nos envia a la página
del archivo [Link] y muestra el mensaje con valor e.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Modulo encargado para el registro de actividades para el programa
catorcenal

Ilustración 120: Estructura de registrar la nueva actividad. Fuente: Elaboración Propia.

En formato de dialogo, se visualiza un formulario que realiza la acción del archivo

[Link], este tiene como título registrar nueva actividad, que solicita los datos de
nombre de la actividad y seleccionar la fecha de inicio.

Ilustración 121: Colores para identificar su actividad. Fuente: Elaboración Propia.

También seleccionar la fecha de termino y el color del evento para representación en el

calendario que se encuentra en el archivo [Link], los colores que se proponen son
para solicitud1 color anaranjado, para solicitud2 color amarillo, para solicitud3 color verde
y para solicitud4 color azul. Por último, tiene dos botones, unos para guardar la actividad
que lo registra en la base de datos y otro boton para salir y este cancela la función de crear
una nueva actividad.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Apartado para la actualización del periodo de las actividades laborales
dentro del calendario (fecha de inicio y termino).

Ilustración 122: Modificación de las fechas, nombre y color de la actividad registrada, además de la vista del mensaje de
actividad actualizada. Fuente: Elaboración Propia.

Este archivo establece la zona horaria del continente americano especificamente de la

Ciudad de México, en el idioma español, requiere la conexión a la base de datos que
etsablece el archivo [Link]; del formilario del archivo [Link] toma
los valores del nombre del evento, la fecha de inicio en formato y-m-d, la fecha final en
formato y-m-d, los dias que se encuentran etre estas fechas y el color del evento para
modificarlos en la base de datos, si esto se modifica de manera correcta, nos envia a la
página del archivo [Link] y muestra el mensaje con valor ea.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Modulo encargado para la actualización de actividades para el
programa catorcenal

Ilustración 123: Estructura de actualizar la actividad registrada. Fuente: Elaboración Propia.

En formato de dialogo, se visualiza un formulario que realiza la acción del archivo

[Link], este tiene como título actualizar actividad, que solicita los datos de
nombre de la actividad y seleccionar la fecha de inicio.

Ilustración 124: Colores para actualizarla actividad. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
También seleccionar la fecha de termino y el color del evento para representación en el
calendario que se encuentra en el archivo [Link], los colores que se proponen son
para solicitud1 color anaranjado, para solicitud 2 color amarillo, para solicitud 3 color
verde y para solicitud 4 color azul. Por último, tiene dos botones, unos para guardar
cambios de la actividad que lo actualiza en la base de datos y otro boton para salir y este
cancela la función de actualizar la actividad.

[Link] Programación para eliminar los registros de una actividad selecionada

Ilustración 125: Programación para eliminar la actividad registrada que se seleccionó mediante un botón eliminar.
Fuente: Elaboración Propia.

Este archivo requiere la conexión a la base de datos que se encuentra en el archivo

[Link], toma el valor del id del registro al que se le dio clic en el botón para eliminar y
elimina el registro de la base de datos.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 [Link] Apartado para la eliminación del periodo de las actividades laborales
dentro del calendario (fecha de inicio y termino).

Ilustración 126: Eliminación de las fechas, nombre y color de la actividad registrada, además de la vista del mensaje de
actividad borrada. Fuente: Elaboración Propia.

Este archivo establece la zona horaria del continente americano especificamente de la

Ciudad de México, en el idioma español, requiere la conexión a la base de datos que
etsablece el archivo [Link]; toma los valores del id del evento, la fecha de inicio en
formato y-m-d, la fecha final en formato y-m-d y los dias que se encuentran etre estas
fechas para eliminarlos en la base de datos, si esto se elimina de manera correcta, nos envia
a la página del archivo [Link] y muestra el mensaje que dice que la actividad se
borro corectamente.

[Link] Interfaz del Calendario para todos los departamentos

En este archivo se encuentra el código PHP y HTML que hacen posible la visualización del
calendario en los perfiles participantes, Coordinaciones y Usuarios secundarios dónde
ambos pertenecen al perfil de Departamentos.

Enseguida se encuentra la instrucción de seleccionar todo de la tabla calendario, para

mostrar la información contenida:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 127: Programación para seleccionar el contenido de la tabla “calendario” y mostrarla en la interfaz del
usuario en sesión. Fuente: Elaboración Propia.

Después tenemos el código para que el query de conexión y seleccionar se puedan ejecutar,
además un llamado para imprimir la imagen desde un echo de PHP:

Ilustración 128: Sección de código encargado de las funciones para generar y seleccionar la imagen del calendario.
Fuente: Elaboración Propia.

Finalmente tenemos el botón de regresar al perfil del usuario

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 129: Programación designada para el botón “Regresar”, devuelve al menú del perfil del usuario. Fuente:
Elaboración Propia.

[Link] Sección para publicar el “Calendario Programa Catorcenal”

Contiene el código para poder cargar el calendario a una tabla en la base de datos, para que
los datos se queden guardados y así llamarlos para visualizar se en los perfiles.

El siguiente código es para cargar el calendario, primero se tiene que hacer el registro de en
qué año y mes se realiza el programa del calendario. Esto se realiza sobre el insert de una
tabla:

Ilustración 130: Código fuente de la funcionalidad programada para registrar el periodo de inicio y término del
programa catorcenal de los diferentes anexos. Fuente: Elaboración Propia.

Después tenemos el formulario en HTML para ingresar los campos solicitados

recientemente en cuanto al año:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 131: Formulario que permite seleccionar el año en el que se está creando el programa catorcenal de
cualquiera de los anexos. Fuente: Elaboración Propia.

Etiquetas para ingresar el mes:

Ilustración 132: Menú desplegable que permite seleccionar el mes para para registrar la fecha del periodo el programa
catorcenal de cualquiera de los anexos. Fuente: Elaboración Propia.

Finalmente tenemos las etiquetas para elegir la imagen del calendario junto con el botón
que se encarga de publicarlo:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 133: Las siguientes líneas de código están encargadas de permitir seleccionar la imagen del calendario que
se va a publicar. Fuente: Elaboración Propia.

3.3.20 Modulo para la asignación de Folios y estado de las Solicitudes

Por medio de la interfaz realizada para el módulo “COMPLEMENTAR ANEXO1:
ENERGIZACIONES” el usuario puede actualizar los datos de las columnas “Número de
Solicitud” y el “Estado de Solicitud” dependiendo si durante el transcurso del programa
catorcenal surge algún cambio o como tal los valores sean incorrectos y así mismo se puede
mantener al tanto a los usuarios del estatus en el que se encuentran las solicitudes. Una vez
el usuario encargado en interactuar dentro de este formulario haya realizado los debidos
cambios que se desean, puede cambiar la información almacenada dentro de la BD por
medio del botón “Actualizar”.

Ilustración 134: Sección del código en php, que se encarga de actualizar e insertar los nuevos cambios que se deseen
realizar en el los atributos “num_solicitud”, “status_solicitud”. Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.21 Función de consulta de información del Anexo 1
En este archivo se encuentra la información relevante sobre el Anexo 1, es decir su estatus,
línea, taller, número de autorización y cargo al que fue asignado dicha solicitud.

El proceso es cuando se termina de llenar cada anexo, este finalmente se muestra en el

perfil de Coordinación de aseguramiento de calidad para que este súper usuario pueda
visualizar todos los anexos que se han realizado.

En la siguiente ilustración se muestra el código que hace la función de llamado a la base de

datos, este tiene como nombre Procedimiento Almacenado vacío e internamente se
encuentra la instrucción de RIGHT JOIN, el cual es el que hace posible la concatenación de
los atributos requeridos.

Ilustración 135: Muestra el nombre del procedimiento almacenado creado para mandar a llamar los atributos de la
solicitud “Energizaciones”. Fuente: Elaboración propia.

Después se visualizan las etiquetas para los títulos de los campos solicitados para la
información de Anexo 1.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 136: Es la lista de la selección de atributos que se mandan a llamar de la solicitud de “Energizaciones
“Fuente: Elaboración propia.

Enseguida se tienen las etiquetas HTML con la instrucción echo de PHP para mandar a
llamar los atributos solicitados:

Ilustración 137: Lista de instrucciones “echo” para solicitar los atributos requeridos de la solicitud 1. Fuente:
Elaboración propia.

Finalmente es importante mencionar que existen otros 2 archivos con el mismo código,
funcionalidad y propósito. La única diferencia es que los archivos [Link] y
[Link] son para que se visualice en los perfiles de Coordinaciones y Usuarios
Secundarios.

Así el mismo número de archivos para Anexo 2, Anexo 3 y Anexo 4.

A continuación, se visualizan los nombres de los archivos php mencionados recientemente:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 138: Archivos php que comparten similitud y funcionalidad en cuanto a programación pero que difieren en el
tipo de solicitud. Fuente: Elaboración propia.

3.3.22 Interfaz creada para visualizar la información y validar las solicitudes por
medio de la firma digital
Contiene la funcionalidad encargada de mandar a llamar los atributos de cada una de las 4
solicitudes por medio de los procedimientos almacenos designados para llevar a cabo esta
función, es este caso se hace referencia del procedimiento “mostrar_anexo1()”, cabe
mencionar que cada solicitud tiene su procedimiento correspondiente ya que la selección de
cada atributo contenido de dichas solicitudes para por muy mínimo, pero al final son
archivos diferentes.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 139: Muestra las líneas de código encargadas de llamar los atributos de las solicitudes y mostrarlas en la
interfaz “SOLICITUDES POR FIRMAR” organizadas en una tabla. Fuente: Elaboración propia.

3.3.23 Código de mensaje de confirmación ([Link])

Se crea el mensaje cuando la solicitud se haya enviado correctamente, la funcionalidad de

este es la misma de las cuales se han venido manejando como mensajes de alerta para el
usuario a la hora de realizar cambios de registro, solicitudes etcétera. Una vez realizado el
proceso de manera satisfactoria el usuario puede regresar sin problema al estado actual de
su perfil.

Ilustración 140: Código para ventana de confirmación del envío de la solicitud. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.24 Guardar datos recopilados de anexos (insertar)
Se incluyen todas las variables y query para la inserción de datos correspondientes a las
tablas Área Involucrada, Requerimientos Solicitados, Coordinaciones y Plan de Trabajo.
Insert Query para las tablas mencionadas anteriormente.

La intención es automatizar el procedimiento por medio de funciones sql para aumentar la

rapidez durante la ejecución de los botones dentro de la plataforma web, a la hora de
insertar los atributos requeridos dentro de este apartado, para ello se hace uso del
procedimiento almacenados: Insertar_AreaInvolucradaA, inser_a2, inser_a3, inser_a4.

En esencia estos son los procedimientos encargados de registrar los atributos para los
apartados de las cuatro solicitudes que se manejan.

Ilustración 141: Variables de todo el formulario del anexo. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 142: Query para insertar datos a las tablas ÁreaInvolucrada, Requerimientos, Coordinaciones y
ProgramaCatoricena. Fuente: Elaboración Propia.

Alerta de confirmación de Datos guardados correctamente después de enviar solicitud.

Ilustración 143: Alerta de confirmación después de enviar la solicitud. Fuente: Elaboración Propia.

Muestra los campos extra para ingresar los datos de otro responsable en caso de ser
necesario. Este campo puede agregarse y/o eliminarse.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 144: Muestra y Oculta campos para agrega datos de responsable. Fuente: Elaboración Propia.

Pregunta de confirmación antes de enviar el formulario. Si se presiona Cancelar, conserva

los datos para realizar modificaciones si así se desea; si se presiona Enviar, manda la
solicitud.

Ilustración 145: Alerta para confirmar el envío de la solicitud. Fuente: Elaboración Propia.

Agrega campos dinámicos para añadir diferentes lugares en donde los trabajadores
realizarán actividades.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 146: Agrega campos dinámicos para las actividades a realizar. Fuente: Elaboración Propia.

3.3.25 Cambio de pestañas para formulario (app)

Cambia el estado de las pestañas, donde sí se selecciona Áreas Involucradas, entonces su
estado es activo, y las restantes están en estado inactivo. Así, cuando se seleccione otra
pestaña, se mostrará el contenido que le corresponde y los restantes permanecerán ocultos.

Ilustración 147: Cambio de pestañas del formulario. Fuente: Elaboración Propia.

Función para avanzar a la siguiente sección o regresar a la anterior, evitando que deba
desplazarse a las pestañas en la parte superior, para seleccionar la que sigue o regresar al
fragmento previo.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 148: Botones para ir a la siguiente sección o regresar a la anterior. Fuente: Elaboración Propia.

3.3.26 Control de botones día/ noche

Según sea el turno requerido, se selecciona “día” o “noche” para mostrar los campos que
deberán especificar las estaciones donde los trabajadores desempeñarán su labor.

Ilustración 149: Control para seleccionar el turno en que se registran actividades. Fuente: Elaboración Propia.

3.3.27 [Link]
La siguiente funcion leera la imagen del formato de los anexos la cual convertira la
misma imagen en base 64 para mostrar los datos insertados ya en formato pdf

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 150: Lectura de imagen. Fuente: Elaboración Propia.

Se manda a llama los “id” de los atributos de la tablas que se van a mostrar la
información almacenada de la base de datos , los input están localizados dentro de un form
llamamos el id del form, agregamos el submit empezamos a declarar y asignar las
variables de los id.

Ilustración 151: Declaración de variables. Fuente: Elaboración Propia.

Creamos una función de contendrá las variables declaradas

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 152: Creación de la función de generar pdf. Fuente: Elaboración Propia.

Se crea una variable donde contendrá la imagen en base 64 de los atributos de cada una de
las 4 solicitudes que se estan digitalizando, además se le asigna la orientación de la imagen
la cual es en tamaño carta, una ves implementadas las configuraciones de la imagen el
siguiente paso es introducir las coordenadas para ordenar los atributos dentro de la imagen
y que el registro de estos se inserte de manera textual dentro de la imagen y posterirormente
se mostraran las solicitudes con los campos registrados en formato pdf.

Ilustración 153: Coordenadas para las variables. Fuente: Elaboración Propia.

En la parte final es donde guardara con todas las selecciones y coordenadas asignadas en
formato pdf que podrá visualizar el trabajador

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 154: Nombre del archivo en pdf. Fuente: Elaboración Propia.

3.3.28 Archivo [Link]

La siguiente función lo que hace es, dependiendo del número de línea ingresada se
seleccionarán los campos correspondientes.

 Grupo de líneas (línea 1,3,4 y 12)

Ilustración 155: Selección de campos según las líneas. Fuente: Elaboración Propia.

Si se ingresan las siguientes líneas, se seleccionarán los campos correspondientes a esta.

 Grupo 2 (línea 2,5,6, B)

En la línea B se puede ingresar la letra ya sea mayúscula o minúscula.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 156: Selección de campos según las líneas del grupo 2. Fuente: Elaboración Propia.

Si se ingresan las siguientes líneas, se seleccionarán los campos correspondientes a esta.

 Grupo 3(Línea 7,8,9, a)

En la línea A pueden ingresar la letra ya sea mayúscula o minúscula.

Ilustración 157: Selección de campos según las líneas del grupo 3. Fuente: Elaboración Propia.

3.3.29 Talleres
Dependiendo la línea, se asigna el taller que le corresponde.

Ilustración 158: Creación de función mostrar y oculta. Fuente: Elaboración Propia.

La siguiente tabla muestra la línea con su respectivo taller.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Tabla 14: Asignación de Talleres. Fuente: Elaboración Propia.

Línea Taller

1 ZARAGOZA

2 TASQUEÑA

8 CONSTITUCIÓN 1917

7 ROSARIO

A LA PAZ

B CUIDAD AZTECA

12 TLÁHUAC

3 TICOMAN

Ilustración 159: Condiciones de los talleres. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.3.30 Coordinación de zonas de vigilancia
La coordinación de zonas de vigilancia cuenta con 4 zonas, de las cuales cada una tiene sus
correspondientes líneas como se muestran en seguida.

Tabla 15: Asignación de zonas a líneas. Fuente: Elaboración Propia.

Coordinación de zonas de vigilancia

ZONA A 1,7 Y “A”

ZONA B 2,4 Y 9

ZONA C 8,12 Y “B”

ZONA D 3,5 Y 6

Para ello realizamos la siguiente función usando la tabla como guía, cada vez que el usuario
ingrese el número de línea, va a seleccionar la zona por defecto.

Ilustración 160: condiciones de las zonas. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.4 Fase de pruebas

Cada cambio implementado durante la fase de programación previa debe ser comprobada
por medio de la interfaz gráfica que el sistema nos esté arrojando como resultado en
pantalla se deben realizar pruebas automáticas continuamente. Al tratarse de un proyecto a
corto plazo, este testeo automatizado y constante es clave. Además, el propio cliente puede
hacer pruebas, proponer nuevas pruebas e ir validando las mini-versiones.

El objetivo de esta fase es cumplir con los requisitos funcionales de la plataforma e ir

sumando cada uno de ellos hasta obtener un producto funcional que cumpla directamente
con los propósitos que se esperar de este para ser manipulado debidamente por los usuarios
objetivos.

3.4.1 Interfaz gráfica de la página principal

Head-Información general acerca del documento.

1. Ícono.
2. Título.

1 2

Ilustración 161: Titulo de la pestaña del archivo [Link]. Fuente: Elaboración Propia.

Header-Encabezado de la plataforma web.

1. Logos de la empresa.
2. Menú de opciones más frecuentes de la página del metro.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 1
2

Ilustración 162 : Logos y referencias. Fuente: Elaboración Propia.

Vista de tipos de usuarios

1. Super usuario.
2. Usuario administrador.
3. Usuarios secundarios.

Ilustración 163: Vista de los tipos de usuarios. Fuente: Elaboración Propia.

Footer-Pie de página para la plataforma web.

1. Información relevante de la empresa.

2. Redes sociales en íconos.
3. Menú de navegación.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 1 3

Ilustración 164: Vista de datos de la empresa, redes sociales y menú de navegación. Fuente: Elaboración Propia

3.4.2 Interfaz gráfica del inicio de sesión de los usuarios

Formulario de inicio de sesión de usuarios

1. Botón para regresar a la vista de tipos de usuarios.

2. Logo.
3. Título.
4. Datos a solicitar.
5. Botón iniciar.

1
2

Ilustración 165: Vista de inicio de sesión del usuario administrador. Fuente: Elaboración Propia

3.4.3 Interfaz gráfica del menú de funciones del usuario administrador

1. Menú de manuales.
2. Mensaje de Bienvenida y nombre de usuario.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 3. Menú de funciones de usuario.
4. Botón Cerrar sesión.

Ilustración 166: Vista del menú de funciones del usuario administrador. Fuente: Elaboración Propia

3.4.4 Interfaz del botón para el cierre de sesión

1. Botón de cerrar sesión para todos los perfiles.

Ilustración 167: Vista del diseño e interfaz botón de “cerrar sesión”. Fuente: Elaboración Propia.

3.4.5 Interfaz gráfica del formulario de registro de usuarios

1. Título del formulario.
2. Botón de regresar (regresa al generador de código).
3. Campo para ingresar nombre del nuevo usuario.
4. Campo para elegir el departamento al que pertenece el usuario.
5. Campo para ingresar la matricula del usuario.
6. Campo para ingresar el estatus del usuario.
7. Campo para ingresar el correo electrónico.
8. Campo para que el usuario ingrese su contraseña, esta contraseña estará cifrada.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
1

2 4

5
3
7

6 8

Ilustración 168: Formulario de Registro de Usuarios. Fuente: Elaboración Propia.

9. Campo para ingresar la dirección.

10. Campo para ingresar el número telefónico.
11. Campo para ingresar la fecha y hora de registro del usuario, este campo funciona
con una selección por un calendario pequeño.
12. Campo para insertar la línea de código que se genera al realizar la firma manuscrita
(es una cadena de texto bastante grande).
13. Campo para ingresar el rol al que pertenece el usuario.
14. Campo para ingresar el código firma que se copió anteriormente ([Link]).

9 11

10
13

12 14

Ilustración 169: Segunda sección del Formulario de Registro de Usuarios. Fuente: Elaboración Propia.

15. Lienzo para dibujar la firma.

16. Botón para crear el código (cadena de texto grande) después de dibujar la firma.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 17. Botón para borrar el lienzo.
18. Paleta de colores para elegir el color del puntero.
19. Barra medidora para elegir el tamaño del puntero.
20. Espacio dónde aparecerá la cadena de texto, el usuario copiará el código.
21. Espacio para visualizar la firma en formato de imagen.
22. Botón de registrar, registra al usuario en la base de datos.

16
15
17

18
19
20
21
22

Ilustración 170: Tercer sección del Formulario de Registro de Usuarios. Fuente: Elaboración Propia.

3.4.6 Interfaz gráfica del recuadro de firma y generador del código en base64
1. Draw-dataUrl.
2. Draw-imagen.
3. Botón draw-clearBtn.
4. Botón draw-submitBtn.
5. Color del puntero.
6. Tamaño del puntero.
7. Canvas.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 7

3 4
6
5 2

Ilustración 171: Vista del canvas, color y tamaño del puntero, etc. Fuente: Elaboración Propia

3.4.7 Interfaz gráfica del “auto cierre de sesión por inactividad”

1. Mensaje de que la sesión se cerró por seguridad.
2. Mensaje 2 sobre la sesión recién cerrada por inactividad.
3. Botón que regresa al inicio para volver a iniciar sesión.

Ilustración 172: Cierre de sesión por inactividad en la plataforma. Fuente: Elaboración Propia

3.4.8 Interfaz gráfica de la Función del administrador para editar registros

1. Título de la tabla.
2. Botón regresar.
3. Columnas de datos.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 4. Filas por registro.
5. Botón editar.
6. Botón eliminar.

Ilustración 173: Vista de la información de los usuarios registrados. Fuente: Elaboración Propia

Ilustración 174: Vista botones para editar o eliminar información de usuarios registrados. Fuente: Elaboración Propia

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.4.9 Interfaz gráfica del mensaje de alerta para confirmar la eliminación de registros
1. Mensaje.
2. Botón aceptar.
3. Botón cancelar.

3
2

Ilustración 175: Vista de cuadro de dialogo de confirmación para eliminar registro seleccionado. Fuente: Elaboración
Propia.

3.4.10 Interfaz gráfica para eliminar y actualizar el registro de usuarios

1. Título de la tabla.
2. Botón regresar.
3. Columnas de datos.
4. Fila de registro a modificar/editar.
5. Botón actualizar.

1
2

3
4

Ilustración 176: Tabla donde se visualiza la información del usuario al que se le harán modificaciones en sus datos.
Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 5

Ilustración 177: Botón para actualizar los cambios del usuario al que se le hicieron modificaciones en sus datos. Fuente:
Elaboración Propia.

3.4.11 Interfaz gráfica del mensaje de alerta para confirmar la actualización de

cambios en los datos del usuario registrado
1. Mensaje
2. Botón aceptar

Ilustración 178: Cuadro de dialogo con la confirmación de datos actualizados y botón de aceptar. Fuente: Elaboración
Propia.

3.4.12 Interfaz gráfica del menú de funciones del super usuario

1. Menú de manuales
2. Mensaje de Bienvenida y nombre de usuario
3. Menú de funciones de usuario
4. Botón Cerrar sesión

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 1

Ilustración 179: Vista del menú de las funciones del súper usuario Fuente: Elaboración Propia.

3.4.13 Interfaz gráfica de la función calendarización para registrar el calendario del

programa catorcenal.
1. Título
2. Botón regresar
3. Botón guardar como imagen
4. Botón siguiente
5. Botónes izquierdos del calendario
6. Título del mes
7. Botónes derechos del calendario
8. Calendario

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 1

2
3

4
5
7

Ilustración 180: Vista del calendario con sus respectivas funciones. Fuente: Elaboración Propia.

3.4.14 Inter gráfica de los mensajes de alerta para verificar las diferentes acciones del
calendario
Mensaje de actividad registrada

Ilustración 181: Vista del mensaje de actividad registrada. Fuente: Elaboración Propia.

Mensaje de actividad actualizada

Ilustración 182: Vista del mensaje de actividad actualizada. Fuente: Elaboración Propia.

Mensaje de actividad borrada

Ilustración 183: Vista del mensaje de actividad borrada. Fuente: Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.4.15 Interfaz gráfica para el Modulo encargado para el registro de actividades para
el programa catorcenal
1. Título
2. Nombre de la actividad
3. Fecha de incio
4. Fecha de termino
5. Color de la actividad
6. Botón guardar actividad
7. Botón salir

6 7

Ilustración 184: Vista de registrar nueva actividad. Fuente: Elaboración Propia.

3.4.16 Interfaz gráfica para el Modulo encargado para la actualización de actividades

para el programa catorcenal
3 Título
4 Nombre de la actividad
5 Fecha de incio
6 Fecha de termino
7 Color de la actividad
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
8 Botón guardar actividad
9 Botón salir

6 7

Ilustración 185: Vista para actualizarla actividad registrada. Fuente: Elaboración Propia.

3.4.17 Interfaz gráfica del mensaje de alerta para confirmar la eliminación de la

actividad
1. Mensaje.
2. Botón aceptar.
3. Botón cancelar.

2 3

Ilustración 186: Cuadro de dialogo con la confirmación de eliminar una actividad y botón de aceptar. Fuente:
Elaboración Propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.4.18 Interfaz gráfica de la funcionalidad para registrar la fecha del periodo del
programa catorcenal de cualquier solicitud
1. Título de la página.
2. Botón de regresar a llenar el calendario.
3. Etiqueta para ingresar el año.
4. Etiqueta para ingresar el mes.
5. Espacio para elegir la imagen generada del calendario por medio de un botón.
6. Botón para publicar el calendario a los otros perfiles.

1
2

Ilustración 187: Se puede visualizar los movimientos que se realizan para publicar el calendario del programa catorcena.
Fuente: Elaboración Propia.

3.4.19 Interfaz gráfica del menú de funciones para las coordinaciones y los
departamentos secundarios
1. Menú de manuales
2. Mensaje de Bienvenida y nombre de usuario
3. Menú de funciones de usuario
4. Botón Cerrar sesión

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 1

Ilustración 188: Vista de las funciones del coordinador y departamentos secundarios. Fuente: Elaboración Propia.

3.4.20 Interfaz General del “Calendario Programa Catorcenal”

En la interfaz de este archivo, se visualiza la imagen del calendario en el perfil de
Departamentos, dónde puede, acceder los Coordinadores y los Usuarios secundarios
(departamentos restantes):
1.- Título de la pestaña.
2.- Botón de regresar al perfil.
3.- Botón de guardar el calendario en formato de imagen.
4.- Botón de siguiente, para proceder a la publicación del calendario.
5.- Botones para elegir el mes.
6.- Botones para elegir la vista del calendario.
7.- Vista dinámica del calendario con la información añadida, es importante mencionar que
cada casilla del día se puede añadir una tarea y hacer anotaciones como las que se muestran
en la ilustración.
8.-Anotaciones que realiza el usuario respecto a las actividades.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 1 2

3
4

5 6

7 8

Ilustración 189: Muestra el ejemplo de las funciones que incluye el “Calendario Programa Catorcena” una vez que se
elaboraron todas las funciones correspondientes a este módulo. Fuente: Elaboración Propia.

3.4.21 Interfaz gráfica de la funcionalidad para registrar la fecha del periodo del
programa catorcenal de cualquier solicitud
Muestra el formulario para el llenado de la información de la tabla en base de datos y poder
publicar la imagen del calendario:
1.- Título de la página.
2.- Botón de regresar a llenar el calendario.
3.- Etiqueta para ingresar el año.
4.- Etiqueta para ingresar el mes.
5.- Espacio para elegir la imagen generada del calendario por medio de un botón.
6.- Botón para publicar el calendario a los otros perfiles.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 1
2

3
4

5
6

Ilustración 190: Se puede visualizar los movimientos que se realizan para publicar el calendario del programa catorcena.
Fuente: Elaboración Propia.

3.4.22 Interfaz gráfica del Módulo para la asignación de Folios y estado de las
Solicitudes

1
3

2
4

Ilustración 191: Iinterfaz para asignar folios y estatus de las 4 solicitudes, en este caso se muestra el ejemplo para la
solicitud de “Energizaciones”. Fuente: Elaboración propia.

1. “REGRESAR”: es la opción para regresar al menú.

2. “NUMERO DE SOLICITUD”: permite poner el cursor dentro del campo para que
el usuario pueda actualizar.
3. “ESTADO DE SOLICITUD”: de la misma forma permite estar cambiando los
estados de la solicitud.
4. “ACTUALIZAR”: permite mandar los datos registrados actualizados a la BD.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.4.23 Interfaz gráfica creada para la consulta de la información de las 4 solicitudes
En la interfaz de este archivo se visualiza la información relevante sobre Anexo 1 mediante
una tabla.
1.- Información sobre el tipo de Anexo.
2.- Botón de regresar, este regresa al menú del perfil activo.
3.- Mostrando información de folio desde la base de datos.
4.- Mostrando información de Estatus desde la base de datos.
5.- Mostrando información de Línea desde la base de datos.
6.- Mostrando información de Taller desde la base de datos
7.- Mostrando la información Número de Autorización desde la base de datos.
8.- Mostrando la información de Cargo desde la base de datos.

3 4 5 6 8
7

Ilustración 192: Ejemplo de interfaz gráfica para la muestra de los atributos de la solicitud 1. Fuente: Elaboración
propia.

3.4.24 Interfaz creada para visualizar la información y validar las solicitudes por
medio de la firma digital
Para que la información tenga una visualización más amigable con el usuario se organiza
dicha información dentro una tabla, así da una mayor presentación y estructura y organiza
los atributos dentro de esta.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Ilustración 193: Ejemplo de Interfaz gráfica de “Solicitudes por firmar Anexo 1: Energizaciones. Fuente: Elaboración
propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 194: Complemento que contiene el Otón “FIRMAR” para agregar el registro de la frima de los usuarios de
los departamentos involucrados, en este caso para “Solicitudes por firmar Anexo 1: Energizaciones. Fuente: Elaboración
propia.

1. Botón “REGRESAR”: permite redireccionar al menú del usuario.

2. Botón “FIRMAN”: permite insertar la firma creada de los diferentes usuarios desde el
momento del registro de cada uno de ellos.

3.4.25 Interfaz gráfica creada para la consulta de la información de las 4 solicitudes

En la interfaz de este archivo se visualiza la información relevante sobre Anexo 1 mediante
una tabla.
1.- Información sobre el tipo de Anexo.
2.- Botón de regresar, este regresa al menú del perfil activo.
3.- Mostrando información de folio desde la base de datos.
4.- Mostrando información de Estatus desde la base de datos.
5.- Mostrando información de Línea desde la base de datos.
6.- Mostrando información de Taller desde la base de datos
7.- Mostrando la información Número de Autorización desde la base de datos.
8.- Mostrando la información de Cargo desde la base de datos.

3 4 5 6 8
7

Ilustración 195: Ejemplo de interfaz gráfica para la muestra de los atributos de la solicitud 1. Fuente: Elaboración
propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
3.4.26 Interfaz creada para visualizar la información y validar las solicitudes por
medio de la firma digital
Para que la información tenga una visualización más amigable con el usuario se organiza
dicha información dentro una tabla, así da una mayor presentación y estructura y organiza
los atributos dentro de esta.

Ilustración 196: Ejemplo de Interfaz gráfica de “Solicitudes por firmar Anexo 1: Energizaciones. Fuente: Elaboración
propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 1

Ilustración 197: Complemento que contiene el Otón “FIRMAR” para agregar el registro de la firma de los usuarios de
los departamentos involucrados, en este caso para “Solicitudes por firmar Anexo 1: Energizaciones. Fuente: Elaboración
propia.

1. Botón “REGRESAR”: permite redireccionar al menú del usuario.

2. Botón “FIRMAN”: permite insertar la firma creada de los diferentes usuarios desde el
momento del registro de cada uno de ellos.

3.4.27 Vista general de las Solicitudes

Los anexos se digitalizaron por medio de formularios para sistematizar los proceso que se
llevaban a cabo de forma física, quedando de la siguiente manera:

1. Logos de la empresa.
2. Nombre de la solicitud para indentificar el anexo.
3. Referencias de la pagina oficial del Sistema de Transporte Colectivo Metro.
4. Número de anexo.
5. Botón para regresar al incio.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
1 3

Ilustración 198: Interfaz de los anexos. Fuente: Elaboración Propia.

3.4.28 Interfaz gráfica de la sección Áreas involucradas

6. Seleccionan el inicio y término del programa de la catorcena.
7. Colocan el número o letra de la línea del metro.
8. Número de la hoja.
9. Cuando colocan la línea dependiendo del número o letra, se muestra el taller que le
corresponde.
10. El formulario esta dividido por 4 secciones que son las siguientes (Áreas
Involucradas, Requerimiento, Coordinaciones, Plan De Trabajo).
11. El botón siguiente pasará de sección en sección hasta llegar al Plan de Trabajo.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 10

6
9

7
8

11

Ilustración 199: Sección AREAS INVOLUCRADAS. Fuente: Elaboración Propia.

3.4.29 Interfaz gráfica de la seccion de requerimiento

12. Seleccionarán si será de día o de noche, y mostrará el horario conforme al turno.
13. Ingresarán la autorización
14. Ingresarán el área ejecutora
15. El número de personas.
16. Ingresarán como máximo dos responsables.
17. El objetivo con su descripción.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 12 13
14 15
16

17

Ilustración 200: Sección de Requerimientos. Fuente: Elaboración Propia.

3.4.30 Interfaz gráfica de la Segunda parte de la seccion de requerimientos

18. Selección de transportación.

19. Ingresan los trenes.
20. El tramo a trabajar.
21. Que trenes están en prueba.
22. Quienes van a participar.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 18
19 20

21
22

Ilustración 201: Sección 2 de requerimientos. Fuente: Elaboración Propia.

3.4.31 Sección de coordinaciones

23. En la parte de coordinaciones se seleccionan los trabajadores que firmarán la
solicitud.
24. Campo para ingresar nombre del trabajador.
25. Este botón es para agregar otros campos, como: (Nombre,Cargo,EXT/TELEFONO)
26. Estos campos son importantes para las solicitudes porque cada uno de los
departamentos debe colocar su firma para autorizar, la cual se mostrarán en el pdf
en forma de caracteres.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 23

25 23

24 23

26 23

Ilustración 202: Sección de COORDINACIONES. Fuente: Elaboración Propia.

3.4.32 Sección de plan de trabajo

27. Seleccionarán la fecha de incio y término de la catorcena.
28. El nombre del trabajo o proyecto.
29. Los trabajos a realizar en la línea.
30. Conforme al turno podrán agregar varias actividades.
31. Podrán eliminar actividades sobrantes.
32. Botón de guardar.
33. Botón de regresar a la seccion anterior.

27 23

28 23

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 29 23

30 23

31 23

33 23

32 23

Ilustración 203: Sección de PLAN DE TRABAJO. Fuente: Elaboración Propia.

3.5 Diseño de las propuestas

Al concluir con el desarrollo de la plataforma web y verificar su funcionamiento,
concluimos con las primeras cuatro fases del diagrama de Gantt (ilustración) y para dar
continuidad en la fase 5: Lanzamiento, se haría presente la capacitación y manuales que se
describen en el diagrama siguiente, substracción del diagrama de Gantt general del
proyecto.

Tabla 3 Diagrama de Gantt fase 5. Fuente: Elaboración propia con información del período de residencias 2022.

Fase 5
Lanzamiento

Manuales

Capacitación

Compartir
entregables al
cliente
Entrega de
documentos
del proyecto

3.5.1 Diseño de manuales

Por parte del desarrollo de manuales, el diseño de los manuales es una fase donde se
planificará las ideas, procesos, recursos y entregables (manual técnico y manuales de
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
usuario) que se realizarán. Esta fase de diseño del proyecto es una etapa temprana del ciclo
de vida del proyecto esto se debe a que se centra principalmente en la descripción general
del mismo. Durante este paso inicial, se hará el uso de diagramas de flujo, diagramas de
Gantt y cronogramas, para brindar un panorama general a todos los participantes del
proyecto.

A continuación, se presenta el diagrama de Gantt que servirá para visualizar la organización

de las tareas que se realizarán a través del diseño de manual técnico y los manuales de
usuario.

ADMINISTRADOR FECHA DE
NOMBRE DELPROYECTO DELPROYECTO FECHA DE INICIO FINALIZACIÓN

Des arrollo del manual técnico y

manuales de us uario con bas e al
des arrollo de una plataforma web para Alex. 08-feb 05-ago
s is tematizar los proces os
adminis trativos del S TC METRO.

Tabla 16 Cronograma de actividades para el diseño de los manuales correspondientes. Fuente: elaboración propia.

TAREAS RESPONSABLE INICIO FINALIZACIÓN DÍAS

Definir la reunión de lanzamiento Alumnado 28-Jun 29-Jun 2

Acordar los objetivos Alumnado 29-Jun 30-Jun 2

Requis itos detallados Alumnado 30-Jun 5-Jul 6

P lan definitivo de recurs os Alumnado 5-Jul 8-Jul 4

P ruebas del s is tema Alumnado 8-Jul 13-Jul 6

Realizar diagramas de flujo Alumnado 13-Jul 17-Jul 5

Recabar la informacion Alumnado 17-Jul 21-Jul 5

De s a rrollo com ple to de m a nua le s Alumnado 21-Jul 27-Jul 7

P res entación de manuales Alumnado 27-Jul 28-Jul 2

Ing. Fra ncis co y
Aprobación de manuales 28-Jul 29-Jul 2
S olis
Entrega de manuales Alumnado 29-Jul 30-Jul 2

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
28-jun-22 29-jun-22 30-jun-22 05-jul-22 08-jul-22 13-jul-22 17-jul-22 21-jul-22 27-jul-22 28-jul-22 29-jul-22 30-jul-22
28-jun-22 29-jun-22 30-jun-22 05-jul-22

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
[Link] Tareas que conforman el plan de manuales

Considerando que, anteriormente se mostró el gráfico de Gantt en donde se enunciaron las

tareas y/o actividades que se realizarán en este proyecto, en el siguiente apartado se
describirán detalladamente cada una de las tareas.

Definir la reunión de lanzamiento.

En esta fase el equipo de trabajo convocará asistir a una reunión en donde se informará
acerca de la fecha exacta en el que el proyecto general será entregado al cliente final, el
cual implica la plataforma web y los documentos entregables (manual técnico, manuales de
usuario, capacitación y el proyecto en general). También se analizarán otras cuestiones de
interés como lo son; las fechas en la que se podrán realizar las pruebas de la plataforma.

Acordar los objetivos.

Dentro de esta fase se deberán definir los objetivos y resultados deseados que se esperan
alcanzar con la ejecución de las actividades que integran este proyecto. Estos deben de ser
medibles o cuantificables, realistas y limitados en el tiempo.

[Link] Requisitos detallados

Consiste básicamente en:

I. Determinar las expectativas y necesidades para satisfacer a los interesados (el

cliente).
II. Formalizarlas a través de un documento que refleje esta comprensión.
III. Y finalmente, administrarlas a lo largo del proyecto para cumplir los objetivos.

Este proceso constituye la base para la definición del Alcance del proyecto.

[Link] Plan definitivo de recursos.

En esta fase el equipo de trabajo determinará una serie de recurso que serán necesarios para
realizar el proyecto, tales son: software, hardware y capital humano que se detallan a
continuación:

a. Capital humano. Refiere al equipo de trabajo para la ejecución de este proyecto, se

contará con la aportación del alumnado, que deberá realizar las tareas de analista,
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 programador, diseñador y ejecutor de pruebas para el correcto funcionamiento de la
plataforma.
b. Hardware. Se hace uso de un servidor para el hospedaje del portal, apoyo de PCS,
memorias USB, y dispositivos móviles, impresoras multifuncionales.
c. Del cliente. Para el acceso a la web el cliente deberá hacerlo a través de su
ordenador personal. Éste deberá contar con una conexión a internet.
d. Del servidor. Para el hospedaje de la plataforma, se hará uso de un servidor web.
Los recursos mínimos de este servidor dependerán del volumen de visitas que la
empresa tenga previstas para el portal web.
e. Software. Por lo que respecta al coste económico en software ha sido de $200.00
pesos, para la utilización de diseño de diagramas en el sitio web Lucidchart y el uso
de un hosting para realizar las pruebas de la página web.

Pruebas del sistema.

Se analizará profundamente el sistema comprobando la integración del mismo de

información globalmente, verificando el funcionamiento correcto de las interfaces entre los
distintos subsistemas que lo componen y con el resto de los sistemas de información con
los que se comunica (base de datos).

[Link] Realizar diagramas de flujos.

Dentro de esta fase se crearán los diagramas de flujo o flujograma que ayudaran a
representar gráficamente el proceso correcto para poder ingresar a la página web, así como
la relación que tiene con cada uno de los usuarios. A continuación, se describirán los
diagramas de flujo que se realizarán para cada uno de los manuales;

I. Manual técnico; en este manual se realizará un diagrama de flujo general en el cual

se analizará el funcionamiento exacto de la página web.
II. Manual de usuario; dentro de este manual se realizará un diagrama de flujo general
en el cual se analizará el funcionamiento exacto de la página web. También se
realizarán diagramas de flujo de cada uno de los usuarios que podrán tener acceso a
la página, por lo cual se identificaron 3 usuarios los cuales son;

2.1 Súper usuario; conformado por Coordinación de calidad.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 2.2 Usuario Administrador; conformado por Monitoreo y telemando.

2.3 Usuario; conformado por los departamentos que conforman el área de

Monitoreo y telemando.

Recabar información

La recolección de información se dará a través del funcionamiento completo de la

plataforma web, para que se pueda analizar cada actividad o proceso que pueda realizar la
misma, se podrán tomar capturas de pantallas y también ayudará para el diseño de los
diagramas.

[Link] Desarrollo completo de manuales.

En esta fase se determinará la estructura que tendrá cada uno de los manuales con ayuda de
la información que fue recabada en el marco teórico. El diseño de la estructura de estos
manuales se basará en consideración del equipo de trabajo y según a las necesidades del
cliente final.

I. Manual técnico

La estructura del manual técnico es la siguiente:

Introducción
Propósito del manual
Objetivos específicos
3.1. Diagrama de navegación del sistema.
3.2. Modelo lógico de datos, diagrama entidad-relación (MER).
3.3. Modelo DER.
3.4. Diccionario de datos.
3.5. Descripción detallada del sistema.
3.5.1 Página principal
3.5.2 Interfaz del Súper Usuario.
3.5.2.1Diagrama particular detallado de Coordinación de Aseguramiento de Calidad.
[Link] Coordinación de Aseguramiento de Calidad.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
[Link] Datos del usuario
[Link] Bitácora del menú de Coordinación de Aseguramiento de Calidad.
3.5.3 Interfaz de Usuario Administrador
[Link] Diagrama particular detallado.
[Link] Monitoreo y Telemando.
[Link] Datos del usuario
[Link] Bitácora del menú de Monitoreo y Telemando.
3.5.4 Interfaz de Usuario (Departamentos y Coordinaciones)
[Link] Diagrama particular detallado de Departamentos.
[Link] Departamentos.
[Link] Datos del usuario
[Link] Bitácora del menú de Departamentos.
4. Responsables.
5. Anexos
II. Manual de usuario
La estructura de los manuales de usuario es la siguiente:
Introducción

Propósito del manual

Alcance

Acerca de este manual

CONTENIDO

1. Requisitos previos.

2. Diagrama general de la página web.

3. Coordinación de Aseguramiento de Calidad.

3.1 Diagrama particular detallado de Coordinación de Aseguramiento de Calidad.

4. Explicación genérica de las fases del sistema.

4.1 Página principal

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 4.2.1 Datos del usuario

4.2.2 Bitácora del menú de Coordinación de Aseguramiento de Calidad.

5. Solución de problemas.

6. Datos de contacto.

7. Glosario

8. Anexos

[Link] Fases de presentación y entrega de manuales

Presentación de manuales.
En esta fase se realizará una presentación de los manuales al equipo de trabajo, así como a
los asesores internos, la cual consistirá en analizar y verificar que los manuales estén bajo
las características descritas por el cliente.

Aprobación de manuales.

Se determinará si los manuales tienen el consentimiento para ser entregados al cliente final.

Entrega de manuales.

Se entregarán los documentos terminados al cliente final.

3.5.2 Diseño de capacitación

Como consecuencia del desarrollo de un sistema nuevo, surgen la propuesta dos de este
proyecto, enfocada al desarrollo de un plan de capacitación preventiva, misma que funge
como guía para el capacitador explicando paso a paso como llevar a cabo su ejecución,
ayudando a transmitir conocimientos con respecto al uso correcto de la plataforma y su
relación con las tecnologías.

Como tercera propuesta a implementar para lograr comprender la funcionalidad del sistema
se propone crear material de apoyo que pueda ser utilizado por los cursantes para reafirmar
sus conocimientos y guiarlos al uso correcto del “SPA”, por ello se pretende crear
contenido multimedia (vídeos tutoriales) que funge como apoyo al plan de capacitación.

Al ser propuestas enfocadas al aprendizaje, el plan de capacitación toma como referencia

estándares de aprendizaje para lograr distinguir los más adecuados.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Nuestro cerebro sólo permite procesar una cantidad limitada de información, de modo que
la selección es una forma de autodefensa. Cada persona filtra la información de manera
particular. Una manera eficiente de memorizar información es a base de la repetición,
elemento básico en la enseñanza.

Otra manera de apoyar la memoria consiste en involucrar la mayor cantidad de sentidos en

los procesos de aprendizaje. A continuación, una descripción porcentual basada en la
pirámide de (Glasser, 2019), a medida que intervienen los sentidos, la probabilidad de
recordar información aumenta.

10% leer 50% oír y ver

20% oír 80% oír, ver, dialogar

30% ver 90% oír, ver, dialogar, hacer

Tomando como referencia esta teoría de aprendizaje, se ha desarrollado el plan de capacitación.

[Link] Partes que conforman el plan de capacitación

Previo a las acciones, se elaboró una lluvia de ideas con respecto al contenido dentro del
plan, para hacer más fácil la comprensión del funcionamiento del SPA.

Portada

Título, edición, logotipo.

Glosario

Muestra el significado de las abreviaciones.

Antecedentes

Descripción del STC.

Justificación

Porque se lleva a cabo la capacitación.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Objetivos

Describe lo que se pretende lograr con la capacitación.

Descripción del contenido

Resume las características generales de la capacitación, duración, vigencia, temas,

módulos, recursos de aprendizaje, objetivo de la guía del capacitador, características del
capacitador, grupo objetivo, etc.

[Link] Partes que conformar guía del capacitador

Objetivos de aprendizaje

Describe lo que serán capaces de hacer los cursantes al finalizar el módulo.

Resumen del módulo

Descripción de manera breve del contenido del módulo.

Duración
Tiempo total que abarcará el desarrollo de los módulos, tomando en cuenta las actividades
a realizar y la importancia de no perder la atención de los cursantes.
Recursos
Las herramientas y los materiales requeridos para los módulos.

Procedimiento paso a paso

Redacción de indicaciones de cómo llevar a cabo la impartición de los módulos para el
logro de objetivos de manera comprensible para el capacitador y los cursantes.

Notas e indicaciones.
Información adicional a tomar en cuenta por el capacitador.

Anexos
Fungen como material de apoyo para hacer uso en las sesiones.

Presentación PowerPoint
Material de apoyo que contiene la información a presentar para el cursante.

En la siguiente tabla se muestran las características generales del plan de capacitación:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Tabla 3.3 Características generales del Plan de Capacitación. Fuente: Elaboración propia con información del
desarrollo del plan.

Duración 3 días
Sesiones de 90 minutos por día. +15 min. extras.
Planeación basada en la funcionalidad de SPA
Sentidos
oír, ver, dialogar y hacer
involucrados
manuales técnicos, de usuarios, anexos y
Materiales
vídeos.
Plan de
flexible y adaptable
capacitación

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
[Link] Partes que conformar los vídeos tutoriales
En el desarrollo de la presentación PowerPoint se hace anexo de los vídeos, en secuencia de
la presentación de temas de acuerdo a la guía del capacitador.

Título del video

Enfatiza la información a la que hará referencia cada vídeo.
Duración
El tiempo de cada vídeo varea debido a la información que contiene. No sin hacer mención
que son vídeos que no exceden los 20 minutos para lograr mantener la atención del
cursante.
Tutorial
Redacción de indicaciones de cómo llevar a cabo las funciones del SPA, ilustrando
visualmente la interacción directa con el sistema.

En la tabla siguiente se anexan la información de los vídeos que conforman el material de

apoyo para el plan de capacitación, en secuencia de los módulos.

Tabla 3.4: Información de vídeos tutoriales. Fuente: Elaboración propia con información del material de apoyo.

Diapositiv
Tema Duración
a
SPA 5 [Link] min.
R2 registro usuarios 11 [Link] min
R2 edición usuarios 12 [Link] min.
R3 funciones 14 [Link] min.
R3 visualizar calendarización 15 [Link] min.
R3 crear solicitudes 16 [Link] min.
R3 solicitudes autorizadas 17 [Link] min.
R3 información relevante solicitudes 18 [Link] min.
R3 funciones
R1 solicitudes por firmar 19
21 [Link]min.
[Link] min.
R1 crear calendarización 22 [Link] min.
R1 asignar folio y estado a solicitudes 23 [Link] min
R1 información relevante solicitudes 24 [Link] min.
R1 solicitudes por firmar 25 [Link] min.
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.
R1 generar PDF 26 [Link] min.
Tel. (55) 72617288; (55)88484456, ext. 110
R1 solicitudes por autorizar 27
e-mail: division_estudios@[Link] [Link] min.
P
R1 solicitudes autorizadas 28 [Link] min.
[Link] Capacitadores
Toda aquella persona que sea aprobada y designada por Monitoreo y Telemando, que
cuente con los conocimientos y experiencias previas suficientes para lograr transmitir a los
cursantes el uso adecuado del SPA.

[Link] Cursantes
Todo aquel involucrado en el proceso de solicitudes de trabajo, que sea aprobado y
designado por Monitoreo y Telemando para el uso del SPA, que enriquecerán el plan de
capacitación al finalizarla.

[Link] Recursos didácticos

Los recursos didácticos utilizados: diapositivas en PowerPoint, manuales de usuarios,
manuales técnicos, internet, proyectores, computadora, plataforma web SPA, anexos
(material de apoyo) e infraestructura.

[Link] Vídeos tutoriales

Presentación PowerPoint de la simulación de interacción con el sistema SPA, detallando
funcionalidad del sistema paso a paso, transmitiendo información fácil de comprender y
reproducir las veces necesarias.

[Link] Presupuesto
Tabla 3.5: Presupuesto de recursos. Fuente: Elaboración propia con información de Google shopping.

Concepto Costo $
Impresión de manuales de usuario (10) $600.00
Impresión de manuales técnicos (2) $120.00
Hojas blancas (1 paquete 500 hojas) $139.95

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Bolígrafos (2 paquetes con 12 pz c/u) $098.00
Impresión de anexos $100.00
Proyector $899.00
Internet $389.00
TOTAL $2,345.95

Infraestructura (renta mensual) $2,800.00

Computadora $3,693.00

Nota 1: De no contar con un espacio designado para la capacitación, se deberá tomar en

cuenta el costo que genera la renta de un espacio.

Nota 2: Si no se cuenta con equipo de cómputo para hacer la presentación de diapositivas,

tomar en cuenta el costo de adquisición de computadora.

[Link] Seguimiento y evaluación de la capacitación

Seguimiento
Al término de cada sesión se hará una evaluación personal para determinar si los cursantes
han logrado obtener los objetivos de aprendizaje.

Evaluación
La asistencia y el conocimiento de la funcionalidad del SPA será el único parámetro para la
evaluación de desempeño. Al finalizar los módulos se hará una evaluación de satisfacción
de corto plazo que se obtiene de la reacción inmediata de los participantes, para determinar
su eficacia en el alcance de objetivos de aprendizaje contenido en los anexos del plan de
capacitación.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 CAPÍTULO IV. RESULTADOS

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
4.1 Fase de lanzamiento
Una vez el proyecto esté concluido y las revisiones previas hayan quedado resueltas
durante las fases anteriores de programación y la fase de pruebas, se procede a cargar el
proyecto dentro de un alojador virtual para poder constatar su funcionalidad por medio de
un dominio cargándolo a la red.

Se debe de analizar detenidamente las características del sistema o alojador virtual que se
desea implementar y verificar el alcance que se puede adquirir con este, para proporcionar
y potenciar el servicio a los usuarios finales.

4.1.1 Características del Hosting y su Dominio

El hosting seleccionado para cargar el sistema es “Hostinger Empresarial”, que permite
obtener al cliente 100 Sitios web, 200 GB de Almacenamiento SSD, Email Gratuito, SSL
gratis, Ancho de Banda ilimitado, Bases de datos Ilimitadas, Acceso SSH. En esencia son
los servicios que ofrece este alojador web, el cual permitirá almacenar los datos de la
plataforma web por medio del servidor que este maneja para el almacenamiento de su
información y la BD.

Ilustración 204: Página de contrato de paquetes para hostinger. Fuente: [Link].

Las características para la contratación del dominio son las siguientes:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 205: El dominio permite crear la propia dirección para el sitio o en nuestro caso plataforma web. Fuente:
Elaboración propia.

La siguiente fase sería crear la dirección de la plataforma web, que se lleva a cabo mediante
seis pasos:

1. Se debe de pensar en un nombre que pueda comunicar o expresar la idea

principal del proyecto.
2. Se debe de buscar el nombre en internet por si existen páginas o plataformas
con el mismo nombre, de esta forma se garantiza la autenticidad del sitio.
3. Se debe comprobar la idea en un buscador de Dominios.
4. Se debe de elegir la extensión más adecuada para el manejo del Dominio.
5. Se debe de tener en claro los aspectos legales relacionados con el dominio
que se está manejando.
6. Dar de alta y registrar el dominio.
Nota: Se recomienda manejar el Dominio y el Hosting de una misma empresa o compañía
para administrar ambas herramientas en una sola cuenta.

4.1.2 Proceso para cargar la plataforma web dentro del Dominio

Apartado para poder añadir el sitio web, en donde los usuarios podrán buscar en el
navegador el nombre del servidor y el dominio que se le asigne, ya sea .com, .mx, .tech,
etc.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 206: Ingresar el nombre del dominio de la plataforma web Fuente: Elaboración propia.

Apartado donde se va a crear el nombre, usuario y contraseña de la base de datos que nos
servirá para una buena administración de la plataforma web.

Ilustración 207: Creación de nombre, usuario y contraseña de la base de datos. Fuente: Elaboración propia.

Vista de nuestro dominio configurado, listo para añadir los archivos correspondientes para
su correcto funcionamiento de la plataforma web.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 208: Configuración exitosa del dominio Fuente: Elaboración propia.

Para poder subir los archivos de toda la estructura de la plataforma, donde la el hostinger
contiene varias opciones para los archivos donde en el caso de la plataforma, seleccionara
administrador de archivos para subir el proyecto.

Ilustración 209: Opciones para los archivos Fuente: Elaboración propia.

La siguiente sección nos muestra la parte para poder subir nuestro proyecto de la manera
más fácil, además contiene las siguientes opciones agregar archivos, agregar carpetas,
buscar, idiomas, subir archivos y actualizar.

Ilustración 210: Secciones de hostinger para la manipulación de archivos Fuente: Elaboración propia.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Vamos a subir nuestros archivos que tienen que estar comprimido para poder descomprimir
ya estando en Hostinger.

NOTA: Los archivos tienen que estar comprimidos en .zip porque es el único formato que
acepta.

Ilustración 211: Archivo seleccionado para cargar en la plataforma de hostinger Fuente: Elaboración propia.

Vista de los archivos cargados en la plataforma del hostinger para poder hacer cambios
dentro de los archivos cuando se requiera

Ilustración 212 Vista de los archivos de los proyectos Fuente: Elaboración propia.

4.1.3 Procedimiento para cargar y configurar la Base de Datos

En la siguiente sección es donde la base de datos ya se muestra configurada con el nombre,
usuario y contraseña de la base datos entramos como admin para empezar a cargar la base
de datos.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 213: Vista del nombre y usuario de la base de datos Fuente: Elaboración propia.

Entramos con phpMyadmin para poder exportar la base de datos de local a hosting.

Ilustración 214: Espacio para subir la base de datos. Fuente: Elaboración propia.

Seleccionamos la base de datos que se va a cargar que va se spa_residencias.sql.

Ilustración 215: Importación de la base de datos a Hostinger Fuente: Elaboración propia.

Base de datos importada dentro de Hostinger como se puede mostrar se encuentra todas las
tablas con los procedimientos almacenados.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 216: Visualización de las tablas en Hostinger Fuente: Elaboración propia.

4.1.4 Procedimiento para Cargar el proyecto dentro del Dominio

Para la plataforma va a contener un dominio que es el nombre unció que recibe la

plataforma web en internet, que es nombre identifica nuestro sistema, que vamos a añadir
nuestro dominio.

Ilustración 217: Añadir el dominio Fuente: Elaboración propia.

Se añade el nombre del dominio para que la búsqueda en el navegador sea lo más rápido en
encontrar y además va a ser único.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 Ilustración 218: Asignación del nombre del dominio Fuente: Elaboración propia.

Creación de nuestro nombre de dominio para poder visualizar en el navegador.

Ilustración 219: Vista del nombre del dominio Fuente: Elaboración propia.

4.1.5 Links de manuales

Para consultar el resultado final de las propuestas dos, tres y cuatro, visitar los enlaces que
se enlistan a continuación.

Link: de la carpeta de manuales:

[Link]

Link Manual súper usuario:

[Link]

Link Manual usuario administrador:

[Link]

Link Manual de usuario-departamentos y coordinaciones:

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
[Link]

Link Manual Técnico:

[Link]

4.1.6 Elaboración del plan de capacitación STC 2022 guía para el capacitador

La estructura del plan de capacitación se detalla a continuación.

[Link] Portada del plan de capacitación STC 2022 guía para el capacitador

La portada del manual tiene un diseño creativo en donde se encuentran elementos como el
título en el lado izquierdo del documento, edición en la parte inferior del lado izquierdo,
logotipo del STC parte inferior central y una imagen digitalizada del metro (Canas, 2014)
en el lateral derecho. A continuación, se muestra la portada.

[Link] Cuerpo del documento

En el desarrollo del cuerpo del documento se anexa información importante como el

glosario, prólogo, justificación de la capacitación, antecedentes, competencia a adquirir por
los cursantes, estructura del plan de capacitación, los objetivos que se persiguen, la
descripción del contenido, objetivo de la guía del capacitador, características del
capacitador, modo de uso de la guía, las políticas y los grupos objetivo para los que se hace
el desarrollo de este plan de capacitación. Esta información funciona como contexto para el
lector, hacer saber la situación que se presenta y las características del desarrollo del plan y
la guía del capacitador.

[Link] Guía para el capacitador

A partir de aquí inicia la guía del capacitador por día y módulo, para brindar paso a paso la
orientación al ejecutar las sesiones. El diseño resulta atractivo para el lector y resume los
aspectos que son más relevantes a tratar y la duración sugerida. Se hace énfasis que los
tiempos previstos sólo son como sugerencia, debido a que el desarrollo de las sesiones
dependerá de la participación de los cursantes, las dudas y los imprevistos que puedan
surgir fuera del alcance del capacitador. Del mismo modo se sugieren los recursos a utilizar
y las notas que pueden servir como recordatorio.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
[Link] Anexos

Los anexos fungen como material de apoyo para imprimir, desarrollado para el
complemento de las sesiones. Se crean dos notas importantes a considerar por el
capacitador, tres formatos con la finalidad de evaluar la satisfacción, los dos primeros se
llevan a cabo al concluir las sesiones diarias respectivamente y el tercero al finalizar todos
los módulos debido a la importancia para evaluar la capacitación y por último las respuestas
a la ronda de preguntas como actividad de la última sesión.
Link Plan de capacitación y material de apoyo (videos tutoriales).
[Link]

4.1.7 Verificar o controlar

Verificar: realizar el seguimiento y medición de los procesos y los productos respecto a las
políticas, los objetivos y los requisitos para el producto, e informar los resultados.
Para hacer la respectiva verificación, se contempla un periodo prueba para su correcto
funcionamiento, se deja la documentación realizada de contingencia y de la mejora de los
procesos de solicitud, creación de usuario.
Propósito.
Establecer un seguimiento del diseño para modificar información del usuario, permitiendo
tener control y actualización de la base de datos en la plataforma web.

Alcance.
El usuario administrador verificara la edición de los datos de usuario en la plataforma web
para después validar y aprobar la funcionalidad de corrección y actualización del sistema.

Política de operación.
La oficina de Monitoreo y Telemando son los responsables de definir las medidas de
tratamiento y almacenamiento de la información tomando en cuenta lo siguiente:

 Sólo de personal autorizado para el acceso a la plataforma web.

 Llevar un registro formal para la información de usuario.
 Control de alta de cada usuario.
Proceso.
Editar usuario en la base de datos.
Verificación de elementos funcionales de entrada:
La tabla se actualiza automáticamente, en ella se puede visualizar para la modificación
correspondiente.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Opciones:
 Editar
 Borrar

Salida.
Confirmación de que se ha realizado los cambios y actualizado la base de datos.

Para visualizar la tabla de Control y verificación de elementos entrada, dirigirse al capítulo

de Anexos (página 289).

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 GLOSARIO

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 ANEXO: 1. Que va unido a otra cosa de la cual depende o con la que está muy
relacionado.2. Que va unido a otro o está junto a él.
 AUT. y CONTROL: Automatización y Control
 BITÁCORA: Página web, generalmente de carácter personal, con una estructura
cronológica que se actualiza regularmente y que se suele dedicar a tratar un tema
concreto.
 BOTÓN: Elementos comunes de diseño web, creados para la interacción.
 CEP y MAG: Coordinación de Evaluación de Proyectos y Mantenimiento de Áreas
Generales
 CCEO: Coordinación de Control y Operación Eléctrica
 COCOL: Coordinación de lo Consultivo y lo Legislativo
 COMUNIC. y PEAJE: Comunicación y Peaje
 CONTRASEÑA: 1. Palabra, frase o señal que solo conocen determinadas personas
y que les permite ser reconocidas entre sí o por otras personas. 2. Código secreto
que se introduce en una máquina para poder accionar un mecanismo o para acceder
a ciertas funciones informáticas.
 CORREO ELECTRÓNICO: Sistema que permite el intercambio de mensajes entre
distintas computadoras interconectadas a través de una red.
 CURSANTE: Cualquier persona de los grupos objetivo a capacitar
 DATOS; 1. Información concreta sobre hechos, elementos, etc., que permite
estudiarlos, analizarlos o conocerlos. 2. INFORMÁTICA. Cifra, letra o palabra que
se suministra a la computadora como entrada y la máquina almacena en un
determinado formato.
 DIAGRAMA DE FLUJO; Representación gráfica de un algoritmo o proceso. Se
utiliza en disciplinas como programación, economía, procesos industriales y
psicología cognitiva.
 EXPLORADOR: Es un programa que permite ver la información que contiene una
página web.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 FUNCIÓN: Actividad particular que realiza una persona o una cosa dentro de un
sistema de elementos, personas, relaciones, etc., con un fin determinado.
 HARDWARE: Conjunto de elementos físicos o materiales que constituyen una
computadora o un sistema informático.
 INST. HID. Y MEC.: Instalaciones Hidráulicas y Mecánicas
 INTERFAZ: 1. INFORMÁTICA Dispositivo capaz de transformar las señales
generadas por un aparato en señales comprensibles por otro. 2. LENGUAJE
TÉCNICO Zona de comunicación o acción de un sistema sobre otro.
 MANUAL: Publicación que incluye los aspectos fundamentales de una materia. Se
trata de una guía que ayuda a entender el funcionamiento de algo, o bien que educa
a los lectores acerca de un tema de forma ordenada y concisa.
 PÁGINA WEB: INFORMÁTICA Conjunto de información que se encuentra en
una dirección determinada de internet.
 PROCESADOR: Pieza de hardware que permite que tu computadora interactúe con
todas las aplicaciones y programas instalados.
 R1, R2, R3 y R4: Roles 1, 2, 3 y 4
 RAM; Es la memoria a corto plazo de un equipo. Ninguno de sus programas,
archivos o transmisiones de Netflix funcionaría sin RAM, que es el espacio de
trabajo del ordenador.
 RED LOCAL: (Local Area Network) Red de comunicación entre ordenadores
situados en el mismo edificio o en edificios cercanos, de forma que permite a sus
usuarios el intercambio de datos y la compartición de recursos.
 ROL: Función que una persona desempeña en un lugar o en una situación.
 SEG. IND. E HIG.: Seguridad Industrial e Higiene
 SOFTWARE: Conjunto de programas y rutinas que permiten a la computadora
realizar determinadas tareas.
 SPA: Nombre de la plataforma web: Sistema de Procesos Administrativos
 STC: Sistema de Transporte Colectivo

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 SUB MENÚ: Son los menús que tienen menús hijos, es decir que no se puede hacer
clic en él, en vez de eso hay que seleccionar uno de sus «hijos»; habitualmente traen
consigo una flecha en la lateral derecha indicando la naturaleza del mismo.
 SUB PROCESO: Opción para encapsular los pasos relacionados lógicamente dentro
de un proceso padre.
 SÚPER USUARIO: Es el nombre convencional de la cuenta de usuario que posee
todos los derechos en todos los modos. Normalmente es la cuenta de administrador.
 TARJETA GRÁFICA: Es una tarjeta de expansión de la tarjeta madre o
motherboard del computador que se encarga de procesar los datos provenientes del
procesador y transformarlos en información comprensible y representable en el
dispositivo de salida.
 USUARIO: Persona que utiliza una computadora o un servicio de red. Los usuarios
de sistemas informáticos y productos de software generalmente carecen de la
experiencia técnica necesaria para comprender completamente cómo funcionan.
 USUARIO ADMINISTRADOR: persona que puede realizar cambios en un equipo
que afecten a otros usuarios del equipo. Los administradores pueden cambiar la
configuración de seguridad, instalar software y hardware, obtener acceso a todos los
archivos del equipo y realizar cambios en otras cuentas de usuario.
 VÍAS I: Coordinación de Vías I
 VÍAS II: Coordinación de Vías II
 VÍAS III: Coordinación de Vías III
 WINDOWS: Sistema operativo para computadoras, es propiedad de Microsoft y de
su fundador, Bill Gates, y es uno de los más utilizados en todo el mundo.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 CONCLUSIONES

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Este proyecto ha sido el apoyo en el manejo de un nuevo sistema que a su vez ayuda a
obtener mayores y mejores resultados para la organización y sus trabajadores.

Se logró identificar la carencia de herramientas tecnológicas en el proceso administrativo,

por lo cual, se dio solución principal el desarrollo de una plataforma web en un entorno
local, dicha plataforma es capaz de sistematizar las solicitudes para el mantenimiento en
las distintas líneas del metro y se logró identificar los requerimientos principales del
sistema, agregando un valor de importancia a cada solicitud que dependen los
requerimientos, así como el diseño de la plataforma utilizando la regla de colores que
utiliza la dependencia, se estructuró un diseño con funciones intuitivas y agiles para los
trabajadores y/o administradores de la dependencia haciendo posible la creación y envió de
solicitudes, visualizar información relevante, firmar por los departamentos que están
involucrados en el proceso, se implementó el uso de calendario para registrar el programa
catorcenal, para que finalmente se genere el documento PDF de la solicitud realizada,
además de subir a la nube, consultar o descargar el archivo.

A consecuencia del nuevo sistema, se crearon cuatro tipos de manuales; manual técnico,
manual de súper usuario, manual de administrador y manual de usuario secundario, los
cuales permiten a las personas que utilizan los sistemas de información de la página web su
entendimiento y uso de las funcionalidades que ésta posee. Además, se determinó como
una guía de asistencia para el usuario final sobre el funcionamiento de los aplicativos y de
solución a los problemas más comunes que se puedan presentar en la página web. Estos
documentos fueron un importante material de apoyo para la capacitación de las diferentes
áreas de la institución.

Tomando como referencia los documentos anteriores, se crea el plan de capacitación,

enfocado a la guía del capacitador para transmitir el uso correcto del SPA, a través de
material de apoyo visual.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
La plataforma web cumple con el principal objetivo de permitir a los clientes del STC. Para
el proceso de gestión de solicitud y autorización de anexos referentes al formato de trabajo
de mantenimiento en el servicio. Dentro de la propuesta de la plataforma se realizó una
identificación del contexto de la organización que nos ayudó en la aportación de la
información del proceso manual de gestión de solicitud.

Además, la aplicación también integra procedimiento de inserción, modificación y

visualización de la firma autógrafa que complementa el sistema de validación de solicitudes
permitiendo cumplir con otro objetivo de seguridad y control de la documentación.

Finalmente, el desarrollo del proyecto tuvo una expectativa positiva, dado que se determinó
la reingeniería de nuevo procesos para brindar un mejor servicio de gestión de solicitudes
por medio de la implementación de una plataforma web que permite a los usuarios realizar
en tiempo y forma las solicitudes de trabajó determinando de esta manera el crecimiento de
la organización como una empresa de vanguardia y responsable con el medio ambiente.

Finalmente, el desarrollo del proyecto tuvo una expectativa positiva, dado que se determinó
la reingeniería del proceso generando nuevos subprocesos, para brindar un mejor servicio
de gestión de solicitudes por medio de la implementación de una plataforma web que
permite a los usuarios realizar en tiempo y forma las solicitudes de trabajó determinando de
esta manera el crecimiento de la organización como una empresa de vanguardia y
responsable con el medio ambiente.

Esperando que las propuestas de este proyecto se implementen cuando las autoridades del
STC lo consideren oportuno.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
COMPETENCIAS DESARROLLADAS

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIONES

 Administra proyectos que involucren Tecnologías de la Información y

Comunicaciones para el logro de los objetivos organizacionales conforme a
requerimientos establecidos.
 Diseña, desarrolla y gestiona sistemas de bases de datos para garantizar la
integridad, disponibilidad y confidencialidad de la información.
 Integra soluciones de sistemas de comunicación con diferentes tecnologías,
plataformas o dispositivos.
 Integra las diferentes arquitecturas de hardware y administra plataformas de
software para incrementar la productividad en las organizaciones.
 Diseña e implementa interfaces gráficas de usuario para facilitar la interacción entre
el ser humano y los equipos.

INGENIERÍA EN GESTIÓN EMPRESARIAL

 Diseñar e innovar estructuras administrativas y procesos, con base en las

necesidades de las organizaciones para competir eficientemente en mercados
globales.
 Aplica métodos, técnicas y herramientas para la solución de problemas en la gestión
empresarial con una visión estratégica.
 Aplica las normas legales para la creación y desarrollo de las organizaciones.
 Utiliza las nuevas tecnologías de información y comunicación en la organización,
para optimizar los procesos y la eficaz toma de decisiones.
 Actúa como agente de cambio para facilitar la mejora continua y el desempeño de
las organizaciones.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 FUENTES DE INFORMACIÓN

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Referencias
Administrativos, M. D. (2009). Manuales administrativos: guía para su elaboración.
Secretaría de la Presidencia, Dirección de Estudios Administrativos, 1974.
Arena, J. A. (1995). El proceso administrativo. Universidad de Texas: Editorial Jus.
Bustelo, C. (2012). La normalización internacional en información y documentación: ¿una
historia de éxitos? El caso de la normalización ISO en gestión de documentos.
Métodos de información, 3(4), 39-46. [Link]
Calvo, D. (2018, abril 7). Metodología XP Programación Extrema (Metodología ágil).
Diego Calvo. [Link]
metodologia-agil/
C. Cómo usar correctamente la biblioteca jsPDF. (2021, abril 8). [Link].
[Link]
Canas, M. (10 de noviembre de 2014). Behance. Recuperado el 2022, de
[Link]
Facilito, C. (2020). Triggers Mysql. Código Facilito.
[Link]
Fayol, H. (2002). Fundamentos de administración . En Fundamentos de administración
(pág. 552). México: Pearson, Educación .
Fernández Arena, J. A. (1991). El Proceso administrativo. Editorial DIANA.
Glasser, W. (2019). Educapeques. Recuperado el 20 de 07 de 2022, de
[Link]
[Link]
Grainger, K. E. (s.f.). Manuales Administrativos . Instituto Internacional de Ciencias.
Hernández, J. J. S. (2021). Unidad 12. Triggers, procedimientos y funciones en MySQL.
[Link].[Link]
[Link]#procedimientos
Hernández y Rodríguez, S. (2002). Administración: pensamiento, proceso, estrategia y
vanguardia. . McGraw Hill.
Home - documentation. (s/f). [Link]. Recuperado el 3 de agosto de 2022, de
[Link]
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Hurtado, D. (2008). Principios de Administración. . ITM.
ISO 10001, Gestión de la calidad — Satisfacción del cliente — Directrices para los códigos
de conducta de las organizaciones
ISO 10006, Sistemas de gestión de la calidad — Directrices para la gestión de la calidad en
los proyectos.
JavaScript DOM EventListener. (s/f). [Link]. Recuperado el 3 de agosto de 2022,
de [Link]
JsPDF - HTML5 PDF generator. (s/f). Parallax. Recuperado el 3 de agosto de 2022, de
[Link]
Martínez Bustos, E. C. (30 de marzo de 2018). EG Estudios Grenciales.
doi:[Link]
Mitnik, F., & Coria, A. (2012). Recuperado el 29 de mayo de 2022, de MDP:
[Link]
Münch Galindo, L. (2007). dministración. Escuelas, proceso administrativo, áreas
funcionales y desarrollo emprendedor. Pearson, Educación.
Trabajo, P. F. (13 de junio de 2018). PROFEDET. Recuperado el 29 de mayo de 2022, de
Gobierno de la Ciudad de México: [Link]
importancia-de-la-capacitacion-para-las-y-los-trabajadores?idiom=es#:~:text=La
%20capacitaci%C3%B3n%20juega%20un%20papel,trabajo%20que%20se%20les
%20encomienda.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 ANEXOS

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Formato de control y verificación de elementos de entrada.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
RECOMENDACIONES Y SUGERENCIAS PARA FUTUROS DESARROLLADORES

 Dentro de las recomendaciones y sugerencias que se pueden compartir a los futuros

lectores con forme al desarrollo de cado uno de los procesos administrativos que
esta plataforma lleva a cabo son las siguientes:
 Antes de tomar una decisión acerca de cuál será la metodología que se piensa poner
en marcha, el desarrollador deberá primero realizar un análisis acerca del “Diseño
de los elementos que agilice el proceso que se piensa realizar”.
 Debe de preocuparse explícitamente acerca del público al que quiere dirigir y
presentar el proyecto en mente. Y conforme a este modelo basarse a las siguientes
preguntas y ponerse en el papel de los clientes: ¿Cuál es el problema a solucionar?,
¿Cuáles son los medios que voy a ocupar para resolverlo?, ¿Cómo lo voy a
organizar?, ¿Quiénes son los competidores en mi mercado?, ¿Qué mejoras brindará
mi propuesta que no tenga la competencia? y que estas sean innovadoras, que
aporten una forma de identificar al mi negocio y lo relacionen los clientes con ello,
¿Cuáles son las tendencias de la sociedad en la actualidad, en cuanto a los servicios
de mercado y producción?, ¿Cuál será el principal público al que estará dirigido el
negocio?.
 Pero ante todo el desarrollador se debe de enforcar en los siguientes tres elementos
que son pilares clave en su desarrollo:
o Diseño.
o Funcionalidad.
o Accesibilidad.
 Es necesario que el desarrollador ponga de su empeño en la fase de la inserción de
las cadenas de texto dentro de los campos de los formatos de cada una de las
solicitudes, este se debe de realizar con el mayor detalle posible, ya que es en esta
parte es donde surgen los detalles a la hora de ordenar las líneas de texto dentro de
los campos de los archivos png para cada una de las solicitudes
 Conforme a las nuevas reglas del negocio que se llevan a cabo hoy en día, el lector
debe de tomar en cuenta que una plataforma web necesita estar expuesto en la red,
sin fallas funcionales y llevando a cabo su servicio las 24 horas, los 7 días de la

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P
 semana por 365 días del año. Por ello debe de implementar herramientas que
sustenten su servicio y lo mantengan en línea con el fin de garantizar su servicio.
Debe de tener en cuenta las siguientes tendencias:
o Expectativas de Respuesta inmediata.
o Siempre se presentarán nuevos competidores y canales de comunicación y es
necesario adaptarse al cambio e integrarlos.
o Es importante mantener el crecimiento de la empresa de forma ascendente, para
evitar repercusiones que lo puedan tener bajo amenaza.
 Como propuesta planteada por parte del equipo, es siempre buscar la manera de
trabajar con un gestor que permita el funcionamiento de manera compatible con el
equipo de cómputo que se esté utilizando y con las debidas actualizaciones para
agilizar de forma concisa los avances de la programación. Se debe estar consciente
de que motor de base de datos es el más compactible para el gestor y lenguaje de
programación que se piense utilizar para realizar un proyecto y para salvaguardar la
información en caso de requerirse una base de datos.
 Siempre que se tengan avances dentro del proyecto es necesario mostrárselos a los
usuarios o clientes que están solicitando el programa, esta acción evitara trabajar
doblemente, ahorra tiempo, aclara dudas que podrían surgir durante el desarrollo del
programa, evita molestia por parte de los clientes y con esta acción se habilita la
participación de ellos con forme el avance y se da a notar que su presencia en
cuanto al diseño es fundamental y necesaria, promueve la confianza entre el equipo
de trabajo y entre los clientes. Ojo no porque los clientes den su opinión quiere decir
que conozcan el funcionamiento y el alcance de las habilidades del equipo en
cuanto a la programación, si la opinión es errónea o el aporte de ideas es equivoco,
se debe corregir e inmediatamente proporcionar la debida corrección y aclarar cuál
es la opción óptima y el porqué de ello.

Cam. Real 625, Jardines del Llano, Tláhuac, 13550 San Juan Ixtayopan, CDMX.

Tel. (55) 72617288; (55)88484456, ext. 110

e-mail: division_estudios@[Link]
P