Informe Beny Roman Gonzalez Ruiz 12200615

Subsecretaría de Educación
Superior.
TECNOLÓGICO NACIONAL DE MÉXICO
Instituto Tecnológico de Pachuca
TECNOLÓGICO NACIONAL DE MÉXICO

Instituto Tecnológico de Pachuca
SISTEMA WEB YIREH & BROKERS PARA GESTIONAR Y

AUTOMATIZAR PROCESOS DE VENTA DE
PRODUCTOS FINANCIEROS
GONZÁLEZ RUIZ BENY ROMÁN

NO. CONTROL 12200615
roman.j200@gmail.com
ASESOR
CARLOS EDUARDO MAGGI NATALE
ING. SISTEMAS COMPUTACIONALES
Yireh & Brokers Agente de Seguros SA de CV.
Carretera México-Pachuca Km.87.5, Col. Venta

Prieta, Pachuca, Hidalgo.PACHUCA
C.P. 42080 DE SOTO,
A. P. 276, HGO. JUNIO 2017
Tels. : (01 771) 7113073, 7113596, 7113140,
7115119, 7115538 Fax (01771)7113399
www.itpachuca.edu.mx
0
Índice
CAPÍTULO 1: ANTECEDENTES--------------------------------------------------------------------- 3
1.1 Introducción---------------------------------------------------------------------------------------- 3
1.2 Problemática--------------------------------------------------------------------------------------- 4
1.3 Justificación------------------------------------------------------------------------------------------- 5
1.4 Objetivo General------------------------------------------------------------------------------------- 5
1.5 Objetivos Específicos------------------------------------------------------------------------------- 5
1.6 Alcances y limitaciones---------------------------------------------------------------------------- 6
1.6.1 Alcances------------------------------------------------------------------------------------------ 6
1.6.2 Limitaciones------------------------------------------------------------------------------------- 6
1.7 Evaluación o impacto económico y social ---------------------------------------------------7
CAPÍTULO 2: DESCRIPCIÓN GENERAL DE LA EMPRESA --------------------------11
2.1 Datos Generales------------------------------------------------------------------------------------- 11
2.2 Misión------------------------------------------------------------------------------------------------- 11
2.3 Visión-------------------------------------------------------------------------------------------------- 11
2.4 Objetivo----------------------------------------------------------------------------------------------- 11
2.5 Valores------------------------------------------------------------------------------------------------ 11
2.6 Descripción de la empresa----------------------------------------------------------------------- 12
2.6.1 Historia de la empresa---------------------------------------------------------------------- 13
2.6.2 Servicios---------------------------------------------------------------------------------------- 14
2.7 Características del área en que se participó ------------------------------------------------16
2.8 Organigrama----------------------------------------------------------------------------------------- 17
2.9 Descripción de funciones------------------------------------------------------------------------ 18
2.10 Problemas resueltos priorizándolos---------------------------------------------------------19
CAPÍTULO 3: MARCO TEÓRICO----------------------------------------------------------------- 21
3.1 Bootstrap------------------------------------------------------------------------------------------ 21
Maquetación web responsive--------------------------------------------------------------------- 21
3.1.1 Servidor web------------------------------------------------------------------------------- 22
3.1.2 Panel de control--------------------------------------------------------------------------- 23
3.1.3 Cliente FTP--------------------------------------------------------------------------------- 23
3.2 Base de datos------------------------------------------------------------------------------------- 24
3.2.1 MySQL--------------------------------------------------------------------------------------- 24
3.2.2 PHPMyAdmin------------------------------------------------------------------------------ 24
3.2.3 Exportar Base de Datos desde phpMyAdmin (Respaldo) ---------------------25
3.3 Programación web------------------------------------------------------------------------------ 26
3.3.1 SublimeText-------------------------------------------------------------------------------- 26
3.3.2 PHP-------------------------------------------------------------------------------------------- 27
1
3.3.3 CSS-------------------------------------------------------------------------------------------- 28
3.3.4 Gráficas y animaciones------------------------------------------------------------------ 29
3.4 Seguridad web----------------------------------------------------------------------------------- 29
3.5 Herramientas SEO------------------------------------------------------------------------------ 29
3.6 Etiquetas Meta----------------------------------------------------------------------------------- 30
3.7 Posicionamiento web-------------------------------------------------------------------------- 31
3.7.1 Rastreo--------------------------------------------------------------------------------------- 31
3.7.2 Indexación----------------------------------------------------------------------------------- 31
CAPÍTULO 4: PROCEDIMIENTO Y DESCRIPCIÓN DE LAS ACTIVIDADES - 32
4.1 Metodología de trabajo------------------------------------------------------------------------ 32
4.1.1 Elección de la metodología------------------------------------------------------------32
4.1.2 Características Principales-------------------------------------------------------------32
4.1.3 Justificación-------------------------------------------------------------------------------- 32
4.2 Base de datos------------------------------------------------------------------------------------- 33
4.2.1 Modelo lógico------------------------------------------------------------------------------ 33
4.2.2 Tablas----------------------------------------------------------------------------------------- 34
4.2.3 Diccionario de datos (Metadatos)----------------------------------------------------34
4.3 Desarrollo de la aplicación------------------------------------------------------------------ 37
4.3.1 Introducción a lógica de negocio-----------------------------------------------------37
4.3.2 Programación------------------------------------------------------------------------------- 37
4.3.3 Pruebas--------------------------------------------------------------------------------------- 38
4.4 Análisis de Riesgos----------------------------------------------------------------------------- 38
CAPÍTULO 5: RESULTADOS----------------------------------------------------------------------- 39
5.1 Sitio Web------------------------------------------------------------------------------------------ 39
5.2 Sistema web-------------------------------------------------------------------------------------- 47
CONCLUSIONES----------------------------------------------------------------------------------------- 61
RECOMENDACIONES--------------------------------------------------------------------------------- 62
BIBLIOGRAFÍA------------------------------------------------------------------------------------------- 63
Glosario de Términos------------------------------------------------------------------------------------ 64
Índice de Figuras------------------------------------------------------------------------------------------ 66
Índice de Tablas------------------------------------------------------------------------------------------- 69
ANEXOS------------------------------------------------------------------------------------------------------ 70
1. Árbol de archivos y carpetas en CPnel---------------------------------------------------70
2. Manual Técnico---------------------------------------------------------------------------------- 71
3. Manual de Usuario------------------------------------------------------------------------------ 75
2
CAPÍTULO 1: ANTECEDENTES
En los siguientes subtemas se establecen las referencias y los puntos de partida
tomados en cuenta para el desarrollo del proyecto.
1.1 Introducción
Actualmente Yireh&Brokers es una empresa con sede en la Ciudad de Pachuca, Hgo.,
cuenta con sucursales distribuidas en puntos clave dentro de 3 de los 32 Estados de la
República Mexicana, Tlaxcala, Veracruz e Hidalgo, pretendiendo expandir
próximamente a Guadalajara, Michoacán y Monterrey. Sin embargo, el departamento
de sistemas únicamente se encuentra inscrito en la sede, con objetivos de desarrollar
software para brindar soluciones eficaces y proporcionar información requerida a
distancia en las diferentes oficinas. Para colaborar con este propósito, el sistema web
para gestionar y automatizar procesos de venta de productos financieros ofrece una
interfaz en línea con disponibilidad total para todas y cada una de las oficinas.
Brindará beneficios principalmente para el área de campo, en donde más de 200
asesores financieros salen a promocionar los diferentes productos con los que
yireh & Brokers se coloca líder en el mercado.
La iniciativa comienza en manos del Ingeniero Miguel González Catalán, gerente

comercial de la empresa Yireh & Brokers quien dice “Hoy en día en toda institución
3
pública o privada se hace uso de las tecnologías de información y comunicación, pues
son indispensables en las actividades cotidianas, por lo tanto, nuestra familia
Yireh&Brokers debe de participar en este proceso de evolución, con el fin de mejorar
y automatizar la calidad de nuestros servicios”.
Para ello, a comienzos del año 2016, Yireh & Brokers contrata una empresa de
desarrollo de software para crear un sistema acorde a las necesidades de la misma,
como resultado, un sistema local ubicado en las oficinas de la ciudad de Pachuca;
Este sistema, programado bajo el lenguaje C# es alimentado bajo las nuevas prácticas
administrativas y complementado con información almacenada en papel y archivos de
hojas de cálculo proveída por capturistas.
De la misma manera, existe una aplicación móvil bajo una plataforma Android, con
dificultades de migración a versiones posteriores, puesto que esta aplicación siendo
funcional, solo puede ser utilizada bajo Jelly Beans y sus inferiores, con una
resolución de pantalla exacta, lo que dificulta la instalación en dispositivos móviles
con características diferentes, causando así su descontinuación.
1.2 Problemática
En Yireh&Brokers se manejan tanto el área de producción como el área de ventas. En
la primera, los asesores financieros trabajan por metas de productividad, con las
cuales obtienen diferentes bonos al cumplirlas; Para ello, el asesor necesita saber en
tiempo real cuál es su producción para monitorear su objetivo.
En la segunda, el promotor sale a ofertar sus productos financieros sin la información
suficiente para asesorar a los posibles clientes, llevando desventaja sobre la
competencia. Se pretende que el promotor tendrá a la mano información digital
actualizada para un mejor desempeño en sus ventas disminuyendo tiempos de consulta.
El personal de recursos humanos requiere adicional a todas las herramientas existentes

en la web, una privada, que permita el control total sobre el registro de prospectos y la
gestión de los mismos en la plataforma web. Puesto que el proceso de reclutamiento se
lleva a cabo a distancia en sus diferentes oficinas.
1.3 Justificación
El área de sistemas es un departamento nuevo en Yireh & Brokers, el cual,
necesita un equipo de trabajo para liberar carga de desarrollo de proyectos y
generar nuevas soluciones tecnológicas para el crecimiento de la misma; Equipo
en el cual el estudiante podrá aplicar los conocimientos adquiridos a lo largo de su
formación como Ingeniero en sistemas computacionales.
La empresa dispone de infraestructura y los recursos necesarios para llevar a cabo

un proyecto con tales dimensiones, que pueda ser aplicado y utilizado en las más
de diez sucursales, dando solución a los problemas locales y remotos a la matriz.
4
Puesto que no existe una herramienta digital que permita resolver la problemática
de la empresa, es necesario desarrollar software específico para la empresa que
permita resolver problemas reales en el campo laboral, el cual Yireh&Brokers se
coloca como líder en el mercado y sigue creciendo hasta cubrir la mayor parte del
país.
1.4 Objetivo General

Crear un nuevo sitio oficial y desarrollar un sistema de información y
administración de recursos para asesores financieros mediante una plataforma de
arquitectura web, para apoyar al personal de la empresa Yireh&Brokers a
organizar y consultar información en tiempo real, así como reforzar la integridad
y la seguridad de los datos a distancia.
1.5 Objetivos Específicos
 Contar con un diagnóstico de la situación actual a través de la elaboración y
