Académique Documents
Professionnel Documents
Culture Documents
QUE PRESENTA
JULIO CSAR ARELLANO PREZ
EN CUMPLIMIENTO DE LA
ESTADA DE
INGENIERA EN TECNOLOGAS DE LA INFORMACIN
ASESOR INSTITUCIONAL
MC. JORGE OMAR JASSO LUNA
ORGANISMO RECEPTOR
PROCURADURA GENERAL DE JUSTICIA DEL ESTADO DE
TAMAULIPAS
ASESOR EMPRESARIAL
LIC. MARISELA SANTIAGO VALADEZ
ATENTAMENTE
__________________________________________________
NOMBRE
ASESOR INSTITUCIONAL
Jorge Omar Jasso Luna
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Siendo las 16:00 horas del 3 de octubre del 2014, el alumno Julio Cesar Arellano
Prez del programa acadmico de Ingeniera en Tecnologas de la Informacin, con
matrcula 1110024, se present a la exposicin de la estada, realizada durante el
cuatrimestre 10, en el Aula 5 de la universidad, con el proyecto Sistema Web de
captura y generador de reportes de homicidios del estado de Tamaulipas.
Una vez concluido el proceso de evaluacin, y con base a la rbrica establecida para
ste propsito, se determina que la calificacin de la estada es APROBATORIA.
__________________________________________________
NOMBRE
ASESOR INSTITUCIONAL
MC. Jorge Omar Jasso Luna
__________________________________________________
NOMBRE
PROFESOR EVALUADOR
Dr. Marco Aurelio Nuo Maganda
__________________________________________________
NOMBRE
EVALUADOR DE INGLS
Pgina II
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
AGRADECIMIENTOS
La presente tesis es un esfuerzo en el cual, directa o indirectamente, participaron
muchas personas, alentndome, corrigindome y tenindome mucha paciencia y
dndome nimo, acompandome en los momentos de crisis y los momentos de
felicidad.
A mi madre que me acompa en esta aventura que signific terminar una
ingeniera y que, de forma incondicional, entendi mis ausencias y mis malos
momentos, te doy las gracias por qu s que todo este esfuerzo fue difcil para ti y
hoy te puedo decir que estoy muy agradecido con todo lo que has hecho, te amo.
A mi padre que a pesar de la distancia siempre me apoy y estuvo atento en mi
proceso. A ti Karla, que desde un principio hasta el da de hoy sigues alentndome
para terminar este proceso.
Como una madre te he visto, gracias por su sabidura que influyeron en m la
madurez para lograr todos los objetivos en la vida, es para
ti esta tesis en
agradecimiento por todo tu amor y comprensin, que sepas que siempre te llevo
en mi mente y corazn, esto es para ti abuelita Dominga Rodrguez Guerrero
(QEPD).
Tambin le agradezco al maestro Omar Jasso, por ser el encargado en revisar mis
avances de tesina, por su apoyo y dudas que se me iba presentando dentro del
proyecto. A mis maestros que en este andar de la vida, influyeron en sus lecciones
y experiencias en formarme de bien preparada para los retos de la vida, a todos y
cada uno de ellos les dedico cada una de estas pginas de mi tesis.
Pgina 3
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
RESUMEN
El presente trabajo describe las actividades y proyecto realizados durante la
Estada prctica a lo largo de 16 semanas, en la Procuradura General de Justicia
de Tamaulipas localizada en Ciudad Victoria Tamaulipas. Se ejemplifican los
trabajos que se desarrollan en el departamento de sistemas con el propsito de
brindar un software el cual puedan utilizar el personal del rea para poder llevar un
mejor manejo de captura y generacin de reportes de homicidios que se realizan.
El objetivo principal del proyecto es brindar una solucin a uno de los problemas
involucrado en los procesos que se manejan, en este caso automatizar el proceso
de captura y de generar reportes de homicidios.
Como resultado final del desarrollo, se obtuvo un sistema web que permite mejorar
el control de la informacin y que optimiza el proceso al generar reportes ya que
no ingresa datos de los homicidios repetitivamente en el rea de direccin de
informtica y estadstica , esto de una manera eficiente, confiable y segura.
Pgina 4
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
PREVIEW
This document describes the activities and project carried out during the practice
sailing over 16 weeks, in the Attorney General of Justice of Tamaulipas located in
Victoria Tamaulipas city. Works carried out in the Department of systems with the
purpose of providing a software which can be used are exemplified the area staff to
carry better handling of capture and reporting of killings carried out.
Phases of software development, that starts from the analysis phase which was
the first function and which was in time since it did not have any data in order to
move from an intermediate point, after the design phase followed by the
programming phase to implementation and their tests are exposed within the
activities carried out in the present document, also shown procedures afforded us a
solution that generates when creating reports within the area of information
technology within the Attorney general office of Justice.
The main objective of the project is to provide a solution to one of the problems
involved in the processes that are, in this case will be to automate the capture
process and generate reports of homicides automatically.
This project worked with different tools such as: HTML5, CSS3, Jquery, JavaScript,
Boostrap, PHP and MYSQL.
Final result of the development, obtained a web software that allows better control
of information and optimizing the process to generate reports that do not enter data
from the homicide repeatedly in the area of direction of Informatics and statistics,
this in an efficient, reliable and safe manner.
Pgina 5
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
NDICE TEMTICO
I.
INTRODUCCIN. ......................................................................... 9
BIBLIOGRAFIAS. .....................................................................80
Pgina 6
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
NDICE DE FIGURAS
Figura 1 Datos,informacion y sistema ................................................................... 17
Figura 2 Diseo conceptual de un sistema de informacin .................................... 20
Figura 3 Proceso de Desarrollo de Sistemas de Informacin ............................... 23
Figura 4 Ejemplo del documento que tiene la informacin principal...................... 32
Figura 5 Diagrama de organizacin del rea de informtica. ................................ 34
Figura 6 Diagrama General de la BD ilustrando las tablas y sus relaciones ......... 37
Figura 7 Diagrama para ingresar al sistema ......................................................... 45
Figura 8 Control de usuarios. ................................................................................ 45
Figura 9 Diagrama de control de captura. ............................................................. 46
Figura 10 Caso de uso para generar los reportes. ................................................ 46
Figura 11 Imagen del resultado para la interfaz de sesin .................................... 48
Figura 12 Interfaz del registro de usuarios ............................................................ 49
Figura 13 Secciones de la informacin necesaria para el reporte ......................... 51
Figura 14 Formulario de la seccin evento ........................................................... 52
Figura 15 Consulta General de reportes almacenados ......................................... 53
Figura 16 Interfaz de Modificar reportes ................................................................ 53
Figura 17 Formulario para almacenar una agencia ............................................... 55
Figura 18 Consulta general de agencias ............................................................... 56
Figura 19 Campo con las agencias cargadas de la base de datos ....................... 56
Figura 20 Formulario para generar reporte General.............................................. 60
Figura 21 Interfaz del reporte principal .................................................................. 63
Figura 22 Interfaz de reporte para el jefe de departamento .................................. 65
Figura 23 Ejemplo de Reporte Generado .............................................................. 66
Figura 24 Interfaz de la consulta por fecha ........................................................... 67
Figura 25 Interfaz de consulta por filtro ................................................................. 68
Figura 26 Interfaz de consulta por municipio. ........................................................ 69
Figura 27 Tabla Con resultados obtenidos ............................................................ 69
Figura 28 Resultado de la interaccin del usuario................................................. 72
Figura 29 Resultado de la satisfaccin del usuario..73
Figura 30 Resultado de la interfaz grfica para el usuario .................................... 73
Figura 31 Registros en Excel ............................................................................... 75
Figura 32 Interfaz de Homicidios del estado de Tamaulipas ................................ 76
Figura 33 Reporte General Generado .................................................................. 76
Figura 34 Reporte Principal .................................................................................. 77
Pgina 7
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
INDICE DE TABLAS
Pgina 8
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
I.
INTRODUCCIN
Pgina 9
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
La informacin del sistema como lo son el nombre del proyecto, lugar donde se
realiz y el asesor empresarial se muestran a continuacin.
Descripcin y alcances del proyecto: presenta los objetivos y los lmites del
proyecto.
Pgina 10
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
INTRODUCTION
The Attorney General of Justice of the State is the unit of the Executive Branch
which is integrated into the institution of the public prosecutor's Office and its direct
subsidiary bodies for the exercise of the powers conferred upon them the political
Constitution of the United States Mexican, the Constitution policy of the free State
and sovereign of Tamaulipas, the law organic of the Administration public of the
State of Tamaulipas and other applicable provisions; his performance is governed
by the principles of legality, objectivity, efficiency, professionalism, honesty, and
respect for human rights.
In this sense, the PGJ is responsible for organizing and regulating the functioning
of the institution of the public prosecutor's Office, forensic services and police
charged with the function of investigation of offences; as well as determine officials
who integrate them and help in the office of the issues that constrain their
standards already mentioned.
In particular, the PGJ as organization consists of many departments, is one of
those who comprise it informatics area, the Department complies with various
functions in a company, therefore also have major tasks and one of them is the
management of systems such as murders, abductions and car theft, Among its
main tasks, it is very important to optimize processes to carry out the functions
referred to.
The software is an essential part of any system, to succeed in the development of
a software project and generate quality products, software developers need to
know and understand the unique features of the software and its approach to
develop and maintain the software
Pgina 11
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
The system information such as the name of the project, place where was carried
out and the Business Advisory are shown below:
The document is divided into sections, the most important are the following:
Description and scope of the project: It presents the objectives and limits of
the project.
Pgina 12
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
II.
OBJETIVO GENERAL:
Disear y desarrollar un sistema web de captura y generar reportes en el rea de
informtica en la procuradura General de Justicia, de tal modo que se permita un
control y mejor manejo de la informacin de homicidios del estado de Tamaulipas.
OBJETIVOS ESPECIFICOS:
Los principales objetivos a cumplir dentro del sistema se especifican a
continuacin:
1. Acelerar procesos en el modo de captura y evitar realizar los reportes
manualmente.
2. Capturar todos los homicidios del estado de Tamaulipas.
3. Generar un reporte con datos especiales para el jefe del rea de la
procuradura General de Justicia del Estado de Tamaulipas.
4. Generar un reporte para el jefe del departamento de sistemas, que son
solamente resultados numricos del municipio donde fue el homicidio para
esto se toman en cuenta el nmero de cuerpos, el lugar, y la fecha que en
este caso es semanal los reportes.
5. Realizar un reporte general donde se obtienen todos los datos que se
capturaron, este reporte ser de los homicidios que se obtuvieron
mensualmente.
6. Llevar a cabo consultas como lo pueden ser buscar homicidios de una
fecha especfica, por agencia y tambin puede ser por municipio
Pgina 13
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
III.
MARCO TERICO
Si es por internet, el usuario puede entrar desde cualquier lugar del mundo
donde tenga un acceso a internet.
Pgina 14
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 15
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 16
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 17
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Sistema de Informacin.
Un sistema de informacin es un conjunto de elementos que interactan entre s
con el fin de apoyar las actividades de una empresa o negocio. En un sentido
amplio, un sistema de informacin no necesariamente incluye equipo electrnico
(hardware). Sin embargo, en la prctica se utiliza como sinnimo de sistema de
informacin computarizado.
Estos elementos son de naturaleza diversa y normalmente incluyen:
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
efectuar
prestablecida.
clculos
de
acuerdo
con
una
secuencia
con
de operaciones
datos introducidos
Pgina 19
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
de
una
organizacin,
son
llamados
frecuentemente
sistemas
Pgina 20
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 21
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Etapas de Desarrollo
El papel que juega cada una de las etapas que conforman el ciclo de desarrollo de
los sistemas de informacin es el siguiente [6]:
Pgina 22
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 23
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
3.7.3. Diseo
El diseo tiene el propsito de establecer los aspectos lgicos y fsicos de las
salidas, modelos de organizacin y representacin de datos, entrada y procesos
que componen el sistema, considerando las bondades y limitaciones de los
recursos disponibles en la satisfaccin de las pacificaciones brindadas por el
anlisis [6].
3.7.4. Programacin
El propsito que persigue la programacin de sistemas es el describir en un
lenguaje de programacin adecuado, los procedimientos que realizar el sistema
al manipular los datos para obtener los resultados deseados [6].
3.7.6. Operacin.
El objetivo de la operacin de un sistema, es el de realizar adecuadamente los
procedimientos de alimentacin y tratamiento de los datos, en la generacin de los
resultados esperados [6].
3.7.7. Mantenimiento.
El software puede necesitar cambios, debido a varias razones: errores, el entorno
o mejoras seguridad por el cliente [6].
Pgina 24
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
3.8.
HTML
Pgina 25
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
3.9.
CSS
CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que
es un lenguaje que describe la presentacin de los documentos estructurados en
hojas de estilo para diferentes mtodos de interpretacin, es decir, describe cmo
se va a mostrar un documento en pantalla, por impresora, por voz (cuando la
informacin es pronunciada a travs de un dispositivo de lectura) o en dispositivos
tctiles basados en Braille [8].
Para qu sirve?
CSS es una especificacin desarrollada por el W3C (World Wide Web Consortium)
para permitir la separacin de los contenidos de los documentos escritos en
HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las hojas
de estilo, incluyendo elementos tales como los colores, fondos, mrgenes, bordes,
tipos de letra..., modificando as la apariencia de una pgina web de una forma
ms sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus
documentos [8].
Cmo funciona?
El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los
elementos en los documentos estructurados, y que forman la sintaxis de las hojas
de estilo. Cada regla consiste en un selector y una declaracin, esta ltima va
entre corchetes y consiste en una propiedad o atributo, y un valor separados por
dos puntos [8].
3.10. Boostrap
ltimamente muchos sitios web estn basando su diseo en Boostrap. Es un
framework de Twitter que permite crear interfaces web con CSS y JavaScript que
adaptan la interfaz dependiendo del tamao del dispositivo en el que se visualice
de forma nativa, es decir, automticamente se adaptan al tamao de un ordenador
o de una Tablet sin que el usuario tenga que hacer nada, esto se denomina diseo
adaptador o Responsive Design [9].
Pgina 26
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
3.11.1.
PHP
PHP es un lenguaje de cdigo abierto muy popular, adecuado para desarrollo web
y que puede ser incrustado en HTML. Es popular porque un gran nmero de
pginas y portales web estn creadas con PHP. Cdigo abierto significa que es de
uso libre y gratuito para todos los programadores que quieran usarlo. Incrustado
en HTML significa que en un mismo archivo vamos a poder combinar cdigo PHP
con cdigo HTML, siguiendo unas reglas.
PHP se utiliza para generar pginas web dinmicas. Recordar que llamamos
pgina esttica a aquella cuyos contenidos permanecen siempre igual, mientras
que llamamos pginas dinmicas a aquellas cuyo contenido no es el mismo
siempre. Por ejemplo, los contenidos pueden cambiar en base a los cambios que
haya en una base de datos, de bsquedas o aportaciones de los usuarios [10].
Cmo trabaja PHP?
El lenguaje PHP se procesa en servidores, que son potentes ordenadores con un
software
hardware
especial.
Cuando
se
escribe
una
direccin
tipo
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
3.11.2.
Java Script
Este lenguaje posee varias caractersticas, entre ellas podemos mencionar que es
un lenguaje basado en acciones que posee menos restricciones. Adems, es un
lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la
programacin en este lenguaje est centrada en describir objetos, escribir
funciones que respondan a movimientos del mouse, aperturas, utilizacin de
teclas, cargas de pginas entre otros [11].
3.12. Base de Datos.
Una base de datos es una coleccin de archivos relacionados que permite el
manejo de la informacin de alguna compaa. Cada uno de dichos archivos
puede ser visto como una coleccin de registros y cada registro est compuesto
de una coleccin de campos.
Cada uno de los campos de cada registro permite llevar informacin de algn
atributo de una entidad del mundo real.
MySQL es un sistema gestor de base de datos (SGDB, DBMS por sus siglas en
ingls) mu conocido y ampliamente usado por su simplicidad y notable
rendimiento. Aunque carece de algunas caractersticas avanzadas disponibles en
otros SGBD del mercado, es una opcin atractiva tanto para aplicaciones
comerciales, como entretenimiento precisamente por su facilidad de uso y tiempo
reducido de puesta en marcha. Esto y su libre distribucin en internet bajo licencia
GPL le otorgan como beneficios adicionales contar con un alto grado de
estabilidad y un rpido desarrollo [12].
Pgina 28
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
IV.
El sistema realizado servir para tener un control de los homicidios del estado de
Tamaulipas dentro del rea de direccin de informtica y estadsticas de la
procuradura.
Pgina 29
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
4.1.
Planeacin de Actividades
En esta seccin se muestra la planeacin que se llev a cabo para cada uno de
los procesos del desarrollo del sistema, manejando una fecha de inicio para todas
las fases, como se muestra en la tabla 1.
Objetivo
Descripcin
05/Mayo/2014
Anlisis
02/Junio/2014
Diseo y
Arquitectura
03/Julio/2014
11/Agosto/2014
1/Septiembre/2014
Programacin
Pruebas
Implantacin
Pgina 30
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
4.2.
Anlisis
En esta fase se renen los requisitos y se trata de obtener la mayor parte de las
necesidades del sistema. En la tabla 2 de explica el problema y la solucin que se
pretende ofrecer.
El problema
Afecta a
Cuyo impacto es
de
los
homicidios,
almacenar
la
Pgina 31
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Tambin se debe mencionar que como todo se manejaba por medio de archivos
Excel, no se tiene una base de datos creada para consultar la informacin, se
debe revisar el archivo y buscar la informacin manualmente.
El manejo de una base de datos a diferencia de capturarlo en un archivo Excel
tiene sus ventajas las cuales son:
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
desarrollar
Desventajas de no
contar con un
sistema
Representante
Administrador
Descripcin
Tipo
xito
Compromiso
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Representante
Usuario
Descripcin
Tipo
xito
Compromiso
Administrador
Lic. Marisela Santiago Valadez
Usuario
Usuario
Usuario
Pgina 34
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Personal
Representante
Responsabilidades
Administrador
Actor Final
Usuarios
Actor Final
4.3.
Diseo y Arquitectura
Pgina 35
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
4.3.1.
Pgina 36
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 37
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 38
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 39
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 41
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Tabla Usuarios: por ltimo la tabla usuarios se cre para el manejo y control de
seguridad dentro del sistema donde solamente tendrn datos personales, usuario,
contrasea y tipo de usuario, como se muestra en la tabla 13.
Tabla Usuario
nombre
apellido
usuario
contrasea
email
tipo de usuario
Tabla 13.- Datos de usuario.
Pgina 42
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
4.3.2.
Diseo de la Interfaz
Para tener un diseo de interfaz eficaz y eficiente se aplican reglas de diseo las
cuales se pueden utilizar para poder desarrollar cualquier sistema y as poder
crear un ambiente amigable para cualquier usuario y de fcil manejo visual.
En esta seccin se muestran unas reglas que se aplicaron para poder tener una
buena interaccin entre el usuario-mquina.
1. Usabilidad Universal: Reconocer las necesidades de los diversos usuarios
facilitando la transformacin del contenido.
2. Disear Dilogos para conducir la finalizacin: crear sistemas que
conducen hasta el final de un proceso de las secuencias del usuario.
3. Prevenir Errores: tener un diseo de forma que el usuario no tenga la
opcin dentro de su manejo para cometer errores graves.
4. Ofrecer Realimentacin informativa: para cada accin dentro del sistema
se debe tener una realimentacin al usuario para no perderse dentro del
mismo.
5. Permitir deshacer acciones de forma fcil: Dentro del diseo de una
interfaz, el usuario tiene que ver la posibilidad de remediar las acciones
errneas.
El sistema cuenta con imgenes e iconos los cuales hacen que la interfaz sea ms
amigable para el usuario.
al
redactar
requerimientos.
Cuando
se
expresan
como
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Sin embargo. Los requerimientos funcionales del sistema describen con detalle la
funcin de ste, sus entradas y salidas, excepciones, etctera. Los requerimientos
funcionales para un sistema software se pueden expresar de diferentes formas
Pgina 44
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
4.4.
Programacin
En la parte de anlisis se explic que hay dos tipos de usuarios que pueden
ingresar al sistema como lo son el administrador y el usuario estndar.
Para crear la interfaz de login se utiliz el framework Boostrap la cual brinda
demasiadas opciones de interfaces para el sistema y con muchas herramientas
las cuales se utilizaran en el sistema
Con la etiqueta Link se importa el estilo Css Boostrap el cual proporciona una
interfaz amigable para el inicio de sesin como se muestra en el cdigo 1.1.
<body background="img/fondo.jpg">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<div class="account-wall">
<img class="profile-img" src="img/logo-jpg.png" alt="">
<h1 class="text-center login-title">INICIO DE SESION</h1>
<form class="form-signin" action="control.php" method="POST"
enctype="multipart/form-data">
<input type="text" class="form-control" placeholder="Usuario" name="usuario"
required autofocus>
<input type="password" class="form-control" placeholder="Constrasea"
name="contra" required>
<button class="btn btn-lg btn-primary btn-block" type="submit"> Iniciar
Sesion</button>
</form> <a href="registro_usuario.php" class="text-center new-account">Crear un
Nuevo Usuario </a>
</div>
Cdigo 1.1 Inicio de sesin.
Pgina 47
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Echo"<script language='javascript'>window.location='index.html'</script>";
}
} Else {
Echo "<script>alert (EL USUARIO NO EXISTE') </script>;
Echo"<script language='javascript'>window.location='index.html'</script>";
}
mysql_close ($link);
Cdigo 1.2.- Validacin de usuarios
Para poder crear esta interfaz seguimos utilizando la herramienta Boostrap, para
lo cual se import un conjunto de archivos CSS en el documento HTML5 al
principio del cdigo como lo muestra en el cdigo 1.3.
Pgina 49
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 50
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Informacin de la vctima.
Informacin de la agencia.
Informacin policiaca.
Pgina 51
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
En este caso se muestra las acciones que podemos realizar en esta seccin que
son agregar y modificar. Aqu en esta parte del sistema no se maneja la seccin
eliminar debido a que una especificacin del usuario fue no eliminar los reportes,
Tambin se cuenta con la consulta general de todos los registros almacenados o
dados de alta.
Como ha sido descrito para pantallas anteriores se ha empleado la herramienta
Boostrap para todo el sistema, con el fin de lograr una interfaz agradable al
usuario y se evite algn tipo de confusin en su manejo.
En esta parte del sistema lo que se realiz es una consulta general de los registros
y que cuenta con paginado para un mejor manejo de la informacin, aqu mismo
se le da la opcin de modificar algn reporte que este almacenado, dndole clic en
modificar como se muestra en la figura 15.
Pgina 52
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 53
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
sistema, tenemos que implementar el siguiente cdigo PHP, se muestra una parte
del cdigo utilizado (ver cdigo 1.5), el cual consta de los siguientes pasos:
1. Se realiza la conexin a la base de datos.
2. Se asignan las variables PHP que se obtienen del formulario.
3. Se crea la sentencia SQL Update la cual actualizar el registro de la tabla
con los datos nuevos ya ingresados.
Pgina 54
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
$averiguacion_previa=strtoupper($_POST['averiguacion_previa']);
$fecha_incio_averiguacion=$_POST['fecha_incio_averiguacion'];
$carpeta_investigacion=strtoupper ($_POST ['carpeta_investigacoin']);
$delitos_inicia_averiguacion="HOMICIDIO";
$modalidad=strtoupper ($_POST ['modalidad']);
$sql1="UPDATE datos_victima SET
nombre_victima='$nombre_victima',sexo_victima='$sexo_victima',alias_victima='$ali
as_victima',edad_victima='$edad_victima',ocupacion_victima='$ocupacion_victima',es
tado_civil='$estado_civil',nacionalidad_victima='$nacionalidad_victima',
pertenece_co='$pertenece_co',id_odontologica='$id_odontologica',id_antropolgica='$
id_antropolgica',id_genetica='$id_genetica',id_dactiloscopia='$id_dactiloscopia',id_ot
ro_mecanismo='$id_otro_mecanismo',datos_evento_folio_evento='$datos_evento_folio
_evento' WHERE folio_evento='$_POST [id]'";
Cdigo 1.5.- Consulta PHP para modificar un registro de homicidio.
Pgina 55
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
En esta seccin es donde el usuario podr generar los reportes en Excel, los
cuales se dividen en 3 tipos de reportes:
El reporte general.
El reporte principal.
Para crear el reporte en Excel, se utiliz una librera llamada phpExcel la cual
permite leer y manipular el contenido de una hoja de clculo hecha con Microsoft
Excel.
Para crear el reporte se necesit importar la librera PhpExcel.Php a nuestro
archivo y la zona horaria deseada como lo muestro en el cdigo 1.6.
El cdigo 1.7 muestra cmo se crea el objeto que servir para manejar todas las
propiedades que se necesitan, asignando el nombre que tendr el archivo, las
propiedades del archivo y la conexin a la base de datos.
$objPHPExcel = new PHPExcel ();
$Archivo = "Reporte De Homicidios "." del. $dia_obtenido." al. $dia_obtenido2." De.
$mes_obtenido2." del. $anio_obtenido;
$link=mysql_connect ("localhost","root","");
$bd =mysql_select_db ("procu");
$objPHPExcel->getProperties () ->setCreator ("Julio Cesar Arellano Perez")
->setLastModifiedBy ("Julio Cesar Arellano Perez")
->setTitle ("Reporte XLS")
->setSubject ("Reporte")
->setDescription ("")
->setKeywords ("")
->setCategory ("");
Cdigo 1.7.- Propiedades del archivo Excel.
Pgina 57
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 58
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Se asigna el valor al tamao de las columnas, todo esto mediante objetos que se
obtienen de la librera. Para esto se us la funcin getColumnDimension('M') y
setWidth(20), las cuales reciben como parmetros la columna donde se aplican
los cambios y el tamao que desea obtener como se muestra en el cdigo 1.10.
$objPHPExcel->getActiveSheet()->getColumnDimension('A')->setWidth(20);
$objPHPExcel->getActiveSheet()->getColumnDimension('B')->setWidth(20);
$objPHPExcel->getActiveSheet()->getColumnDimension('C')->setWidth(20);
$objPHPExcel->getActiveSheet()->getColumnDimension('D')->setWidth(20);
$objPHPExcel->getActiveSheet()->getColumnDimension('E')->setWidth(50);
$objPHPExcel->getActiveSheet()->getColumnDimension('F')->setWidth(20);
$objPHPExcel->getActiveSheet()->getColumnDimension('G')->setWidth(20);
Cdigo 1.10- Mtodo para agregar tamao a una columna.
El cdigo 1.11 muestra la declaracin de los estilos y los bordes, donde tambin
se ingresa el color deseado en estilo ARGB y el rango de las columnas que se
desea aplicar.
$objPHPExcel->getActiveSheet()
->getStyle('A4:M4')
->getFill()
->setFillType(PHPExcel_Style_Fill::FILL_SOLID)
->getStartColor()->setARGB('FF3AA941');
$borders = array(
'borders' => array(
'allborders' => array(
'bold' => true,
'style' => PHPExcel_Style_Border::BORDER_THIN,
'color' => array('argb' => 'FF000000'),
)
),
);
Cdigo 1.11- Estilos y bordes de la hoja de clculo.
Pgina 59
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Reporte General:
En este reporte el usuario podr generar como su nombre lo dice un reporte donde
viene toda la informacin de los homicidios de un mes en especfico.
En la figura 20 se muestra el diseo de la interfaz para poder generar el reporte el
cual solo te pide el mes y ao del que quiere ver los sucesos que sucedieron
dentro de esta fecha.
$objPHPExcel->getActiveSheet()->getStyle('A1:M200')->getAlignment()>setHorizontal(PHPExcel_Style_Alignment:HORIZONTAL_CENTER);
$objPHPExcel->getActiveSheet()->getStyle('A4:M4')->getAlignment()>setWrapText(true);
$objPHPExcel->getActiveSheet()->getStyle('D5:E200')->getAlignment()>setWrapText(true);
$objPHPExcel->getActiveSheet()->getStyle("C2:C3")->getFont()->setBold(true);
$objPHPExcel->getActiveSheet()->getStyle("A4:M4")->getFont()->setBold(true);
$objPHPExcel->getActiveSheet()->getStyle("C2")->getFont()->setSize(12);
$objPHPExcel->getActiveSheet()->getStyle("C3")->getFont()->setSize(10);
Cdigo 1.12.- Propiedades de las celdas.
Pgina 60
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
La consulta SQL es creada para obtener todos los campos de la base de datos,
en este caso la consulta se realiza por medio de la fecha del evento y la cual ser
mensual como se ve en la figura 29.
mysql_query("SET NAMES 'utf8'");
$sql ="SELECT * FROM datos_evento Where mes_evento = '$mes_obtenido2' AND
anio_evento = $anio_obtenido ";
$rec =mysql_query($sql);
Cdigo 1.14.- Consulta SQL para obtener los datos.
Pgina 61
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
while($row=mysql_fetch_array($rec))
{
$y++;
$objPHPExcel->setActiveSheetIndex(0)
->getStyle('A'.$y.":CA".$y)
->applyFromArray($borders);
$objPHPExcel->setActiveSheetIndex(0)
->setCellValue("A".$y,$row['folio_evento'])
->setCellValue("B".$y, $row['fecha_alta_evento'])
->setCellValue("C".$y, $row['fecha_evento'])
->setCellValue("D".$y, $row['hora_evento'])
->setCellValue("E".$y, $row['mes_evento'])
->setCellValue("F".$y, $row['anio_evento'])
->setCellValue("G".$y, $row['entidad_federativa'])
->setCellValue("H".$y, $row['municipio'])
->setCellValue("I".$y, $row['poblado_ciudad'])
->setCellValue("J".$y, $row['colonia_carretera'])
->setCellValue("K".$y, $row['calles'])
->setCellValue("L".$y, $row['lugar_comision'])
->setCellValue("M".$y, $row['violencia_sin'])
->setCellValue("N".$y, $row['homicidio_CO'])
->setCellValue("O".$y, $row['movil'])
Cdigo 1.15.- Asignando los valores a cada celda correspondiente.
Ya por ltimo se crean las propiedades para guardar el archivo con extensin xls y
la propiedad de salida como se muestra en el cdigo 1.16.
header('Content-Type: application/vnd.ms-excel');
header('Content-Disposition: attachment; filename="'.$Archivo.'"');
header('Cache-Control: max-age=0');
$objWriter = PHPExcel_IOFactory::createWriter($objPHPExcel, 'Excel5');
$objWriter->save('php://output');
Cdigo 1.16. - Propiedades para que se guarde la hoja de clculo.
Pgina 62
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Reporte Principal
En este reporte el usuario podr generar reportes por rangos de fecha donde
viene toda la informacin de los homicidios de manera ms resumida y solo con
informacin principal.
En la figura 21 se muestra el diseo de la interfaz para poder generar el reporte el
cual pide al usuario una fecha inicial y una fecha final para manejar el rango y ver
los sucesos que sucedieron dentro del rango de la fecha deseada.
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Por medio de la consulta SQL se le especifica que los datos deben estar en el
rango de las fechas ingresadas en el formulario, tambin se realizan las consultas
para poder contar los homicidios dependiendo de la modalidad que existen en este
caso son: doloso, comn y enfrentamiento y un conteo general de los homicidios
dentro de las fechas indicadas como se muestra en el siguiente cdigo 1.18.
$sql = "SELECT * FROM datos_evento WHERE fecha_evento BETWEEN '$fecha_inicio'
AND '$fecha_final'";
$result = mysql_query($sql);
$numero = mysql_num_rows($result);
$sql3="SELECT COUNT(modalidad) FROM datos_evento WHERE fecha_evento
BETWEEN '$fecha_inicio' AND '$fecha_final' AND modalidad='ENFRENTAMIENTO'";
$consulta2=mysql_query($sql3);
$rcount2=mysql_result($consulta2,0)
;
$sql4="SELECT COUNT(modalidad) FROM datos_evento WHERE fecha_evento
BETWEEN '$fecha_inicio' AND '$fecha_final' AND modalidad='EJECUCION'";
$consulta3=mysql_query($sql4);
$rcount3=mysql_result($consulta3,0);
$sql5="SELECT COUNT(modalidad) FROM datos_evento WHERE fecha_evento
BETWEEN '$fecha_inicio' AND '$fecha_final' AND modalidad='DOLOSO'";
$consulta4=mysql_query($sql5);
$rcount4=mysql_result($consulta4,0);
Cdigo 1.18.- Consultas SQL para obtener informacin del evento.
Por ltimo se imprimen en celdas los valores obtenidos de las consultas los cuales
se ponen en una coordenada en especfico y con su respectivo valor como se ve
en el cdigo 1.19.
->setCellValue("A".$y,$row['folio_evento'])
->setCellValue("B".$y, $row['poblado_ciudad'])
->setCellValue("C".$y, $row['fecha_evento'])
->setCellValue("D".$y, $row['nombre_victima'])
->setCellValue("E".$y, $row['resumendescripcion_hechos'])
->setCellValue("F".$y, $row['agencia'])
->setCellValue("G".$y, $row['averiguacion_previa'])
->setCellValue("H".$y, $row['fecha_incio_averiguacion'])
->setCellValue("I".$y, $row['modalidad'])
Cdigo 1.19.- Imprimiendo los valores en las celdas en el archivo Excel.
Pgina 64
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 65
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 66
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 67
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
require('conexion.php');
$query = "SELECT * FROM datos_evento WHERE fecha_evento ='$fecha_inicio'
ORDER BY fecha_evento asc
LIMIT $RegistrosAEmpezar, $RegistrosAMostrar";
$Resultado=mysql_query($query, $con);
echo "<table class='table table-bordered'>";
echo "<div align=\"center\"><table class='table table-bordered'
><td>ID</td><td>Folio Evento</td><td>Fecha del Evento</td><td>Mes del
Evento</td><td>Poblado / Ciudad</td><td>Nombre de La
Victima</td><td>Agencia</td><td>Averiguacion Previa</td><td>Fecha de inicio de
Averiguacion</td><td>Modalidad</td></div><br>";
while($MostrarFila=mysql_fetch_array($Resultado)){
echo
"<tr><td>".$MostrarFila['id_evento']."</td><td>".$MostrarFila['folio_evento']."</td>
<td>".$MostrarFila['fecha_evento']."</td><td>".$MostrarFila['mes_evento']."</td>
<td>".$MostrarFila['poblado_ciudad']."</td><td>".$MostrarFila['nombre_victima']."
</td><td>".$MostrarFila['agencia']."</td><td>".$MostrarFila['averiguacion_previa']."
</td><td>".$MostrarFila['fecha_incio_averiguacion']."</td><td>".$MostrarFila['modal
idad']."</td>";
}
echo "</table>";
Cdigo 1.20.- Cdigo PHP para realizar la consulta.
En la figura 25 se muestra el resultado de la consulta en una tabla, la cual est
usando las clases de Boostrap para agregarle diseo y tenga una vista agradable.
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 69
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
4.5.
Se realizaron varias pruebas al sistema con datos ficticios para que al momento de
entregarlo al rea de informtica no vaya a contener algn error de programacin
y puedan utilizarlo al 100% los usuarios. Se instalar de manera local el sistema
para despus migrar a un servidor web que brinda la procuradura general de
justicia para que ellos puedan ingresar desde cualquier equipo de cmputo o
dispositivo en cualquier lugar, lo nico que necesitar es tener NET para poder
entrar.
Para la instalacin del sistema en la red local se instal en un equipo Dell y el cual
se mencionan sus requerimientos de hardware:
Marca :Dell
Categora :PC
Sistema Operativo Windows 7
Disco Duro 200GB a 300GB
Procesadores Intel Core i5
Memoria RAM4 GB
Requerimientos de Software
Equipo Servidor
Sistemas Operativos
Pgina 70
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pruebas de caja Negra: el resultado que se obtuvo dentro de la prueba, fue que
los requerimientos que se haban obtenido en la etapa de anlisis y en la
recaudacin de informacin fue la correcta, solo se realizaron modificaciones en la
funcionalidades al momento de crear los reportes de homicidios, esto debido a que
se eliminaron campos de consulta que no eran necesarios.
Pgina 71
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 72
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Satisfaccin: Es que tan a gusto se qued el usuario con las tareas realizadas en
el sistema como lo muestra la figura 29.
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
El sistema sigue en la etapa de pruebas por parte de los usuarios para que se
familiaricen en el funcionamiento, Esto quiere decir que se encuentra instalado
localmente en el equipo de cmputo del usuario. Se les entregarn un manual de
usuario para todo el personal que maneje el sistema y no se presente alguna duda
en el manejo del funcionamiento en ciertas secciones del sistema.
4.6.
Fecha
08/septiembre/2014
CALENDARIO
Objetivo
Entrega del sistema
09/septiembre/2014
Pruebas
11/septiembre/2014
Actualizar el sistema
13/septiembre/2014
Instalacin
Descripcin
Instalar el sistema de
manera local.
El usuario realizara
pruebas durante 1 mes.
Crear
una
nueva
versin
al
sistema
dependiendo de los
cambios
que
se
mencionen
Se
reinstalar
el
sistema
al
rea
informtica de manera
local.
Pgina 74
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
V.
ANALISIS DE RESULTADOS
Pgina 75
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 76
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 77
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
VI.
CONCLUSIONES
Ver como una problemtica se va desglosando para ser analizada, luego traducida
a un lenguaje de programacin, para finalmente ser automatizada, es lo que se ha
mostrado y explicado en este documento. Se analizaron los objetivos sugeridos en
la toma de requerimientos, la solucin planteada ha logrado cumplir con las metas
establecidas correctamente
.
Esto es, que el sistema web de captura y generador de reportes de homicidios del
estado de Tamaulipas para el rea de informtica permite capturar el reporte de
homicidio del estado y a partir de la captura poder generar los reportes
correspondientes en el formato Excel.
Pgina 78
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
Pgina 79
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
VII.
BIBLIOGRAFIA
Pgina 80
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
consultado
Pgina 81
Tesina
Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas
VIII.
GLOSARIO
Caso de uso.- Descripcin de los pasos o las actividades que debern
realizarse para llevar a cabo algn proceso.
Net.- Internet.
diseado
para
el desarrollo
web de contenido
dinmico.
Pgina 82