aplicación de entrevistas informales al personal de la empresa Yireh&Brokers,
para adquirir información relevante sobre el tema.
 Establecer una lista de Requerimientos funcionales y no funcionales que debe
cumplir el sistema que necesita la empresa.
 Diseñar un modelo del sistema con la realización de diagramas de clases, de
secuencia y de estados para facilitar la estructura del sistema.
 Conocer el esquema de trabajo de un agente de seguros para la automatización
del mismo o parte de él.
 Identificar, clasificar y planificar los posibles riesgos, así como generar
estrategias para su prevención.
 Contar con una aplicación, codificada en lenguaje PHP y Base de datos MySQL
para su implementación en cualquier máquina con navegador web.
 Obtener un sistema con defectos y errores mínimos.
 Documentar el sistema con manuales de usuario para su comprensión y fácil
manejo para el personal administrativo para el cual está dirigido.
1.6 Alcances y limitaciones

A continuación, se describen los alcances del sistema que nos indican con precisión
qué se puede esperar o cuales son los aspectos que alcanzaremos en la investigación y
las Limitaciones que indican qué aspectos quedan fuera de su cobertura.
1.6.1 Alcances
De acuerdo a los objetivos, este proyecto llegará hasta el desarrollo, codificación e
implementación del sistema en línea en el dominio www.yirebrokers.com con
disponibilidad para usuarios en los tres estados de la República Mexicana en los
cuales Yireh&Brokers tiene presencia y que no se encuentran ubicados cerca de la
matriz en la Ciudad de Pachuca, por lo tanto, podrán experimentar las ventajas que, un
sistema como el que aquí propuesto, puede traer en la realización de sus actividades.
Por el momento, este sistema apoyará únicamente a los procesos de producción y pago
de comisiones para agentes de seguros, personal administrativo, encargados de
5
oficinas y gerentes comerciales de la empresa; Mientras que el proceso de
reclutamiento estará disponible solo para el departamento de recursos humanos.
1.6.2 Limitaciones
No se cuenta con un servidor DNS o una IP pública que permita vincular el sistema
web con el servidor local, por lo tanto, para que el sistema web resulte eficiente y
eficaz, es necesario mantener la base de datos del servidor web actualizada con
respeto a la base de datos ubicada en el servidor local, de lo contrario no se cumpliría
el objetivo de mantener al personal de las oficinas distribuidas de Yireh&Brokers al
tanto de la información que se genera en la matriz de la empresa.
En algunas ocasiones, los asesores financieros tienen la necesidad de visitar

localidades en la cuales no existe disponibilidad alguna de red telefónica móvil y
mucho menos se cuenta con una conexión a internet, por lo tanto, no tendrán acceso
a la información aunque esta esté completamente actualizada.
1.7 Evaluación o impacto económico y social

Factibilidad Técnica o Tecnológica
Para este proyecto, el residente (véase Tabla 1.1) se encuentra capacitado para poder
desarrollarlo de manera óptima, precisa en tiempo y forma.
Tabla 1.1: Descripción general del residente (Desarrollador)
6
El hardware con el que se cuenta para el desarrollo del proyecto, son cuatro equipos
de escritorio con las características descritas en la Tabla siguiente (véase Tabla 1.2).
Tabla 1.2 Descripción y características generales de los equipos de cómputo.
Los equipos descritos en la tabla anterior (véase Tabla 1.2) cuentan con las
características de software siguientes:
 Lenguaje de programación PHP

 Dreamweaver 8
 Gestor de bases de datos MySQL con toda su paquetería completa
 XAMPP distribución de Apache
 SublimeText
 Paquetería de Microsof Office
 Adobe Illustrator CC
 Adobe Photoshop CC
 Múltiples navegadores web
Factibilidad Económica:
En el siguiente estudio de la Factibilidad Económica, determinamos el presupuesto de
costos de los recursos técnicos, humanos y materiales para el desarrollo del Sistema.
Además, esto nos ayudara a realizar el análisis costo-beneficio de nuestro sistema, el

mismo que nos permitirá determinar si es o no factible desarrollar económicamente el
proyecto.
a) Costo
A continuación se describe los costos del recurso necesario para el desarrollo de

nuestro Sistema de Información (véase Tabla 1.3).
Recurso Costo
7
Desarrollador $ 1,000/mes
Computadora de escritorio HP $ 4,500
Servicio bimestral de luz eléctrica. $ 500
Servicio de Internet $ 600/mes
Servidor web (Hosting y Dominio) $ 1,450/año
Total $ 8,050
Tabla 1.3 Inversión total y costos esperados por recurso.
b) Costo-beneficio
 Mejorará la organización del área de Recursos Humanos.

 Agilizará los tiempos de consulta de producción por asesores.
 Documentación segura.
 Disponibilidad de la información en todo momento en todas las oficinas.
 Integridad de la información.
 El método de registro para empleados se tornará más funcional y mucho menos
tardado debido a que todo se almacenará en una base de datos digital
centralizada.
 Los tiempos perdidos en la solicitud de producción a directivos y personal
administrativo se pueden invertir en actividades diversas de productividad para
la empresa.
 La creación automática de Acuses, reducirá a solo problemas con la veracidad
de los formatos.
c) Costo de no desarrollo
De no implementarse el sistema web, la empresa Yireh&Brokers seguirá con

problemas como:
 Inversión en personal y tiempos prolongados para organizar y gestionar

prospectos.
 Inversión en personal y tiempos prolongados para brindar información
desde la matriz en la Ciudad de Pachuca al resto de las oficinas.
 Consultas tediosas de producción por búsqueda manual en el sistema local.
 Duplicación y mala integridad de la información.
 Información desactualizada sobre los productos financieros que se ofertan.
 Dificultad para obtener información y datos de contacto sobre las diferentes
oficinas de la empresa.
8
 Organización lenta por oficinas para el cumplimiento de metas de
productividad.
Factibilidad Operacional:
Se ha visto mediante un estudio informal de problemas/oportunidades que las

dificultades que se van a remediar mediante el sistema son de gran prioridad y
urgencia, debido a que los procesos de solicitud de producción ingresada por parte de
los asesores y Field Trainer son realizados cada vez con mayor frecuencia y de manera
desordenada.
Por este motivo, la creación de un sistema que automatice dicho problema será una de
las mejores soluciones, además se ha obtenido la información necesaria mediante la
investigación realizada, con lo que se creara un sistema que llene todas las
expectativas y necesidades.
En cuanto a información, control y su eficacia se tiene como objetivo trabajar

mutuamente con asesores, personal administrativo y el gerente comercial, para que
ellos vayan describiendo cuáles serán los requerimientos en el sistema y de esta
manera desarrollar un sistema en donde se tendrá la completa satisfacción de los que
lo van a utilizar.
Además, gracias a su plan de trabajo tiene gran aceptación entre los que lo van a
utilizar por parte de la directiva y el resto de personal en campo que piensan que el
sistema es ideal para sus metas y que el problema será superado.
Declarados estos puntos, concluimos que el personal de Yireh&Brokers, tanto

administrativos, gerencial y directivos de la empresa, apoyan en su totalidad la idea de
desarrollar el Sistema web para gestionar y automatizar procesos de venta de
productos financieros.
CAPÍTULO 2: DESCRIPCIÓN GENERAL DE LA

EMPRESA
Yireh & Brokers es un excelente equipo de Asesores Financieros, calificados, enfocados
en la protección y previsión financiera de personas, familias y de empresas.
2.1 Datos Generales

Nombre: Yireh&Brokers Agente de Seguros SA de CV.
Nombre comercial: Yireh&Brokers.
Representante legal de la empresa: Lic. Rigoberto Sánchez Murillo
Giro: Consorcio de Asesores Financieros.
9
Ubicación: Av. Constituyentes No. 100 Int.215 Col. Constitución, C.P.
2080, Pachuca de Soto, Hgo.
Teléfono: 01 800 841 8663 – 1072514.
2.2 Misión
Tranquilidad financiera de nuestros clientes, generando una relación de Negocios a
largo plazo, con un sello de garantía en el Servicio.
2.3 Visión
En el año 2020 ser el mejor Consorcio de Asesores Financieros Expertos en Seguros
de Inversión, con presencia en toda la República Mexicana , con apoyo de una fuerza
de ventas calificada, enfocados en generar un crecimiento con rentabilidad.
2.4 Objetivo
Ser el mejor Consorcio de Asesores Financieros, expertos en seguros de inversión, con
presencia en toda la República Mexicana, con apoyo de una fuerza de ventas
calificada, enfocados en generar un crecimiento con rentabilidad, apoyados de las
nuevas herramientas tecnológicas.
2.5 Valores
 AUTODISCIPLINA: Es hacer lo que deberías hacer, cuando deberías hacerlo,
tanto si te apetece como si no.
 COMPROMISO: Obligación contraída por medio de acuerdo, promesa o
contrato.
 ACTITUD POSITIVA Y DE SERVICIO: Que tu capacidad se distinga por
marcar la diferencia a favor de nuestros clientes.
 PERSEVERANCIA: Lograr con fuerza de voluntad tus metas o ideales
trazados
 UNIDAD: Agrupar opiniones y sentimientos hacia un mismo objetivo de
rentabilidad.
 LIDERAZGO: Es la capacidad de formar y desarrollar líderes.
2.6 Descripción de la empresa

Yireh & Brokers es una promotora especializada en atención al magisterio en Seguros
de Vida. Representada por un excelente equipo de asesores financieros calificados,
enfocados en la protección y previsión financiera de personas, familias y de empresas.
Cuenta con 17 años de experiencia en el mercado asegurador y 35 mil clientes
vigentes que gozan de los increíbles beneficios de sus productos.
Actualmente Yireh&Brokers es una empresa con sede en la Ciudad de Pachuca, Hgo.

Cuenta con sucursales distribuidas en puntos clave dentro de 3 de los 32 Estados de la
República Mexicana, Tlaxcala, Veracruz e Hidalgo, pr etendiendo expandir
próximamente a Guadalajara, Michoacán y Monterrey.
Sus oficinas de distribuyen geográficamente de la siguiente manera:
10
1.- Pachuca: 771 107 4381 / 771 107 2514 - Av. Constituyentes N.100 Int 215
Fracc. Constitucion C.P 42080 Pachuca de Soto, Hidalgo.
2.- Xalapa: 228 840 7768 - Av. Orizaba N.99 - Col. Obrero Campesina C.P 91020 -
Xalapa, Veracruz.
3.- Veracruz: 229 932 4418 - Av. Ruiz Cortinez N.3824 2do Piso - Fracc. Costa De
Oro C.P 92299 - Boca Del Rio, Veracruz.
4.- Huejutla: 789 896 0103 - Plaza De La Revolucion N.1 Altos N. 202 - Col. Centro
C.P 43000 - Huejutla, Hidalgo.
5.- Tulancingo: 775 974 3936 - Blvd. Miguel Hidalgo N.1101 - Fracc. Santa Ana -
Plaza Gran Patio - Tulancingo, Hidalgo.
6.- Coatzacoalcos: 921 214 0885 - Calle Bellavista N.200 A 2do Piso - Col. Centro
C.P 96401 - Coatzacoalcos, Veracruz.
7.- Tlaxcala: 246 466 2856 - Blvd. Revolucion N.30 - Col. Atempan C.P 90010
Tlaxcala, Tlaxcala.
8.- Cordoba: 271 714 8833 - Av. 3 Calle 10 N.309 Local 3 -Col. Centro C.P 94500 -
Cordoba, Veracruz
9.- Poza Rica: 782 826 9632 - Calle 8 N. 400 A Entre Av. 1 Y 20 De Noviembre
Col. Cazones C.P 93230 - Poza Rica, Veracruz.
2.6.1 Historia de la empresa

Como toda historia, Yireh&Brokers comienza con un gran LIDER, su Director General
Lic. Rigoberto Sánchez Murillo, quien inicia como asesor financiero el 1 de octubre
de 1998 en el Estado de Oaxaca, trabajando día a día para trascender en una historia
de 18 años en la que actualmente más de 200 personas asalariadas forman parte de la
familia de un gran maestro. Con su iniciativa y visión para los negocio se logró la
apertura de diferentes oficinas en tres Estados de la República Mexicana; A
continuación la línea del tiempo (Véase Figura 2.1) de inicio de operaciones en las
diferentes Entidades.
11
Figura 2.1 Línea del tiempo de inicio de operaciones Yireh&Brokers.
En 2012 Inicia operaciones como Yireh & Brokers Agentes de Seguros y de Fianzas
S.A. de C.V.
En 2012 Obtiene el premio al Primer lugar Nacional en ventas en primas de seguros
de vida descuento por nómina.
En 2013 Primer Lugar nacional en ventas de seguro descuento por nómina.
2.6.2 Servicios
Seguros de Vida
Las pólizas de Vida forman parte de los seguros denominados para personas y
consisten en el pago de una prima previamente estipulada para poder recibir en caso
de fallecimiento o incapacidad para suplir la falta de ingresos del asegurado o su
familia.
La cuantía de la prima a la que hace frente el asegurado depende del riesgo y de la

cantidad monetaria que quiera recibir en caso de incapacidad o que sus beneficiarios
perciban en el caso de su muerte. Además, esa indemnización final de la póliza puede
recibirse en un pago único o como una renta, según desee el asegurado o sus
beneficiarios.
12
Beneficios:
 Pago por fallecimiento natural.

 Doble pago por fallecimiento accidental.
 Triple pago por fallecimiento colectivo.
 Pago por pérdida de miembros o incapacidad parcial.
 Pago por incapacidad total.
 Continúa asegurado gratuitamente hasta el fallecimiento.
 Pago del seguro en vida al diagnosticar una enfermedad grave.
 Gastos funerarios.
 Fondo de inversión garantizado.
Seguros de Auto
El seguro del automóvil es un contrato de seguro que cubre los riesgos creados por la
conducción de automóviles en caso de causar un accidente. En Yireh & Brokers puedes
cotizar y elegir el seguro que más te convenga y que no solo proteja tu auto, si no que
brinde también la seguridad, protección y confianza para respaldar a tu familia y tu
patrimonio.
Seguros GMM
Este seguro tiene como objetivo ayudar al asegurado a atender sus requerimientos de
gastos médicos, evitando en lo posible las repercusiones económicas que pudiera
ocasionar el hecho de llegar a padecer una enfermedad o sufrir un accidente.
Créditos y cuentas de ahorro
Oportunidades para la apertura de un crédito con la mejor tasa en el mercado o para

gestionar una cuenta de ahorro con el mínimo de requisitos, donde podrás disponer de
tus recursos en el momento que tú así lo decidas.
Afore (Afiliaciones y Traspasos)

 Proporcionar material informativo sobre el sistema.
 Efectuar los traspasos de recursos a su cuenta individual.
 Proporcionarle por lo menos 2 estados de cuenta al año.
 Llevar el registro de los recursos correspondientes a tu subcuenta de vivienda.
 Realizar traspasos de la cuenta individual de una Afore a otra.
Cotización
 Atención personalizada.
 Cotizaciones en tiempo real.
 Tramites sencillos.
13
 Atención por agentes en tu centro de trabajo.
Administración
 01800 841 8663 disponible para tu atención.

 Contamos con más de 10 oficinas a tu servicio.
 Entrega de dividendos el mismo día, si haces tú tramite en ventanilla.
Pagos
 Pago de siniestros en la comodidad de tu centro de trabajo.

 Seguimiento y trámite de pagos de siniestros sin ningún costo.
 Asesoría financiera gratuita
 Llevamos la póliza hasta tu lugar de trabajo.
Comodidad
 Apoyo a familiares con trámites para cobro del seguro.

 Pago 15 días después de entregar documentación completa.
 Pago del 100% de la cobertura contratada.
 Entrega de cheques en el lugar de trabajo.
2.7 Características del área en que se participó

Departamento de sistemas
El departamento de sistemas de la empresa Yireh&Brokers, cuenta con dos ingenieros

que brindan apoyo a todas y cada una de las diferentes áreas pertenecientes a ésta.
Es la encargada de proveer los elementos necesarios para que los usuarios realicen su
función correspondiente, en cuanto a equipo de cómputo, suministros e información.
Cuenta con un salón de desarrollo y cubículo para servidores.
Salón de desarrollo
Cuenta con 4 equipos de cómputo con características suficientes para el desarrollo de

sistemas, (Un equipo de cómputo fue exclusivamente para el desarrollo de este
proyecto). Así como una mesa de juntas y una pizarra de acrílico para debatir los
diferentes puntos a tratar a lo largo de los diferentes proyectos. Se incluyen una
estación de clima y tres ventiladores para adecuar el salón a la temperatura ambiente.
Los equipos disponibles para el desarrollo de software cuentan con las siguientes
características (véase Tabla 2.1) :
14
Tabla 2.1 Características de los equipos de cómputo disponibles para el desarrollo de software.
Cubículo para servidores
En él, como su nombre lo dice, se encuentra instalado el servidor principal, el cual,

almacena toda la información requerida por el sistema local y copias de seguridad y
respaldo de los equipos de cómputo del personal administrativo. Así como los equipos
de hardware para solventar la red y 2 modem Telmex para conexión a internet.
2.8 Organigrama
En la figura 2.1 (véase Figura 2.1) podemos ver cómo está organizada cada una de las
dependencias dentro de la empresa Yireh&Brokers, partiendo del centro en donde se
encuentra la Dirección General hasta los extremos con los Asesores financieros.
Se puede observar como el departamento de sistemas y tecnología establece

comunicación con los diferentes departamentos y cargos correspondientes, así como
sus actividades principales dentro de la organización.
15
Figura 2.1 – Organigrama Gerencial
2.9 Descripción de funciones

Dentro de las principales funciones que se llevan a cabo en el departamento de
Sistemas se enlistan las siguientes:
Funciones:
 Desarrollo de sistemas
 Actividades de soporte
 Community Manager
 Mantenimiento de redes
Actividades:
16
 Actualización y soporte a sistema local Yireh&Brokers
 Mantenimiento correctivo y preventivo en sus diferentes niveles a equipos de
cómputo de la misma empresa.
 Copias de seguridad y mantenimiento a equipos de videovigilancia.
 Soporte a equipos multifuncionales y de copiado.
 Diseñar, analizar e implementar nuevos sistemas automatizados según las
necesidades de las áreas solicitantes, así como actualizar los ya existentes.
 Apoyar al personal administrativo en el uso y las aplicaciones de los sistemas
computacionales para optimizar y agilizar tareas.
 Atención a usuarios (Consultas, preguntas frecuentes, información general,
resolución de problemas, asesoramiento).
 Gestiona y administra la compra de equipo cómputo y suministros,
 Tramita y gestiona cuentas de usuarios y de correo.
 Elaborar y presentar informes periódicos sobre el desarrollo de las actividades
realizadas a otras instancias que lo soliciten.
 Preservación de la seguridad de los sistemas y de la privacidad de los datos de
usuario, incluyendo copias de seguridad periódicas.
 Instalación y configuración de aplicaciones en el servidor principal.
 Diseño y configuración de la red que interconecta todos los edificios de la
empresa.
2.10 Problemas resueltos priorizándolos

Lógica de la empresa
La parte más laboriosa fue comprender como es que funciona la empresa, es decir,
para automatizar un proceso de venta de productos financieros, primero es necesario
conocer cómo es que se lleva a cabo dicho proceso. Desde que un Agente financiero
sale a campo a realizar una venta siguiendo después un proceso de solicitud de póliza,
hasta que la póliza ya ha sido aceptada y dicho agente comienza a recibir comisiones y
el cliente sus correspondientes beneficios. Para ello, las primeras semanas como
residente en Yireh&Brokers fueron teóricas, entre observación y pláticas, tanto con
asesores financieros, como con personal de reclutamiento y administrativo. Así
mismo, me fueron proporcionados documentos oficiales como el manual de identidad
y de inducción para familiarizarme con la lógica de la empresa.
Proceso de diseño de aplicaciones web.
En las primeras semanas de desarrollo, el proceso de diseño web había consumido

demasiado tiempo. La solución aplicada fue dedicar más tiempo a la programación de
17
los diferentes procesos, es decir, dar prioridad a la funcionalidad de la aplicación y
después ajustar el diseño a los colores y monogramas oficiales de la institución y
ahora sí, esperar a que estos diseños fueran aprobados por los directivos
correspondientes.
Implementación del proyecto en el servidor web
Después de probar el buen funcionamiento de la aplicación de manera local, colocar

los archivos en línea resulta ser un proceso muy lento, dado que el CPanel
proporcionado por el mismo dominio www.yirehbrokers.com solo permite cargar
archivos uno por uno al host, para solucionar esto se hizo uso de Filezilla, con el
propósito de realizar una conexión directa al administrador de archivos y permitir la
carga masiva de directorios a través del protocolo FTP.
Optimización de la aplicación.
Para optimizar la aplicación, se buscó y se eliminó código basura dentro de las clases
PHP, CSS y JavaScript, puesto que dentro de ellas se emplearon múltiples líneas de
código que por una u otra razón fueron sustituidas o no fueron utilizadas y que eran
cargadas al ejecutar la aplicación, ocupando memoria y generando pequeños errores.
Eliminar estas líneas de código, permitió obtener una aplicación más fluida y con
mayor rendimiento.
Actualización y respaldo de la base de datos.
Para solucionar la pérdida de información causada por correcciones frecuentes, se propuso

realizar copias de seguridad tanto del sistema web como de la base de datos en el servidor
local, así los procesos que ya han sido aprobados no se verán afectados. Por otra parte, se
requiere también que el usuario gerencial y el encargado del departamento de
sistemas (Usuarios con mayores privilegios en el sistema web) actualicen la base de
datos en el servidor web cada vez que así se requiera, para optimizar este paso, se creó
dentro de la aplicación una función, con la cual, podrá subir un script proporcionado
por el departamento de sistemas (El cual contiene los últimos registros) y actualizar
y/o restaurar la base de datos a una copia de seguridad estable sin tener que ingresar a
la aplicación PHPMyAdmin proporcionada por el CPanel del dominio Web.
Seguridad de las cuentas de usuario.
Dado que en el sistema se utilizan valores comerciales y monetarios reales, para

mejorar la seguridad de las cuentas de usuario se utilizaron cuentas jerárquicas para
establecer privilegios unas sobre otras; Así mismo se programó una clase en PHP, la
cual, solicita al usuario cambiar su contraseña desde el primer login y una vez cada
mes de forma obligatoria, almacenando en el sistema las últimas 3 contraseñas
utilizadas.
Consulta de producción por semanas
Otro problema que se presentó, fue realizar una consulta MySQL de producción por
asesores con un filtro por semanas , puesto que las fechas con respecto a las semanas
18
oficiales del año, variaban a las utilizadas por el personal de la empresa, ya que estas
son establecidas por los administrativos según sus días hábiles; La solución fue añadir
un campo adicional en la tabla correspondiente de la base de datos en donde se
establece a que semana pertenece la solicitud de cada asesor, y al realizar la consulta
utilizar dicha columna creada y no la correspondiente a fecha con respecto al año
corriente.
CAPÍTULO 3: MARCO TEÓRICO

En el siguiente capítulo se describen un conjunto de ideas, procedimientos y teorías
que formaron parte en el estudio y en la investigación para llevar a término el
proyecto.
3.1 Bootstrap
Para el desarrollo del proyecto, necesitamos que la web esté diseñada de un modo
responsive, es decir, que pueda adaptarse perfectamente a múltiples tamaños de
pantalla: ya sea móvil, tablet o escritorio. Pensamos en un diseño y estilo novedoso
para que el usuario se sienta cómodo navegando y una sencilla solución fue utilizar la
herramienta framework de twitter llamada: Bootstrap.
Maquetación web responsive

El sistema de rejilla de Bootstrap se basa en la creación o disposición del contenido
de nuestra web dentro de rejillas flexibles, las cuales se escalarán al tamaño y
posición adecuada de forma automática dependiendo del tamaño de la pantalla en la
que se rendericen.
El sistema de rejilla tiene que ser utilizado dentro de uno de los dos elementos
contenedores que provee Bootstrap: container ó container-fluid. Es importante tener
en cuenta que estos elementos se utilizan como raíz de la rejilla y no se podrán anidar
unos dentro de otros.
En la siguiente tabla (Véase tabla 3.1 ) se muestra un resumen del sistema de rejilla de
Bootstrap, su comportamiento según el tamaño del dispositivo y las clases CSS que
nos permiten controlarlo.
19
Tabla 3.1 Sistema de rejilla de Bootstrap 3
3.1.1 Servidor web

Hemos pensado en un plan de hosting y dominio que sea accesible en precio, robusto
en sus características y que incluya todo lo necesario para comenzar con la
implementación del proyecto. La principal función de un servidor Web es almacenar
los archivos de un sitio y emitirlos por Internet para poder ser visitado por los
usuarios. Básicamente, un servidor Web es una gran computadora que guarda y
transmite datos vía el sistema de redes llamado Internet.
El dominio web y el servicio de hosting están alojados bajo el mismo proveedor con
un plan totalmente libre para espacio en disco, transferencia de datos, cuentas de
correo ilimitadas y CPanel.
Las características del servidor web (Véase Figura 3.2) y del servidor de base datos
(Véase Figura 3.3) se pueden observar en la figura siguiente.
Figura 3.2 Características del servidor Web
20
Figura 3.3 Características del servidor de base de datos
3.1.2 Panel de control

Fue necesario también adentrarse en el panel de control Cpanel que nos proporciona el
plan adquirido en Hospedando.com para llevar un control del servidor web.
CPanel es un panel de control fácil de usar, diseñado para gestionar determinados

dominios o cuentas de alojamiento, en tu servidor dedicado o en tu servidor privado
virtual (VPS). Los usuarios finales pueden controlar todo, desde añadir / eliminar
cuentas de correo electrónico hasta gestionar bases de datos MySQL.
CPanel se usa junto con WebHost Manager o WHM. WHM proporciona el control
administrativo de tu servidor dedicado o servidor privado virtual (VPS). Puedes usar
WebHost Manager para crear cuentas individuales, añadir dominios a tu servidor,
gestionar características de alojamiento y realizar el mantenimiento básico del sistema
y del panel de control.
3.1.3 Cliente FTP

Para cargar nuestros archivos del sitio web del servidor local al servidor web,
descargamos la aplicación gratuita Filezilla.
FileZilla es un cliente FTP multiplataforma de código abierto y software libre,

licenciado bajo la Licencia Pública General de GNU. Soporta los protocolos FTP,
SFTP y FTP sobre SSL/TLS (FTPS).
Inicialmente fue diseñado para funcionar en Microsoft Windows, pero desde la versión
3.0.0, gracias al uso de wxWidgets, es multiplataforma, estando disponible además
para otros sistemas operativos, entre ellos GNU/Linux, FreeBSD y Mac OS X.
Una vez descargado, sólo es necesario seguir los siguientes pasos:
 Te pedirá en la parte superior el Nombre de tu Servidor, ahí debes colocar el

nombre de tu dominio, sin la www. Por ejemplo: midominioregistrado.com
 Te pedirá Username y Password (los cuales vienen en tu correo de activación)
21
 Te pedirá un puerto que puedes dejar vacío o colocar el número 21.
 Se abrirán del lado derecho las carpetas de tu disco duro y deberás seleccionar
los archivos y/o carpetas que desees subir.
 Del lado izquierdo aparecerá el contenido de tu sitio y deberás arrastrar los
archivos deseados a la carpeta public_html (si no colocas los archivos en esta
carpeta será imposible visualizarlos).
3.2 Base de datos

Una base de datos proporciona a los usuarios el acceso a datos, que pueden visualizar,
ingresar o actualizar, en concordancia con los derechos de acceso que se les hayan
otorgado. Se convierte más útil a medida que la cantidad de datos almacenados crece.
Esta puede ser local, es decir que puede utilizarla solo un usuario en un equipo, o
puede ser distribuida, es decir que la información se almacena en equipos remotos y se
puede acceder a ella a través de una red.
La principal ventaja de utilizar bases de datos es que múltiples usuarios pueden
acceder a ellas al mismo tiempo. Para este proyecto se utilizó para el servidor web el
lenguaje de programación MySQL, con PhpMyAdmin como manejador de base de
datos.
3.2.1 MySQL
SQL es el estándar internacional para realizar peticiones y escritura de información en
bases de datos. MySQL es esencialmente un servidor SQL ya que responde a las
peticiones de información SQL. Puedes comunicarte con MySQL usando una amplia
variedad de programas y lenguaje (PHP es el más común).MySQL es de libre
distribución y por tanto es de uso libre.
La programación en base de datos para este proyecto fue realmente muy sencilla,
únicamente utilizamos consultas select (Véase Estructura en la figura 3.4) , insert, update y
delete como las más concurrentes.
Figura 3.4 Estructura de una consulta SQL Select.
3.2.2 PHPMyAdmin
Se trata de una herramienta de software libre escrita en PHP, destinada a manejar la
administración de MySQL através de la Web. PhpMyAdmin soporta una amplia gama
de operaciones en MySQL (Motor de base de datos con el cual trabajaremos de lado
del servidor web) y MariaDB (Motor de base de datos incluido en XAMP, el software
que utilizamos para realizar la pruebas del proyecto). Las operaciones de uso
frecuente (gestión de bases de datos, tablas, columnas, relaciones, índices, usuarios,
permisos, etc.) se pueden realizar a través de la interfaz de usuario, mientras que
todavía tiene la capacidad de ejecutar directamente cualquier sentencia SQL.
22
PhpMyAdmin viene con una amplia gama de documentación. El equipo de
phpMyAdmin trata siempre de ayudar si nos enfrentamos a cualquier problema;
Podemos utilizar una variedad de canales de asistencia para obtener ayuda.
PhpMyAdmin también está profundamente documentado en un libro (Véase Figura 3.5)
escrito por uno de los desarrolladores - Dominando phpMyAdmin para la Gestión
Efectiva de MySQL, que está disponible en inglés y español en su página oficial.
Figura 3.5 Libro documentado por uno de los desarrolladores de PHPMyAdmin
PHPMyAdmin nos oferta una interfaz muy sencilla (Véase Figura 3.6) para manejar y
gestionar las diferentes bases datos con las cuales vamos a trabajar para las pruebas y
la implementación del sistemas web.
Figura 3.6 Vista principal de PHPMyAdmin
3.2.3 Exportar Base de Datos desde phpMyAdmin (Respaldo)

Para exportar una Base de Datos desde phpMyAdmin debes seguir estos pasos:
1. Ingresa a cPanel en http://midominioregistrado.com:2082 (Donde
midominioregistrado.com debe SUSTITUIRSE por tu dominio REAL)
2. Busca el ícono de phpMyAdmin en la sección Bases de Datos o Databases
3. Selecciona la Base de Datos a Exportar
4. Pulsa la barra Exportar del recuadro principal
5. Selecciona la opción Todas (All) o bien pulsa sobre las tablas que desees exportar
6. Marca habilitada la casilla Save as file o (Guardar Como) e ingresa un nombre.
7. Pulsa el botón Ir (Go) y la Base de Datos está respaldada ahora.
3.3 Programación web
Se realizó la programación de todas las interfaces y procesos del sistema bajo el editor
de texto sublimeText y un servidor local Apache integrado en XAMPP 5, para la
estructura de las páginas web se utiliza HTML5, el lenguaje PHP para las acciones,
procesos y operaciones de lado del servidor y lenguaje JavaScript para la validación y
23
eventos de ciertas acciones y CSS3 para el estilo y diseño del sitio y la aplicación
web.
3.3.1 SublimeText
Se investigaron los comandos de acceso rápido y los atajos más eficientes para
mejorar el rendimiento de la programación mediante este editor.
Buscando Archivos Dentro de un Proyecto

Considero a éste el mayor ahorrador de tiempo de siempre. Teclear es mejor que
cliquear cuando se busca un archivo, así que, con un proyecto abierto, presiona CMD-
P ¡y empieza a teclear!
Manejando Pestañas
Las pestañas son una manera increíble para darte un resumen de tu proyecto actual.
Casi siempre usarás una pestaña para archivos HTML, otra para CSS y algunas veces
una última para JavaScript. Con estos atajos rápidos es posible crear pestañas
velozmente:
CMD-2 - Agrega dos pestañas

CMD-3 - Agrega tres pestañas
CMD-4 - Agrega cuatro pestañas
Naveguemos ahora a través de todas estas pestañas:

CMD-ALT-FLECHA IZQUIERDA - Ir a la anterior pestaña
CMD-ALT-FLECHA DERECHA - Ir a la siguiente pestaña
Selección
No soy fan de seleccionar con el ratón – es demasiado complicado y lento. Por
ejemplo, empieza en el inicio de una palabra, después mantén pulsado el botón del
ratón y arrástralo al final de la palabra o línea. A menudo no tendrás la selección que
querías. ¡Usa los siguientes atajos y no quedarás decepcionado!
Encuentra Todas las Instancias que Coincidan con tu Selección

Una por una:
Haz una selección y encuentra, una por una, otras instancias presionando CMD-D.
Todo a la Vez:
De nuevo, haz una selección, pero ahora para encontrar todas las instancias a la vez
presiona CMD-CTRL-G.
Selecciona Línea por Línea

Aquí hemos seleccionado una línea completa y ahora podemos seleccionas líneas
completas posteriores, paso a paso, con CMD-L.
Selecciona a Todos los Hijos

Haz clic en un elemento con algunos elementos hijos. Después presiona CMD-SHIFT-
J y todos los elementos hijos serán seleccionados.
Saltar a una Función
24
Para buscar una función en el archivo actual presiona CMD-R y después ingresa una
palabra de búsqueda para filtrar a la función que quieres encontrar.
Copiar la Línea Actual

Haz clic en la línea que quieres copiar y después presiona CMD-SHIFT-D. Ahora
tienes una línea duplicada, idéntica en todos los sentidos y el cursor salta con ésta.
Intercambiar Líneas
Presiona CMD-CTRL-↓ ó CMD-CTRL-↑ para cambiar la posición de una línea.
Cerrando la Etiqueta HTML Actual

Si escribes la etiqueta de inicio <span> y no quieres cerrarla manualmente, entonces
presiona CMD-ALT-. y Sublime Text la cerrará por ti. Otro método es escribir span
sin corchetes angulares y después presionar TAB.
3.3.2 PHP
Lo que distingue a PHP de algo del lado del cliente como Javascript es que el código
es ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente
recibirá el resultado de ejecutar el script, aunque no se sabrá el código subyacente que
era. El servidor web puede ser configurado incluso para que procese todos los ficheros
HTML con PHP, por lo que no hay manera de que los usuarios puedan saber qué se
tiene debajo de la manga.
Lo mejor de utilizar PHP es su extrema simplicidad para el principiante, pero a su vez

ofrece muchas características avanzadas para los programadores profesionales.
3.3.3 CSS
Durante la programación del proyecto, separar los estilos de los contenidos y la
definición de su aspecto presenta numerosas ventajas, ya que obliga a crear
documentos HTML/XHTML bien definidos y con significado completo (también
llamados "documentos semánticos").
Además, mejora la accesibilidad del documento, reduce la complejidad de su
mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos
diferentes.
Soporte de CSS en los navegadores

Internamente los navegadores están divididos en varios componentes. La parte del
navegador que se encarga de interpretar el código HTML y CSS para mostrar las
páginas se denomina motor. Desde el punto de vista del diseñador CSS, la versión de
un motor es mucho más importante que la versión del propio navegador.
Los navegadores Firefox, Chrome, Safari y Opera son los más avanzados en el soporte
de CSS, ya que incluyen muchos elementos de la futura versión CSS 3 y un soporte
casi perfecto de la actual version 2.1.
25
Por su parte, el navegador Internet Explorer sólo puede considerarse adecuado desde
el punto de vista de CSS a partir de su versión 7. Internet Explorer 6, utilizado todavía
por un número no despreciable de usuarios, sufre carencias muy importantes y
contiene decenas de errores en su soporte de CSS. Internet Explorer 8 soporta casi
todas las propiedades y características de CSS 2.1.
La siguiente tabla (Véase tabla 3.2) muestra el soporte de CSS 1, CSS 2.1 y CSS 3 de los
cinco navegadores más utilizados por los usuarios:
Tabla 3.2 Listado de navegadores con soporte para las diferentes versiones de CSS
3.3.4 Gráficas y animaciones

Para conseguir un estilo animado para la representación de los datos obtenidos de las
diferentes consultas SQL, utilizamos Highcharts.
Highcharts es una biblioteca de gráficos basada en JavaScript puro destinado a

mejorar las aplicaciones web mediante la adición de capacidad de cartografía
interactiva. Highcharts ofrece amplia variedad de gráficos. Por ejemplo, de líneas, de
la tira, las gráficas de áreas, gráficos de barras (Véase figura 3.8) , gráficos circulares y
así sucesivamente.
26
Figura 3.8 Ejemplo de gráfica de Barrar proporcionada por Higcharts.com
3.4 Seguridad web

Para mejorar la seguridad del lado del cliente, utilizamos certificados SSL, mientras
que para la seguridad del lado del servidor, contamos con diferentes técnicas que nos
ofreces el mismo servidor de pago que fue contratado.
3.5 Herramientas SEO

Realizar un completo análisis SEO de un sitio web es complejo, requiere tiempo y
conocimientos específicos y abarca múltiples aspectos tanto on-page (internos del
sitio web) como off-page (externos a la página). No existe una fórmula mágica para
mejorar el posicionamiento en buscadores (el santo grial de toda web), ni tampoco una
herramienta que solucione automáticamente los puntos débiles.
Woorank.
Herramienta (Véase vista principal en la Figura 3.9). muy completita que además de realizar
un diagnóstico, proporciona consejos prácticos y muy concretos para mejorar el
posicionamiento de la página web. Revisa, entre otros factores: la estimación del
tráfico y su procedencia geográfica, la popularidad del sitio en redes sociales, la
optimización móvil (tiempo de carga, redireccionamientos, contenido flash, diseño
adaptado), los redireccionamientos con y sin www, la existencia de un archivo
robot.txt y un sitemap XML, el grado de optimización del título y la descripción de la
web y cada una de sus páginas, así como de las imágenes, la consistencia en las
keywords, los links in-page, la antigüedad del dominio y la usabilidad (longitud de la
URL, favicon y página de error 404 personalizada, tiempo de carga, disponibilidad del
dominio). En función de los resultados obtenidos, asigna una puntuación y despliega
consejos personalizados para cada sitio web. La herramienta tiene un coste mensual de
36 euros, pero permite una prueba gratuita temporal.
27
Figura 3.9 Vista principal de la herramienta Woorank
3.6 Etiquetas Meta

Las etiquetas meta o meta tags se usan normalmente para resumir el contenido de la
página para buscadores y navegadores web. Es decir, describen la página para que
pueda ser entendida por diferentes servicios web. También hay metaetiquetas
destinadas a indicar a los robots cómo se desea que traten la página.
Dado que la información está dirigida a máquinas, las etiquetas meta no son visibles al
usuario. Debes buscarlas en el código HTML de la página, dentro de la sección
<Head>.
Etiqueta meta keywords

La etiqueta meta keywords se utiliza para resumir el contenido de un documento en
base a unas cuantas palabras clave (de ahí su nombre). Por ejemplo, si yo quisiera
describir esta misma página con palabras utilizaría términos del tipo “etiquetas meta”,
“meta description”, “meta keywords”, etc.
3.7 Posicionamiento web

Para conseguir llevar un número de contactos cualificados muy alto a nuestro
proyecto, se utilizaron diferentes técnicas de SEO para mejorar el rastreo y la
indexación. Estamos hablando de conseguir la primera página de Google y resto de
buscadores.
3.7.1 Rastreo
Definición de Google: “Google utiliza un software denominado "rastreador web" para
descubrir páginas web de dominio público. El rastreador más conocido es
"Googlebot"”.
“Googlebot” se dedica a rastrear billones de documentos y sitios web por toda la red
tejiendo una especie de araña, por tanto, a este rastreador hay que tratar de ponerle las
cosas fáciles para que rastree el mayor número de páginas de una web y de esta
28
manera las indexe en el motor de búsqueda. Algo que es realmente importante para el
rastreo es la estrategia de linkbuilding tanto externa como interna. No obstante,
muchas veces el desarrollo de linkbuilding interno se pasa por alto y nos centramos
principalmente en los links que apuntan hacia nuestra página desde otro sitio web, sin
embargo el linkbuilding interno es algo que ayuda mucho al rastreador para pasar de
una página a otra de un sitio web y de esa manera conseguimos que más páginas sean
rastreadas.
3.7.2 Indexación
Después del proceso de rastreo realizado por Googlebot, es hora de que Google
clasifique todas las webs que han sido recopiladas. Éste es el proceso que se conoce
como indexación, en el cual se procesan todas las páginas que se rastrean.
Aquí, por así decirlo, es donde el complejo algoritmo de Google tiene en cuenta los
conocidos 200 factores (mejor dicho, conocido ese número) para clasificar nuestras
webs y posicionarlas en sus resultados de búsqueda. Es decir, en este proceso toda la
información que se ha recopilado se analiza y se clasifica bajo unas palabras clave.
Cuando introducimos una búsqueda, Google busca en su índice todas las páginas que
coinciden con las palabras escritas en su buscador y ofrecer los resultados de
búsqueda más coherentes en función de los 200 factores mencionados anteriormente.
CAPÍTULO 4: PROCEDIMIENTO Y DESCRIPCIÓN DE

LAS ACTIVIDADES
Este capítulo detalla las actividades y los procedimientos que se siguieron para el
desarrollo del proyecto.
4.1 Metodología de trabajo

En este subtitulo establecemos el conjunto de técnicas y métodos que se emplearon
para llevar a cabo las tareas vinculadas a la investigación.
4.1.1 Elección de la metodología
ICONIX es un proceso simplificado en comparación con otros más tradicionales, que
unifica un conjunto de métodos de orientación a objetos con el objetivo de abarcar
todo el ciclo de vida de un proyecto.
Es una metodología pesada-ligera de Desarrollo del Software que se halla entre RUP
(Rational Unified Process) y XP (extreme Programming), unifica un conjunto de
métodos de orientación a objetos con el objetivo de tener un control estricto sobre
todo el ciclo de vida del producto a realizar.
4.1.2 Características Principales

ICONIX cuenta con tres características fundamentales:
 Iterativo e Incremental: Durante el desarrollo del modelo del dominio y la

definición de los casos de uso se producen varias iteraciones. El ciclo de vida
29
incremental consiste en desarrollar por partes el producto de manera que
puedas integrarlas funcionalmente.
 Trazabilidad: Cada paso que se realiza está definido por un requisito, se
define la trazabilidad como la capacidad de seguir una relación entre los
diferentes artefactos de software producidos.
4.1.3 Justificación
Se escogió la metodología de tipo web ICONIX debido principalmente a que en
comparación a otros proyectos del ámbito administrativo para el cual se desarrolla el
sistema, este proyecto es considerablemente más grande, tanto por la cantidad de
funciones que debe cumplir, como de la complejidad del sistema, además de que no se
posee tanto tiempo para su desarrollo; Y por último, se posee la posibilidad de
presentar los prototipos para evaluación por parte de los directivos de la empresa. La
metodología ICONIX, al igual que otras metodologías, hace uso de varias
herramientas y fases del ciclo de vida del software, como el uso de Dinámicas del
UML y ser Iterativo e Incremental, con la característica de estar simplificado para
realizar prototipos rápidamente, y con más visión hacia el software en funcionamiento.
4.2 Base de datos
Una base de datos correctamente diseñada permite obtener acceso a información
exacta y actualizada. Puesto que un diseño correcto es esencial para lograr los
objetivos fijados para la base de datos.
4.2.1 Modelo lógico

La naturaleza del proyecto mantiene las diferentes tablas de la base de datos de
manera independiente (Véase Figura 4.1) , es decir, no es necesario establecer relaciones
entre ellas, puesto que todos los datos que se utilizan pertenecen únicamente a una
tabla en específico.
30
Figura 4.1 Diagrama de clase del sistema web Yireh&Brokers
4.2.2 Tablas
El proyecto requiere de 5 diferentes tablas (Véase Tabla 4.1) , independientes y cada una
con un propósito en especial.
31
Tabla 4.1 Tablas de la base de datos en el servidor web
4.2.3 Diccionario de datos (Metadatos)

Las siguientes tablas (Véase Tablas de la 4.2 a la 4.11) muestran la estructura de cada una
de las diferentes tablas que fueron creadas en la base de datos ya almacenada en el
servidor web.
Asesores
Tabla 4.2 Metadatos tabla asesores
Tabla 4.3 Índices tabla asesores
Prospectos
32
Tabla 4.4 Metadatos tabla prospectos
Tabla 4.5 Índices tabla prospectos
Tracking
Tabla 4.6 Metadatos tabla tracking
Tabla 4.7 Índices tabla tracking
33
Report
Tabla 4.8 Metadatos tabla report
Tabla 4.9 Índices tabla report
Useradmin
Tabla 4.10 Metadatos tabla useradmin
34
Tabla 4.11 Índices tabla useradmin
4.3 Desarrollo de la aplicación

Los siguientes subtemas detallan el proceso que se realizó en cada actividad del
desarrollo de la aplicación.
4.3.1 Introducción a lógica de negocio

Los días establecidos para esta actividad fueron utilizados para conocer cómo es que
funciona la empresa Yireh&Brokers, principalmente ¿Qué es un asesor y cuál es su
importancia dentro de la empresa? Así como los diferentes tipos de personal, sus
cargos y las actividades que realizan.
Fue necesario el Estudio de guías y manuales de identidad de la empresa, con la

finalidad de instruir y familiarizar al practicante a la lógica con la cual dicha
institución realiza funciones para colocarse como líder en el mercado.
4.3.2 Programación
En esta fase se realizó toda la programación de las interfaces en el editor de texto
sublimeText (Véase Figura 4.1) , para la estructura de las páginas web se utiliza HTML5,
el lenguaje PHP para las acciones, procesos y operaciones de lado del servidor,
JavaScript para la validación y eventos de ciertas acciones y CSS para el estilo y
diseño del sitio y la aplicación web.
Figura 4.1 Captura de pantalla del editor de texto SublimeText.
35
4.3.3 Pruebas
Para las pruebas del funcionamiento de las páginas web, se colocó la carpeta del
proyecto del sistema web en la carpeta htdocs (Véase Figura 4.2) del programa XAMPP,
el cual se encarga de proveer el entorno de PHP, MySQL y el servidor Apache.
Figura 4.2 Pantalla del explorador de Windows en el directorio raíz del servidor apache.
Para realizar pruebas al sistema web, se cargaron todos los archivos al administrador
de CPanel en el servidor web, a través de la aplicación Filezilla empleando el uso del
protocolo ftp.
4.4 Análisis de Riesgos

Definidos diferentes tipos de problemas ocurridos durante las pruebas, se enlistaron en
la siguiente tabla (Véase tabla 4.12) los riesgos más comunes y sus posibles acciones
correctivas para solucionarlos.
Tabla 4.12 Lista de riesgos más comunes y posibles soluciones.
36
CAPÍTULO 5: RESULTADOS
Este capítulo muestra los resultados obtenidos a través de diferentes capturas de
pantalla en diferentes dispositivos y con distintas resoluciones con acceso a la red.
5.1 Sitio Web

A continuación se muestran capturas de pantalla (Véase de la Figura 5.1 a la 5.12) del sitio
web www.yirehbokers.com a través del navegador Google Chrome en su versión
actualizada.
Figura 5.1 Pantalla de bienvenida al sitio oficial
Figura 5.2 Banner de bienvenida al sitio web (Pantalla 1)
La empresa cuenta con diferente material audiovisual, en los cuales, exponen su

experiencia en ventas y algunas vivencias de clientes satisfechos. La Figura 5.4 (Véase
37
muestra el enlace en la ventana principal que abre un cuadro modal (Véase
figura 5.4)
Figura 5.5)
Figura 5.5 Modal videos oficiales de la empresa (Clic sobre el banner I5.4)
38
Figura 5.7 Formulario para reclutamiento de personal (Clic sobre el banner I5.6)
Figura 5.8 Vista productos financieros (Pantalla 1)
Figura 5.9 Vista productos financieros (Pantalla 2)
39
Figura 5.10 Modal Seguro de Vida)
Figura 5.11Modal seguro Vehicular
Figura 5.12 Modal GMM
40
Figura 5.13 Modal Banco
Figura 5.14 Modal AFore
Figura 5.15 Vista Menú Servicios al cliente
41
Figura 5.16 Vista Nosotros (Pantalla 1: Acerca dela Empresa)
Figura 5.17 Vista Nosotros (Pantalla 2: Misión - Visión)
Figura 5.18 Vista Nosotros (Pantalla 2: Nuestros valores)
Figura 5.19 Vista Menú Equipo (Pantalla 1)
42
Figura 5.20 Vista Menú Equipo (Pantalla 2)
Figura 5.21 Vista Menú Ubicación (Pantalla 1)
Figura 5.22 Vista Menú Ubicación (Pantalla 2)
43
Figura 5.23 Vista formulario de reclutamiento (Clic en menú Bolsa de Trabajo)
Figura 5.24 Formulario Login Ingreso a la Aplicación (Asesores)
Figura 5.25 Formulario Login Ingreso a la Aplicación (Administrativos)
44
5.2 Sistema web
En esta interfaz (Véase Figura de la 5.26 a la 5.31) , el usuario puede consultar su
producción total por fecha y por semana, utilizando diferentes filtros, una vez
colocada la información en la tabla, el usuario puede filtrarle en orden ascendente o
descendente haciendo clic sobre cualquier columna de datos y exportar dicha tabla a
un documento Excel o PDF.
Figura 5.26 Formulario Login Ingreso a la Aplicación (Ejemplo Asesor con clave 172)
Figura 5.27 Interfaz de bienvenida asesor 172
45
Figura 5.28 Producción total del asesor con clave 172
Figura 5.29 Filtro para consulta producción por semana
Figura 5.30 Filtro para consulta producción por fecha
46
Figura 5.31 Resultado de consulta de producción por fecha
En el siguiente conjunto de interfaces (Véase Figura de la 5.32 a la 5.41), el usuario

encargado de cada oficina puede consultar la producción individual total, por fecha y
por semana utilizando diferentes filtros, de cada uno de los asesores pertenecientes a
su oficina; Así como también la producción general de toda la oficina en consulta
utilizando los mismos filtros. Una vez colocada la información en la tabla, el usuario
puede filtrarle en orden ascendente o descendente haciendo clic sobre cualquier
columna de datos y exportar dicha tabla a un documento Excel o PDF.
Figura 5.32 Captura inicio de sesión con clave administrador de oficina.
47
Figura 5.33 Pantalla de bienvenida a la aplicación web.
Figura 5.34 Consulta individual de producción

(Disponibles únicamente los asesores pertenecientes a la oficina del administrador
logueado).
Figura 5.35 Filtro de consulta total por asesor

(Disponibles únicamente los asesores pertenecientes a la oficina Veracruz).
48
Figura 5.36 Consulta individual de producción filtrada por asesor y rango de semanas.
Figura 5.37 Consulta individual de producción filtrada por asesor y rango de fechas.
Figura 5.38 Resultado de una consulta individual con clave 177 de producción total.
(Consulta hecha por el administrador de la oficina de Veracruz).
49
Figura 5.39 Filtro de una consulta por oficina de producción por rango semanal.
Figura 5.40 Filtro de una consulta por oficina de producción por rango de fechas.
Figura 5.41 Filtro de una consulta por oficina de producción por rango de fechas.
50
En el siguiente conjunto de interfaces (Véase de la Figura 5.42 a la 5.53) , el usuario
administrador gerencial de la empresa Yireh&Brokers puede consultar la producción
con todos los filtros anteriores mencionados (Consulta individual y por oficina tanto
total como por un rango de fechas o semanas) y adicionalmente consultas para la
producción total del consorcio con los mismos filtros. Adicionalmente este tipo de
usuario tiene privilegios para aplicar las funciones de actualizar y restaurar la base de
datos. Una vez colocada la información en la tabla, el usuario puede filtrarle en orden
ascendente o descendente haciendo clic sobre cualquier cabecera de datos y exportar
dicha tabla a un documento Excel o PDF.
Figura 5.42 Captura de login para administrativos de la empresa.
Figura 5.43 Interfaz de bienvenida para usuarios administrativos.
51
Figura 5.44 Consulta de producción individual total
(Se filtran datos por oficina y clave o nombre).
Figura 5.45 Consulta de producción individual por rango de semanas

(Se filtran datos por rango de semanas, oficina y clave o nombre).
Figura 5.46 Consulta de producción individual por rango de fechas

(Se filtran datos por rango de fechas, oficina y clave o nombre).
52
Figura 5.47 Filtro de consulta de producción total por oficina.
Figura 5.48 Resultado de consulta de producción total por oficina (Cordoba).
Figura 5.49 Resultado de consulta de producción total del consorcio.
53
Figura 5.50 Actualización de la base de datos en el servidor web.
Figura 5.51 Filtro de la bases de datos guardadas en el servidor web

(Copias de seguridad).
Figura 5.52 Filtro para restaurar la base de datos

(Copia de seguridad seleccionada).
Figura 5.53 Mensaje de resultado al restaurar la base de datos.
54
El siguiente bloque de interfaces (Véase de la Figura 5.54 a la 5.59), pertenecen al inicio
de sesión de la cuenta de recursos humanos de la empresa. En ella, el usuario puede
visualizar los prospectos que han sido registrados en la página oficial principal y
descartarlos, guardarlos o eliminarlos según se requiera.
Figura 5.54 Captura de login para personal de recursos humanos de la empresa.
Figura 5.55 Pantalla inicial de la cuenta recursos humanos

(Prospectos registrados en el formulario del sitio web oficial)
55
Figura 5.56 Pantalla prospectos descartados
(Prospectos descartados de forma manual por el personal de R.H.)
La siguiente interfaz está diseñada para el administrador web, en ella se encuentran

programadas diferentes consultas MySQL para administrar las visitas al sitio oficial y
al sistema web.
Figura 5.57 Inicio de sesión del usuario admin

(Administrador del sistema web).
56
Figura 5.58 Pantalla de bienvenida al usuario administrador.
Figura 5.59 Captura de pantalla en la que se muestra

el tracking completo del sitio web.
57
CONCLUSIONES
El proyecto que se realizó ha contribuido de manera muy importante a beneficio de la
empresa Yireh&Brokers, además, el desarrollo de este, dejó muchas cosas importantes
que reflexionar, pero, sobre todo, una experiencia satisfactoria en la gestión de
proyectos de software, así como para la futura realización de otros sistemas. Dentro de
los puntos que considero tienen más importancia dentro de un proyecto de esta
naturaleza son:
 La recolección de información para el sistema.

 El planteamiento de objeti vos
 El análisis e Identi fi cación de requerimientos
Aunque debido a que, a lo largo de la presente investigación, surgieron ciertas

complicaciones que dificultaron el trabajo en colaboración con los encargados de la
empresa, precisamente por la falta de tiempo dedicado a la redacción y el análisis de
algunos de los puntos antes mencionados. Puesto que, p ara autorizar este sistema a
nivel empresa, fue necesario cubrir cada uno de los puntos establecidos en el manual
oficial de identidad, en donde se establecen las dimensiones de logotipos y
monogramas de la misma.
De esta manera, mediante la integración de tecnologías web, el primer paso fue la

creación de un sitio oficial online con disponibilidad para el público en general, así,
posibles clientes, clientes y personal de la empresa tendrán información actualizada
sobre direcciones, números de contacto casos de éxito, productos financieros, entre
otros.
Al acceder al sitio oficial se creó un apartado de login o inicio de sesión, en el cual,

los usuarios podrán acceder a un portal personalizado y diseñado para cubrir
exactamente las diferentes necesidades que su cargo les demanda, desde asesores
financieros hasta personal y directivos de la empresa.
Por último, llegamos a la conclusión de que la solución aquí establecida para gestionar
y automatizar procesos de venta de productos financieros se cumple con respecto a los
objetivos planteados en este documento, sin embargo, la Empresa Yireh&Brokes sigue
en crecimiento y en constante cambio, esto, junto a la industria financiera, que día a
día se transforma.
RECOMENDACIONES
Gracias a la experiencia adquirida durante mi estancia en la empresa Yireh&Brokers
puedo exponer las siguientes recomendaciones para el seguimiento del proceso de
residencia profesional de un estudiante del Instituto Tecnológico de Pachuca:
58
 Introducirse en las actividades diarias de la empresa, es decir, no
conformarse con participar únicamente en el desarrollo del proyecto, si no
también, intentar colaborar con los problemas que se presenten en la
organización en el día a día.
 Quedar informado y comunicado con las diferentes áreas o dependencias
tanto de la empresa como de la institución para dar un seguimiento puntual y
estable al proceso de residencia.
Mientras que para el desarrollo de un sistema web, como el aquí mencionado, puedo
recomendar lo siguiente:
 Dar a conocer a los encargados de la empresa u organización las diferencias

entre página, sitio y aplicación web, para que de esta manera se puedan
establecer correctamente los propósitos del proyecto y así, los objetivos
específicos y requerimientos funcionales y no funcionales de manera precisa
y correcta.
 Enfocar el diseño del proyecto a los colores, diseños, logotipos y
monogramas ya establecidos por la empresa, a la cual, interesa el proyecto.
BIBLIOGRAFÍA
o Sommerville, Ian. (2011). Ingeniería de Software. México: Pearson Educación
o Kendall, Kenneth E.; Kendall, Julie E. Análisis y diseño de sistemas. 3° ed.

México: Prentice Hall, 1997.
o Pressman, Roger S. Ingeniería del software un enfoque práctico. 4° ed. México:

McGraw-Hill, 1998
o Sánchez, S., Sicilia, M. & Rodríguez, D. (2012). Ingeniería del software - un

enfoque desde la guía swebok. España: Alfaomega.
59
o Metodología de la Investigación. (2016). Sites.google.com. from
Https://sites.google.com/site/metodologiadelainvestigacionb7/diferencias-
entre-metodologia-y-metodo.
o PhpMyAdmin Oficial: https://www.phpmyadmin.net
o XAMPP:Apache+PHP+Perl: https://www.apachefriends.org/es/index.html
o Introducción a sistemas:
http://biblioteca.itson.mx/oa/dip_ago/introduccion_sistemas/p3.htm
o Sistemas informáticos: https://www.ecured.cu/Sistema_inform%C3%A1tico
o Páginas web: http://www.innovarweb.com/clases-o-tipos-de-paginas-web/
o Aplicaciones y Programas:
https://www.gcfaprendelibre.org/tecnologia/curso/informatica_basica/todo_acer
ca_de_las_aplicaciones_o_programas/2.do
o Aplicaciones web: https://www.ida.cl/blog/estrategia-digital/diferencias-

aplicacion-web-sitio-web/
o Ingeniería de Software: https://www.ecured.cu/Ingenier

%C3%ADa_de_software
o Introducción a las bases de datos: http://es.ccm.net/contents/66-introduccion-a-

las-bases-de-datos
o Mundo de HTML: http://www.aprenderaprogramar.com/index.php?

option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-el-
lenguaje-mas-importante-para-crear-paginas-webs-html-tags-
cu00704b&catid=69&Itemid=192
Glosario de Términos
1. Aplicación web: Herramientas digitales que los usuarios pueden utilizar
accediendo a un servidor web a través de Internet o de una intranet mediante un
navegador.
2. Asesor financiero: Profesional que ayuda a descubrir las necesidades

financieras, analizando circunstancias pasadas, presentes y futuras de su
cliente.
3. Cliente FTP: Software que emplea el protocolo FTP para conectarse a un

servidor FTP para transferir archivos a un alojamiento
4. CSS: Hojas de estilo en cascada (o CSS, siglas en inglés de Cascading

Stylesheets) es un lenguaje de diseño gráfico.
60
5. DNS: Sistema de nombres de dominio (DNS, por sus siglas en inglés, Domain
Name System) es un sistema de nomenclatura jerárquico descentralizado para
dispositivos conectados a redes IP.
6. Dominio: Nombre que generalmente se vincula a una dirección física que

generalmente es una computadora o dispositivo electrónico.
7. Editor de texto: El programa lee el archivo e interpreta los bytes leídos según
el código de caracteres que usa el editor.
8. Field Trainer: Agente de seguros con experiencia que capacita otros agentes
de menor rango y da seguimiento.
9. hipervínculo: Es una conexión ubicada en una página web que redirige a otro
destino.
10. Hosting: Almacenamiento de ficheros en línea.
11. HTML: HyperText Markup Language (lenguaje de marcas de hipertexto), hace

referencia al lenguaje de marcado para la elaboración de páginas web.
12. http: Hypertext Transfer Protocol, ‘protocolo de transferencia de hipertextos’,

que se utiliza en algunas direcciones de internet.
13. Navegador: Programa que permite navegar por internet u otra red informática
de comunicaciones.
14. Página Web: Documento o información electrónica capaz de contener texto,

sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada
para la llamada World Wide Web.
15. Query String: Cadena de consulta es un término informático que se utiliza

para hacer referencia a una interacción con una base de datos.
16. SEO: Proceso de mejorar la visibilidad de un sitio web en los resultados

orgánicos de los diferentes buscadores. También es frecuente nombrarlo por su
título inglés, SEO (Search Engine Optimization).
17. Servidor: A plicación en ejecución capaz de atender las peticiones de un cliente

y devolverle una respuesta en concordancia
18. Sistema de información: Conjunto de componentes relacionados que

recolectan (o recuperan), procesan, almacenan y distribuyen información.
61
19. Sistema informático: Sistema que permite almacenar y procesar información;
es el conjunto de partes interrelacionadas: hardware, software y
personal informático.
20. Sistema: Conjunto de elementos relacionados entre sí y que funcionan como un

todo.
21. Sitio web: Conjunto de páginas web, relacionadas a un dominio de Internet el

cual se puede visualizar en la World WideWeb.
22. Url: Uniform Resource Locator (Localizador Uniforme de Recursos). Se trata

de la secuencia de caracteres que sigue un estándar y que permite denominar
recursos dentro del entorno de Internet.
23. www: World Wide Web, el sistema de documentos de hipertexto que se

encuentran enlazados entre sí y a los que se accede por medio de Internet.
Índice de Figuras
Figura 2.1 Línea del tiempo de inicio de operaciones Yireh&Brokers. ..........................13
Figura 2.1 Organigrama Gerencial.........................................................................................17
Figura 3.2 Características del servidor Web..........................................................................24
Figura 3.3 Características del servidor de base de datos ....................................................25
Figura 3.4 Estructura de una consulta SQL Select. ..............................................................26
Figura 3.5 Libro documentado por uno de los desarrolladores de PHPMyAdmin .........27
Figura 3.7 Estructura básica de un formulario en PHP .......................................................30
Figura 3.8 Código PHP para leer los datos enviados a través de un formulario. ...........30
Figura 3.8 Ejemplo de gráfica de Barrar proporcionada por Higcharts.com ..................32
Figura 3.9 Vista principal de la herramienta Woorank .......................................................34
Figura 3.1 Ubicación de la Matriz Yireh&Brokers en la Ciudad de Pachuca de Soto. .36
Figura 4.1 Diagrama de clase del sistema web Yireh&Brokers .......................................38
Figura 4.1 Captura de pantalla del editor de texto SublimeText. ....................................42
Figura 4.2 Pantalla del explorador de Windows en el directorio raíz del servidor
apache................................................................................................................43
Figura 5.1 Pantalla de bienvenida al sitio oficial ................................................................44
Figura 5.2 Banner de bienvenida al sitio web (Pantalla 1) ................................................44
Figura 5.5 Modal videos oficiales de la empresa (Clic sobre el banner I5.4) ...............45
Figura 5.7 Formulario para reclutamiento de personal (Clic sobre el banner I5.6) .....45
Figura 5.8 Vista productos financieros (Pantalla 1) ...........................................................46
62
Figura 5.9 Vista productos financieros (Pantalla 2) ...........................................................46
Figura 5.10 Modal Seguro de Vida).......................................................................................46
Figura 5.11Modal seguro Vehicular.......................................................................................47
Figura 5.12 Modal GMM..........................................................................................................47
Figura 5.13 Modal Banco.........................................................................................................47
Figura 5.14 Modal AFore.........................................................................................................48
Figura 5.15 Vista Menú Servicios al cliente ........................................................................48
Figura 5.16 Vista Nosotros (Pantalla 1: Acerca dela Empresa) .......................................48
Figura 5.17 Vista Nosotros (Pantalla 2: Misión - Visión) .................................................49
Figura 5.18 Vista Nosotros (Pantalla 2: Nuestros valores) ...............................................49
Figura 5.19 Vista Menú Equipo (Pantalla 1) ........................................................................49
Figura 5.20 Vista Menú Equipo (Pantalla 2) ........................................................................50
Figura 5.21 Vista Menú Ubicación (Pantalla 1) ..................................................................50
Figura 5.22 Vista Menú Ubicación (Pantalla 2) ..................................................................50
Figura 5.23 Vista formulario de reclutamiento (Clic en menú Bolsa de Trabajo) .......51
Figura 5.24 Formulario Login Ingreso a la Aplicación (Asesores) .................................51
Figura 5.25 Formulario Login Ingreso a la Aplicación (Administrativos) ....................51
Figura 5.26 Formulario Login Ingreso a la Aplicación (Ejemplo Asesor con clave
172).....................................................................................................................52
Figura 5.27 Interfaz de bienvenida asesor 172....................................................................52
Figura 5.28 Producción total del asesor con clave 172 ......................................................53
Figura 5.29 Filtro para consulta producción por semana ...................................................53
Figura 5.30 Filtro para consulta producción por fecha ......................................................53
Figura 5.31 Resultado de consulta de producción por fecha .............................................54
Figura 5.32 Captura inicio de sesión con clave administrador de oficina. ....................54
Figura 5.33 Pantalla de bienvenida a la aplicación web. ...................................................55
Figura 5.34 Consulta individual de producción (Disponibles únicamente los asesores
pertenecientes a la oficina del administrador logueado). ........................55
Figura 5.35 Filtro de consulta total por asesor (Disponibles únicamente los asesores
pertenecientes a la oficina Veracruz)..........................................................55
Figura 5.36 Consulta individual de producción filtrada por asesor y rango de semanas.
.............................................................................................................................56
Figura 5.37 Consulta individual de producción filtrada por asesor y rango de fechas.
.............................................................................................................................56
Figura 5.38 Resultado de una consulta individual con clave 177 de producción total.
(Consulta hecha por el administrador de la oficina de Veracruz). ........56
Figura 5.39 Filtro de una consulta por oficina de producción por rango semanal. ......57
Figura 5.40 Filtro de una consulta por oficina de producción por rango de fechas. ....57
Figura 5.41 Filtro de una consulta por oficina de producción por rango de fechas. ....57
Figura 5.42 Captura de login para administrativos de la empresa. ..................................58
Figura 5.43 Interfaz de bienvenida para usuarios administrativos. .................................58
Figura 5.44 Consulta de producción individual total (Se filtran datos por oficina y
clave o nombre)...............................................................................................59
63
Figura 5.45 Consulta de producción individual por rango de semanas (Se filtran datos
por rango de semanas, oficina y clave o nombre). ...................................59
Figura 5.46 Consulta de producción individual por rango de fechas (Se filtran datos
por rango de fechas, oficina y clave o nombre). .......................................59
Figura 5.47 Filtro de consulta de producción total por oficina. .......................................60
Figura 5.48 Resultado de consulta de producción total por oficina (Cordoba). ...........60
Figura 5.49 Resultado de consulta de producción total del consorcio. ...........................60
Figura 5.50 Actualización de la base de datos en el servidor web. .................................61
Figura 5.51 Filtro de la bases de datos guardadas en el servidor web (Copias de
seguridad)..........................................................................................................61
Figura 5.52 Filtro para restaurar la base de datos (Copia de seguridad seleccionada).
.............................................................................................................................61
Figura 5.53 Mensaje de resultado al restaurar la base de datos. ......................................61
Figura 5.54 Captura de login para personal de recursos humanos de la empresa. .......62
Figura 5.55 Pantalla inicial de la cuenta recursos humanos (Prospectos registrados en
el formulario del sitio web oficial)..............................................................62
Figura 5.56 Pantalla prospectos descartados (Prospectos descartados de forma manual
por el personal de R.H.).................................................................................63
Figura 5.57 Inicio de sesión del usuario admin (Administrador del sistema web). ....63
Figura 5.58 Pantalla de bienvenida al usuario administrador. ..........................................64
Figura 5.59 Captura de pantalla en la que se muestra el tracking completo del sitio
web.....................................................................................................................64
Índice de Tablas
Tabla 1.1: Descripción general del residente (Desarrollador) .............................................7
Tabla 1.2 Descripción y características generales de los equipos de cómputo. ...............8
64
Tabla 1.3 Inversión total y costos esperados por recurso. ....................................................9
Tabla 2.1 Características de los equipos de cómputo disponibles para el desarrollo de
software..........................................................................................................................16
Tabla 3.1 Sistema de rejilla de Bootstrap 3...........................................................................21
Tabla 3.2 Listado de navegadores con soporte para las diferentes versiones de CSS . .32
Tabla 4.1 Tablas de la base de datos en el servidor web ...................................................39
Tabla 4.2 Metadatos tabla asesores........................................................................................39
Tabla 4.3 Índices tabla asesores..............................................................................................39
Tabla 4.4 Metadatos tabla prospectos....................................................................................40
Tabla 4.5 Índices tabla prospectos.........................................................................................40
Tabla 4.6 Metadatos tabla tracking........................................................................................40
Tabla 4.7 Índices tabla tracking..............................................................................................40
Tabla 4.8 Metadatos tabla report............................................................................................41
Tabla 4.9 Índices tabla report..................................................................................................41
Tabla 4.10 Metadatos tabla useradmin..................................................................................41
Tabla 4.11 Índices tabla useradmin........................................................................................41
Tabla 4.12 Lista de riesgos más comunes y posibles soluciones. .....................................43
ANEXOS
1. Árbol de archivos y carpetas en CPnel
65
Figura I.I Árbol de archivos y carpetas del sitio web www.yirehbrokers.com
Tabla 1: Árbol de archivos y carpetas de la aplicación web
2. Manual Técnico
Una vez terminado la implementación y pruebas del proyecto, se diseñó un manual
técnico, el cual, será de utilidad al departamento de sistemas de la empresa para
resolver posibles dificultades o mejoras que se deseen aplicar al sistema. En él, se
encuentras todos los contenidos técnicos suficientes para la continuación del proyecto.
66
67
68
69
70
3. Manual de Usuario
De la misma manera, se diseñó un manual de usuario para especificar paso a paso
como utilizar el sistema, esto facilita la implementación y la comprensión del mismo,
para los diferentes tipos de usuarios.
71
72
73
74
75
76
77
78
79
80
81

Informe Beny Roman Gonzalez Ruiz 12200615

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Informe Beny Roman Gonzalez Ruiz 12200615

Cargado por

Copyright:

Formatos disponibles

Subsecretaría de Educación

TECNOLÓGICO NACIONAL DE MÉXICO

SISTEMA WEB YIREH & BROKERS PARA GESTIONAR Y

GONZÁLEZ RUIZ BENY ROMÁN

ING. SISTEMAS COMPUTACIONALES

Yireh & Brokers Agente de Seguros SA de CV.

Carretera México-Pachuca Km.87.5, Col. Venta

La iniciativa comienza en manos del Ingeniero Miguel González Catalán, gerente

El personal de recursos humanos requiere adicional a todas las herramientas existentes

La empresa dispone de infraestructura y los recursos necesarios para llevar a cabo

1.4 Objetivo General

1.6 Alcances y limitaciones

En algunas ocasiones, los asesores financieros tienen la necesidad de visitar

1.7 Evaluación o impacto económico y social

Tabla 1.1: Descripción general del residente (Desarrollador)

Tabla 1.2 Descripción y características generales de los equipos de cómputo.

 Lenguaje de programación PHP

Además, esto nos ayudara a realizar el análisis costo-beneficio de nuestro sistema, el

A continuación se describe los costos del recurso necesario para el desarrollo de

Computadora de escritorio HP $ 4,500

Servicio bimestral de luz eléctrica. $ 500

Servicio de Internet $ 600/mes

Servidor web (Hosting y Dominio) $ 1,450/año

 Mejorará la organización del área de Recursos Humanos.

De no implementarse el sistema web, la empresa Yireh&Brokers seguirá con

 Inversión en personal y tiempos prolongados para organizar y gestionar

Se ha visto mediante un estudio informal de problemas/oportunidades que las

En cuanto a información, control y su eficacia se tiene como objetivo trabajar

Declarados estos puntos, concluimos que el personal de Yireh&Brokers, tanto

CAPÍTULO 2: DESCRIPCIÓN GENERAL DE LA

2.1 Datos Generales

2.6 Descripción de la empresa

Actualmente Yireh&Brokers es una empresa con sede en la Ciudad de Pachuca, Hgo.

Sus oficinas de distribuyen geográficamente de la siguiente manera:

2.6.1 Historia de la empresa

La cuantía de la prima a la que hace frente el asegurado depende del riesgo y de la

 Pago por fallecimiento natural.

Créditos y cuentas de ahorro

Oportunidades para la apertura de un crédito con la mejor tasa en el mercado o para

Afore (Afiliaciones y Traspasos)

 01800 841 8663 disponible para tu atención.

 Pago de siniestros en la comodidad de tu centro de trabajo.

 Apoyo a familiares con trámites para cobro del seguro.

2.7 Características del área en que se participó

El departamento de sistemas de la empresa Yireh&Brokers, cuenta con dos ingenieros

Cuenta con 4 equipos de cómputo con características suficientes para el desarrollo de

Cubículo para servidores

En él, como su nombre lo dice, se encuentra instalado el servidor principal, el cual,

Se puede observar como el departamento de sistemas y tecnología establece

2.9 Descripción de funciones

2.10 Problemas resueltos priorizándolos

Proceso de diseño de aplicaciones web.

En las primeras semanas de desarrollo, el proceso de diseño web había consumido

Implementación del proyecto en el servidor web

Después de probar el buen funcionamiento de la aplicación de manera local, colocar

Actualización y respaldo de la base de datos.

Para solucionar la pérdida de información causada por correcciones frecuentes, se propuso

Seguridad de las cuentas de usuario.

Dado que en el sistema se utilizan valores comerciales y monetarios reales, para

Consulta de producción por semanas

CAPÍTULO 3: MARCO TEÓRICO

Maquetación web responsive

3.1.1 Servidor web