Formato de Tesina

TESINA

“SISTEMA WEB DE CAPTURA Y GENERADOR DE

REPORTES DE HOMICIDIOS DEL ESTADO DE TAMAULIPAS”

QUE PRESENTA JULIO CÉSAR ARELLANO PÉREZ

EN CUMPLIMIENTO DE LA ESTADÍA DE

INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN

ASESOR INSTITUCIONAL

MC. JORGE OMAR JASSO LUNA

ORGANISMO RECEPTOR PROCURADURÍA GENERAL DE JUSTICIA DEL ESTADO DE

TAMAULIPAS

ASESOR EMPRESARIAL

LIC. MARISELA SANTIAGO VALADEZ

“CD. VICTORIA, TAMPS, MÉXICO, 3 DE OCTUBRE DEL 2014”

CARTA DE ACEPTACIÓN DEL DOCUMENTO PARA SU IMPRESIÓN

Cd. Victoria, Tamaulipas a 30 de septiembre de 2014

C. JULIO CESAR ARELLANO PEREZ PRESENTE Le comunico que el Programa Académico de Ingeniería en tecnologías de la información le ha otorgado la autorización para la impresión de su Tesina de Estadía Práctica cuyo título es: “SISTEMA WEB DE CAPTURA Y GENERADOR DE REPORTES DE ESTADO DE

TAMAULIPAS”

A T E N T A M E N T E

__________________________________________________

NOMBRE ASESOR INSTITUCIONAL

Jorge Omar Jasso Luna

C.C.P Director de programa académico

Tesina

Sistema Web de Captura y Generador de Reportes del Estado de Tamaulipas

Página II

REGISTRO DE EVALUACIÓN DE EXPOSICIÓN DE ESTADÍA

Siendo las 16:00 horas del 3 de octubre del 2014, el alumno Julio Cesar Arellano Pérez del programa académico de Ingeniería en Tecnologías de la Información, con matrícula 1110024, se presentó a la exposición de la estadía, 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 evaluación, y con base a la rúbrica establecida para éste propósito, se determina que la calificación de la estadía es APROBATORIA.

__________________________________________________ NOMBRE

ASESOR INSTITUCIONAL MC. Jorge Omar Jasso Luna

__________________________________________________

NOMBRE PROFESOR EVALUADOR

Dr. Marco Aurelio Nuño Maganda

__________________________________________________ NOMBRE

EVALUADOR DE INGLÉS

Tesina


Página 3

AGRADECIMIENTOS

La presente tesis es un esfuerzo en el cual, directa o indirectamente, participaron

muchas personas, alentándome, corrigiéndome y teniéndome mucha paciencia y

dándome ánimo, acompañándome en los momentos de crisis y los momentos de

felicidad.

A mi madre que me acompañó en esta aventura que significó terminar una

ingeniería y que, de forma incondicional, entendió mis ausencias y mis malos

momentos, te doy las gracias por qué sé que todo este esfuerzo fue difícil 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 día de hoy sigues alentándome

para terminar este proceso.

Como una madre te he visto, gracias por su sabiduría 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 comprensión, que sepas que siempre te llevo

en mi mente y corazón, esto es para ti abuelita Dominga Rodríguez Guerrero

(QEPD).

También 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 páginas de mi tesis.

Gracias También a mis queridos compañeros, que me apoyaron y me permitieron

entrar en su vida durante estos casi 4 años de convivir dentro y fuera del salón de

clase, se los agradezco de todo corazón y por haber hecho la etapa universitaria

la mejor de mi vida.

¡A Todos Muchas Gracias!

Cd. Victoria, Tamps a 3 de Octubre del 2014

Tesina


Página 4

RESUMEN

El presente trabajo describe las actividades y proyecto realizados durante la

Estadía práctica a lo largo de 16 semanas, en la Procuraduría General de Justicia

de Tamaulipas localizada en Ciudad Victoria Tamaulipas. Se ejemplifican los

trabajos que se desarrollan en el departamento de sistemas con el propósito de

brindar un software el cual puedan utilizar el personal del área para poder llevar un

mejor manejo de captura y generación de reportes de homicidios que se realizan.

Dentro de las actividades realizadas en el presente documento, se exponen las

fases de desarrollo de software, que se inicia desde la fase de análisis que fue la

primera función y en la cual se llevó tiempo ya que no se contaba con ningún dato

para poder avanzar desde un punto intermedio, después la etapa de diseño

seguida de la fase de programación hasta la implementación y sus pruebas.

También se muestran los procedimientos que nos brindan una solución de los

problemas que se generan al crear los reportes dentro del área de informática

dentro de la procuraduría general de justicia.

El objetivo principal del proyecto es brindar una solución 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 información y que optimiza el proceso al generar reportes ya que

no ingresa datos de los homicidios repetitivamente en el área de dirección de

informática y estadística , esto de una manera eficiente, confiable y segura.

Palabras claves: fases de desarrollo de un software, Generar Reportes,

Informática.

Tesina


Página 5

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.

Key Words: Phases of software development, generate reports, area of direction

of Informatics and statistics

Tesina


Página 6

ÍNDICE TEMÁTICO

I. INTRODUCCIÓN. ......................................................................... 9

II. DESCRIPCION Y ALCANCES DEL PROYECTO. .......................13

III. MARCO TEORICO. ......................................................................14

3.1. APLICACIONES WEB. .................................................................14 3.2. TECNOLOGIAS DE LA INFORMACIÓN. ............................................16 3.3. APLICACIONES DE TI...................................................................16 3.4. SISTEMAS DE INFORMACION. .......................................................17 3.5. TIPOS Y USOS DE LOS SISTEMAS DE INFORMACIÓN. .......................20 3.6. INGENIERIA DE SOFTWARE. .........................................................22 3.7. CICLO DE DESARROLLO. .............................................................22 3.8. HTML 5. ..................................................................................25 3.9. CSS. .......................................................................................26 3.10. BOOSTRAP. ..............................................................................26 3.11. LENGUAJES DE PROGRAMACIÓN. .................................................28 3.12. BASE DE DATOS. ........................................................................28

IV. DESARROLLO DEL PROYECTO ...............................................29

4.1. PLANEACION DE ACTIVIDADES. ....................................................30 4.2. ANÁLISIS. .................................................................................31 4.3. DISEÑO Y ARQUITECTURA. .........................................................35 4.4. PROGRAMACIÓN. ......................................................................47 4.5. IMPLANTACIÓN Y PRUEBAS DEL SISTEMA ......................................70 4.6. PLAN DE IMPLANTACIÓN Y ACTUALIZACIONES DEL SISTEMA .................. 74

V. ANÁLISIS DE RESULTADOS .....................................................75

VI. CONCLUSIONES.........................................................................78

VII. BIBLIOGRAFIAS. .....................................................................80

VIII. GLOSARIO. ..............................................................................82

Tesina


Página 7

ÍNDICE DE FIGURAS

Figura 1 Datos,informacion y sistema ................................................................... 17 Figura 2 Diseño conceptual de un sistema de información .................................... 20

Figura 3 Proceso de Desarrollo de Sistemas de Información ............................... 23

Figura 4 Ejemplo del documento que tiene la información principal. ..................... 32

Figura 5 Diagrama de organización del área de informática. ................................ 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 sesión .................................... 48

Figura 12 Interfaz del registro de usuarios ............................................................ 49

Figura 13 Secciones de la información necesaria para el reporte ......................... 51

Figura 14 Formulario de la sección 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 interacción del usuario ................................................. 72

Figura 29 Resultado de la satisfacción del usuario…………………………………..73

Figura 30 Resultado de la interfaz gráfica 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

Formato%20de%20Tesina%20JulioArellano%201110024.docx


























































Tesina


Página 8

INDICE DE TABLAS

Tabla 1 Planeación de Actividades ....................................................................... 30

Tabla 2 Descripción del problema y solución ........................................................ 31

Tabla 3 Descripción del Sistema. .......................................................................... 33

Tabla 4 Función del administrador en el sistema. ................................................. 33

Tabla 5 Función del usuario en el sistema ............................................................ 34

Tabla 6 Función del personal del área de informática ........................................... 35

Tabla 7 Información Policiaca ............................................................................... 38

Tabla 8 Información del Evento ............................................................................. 39 Tabla 9 Información de la Víctima ......................................................................... 40 Tabla 10 Información de la agencia ...................................................................... 40

Tabla 11 Información del presunto responsable.................................................... 41

Tabla 12 Información de los hechos ...................................................................... 42 Tabla 13 Datos de usuario .................................................................................... 42 Tabla 14 Calendario de Implantación ................................................................... 74





























Tesina


Página 9

I. INTRODUCCIÓN

La Procuraduría General de Justicia (PGJ) es la unidad de la rama ejecutiva que

se integra en la institución de la fiscalía pública y sus órganos subsidiarios directos

para el ejercicio de las facultades que confieren la Constitución Política de los

Estados Unidos Mexicanos, la Constitución Política del estado libre y soberano de

Tamaulipas, la ley orgánica de la administración pública del estado de Tamaulipas

y demás disposiciones aplicables, su actuación se rige por los principios de

legalidad, objetividad, eficiencia, profesionalismo, honestidad y respeto a los

derechos humanos.

En este sentido, la PGJ es responsable de organizar y regular el funcionamiento

de la institución de la oficina del Ministerio público, servicios forenses y policía,

encargado de la función de investigación de delitos, así como determinar los

funcionarios que integran y ayudarán en la oficina de los asuntos que restringen

sus estándares ya mencionados.

En particular, la PGJ como organización se compone de varios departamentos,

uno de ellos es el área de informática y estadísticas. El departamento cumple con

varias funciones en la organización, pero la tarea principal es el manejo de

sistemas como son asesinatos, secuestros, robo de autos. Dentro de sus tareas

principales es muy importante optimizar los procesos para llevar a cabo las

funciones que se mencionan.

El software es una parte esencial de cualquier sistema, para tener éxito en el

desarrollo de un proyecto y generar productos de calidad, los desarrolladores de

software necesitan conocer y comprender las características únicas de su enfoque

para desarrollar y mantener el software.

Tesina


Página 10

La información del sistema como lo son el nombre del proyecto, lugar donde se

realizó y el asesor empresarial se muestran a continuación.

Nombre del proyecto: Sistema Web de captura y generador de reportes

de homicidios del Estado de Tamaulipas.

Lugar: Procuraduría General de Justicia del Estado de Tamaulipas.

Asesor Empresarial: Lic. Marisela Santiago Valadez

El documento está dividido en varias secciones, las más importantes son:

Descripción y alcances del proyecto: presenta los objetivos y los límites del

proyecto.

Marco Teórico: contiene la información teórica de las herramientas que se

usaron en el proyecto.

Desarrollo del proyecto: muestra la explicación cada etapa del desarrollo de

software

Análisis de los resultados que se presentan en este documento: presenta

las pruebas realizadas y los resultados obtenidos a lo largo del proyecto.

Conclusiones del Desarrollo del sistema.

Explicación de mi experiencia obtenida trabajando en el proyecto.

Tesina


Página 11

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

Tesina


Página 12

The system information such as the name of the project, place where was carried

out and the Business Advisory are shown below:

Project name: Web capture system and generator of reports of murders in

the State of Tamaulipas.

Place: Attorney General of Justice of the State of Tamaulipas.

Business Advisor: Lic. Marisela Santiago Valadez

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.

Theoretical framework: It contains the theoretical information of the tools

used in the project.

Project development: each stage of software development shows the

explanation.

Analysis of results is presented in this part of the document: this section

shows the tests carried out and the results obtained throughout the project.

Conclusions Development System

Explanation of my experiences from working on the project.

Tesina


Página 13

II. DESCRIPCION Y ALCANCES DEL PROYECTO.

El propósito de esta sección es presentar las características y los alcances del

sistema el cual fue desarrollo durante el periodo de estadía.

OBJETIVO GENERAL:

Diseñar y desarrollar un sistema web de captura y generar reportes en el área de

informática en la procuraduría General de Justicia, de tal modo que se permita un

control y mejor manejo de la información de homicidios del estado de Tamaulipas.

OBJETIVOS ESPECIFICOS:

Los principales objetivos a cumplir dentro del sistema se especifican a

continuación:

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

procuraduría General de Justicia del Estado de Tamaulipas.

4. Generar un reporte para el jefe del departamento de sistemas, que son

solamente resultados numéricos del municipio donde fue el homicidio para

esto se toman en cuenta el número 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 específica, por agencia y también puede ser por municipio

Tesina


Página 14

III. MARCO TEÓRICO En este capítulo se abordará los conceptos importantes en el desarrollo del

proyecto como las Tecnologías de Información (TI), aplicaciones de TI, fases del

desarrollo de software, y descripción de cada una de las fases.

3.1. Aplicaciones Web En la Ingeniería de software se denomina aplicación web a aquellas aplicaciones

que los usuarios pueden utilizar accediendo a un servidor a través de Internet o de

una intranet mediante un navegador. En otras palabras, es una aplicación

(Software) que se codifica en un lenguaje soportado por los navegadores web en

la que se confía la ejecución al navegador.

Las aplicaciones web son populares debido a lo práctico del navegador web

como Cliente ligero, a la independencia del Sistema operativo, así como a la

facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar

software a miles de usuarios potenciales.

Es importante mencionar que una Página Web puede contener elementos que

permiten una comunicación activa entre el usuario y la información. Esto permite

que el usuario acceda a los datos de modo interactivo, gracias a que la página

responderá a cada una de sus acciones, como por ejemplo rellenar y enviar

formularios, participar en juegos diversos y acceder a gestores de base de datos

de todo tipo [1].

Características de una Aplicación Web.

El usuario puede acceder fácilmente a estas aplicaciones empleando un

navegador web (Cliente) o similar.

Si es por internet, el usuario puede entrar desde cualquier lugar del mundo

donde tenga un acceso a internet.

http://www.ecured.cu/index.php/Ingenier%C3%ADa_de_software

http://www.ecured.cu/index.php/Internet

http://www.ecured.cu/index.php/Software

http://www.ecured.cu/index.php/Navegador_web

http://www.ecured.cu/index.php?title=Cliente_ligero&action=edit&redlink=1

http://www.ecured.cu/index.php/Sistema_operativo

http://www.ecured.cu/index.php/P%C3%A1gina_Web

Tesina


Página 15

Pueden existir miles de usuarios pero una única aplicación instalada en un

servidor, por lo tanto se puede actualizar y mantener una única aplicación y

todos sus usuarios verán los resultados inmediatamente.

Emplean tecnologías como java, javaFX, JavaScript, DHTML, Flash, Ajax

que dan gran potencia a la interfaz de usuario.

Emplean Tecnologías que permiten una gran portabilidad entre diferentes

plataformas. Por ejemplo, una aplicación web flash podría ejecutarse en un

dispositivo móvil, en una computadora con Windows, Linux u otro sistema,

en una consola de videojuegos, etc. [2].

Interfaz gráfica de las aplicaciones web

La interfaz gráfica de una aplicación web puede ser sumamente completa y

funcional, gracias a las variadas tecnologías web que existen: Java, JavaScript,

DHTML, Flash, Silverlight, Ajax, entre otras. Prácticamente no hay limitaciones, las

aplicaciones web pueden hacer casi todo lo que está disponible para aplicaciones

tradicionales: acceder al mouse, al teclado, ejecutar audio o video, mostrar

animaciones, soporte para arrastrar y soltar, y otros tipos de tecnologías de

interacción usuario-aplicación. Ajax es un ejemplo de una tecnología de desarrollo

web que le da gran poder de interactividad a las aplicaciones web [2].

Requerimientos para Instalar un sistema web.

Las aplicaciones necesarias para que nuestro ordenador funcione como servidor

online son:

Sistema operativo. Normalmente utilizamos Windows pero se puede utilizar un

ordenador Mac o Linux.

Apache. Es la aplicación madre que permite que el ordenador se convierta en

servidor.

MySQL. Es una aplicación de bases de datos controlada por Apache que

permite crear todas las bases de datos necesarias para nuestro proyecto.

PHP. Es la tecnología de programación utilizada en el servidor.

http://es.wikipedia.org/wiki/Sistema_operativo

http://httpd.apache.org/

http://www.mysql.com/

http://php.net/

Tesina


Página 16

3.2. Tecnologías de la Información. Según lo definido por la asociación de la tecnología de información de América

(ITAA) es “el estudio, diseño, desarrollo, implementación, soporte o dirección de

los sistemas de información computarizados, en particular de software de

aplicación y hardware de computadoras.” Se ocupa del uso de las computadoras y

su software para convertir, almacenar, proteger, procesar, transmitir y recuperar la

información. Hoy en día, el término “tecnología de información” se suele mezclar

con muchos aspectos de la computación y la tecnología y el término es más

reconocible que antes. Es necesario establecer que la tecnología de la información

(TI) se entiende como "aquellas herramientas y métodos empleados para recabar,

retener, manipular o distribuir información. La tecnología de la información se

encuentra generalmente asociada con las computadoras y las tecnologías afines

aplicadas a la toma de decisiones [3].

3.3. Aplicaciones de TI

Las aplicaciones de las Tecnologías de la Información pueden ser muy diversas,

dependiendo del área, abarca desde:

Diseño y administración de redes de datos con base en políticas de

seguridad y eficiencia, para el control de estadísticas de desempeño en la

red asegurando el nivel de servicio acordado según las necesidades de la

organización.

Diseño y administración de sistemas de bases de datos en estándares para

el almacenamiento que brinde un acceso fácil y seguro según las

necesidades que tenga la organización.

Administrar requerimientos del sistema de información mediante la

definición de estrategias de recopilación, análisis y documentación para así

determinar las necesidades, recursos y alcances.

Tesina


Página 17

3.4. Sistemas de Información.

Los sistemas de información (SI) están cambiando la forma en que operan las

organizaciones actuales. A través de su uso se logran importantes mejoras, pues

automatizan los procesos operativos de las empresas, proporcionan información

de apoyo al proceso de toma de decisiones y, lo que es más importante, facilitan

el logro de ventajas competitivas a través de su implantación en las empresas [4].

Dato, información y sistema.

En ocasiones los términos dato e información se utilizan como sinónimos, lo cual

es un error. Dato que puede ser un número, una palabra, una imagen. En el

ámbito cotidiano se utiliza en plural “datos”, los cuales son la materia prima para la

producción de información. Información, por su parte, son datos que dentro de un

contexto dado tienen un significado para alguien. Finalmente, Sistema es el

mecanismo por el cual se generara información. (Ver figura 1) [4].

Figura 1.- Datos, información y sistema, Ejemplo.


Tesina


Página 18

Sistema de Información.

Un sistema de información es un conjunto de elementos que interactúan entre sí

con el fin de apoyar las actividades de una empresa o negocio. En un sentido

amplio, un sistema de información no necesariamente incluye equipo electrónico

(hardware). Sin embargo, en la práctica se utiliza como sinónimo de “sistema de

información computarizado”.

Estos elementos son de naturaleza diversa y normalmente incluyen:

El equipo computacional: el hardware necesario para que el sistema de información pueda operar de forma correcta.

El recurso humano que interactúa con el sistema de información, el cual está formado por las personas que utilizan el sistema.

Los datos o información fuente: que son introducidos en el sistema, son todas las entradas que este necesita para generar como resultado la información que se desea.

Un Sistema de información realiza cuatro actividades básicas: entrada,

almacenamiento, procesamiento y salida de información.

Entrada de Información: Es el proceso mediante el cual el Sistema de

Información toma los datos que requiere para procesar la información. Las

entradas pueden ser manuales o automáticas. Las manuales son aquellas que se

proporcionan en forma directa por el usuario, mientras que las automáticas son

datos o información que provienen o son tomados de otros sistemas o módulos.

Esto último se denomina interfaces automáticas [4].

Almacenamiento de información: El almacenamiento es una de las actividades

o capacidades más importantes que tiene una computadora, ya que a través de

esta propiedad el sistema puede recordar la información guardada en la sección o

proceso anterior. Esta información suele ser almacenada en estructuras de

información denominadas archivos [4].

Tesina


Página 19

Procesamiento de Información: Es la capacidad del Sistema de Información

para efectuar cálculos de acuerdo con una secuencia de operaciones

prestablecida. Estos cálculos pueden efectuarse con datos introducidos

recientemente en el sistema o bien con datos que están almacenados. Esta

característica de los sistemas permite la transformación de datos fuente en

información que puede ser utilizada para la toma de decisiones, lo que hace

posible, entre otras cosas, que un tomador de decisiones genere una proyección

financiera a partir de los datos que contiene un estado de resultados o un balance

general de un año base [4].

Salida de Información: La salida es la capacidad de un Sistema de Información

para extraer la información procesada o bien datos de entrada al exterior. Las

unidades típicas de salida son las impresoras, terminales, diskettes, cintas

magnéticas, la voz, los graficado res y los plotters, entre otros. Es importante

aclarar que la salida de un Sistema de Información puede constituir la entrada a

otro Sistema de Información o módulo. En este caso, también existe una interface

automática de salida. Por ejemplo, el Sistema de Control de Clientes tiene una

interface automática de salida con el Sistema de Contabilidad, ya que genera las

pólizas contables de los movimientos procesales de los clientes [4].

Tesina


Página 20

3.5. Tipos y Usos de los Sistemas de Información

Durante los próximos años, los sistemas de información cumplirán tres objetivos

básicos dentro de las organizaciones (Ver Figura 2) [4].

Automatización de procesos operativos.

Proporcionar información que sirva de apoyo al proceso de toma de decisiones.

Lograr ventajas competitivas a través de su implantación y uso.

Figura 2.-Diseño conceptual de un sistema de información.

Los sistemas de información que logran la automatización de procesos operativos

dentro de una organización, son llamados frecuentemente sistemas

transaccionales, ya que su función primordial consiste en procesar transacciones

tales como pagos, cobros, pólizas, entradas, salidas, etc. Por otra parte, los

sistemas de información que apoyan el proceso de toma de decisiones son los

sistemas de soporte de toma de decisiones, Sistemas para la toma de decisión de

grupo, sistemas Expertos de soporte a la toma de decisiones y sistema de

información para ejecutivos [4].

Tesina


Página 21

3.6. Ingeniería de Software

La ingeniería del software es una disciplina de la ingeniería que comprende todos

los aspectos de la producción de software desde las etapas iniciales de la

especificación del sistema, hasta el mantenimiento de éste después de que se

utiliza. En esta definición, existen dos frases clave:

1. Disciplina de la ingeniería. Los ingenieros hacen que las cosas funcionen.

Aplican teorías, métodos y herramientas donde sean convenientes, pero las

utilizan de forma selectiva y siempre tratando de descubrir soluciones a los

problemas, aun cuando no existan teorías y métodos aplicables para

resolverlos. Los ingenieros también saben que deben trabajar con

restricciones financieras y organizacionales, por lo que buscan soluciones

tomando en cuenta estas restricciones [5].

2. Todos los aspectos de producción de software. La ingeniería del

software no sólo comprende los procesos técnicos del desarrollo de

software, sino también con actividades tales como la gestión de proyectos

de software y el desarrollo de herramientas, métodos y teorías de apoyo a

la producción de software[5].

En general, los ingenieros de software adoptan un enfoque sistemático y

organizado en su trabajo, ya que es la forma más efectiva de producir

software de alta calidad. Sin embargo, aunque la ingeniería consiste en

seleccionar el método más apropiado para un conjunto de circunstancias,

un enfoque más informal y creativo de desarrollo podría ser efectivo en

algunas circunstancias. El desarrollo informal es apropiado para el

desarrollo de sistemas basados en Web, los cuales requieren una mezcla

de técnicas de software y de diseño gráfico [5].

Tesina


Página 22

3.7. Ciclo de Desarrollo

3.7.1. Descripción

La construcción de un sistema de información implica la conjugación de esfuerzos,

conocimientos, experiencias, recursos y tiempo muy valiosos; por lo que es

necesario contar con un adecuado rumbo de acción que garantice el éxito del

proyecto, empleado al máximo los elementos disponibles. Por esta razón es

conveniente apoyarse en una metodología que establezca las etapas con

objetivos, actividades y técnicas necesarias en la creación de un sistema.

La ejecución de las etapas lleva normalmente un orden cronológico, en donde los

resultados producidos por una, alimentan las funciones de la siguiente y así

sucesivamente. Además se aplican los conceptos del proceso administrativo, que

regula las acciones de cada etapa y por lo tanto, de todo el proyecto. Por ello es

necesario planear y controlar la realización de las actividades.

Etapas de Desarrollo

El papel que juega cada una de las etapas que conforman el ciclo de desarrollo de

los sistemas de información es el siguiente [6]:

Análisis: Define los requerimientos de información y la forma más adecuada

de atenderlos.

Diseño: Describe la estructura, funciones e interrelaciones de los

componentes del sistema.

Programación: Elaborar los elementos del sistema (programas, archivos,

reportes, etc.).

Implantación: Prueba e instalación del sistema desarrollado.

Operación: Hace uso del sistema.

Mantenimiento: Modifica el sistema en función de los nuevos

requerimientos que se van presentando.

Tesina


Página 23

Asimismo, en cuanto a la participación del proceso administrativo se refieren:

• Planeación: se establecen los objetivos, estrategias, programas de acción

y determinación de recursos.

• Control: se evalúan los resultados conforme a las metas esperadas, se

realizan las correcciones necesarias influenciando la ejecución de la

siguiente capa.

Normalmente el requerimiento para construir un sistema de información nace a

petición del Área Administrativa que tiene problemas en el manejo de información

o desea aplicar nuevos mecanismos. Por lo que el Área Técnica es enterada en

espera de resolver la inquietud planteada, dando inicio al ciclo de desarrollo de

sistemas tal como se aprecia en la Figura 3 [6].

Figura 3.- Proceso de Desarrollo de Sistemas de Información.

Tesina


Página 24

3.7.2. Análisis de los requisitos del software

En esta parte el ingeniero intenta comprender la naturaleza de los programas que

han de construirse, así como el dominio de la aplicación [6] .

3.7.3. Diseño

El diseño tiene el propósito de establecer los aspectos lógicos y físicos de las

salidas, modelos de organización y representación de datos, entrada y procesos

que componen el sistema, considerando las bondades y limitaciones de los

recursos disponibles en la satisfacción de las pacificaciones brindadas por el

análisis [6].

3.7.4. Programación

El propósito que persigue la programación de sistemas es el describir en un

lenguaje de programación adecuado, los procedimientos que realizará el sistema

al manipular los datos para obtener los resultados deseados [6].

3.7.5. Implantación y Producción.

La implantación es la etapa encargada de garantizar el adecuado funcionamiento

del sistema, a través de una prueba exhaustiva, la elaboración de la

documentación y la capacitación al personal que se encargara de manejarlo [6].

3.7.6. Operación.

El objetivo de la operación de un sistema, es el de realizar adecuadamente los

procedimientos de alimentación y tratamiento de los datos, en la generación 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].

Tesina


Página 25

3.8. HTML

HTML es la abreviatura de HyperText Markup Language, y es el lenguaje que

todos los programas navegadores usan para presentar información en la World

Wide Web (WWW). Este es un lenguaje muy sencillo que se basa en el uso de

etiquetas, consistentes en un texto ASCII encerrado dentro de un par de

paréntesis angulares (< >). El texto incluido dentro de los paréntesis nos dará una

explicación de la utilidad de la etiqueta. Así por ejemplo la etiqueta <TABLE> nos

permitirá definir una tabla. Las etiquetas podrán incluir una serie de atributos o

parámetros, en su mayoría opcionales, que nos permitirán definir diferentes

posibilidades o características de la misma. Estos atributos quedarán definidos por

su nombre (que será explicativo de su utilidad) y el valor que toman separados por

un signo de igual. En el caso de que el valor que tome el atributo tenga más de

una palabra deberá expresarse entre comillas, en caso contrario no será

necesario. Así por ejemplo la etiqueta <TABLE border=2> nos permitirá definir una

tabla con borde de tamaño 2 [7].

Entre otras cosas, el manejo de estas etiquetas nos permitirá:

Definir la estructura lógica del documento HTML.

Aplicar distintos estilos al texto (negrito, cursivo).

La inclusión de hiperenlaces, que nos permitirán acceder a otros

documentos relacionados con el actual.

La inclusión de imágenes y ficheros multimedia (gráficos, vídeo, audio).

¿Qué vamos a necesitar para crear un documento HTML?

Un procesador de textos para escribir y editar el código HTML. Este podrá

ser cualquiera que no formatee el texto, ya que el leguaje HTML está

basado en el código ASCCI.

•Un navegador Web como el Explorer, Google, el cual se encargará del

interpretar el código HTML de nuestro documento y mostrarlo dentro del

mismo.

Tesina


Página 26

3.9. CSS

CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que

es un lenguaje que describe la presentación de los documentos estructurados en

hojas de estilo para diferentes métodos de interpretación, es decir, describe cómo

se va a mostrar un documento en pantalla, por impresora, por voz (cuando la

información es pronunciada a través de un dispositivo de lectura) o en dispositivos

táctiles basados en Braille [8].

¿Para qué sirve?

CSS es una especificación desarrollada por el W3C (World Wide Web Consortium)

para permitir la separación de los contenidos de los documentos escritos en

HTML, XML, XHTML, SVG, o XUL de la presentación del documento con las hojas

de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes,

tipos de letra..., modificando as la apariencia de una página web de una forma

más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus

documentos [8].

¿Cómo 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 declaración, 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 están basando su diseño en Boostrap. Es un

framework de Twitter que permite crear interfaces web con CSS y JavaScript que

adaptan la interfaz dependiendo del tamaño del dispositivo en el que se visualice

de forma nativa, es decir, automáticamente se adaptan al tamaño de un ordenador

o de una Tablet sin que el usuario tenga que hacer nada, esto se denomina diseño

adaptador o Responsive Design [9].

Tesina


Página 27

3.11. Lenguajes de Programación

Un lenguaje de programación es un lenguaje que puede ser utilizado para

controlar el comportamiento de una máquina, particularmente una computadora.

Consiste en un conjunto de reglas sintácticas y semánticas que definen su

estructura y el significado de sus elementos, respectivamente. Aunque muchas

veces se usa lenguaje de programación y lenguaje informático como si fuesen

sinónimos, no tiene por qué ser así, ya que los lenguajes informáticos engloban a

los lenguajes de programación y a otros más.

3.11.1. PHP

PHP es un lenguaje de código abierto muy popular, adecuado para desarrollo web

y que puede ser incrustado en HTML. Es popular porque un gran número de

páginas y portales web están creadas con PHP. Código 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 código PHP

con código HTML, siguiendo unas reglas.

PHP se utiliza para generar páginas web dinámicas. Recordar que llamamos

página estática a aquella cuyos contenidos permanecen siempre igual, mientras

que llamamos páginas dinámicas 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 búsquedas o aportaciones de los usuarios [10].

¿Cómo trabaja PHP?

El lenguaje PHP se procesa en servidores, que son potentes ordenadores con un

software y hardware especial. Cuando se escribe una dirección tipo

http://www.aprenderaprogramar.com/index.php en un navegador web como

Internet Explorer, Firefox o Chrome, ¿qué ocurre? Se envían los datos de la

solicitud al servidor que los procesa, reúne los datos (por eso decimos que es un

proceso dinámico) y el servidor lo que devuelve es una página HTML como si

fuera estática [10].

Tesina


Página 28

3.11.2. Java Script

JavaScript es un lenguaje que puede ser utilizado por profesionales y para

quienes se inician en el desarrollo y diseño de sitios web. No requiere de

compilación ya que el lenguaje funciona del lado del cliente, los navegadores son

los encargados de interpretar estos códigos.

Este lenguaje posee varias características, entre ellas podemos mencionar que es

un lenguaje basado en acciones que posee menos restricciones. Además, es un

lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la

programación en este lenguaje está centrada en describir objetos, escribir

funciones que respondan a movimientos del mouse, aperturas, utilización de

teclas, cargas de páginas entre otros [11].

3.12. Base de Datos.

Una base de datos es una colección de archivos relacionados que permite el

manejo de la información de alguna compañía. Cada uno de dichos archivos

puede ser visto como una colección de registros y cada registro está compuesto

de una colección de campos.

Cada uno de los campos de cada registro permite llevar información de algún

atributo de una entidad del mundo real.

MySQL es un sistema gestor de base de datos (SGDB, DBMS por sus siglas en

inglés) mu conocido y ampliamente usado por su simplicidad y notable

rendimiento. Aunque carece de algunas características avanzadas disponibles en

otros SGBD del mercado, es una opción atractiva tanto para aplicaciones

comerciales, como entretenimiento precisamente por su facilidad de uso y tiempo

reducido de puesta en marcha. Esto y su libre distribución en internet bajo licencia

GPL le otorgan como beneficios adicionales contar con un alto grado de

estabilidad y un rápido desarrollo [12].

http://www.maestrosdelweb.com/editorial/%C2%BFcomo-elegir-un-navegador-web/

Tesina


Página 29

IV. DESARROLLO DEL PROYECTO El presente capitulo muestra las características y las fases del desarrollo del

software involucradas en el sistema de homicidios.

El sistema realizado servirá para tener un control de los homicidios del estado de

Tamaulipas dentro del área de dirección de informática y estadísticas de la

procuraduría.

El sistema genera reportes de los homicidios de todo el estado de Tamaulipas, en

dichos reportes se visualizan los homicidios de cada municipio donde se haya

realizado dicho suceso, el reporte principal es desarrollado y se entrega al jefe del

área de la procuraduría general del estado de Tamaulipas, y el reporte general

para el jefe del departamento de sistemas el cual consiste de una contabilidad de

homicidios donde fueron los sucesos.

El sistema implementa un apartado de seguridad a través del acceso de personas

por medio de cuentas de usuarios y contraseñas. En lo que respecta a los

mismos, uno de los principales es el administrador que será el encargado de

capturar municipios, agencias y dar de alta la información requerida para la

captura de los formularios. Por otro lado el usuario estándar solo tendrá permitido

capturar los homicidios y generar los reportes antes mencionados.

Las interfaces de los usuarios son formularios sencillos y de fácil manejo para el

usuario y facilitando realizar sus operaciones.

Hablando de seguridad dentro del sistema, se manejará el uso de contraseñas,

esto para tener un mejor control de acceso de usuarios, así mismo los formularios

tienen una seguridad de campo y validación de datos.

Tesina


Página 30

En la presente sección se muestra la tarea que se desarrolló en cada una de las fases de desarrollo de software.

4.1. Planeación de Actividades

En esta sección se muestra la planeación 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.

Planeación de Actividades para el Desarrollo del Software

Fecha Objetivo Descripción

05/Mayo/2014 Análisis Realización de entrevistas al personal del área donde se manejará el sistema, y así recaudar la mayor parte de información requerida para el sistema.

02/Junio/2014 Diseño y

Arquitectura

Implementar un diseño sencillo de interfaz amigable que sea eficiente para el sistema.

03/Julio/2014 Programación Utilizar el lenguaje de programación PHP, JavaScript, estilos CSS3 y etiquetas HTML5, para implementar el sistema

11/Agosto/2014 Pruebas Realizar pruebas del sistema Funcional y realizar correcciones si lo necesita, antes de entregar al usuario.

1/Septiembre/2014 Implantación Instalar el sistema en el área de informática para que se inicie con el manejo del mismo.

Tabla 1.- Planeación de Actividades.

Tesina


Página 31

4.2. Análisis

En esta fase se reúnen 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 solución que se

pretende ofrecer.

El problema El área maneja todo mediante archivos Excel y repite

proceso para generar reportes.

Afecta a Directivos, usuarios y administrativo.

Cuyo impacto es Perdida de archivos, sin el manejo de base de datos,

se tienen que volver a capturar los reportes.

Una solución exitosa debe ser

Desarrollar un sistema el cual maneje toda la

información de los homicidios, almacenar la

información dentro de base de datos, optimizar los

procesos al momento de generar los reportes Excel.

De Tipo Indispensable para una mejor administración del área

de informática y de la información.

Tabla 2.- Descripción del Problema y solución.

Toda la información que captura el usuario es leída de un documento en línea el

cual es redactado por otra agencia. Dicha información viene de forma más general

y muestra un detalle completo de los homicidios ocurridos, el usuario después de

leer el archivo de los hechos, inicia con la captura de la información más

importante dentro de un documento Excel. Se obtiene la información relevante del

reporte. La figura 4 presenta un ejemplo del documento que es llenado.

Tesina


Página 32

Figura 4. – Ejemplo del documento que tiene la información principal.

También se debe mencionar que como todo se manejaba por medio de archivos

Excel, no se tiene una base de datos creada para consultar la información, se

debe revisar el archivo y buscar la información manualmente.

El manejo de una base de datos a diferencia de capturarlo en un archivo Excel

tiene sus ventajas las cuales son:

Mayor seguridad en los datos: Al permitir restringir el acceso a los

usuarios, cada tipo de éstos tendrá la posibilidad de acceder a ciertos

elementos.

Balance de Requerimientos Conflictivos. Para que la Base de Datos

trabaje apropiadamente.

Acceso a los datos más eficiente. La organización de los datos produce

un resultado más óptimo en rendimiento. Igualmente, en el caso de

empresas, usuarios de distintas oficinas pueden compartir datos si están

autorizados.

Reducción del espacio de almacenamiento, gracias a una mejor

estructuración de los datos.

Tesina


Página 33

En la tabla 3 se muestra la descripción del sistema a desarrollar.

Quién necesita el

sistema

El área de informática de la procuraduría de justicia del estado de Tamaulipas

Porque se

desarrollará

Necesitan una mejor administración en cuanto a la

información que manejan

Nombre del sistema Sistema Web de Captura y Generador de Reportes de

Homicidios del estado de Tamaulipas.

Ventajas de crear el

sistema

Se mejoran los diferentes aspectos como lo son: reducción

de tiempo de procesos de manera eficaz, eficiente la

consulta y registro de decesos.

Desventajas de no

contar con un

sistema

De un sistema manual, con defectos de tiempo y falla, o el

simple hecho de no contar con un sistema, que genera

retardos de registros y asignación de reportes. Al mismo

tiempo la pérdida de información.

Tabla 3.- Descripción del Sistema.

4.2.1. Perfil de los involucrados y Usuarios

En esta sección se describen, por medio de tablas, a los involucrados que tendrán

interacción con el sistema web de captura y generador de reportes de homicidios.

Se describe la función que deberá realizar cada uno. La tabla 4 muestra la

información del administrador, la tabla 5 la del usuario.

Representante Administrador

Descripción Se encarga de la administración de todo el sistema, él tiene el control de poder acceder y controlar todo el sistema sin restricción alguna

Tipo indispensable

Éxito Agilizar el proceso de captura de datos al momento de realizar los reportes y al mismo tiempo reducir procesos.

Compromiso El sistema será desarrollado con una interfaz amigable para que sea de fácil uso y entendimiento.

Tabla 4.- Función del administrador en el sistema.

Tesina


Página 34

Representante Usuario

Descripción Persona que accede al sistema para capturar los

homicidios del estado y para generar reportes para el jefe

de área, jefe de sistemas y el reporte general.

Tipo Indispensable para el área de informática

Éxito Realizar la captura y generar los reportes necesarios.

Compromiso El sistema será desarrollado con una interfaz amigable

para que sea de fácil uso y entendimiento.

Tabla 5.- Función del usuario en el sistema.

4.2.2. Diagrama de Organización

El diagrama de organización de una empresa, entidad o de una actividad. El

concepto también se usa para así nombrar a la representación gráfica de las

operaciones que se realizan dentro del marco de un proceso. (Ver figura 5)

Figura 5.- Diagrama de organización del área de informática.

Administrador

Lic. Marisela Santiago Valadez

Usuario Usuario Usuario

Tesina


Página 35

A continuación se describe la función de cada actor dentro del área de informática,

cada usuario se muestra en el diagrama de organización ver tabla 6.

Personal Representante Responsabilidades

Administrador Actor Final Se encarga de toda la administración del

área y es el que revisa la información de

homicidios y entrega el reporte al jefe del

área de la PGJ.

Usuarios Actor Final Realizan el trabajo de captura y generan

reportes, realizan altas dentro de otros

sistemas, revisan oficios de otros rubros

como lo son: robo a vehículos, creación

de software para el área de informática,

etc.

Tabla 6.- Función del personal del área de informática.

4.3. Diseño y Arquitectura

Dentro de la fase de diseño y arquitectura se determinó como iba a funcionar de

una forma general sin entrar en detalles, incorporando consideraciones de forma

tecnológica, se menciona de todo lo referente a base de datos, en la interfaz del

sistema y en todos sus requerimientos funcionales así como los No funcionales

con sus respectivos casos de uso, etc.

Tesina


Página 36

4.3.1. Diseño de la Base de Datos

En esta sección se planea explicar el desarrollo de la base de datos, ya que el

sistema no tenía una versión anterior o un trabajo dentro del mismo no se contaba

con una base de datos, solo se manejaba un formato de datos en general sin tener

tablas o secciones divididas de la información. Por lo tanto dentro del proyecto se

enfocó a tratar de optimizar la información dividiéndolas en diferentes secciones.

El sistema de gestión de bases de datos (SGBD) empleado es MySQL escogido

por sus múltiples ventajas como lo son:

MySQL software es Open Source

Velocidad al realizar las operaciones, lo que le hace uno de los gestores

con mejor rendimiento.

Bajo costo en requerimientos para la elaboración de bases de datos, ya

que debido a su bajo consumo puede ser ejecutado en una máquina con

escasos recursos sin ningún problema.

Facilidad de configuración e instalación.

Soporta gran variedad de Sistemas Operativos.

Baja probabilidad de corromper datos, incluso si los errores no se

producen en el propio gestor, sino en el sistema en el que está.

Su conectividad, velocidad, y seguridad hacen de MySQL altamente

apropiado para acceder bases de datos en Internet

El software MySQL usa la licencia GPL

Tesina


Página 37

En la figura 6 se muestra el diagrama general de la base de datos ilustrando las

tablas que fueron creadas y las relaciones que son necesarias para su manejo

dentro del SGBD.

La tabla principal es “datos_evento”, Esta tabla cuenta con el número de folio, el

cual sirve para tener un control en las demás tablas para saber que se encuentran

dentro del mismo evento o suceso.

Estas tablas son relacionadas al evento, debido a que cuando se entrevistó al

usuario, se obtuvo la información necesaria y se decidió elegir al folio para ser

identificada la información y así evitar tener múltiples id.

Figura 6.- Diagrama General de la BD ilustrando las tablas y sus relaciones.

Tesina


Página 38

A continuación se muestran el desglose de la información en tablas:

Tabla de información policiaca: Se describe cada dato policiaco necesario como

la corporación policiaca, mensajes que se puedan dejar, conteo de armas,

granadas etc. como en la tabla 7.

Tabla 7.- Información Policiaca.

Información Policiaca

Corporación policiaca involucrada

Presunto delincuente involucrado

Armas Largas

Armas Cortas

Cargadores

Cartuchos

Vehículos

Otros Argumentos

Respuesta

Granadas

Mensajes

Fuero

Cruce

Observaciones

Tesina


Página 39

Tabla Evento: Dentro de esta tabla se maneja la información de homicidios y se

manejan los datos generales como se muestra en la tabla 8.

Datos del Evento

folio del evento

fecha de alta del evento

fecha del evento

hora del evento

mes del evento

año del evento

entidad federativa

municipio o Delegación

poblado o Ciudad

colonia o carretera

calles o Tramo

lugar de comisión del delito

con violencia o sin violencia el delito

homicidio vinculado al crimen organizado

móvil

Tabla 8.- Información del evento.

Tesina


Página 40

Tabla Información de la víctima: Aquí en esta tabla se maneja toda la

información de la víctima como datos personales y métodos de identificación

Como se ilustra en la tabla 9.

Información de la Víctima

nombre

sexo

alias

edad

ocupación

estado civil

nacionalidad

pertenece al crimen organizado

identificación odontológica

identificación antropológica

Identificación genética

identificación de dactiloscopia

otro mecanismo de identificación

Tabla 9.- Información de la Víctima.

Tabla Agencia: En esta tabla se agrega toda la información de la agencia, así

como los datos de averiguaciones, tipo de delitos, como se muestra en la tabla 10.

Información de Agencia

agencia

acta circunstanciada

contabilizar ap.

averiguación previa

fecha de inicio de averiguación

carpeta de investigación

delito por el que se inicia la averiguación

modalidad

Tabla 10.- Información de la agencia.

Tesina


Página 41

Tabla de la información del responsable: En esta sección de la información se

maneja todo lo referente al presunto responsable como datos personales y datos

de su sentencia como lo muestra la tabla 11.

Información del Presunto Responsable

nombre

alias

edad

sexo

personas involucradas en averiguaciones previas

relacionado al crimen organizado

última determinación del ministerio publico

fecha de la última determinación

resolución del juez

fecha de resolución

sentencia

fecha que se dictó sentencia

fecha en que se ejecutó sentencia

recursos

número de amparo

tipo de amparo

Tabla 11.- Información del presunto responsable.

Tesina


Página 42

Tabla de los hechos: En esta tabla se muestra la información de los hechos

policiacos que se refiere a lo sucedido en el lugar como la descripción del

homicidio, ejecutados, etc., como lo ilustra la tabla 12.

Información de los Hechos

crimen organizado que cometió el delito

cantidad de detenidos

nombre del detenido

descripción de los hechos

resumen de la descripción de los hechos

armas aseguradas

vehículos asegurados

modo de ejecución de la víctima

cantidad de ejecutados

uno por registro

armas utilizadas

calibre

Tabla 12.- Información de los hechos.

Tabla Usuarios: por último la tabla usuarios se creó para el manejo y control de

seguridad dentro del sistema donde solamente tendrán datos personales, usuario,

contraseña y tipo de usuario, como se muestra en la tabla 13.

Tabla Usuario

nombre

apellido

usuario

contraseña

email

tipo de usuario

Tabla 13.- Datos de usuario.

Tesina


Página 43

4.3.2. Diseño de la Interfaz

Para tener un diseño de interfaz eficaz y eficiente se aplican reglas de diseño las

cuales se pueden utilizar para poder desarrollar cualquier sistema y así poder

crear un ambiente amigable para cualquier usuario y de fácil manejo visual.

En esta sección se muestran unas reglas que se aplicaron para poder tener una

buena interacción entre el usuario-máquina.

1. Usabilidad Universal: Reconocer las necesidades de los diversos usuarios

facilitando la transformación del contenido.

2. Diseñar Diálogos para conducir la finalización: crear sistemas que

conducen hasta el final de un proceso de las secuencias del usuario.

3. Prevenir Errores: tener un diseño de forma que el usuario no tenga la

opción dentro de su manejo para cometer errores graves.

4. Ofrecer Realimentación informativa: para cada acción dentro del sistema

se debe tener una realimentación al usuario para no perderse dentro del

mismo.

5. Permitir deshacer acciones de forma fácil: Dentro del diseño de una

interfaz, el usuario tiene que ver la posibilidad de remediar las acciones

erróneas.

El sistema cuenta con imágenes e iconos los cuales hacen que la interfaz sea más

amigable para el usuario.

4.3.3. Requerimientos Funcionales

Los requerimientos funcionales de un sistema describen lo que el sistema debe

hacer. Estos requerimientos dependen del tipo de software que se desarrolle, de

los posibles usuarios del software y del enfoque general tomado por la

organización al redactar requerimientos. Cuando se expresan como

requerimientos del usuario, habitualmente se describen de una forma bastante

abstracta.

Tesina


Página 44

Sin embargo. Los requerimientos funcionales del sistema describen con detalle la

función de éste, sus entradas y salidas, excepciones, etcétera. Los requerimientos

funcionales para un sistema software se pueden expresar de diferentes formas

La lista que se presenta muestra los requerimientos funcionales obtenidos de la

información recabada en entrevistas con personal del departamento.

RF001.- Ingresar al sistema.

RF002.- Control de usuarios.

RF003.- Control de captura de homicidios.

RF004.- Generar Reportes de Homicidio.

4.3.4. Requerimientos No Funcionales

Los requerimientos no funcionales son restricciones de los servicios o funciones

ofrecidos por el sistema. Incluyen restricciones de tiempo, sobre el proceso de

desarrollo y estándares. Los requerimientos no funcionales a menudo se aplican al

sistema en su totalidad. Normalmente apenas se aplican a características o

servicios individuales del sistema.

A continuación se muestran los requerimientos no funcionales del sistema de

control de hardware.

NFR001.- se utilizará lenguaje PHP, HTML5, CSS, y un manejador de base

de datos MySQL.

NFR002.- se establecerán usuario y contraseña para cada usuario final

dentro del área de informática.

NFR003.- se manejarán diferentes perfiles de usuario.

Tesina


Página 45

4.3.5. Diagramas de Caso de Uso

Dentro de esta fase se detallan los roles de los usuarios que participan dentro del

sistema, así como sus funciones que van a llevar a cabo, todo esto se muestra en

un diagrama de caso de uso.


Descripción: se muestra como el usuario administrador o el estándar pueden

ingresar al sistema con su usuario y contraseña como se muestra en la figura 7.

Figura 7.- Diagrama para ingresar al sistema.

RF002.- Control de Usuarios.

Descripción.-se muestra como el administrador podrá registrar, actualizar, eliminar

la información para tenerla en orden y actualizada en el sistema (Figura 8).

Figura 8.- Control de usuarios.

Tesina


Página 46

RF003 Control de Captura de Homicidio

Descripción: El diagrama muestra al usuario administrador o estándar pueden

capturar, modificar un nuevo evento de homicidio como se observa en la figura 9.

Figura 9.- Diagrama de control de captura.

RF004 Generar reporte de homicidios

Descripción: El diagrama muestra que el usuario administrador o estándar pueden

generar, consultar reportes de homicidios ya sea, reporte para el jefe de área de

la PGJ, semanal o mensual como se ilustra en la figura 10.

Figura 10.- Caso de uso para generar los reportes.

Tesina


Página 47

4.4. Programación

El Lenguaje que se utilizó para el desarrollo del software o sistema es PHP,

JavaScript, HTML5, y estilos CSS.

Por medio de imágenes de captura de pantalla se explicará el código que se

implementó y el resultado obtenido. Se seguirá el mismo orden que se usó en los

diagramas de caso de uso que se mencionaron anteriormente en la parte de

análisis.


En la parte de análisis se explicó que hay dos tipos de usuarios que pueden

ingresar al sistema como lo son el administrador y el usuario estándar.

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 sesión como se muestra en el código 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="Constraseña"

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>

Código 1.1 Inicio de sesión.

Tesina


Página 48

En la figura 11 aparece el resultado obtenido al aplicar el código para poder iniciar

sesión.

Figura 11.- Imagen del resultado para la interfaz de sesión.

Se crean validaciones para poder distinguir que tipo de usuarios va a ingresar al

sistema con el código que se muestra en el siguiente código 1.2.

$link = mysql_connect ("localhost”,”root","");

mysql_select_db ("procu", $link);

$myusuario = mysql_query ("select usuario from usuarios where usuario =

‘".htmlentities ($_POST ["usuario"])."'", $link);

$nmyusuario = mysql_num_rows ( $myusuario);

If ($nmyusuario! = 0) {

$sql = "select usuario from usuarios where estado = 1 and usuario =

'".htmlentities ($_POST ["usuario"])."'

And pass = '".md5 (htmlentities ($_POST ["contra"]))."'";

$myclave = mysql_query ($sql, $link);

$nmyclave = mysql_num_rows ($myclave);

If ($nmyclave! = 0) {

Session start ();

$_SESSION ["autentica"] = "SIP";

$_SESSION ["usuarioactual"] = mysql_result ($myclave, 0, 0);

Header ("Location: principal.php");

}

Else {

Echo "<script>alert (‘CONSTRASEÑA NO ES CORRECTA') </script>“;

Tesina


Página 49

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

Código 1.2.- Validación de usuarios

RF002 Control de Usuarios

El caso de uso de control de usuarios muestra que podemos agregar, modificar o

eliminar y realiza 2 tipos de consultas a los usuarios registrados en el sistema. La

figura 12 muestra la interfaz de registro de usuarios.

Figura 12.- Interfaz del registro de usuarios.

Como se observa en la figura 12 por medio de la interfaz de registro de nuevo

usuario es posible agregar un nuevo usuario. Los datos solicitados son: Nombre,

apellido, usuario, contraseña, email y tipo de usuario. Una vez ya registrados los

campos puede ingresar al sistema.

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 código como lo muestra en el código 1.3.

Tesina


Página 50

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet"

type="text/css" />

<script src="js/bootstrap.min.js" type="text/JavaScript"></script>

<script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"

type="text/JavaScript"></script>

Código 1.3.- librerías de Boostrap que son importadas.

Para agregar al usuario al sistema se generó el siguiente código PHP que se

muestra en el código 1.4 donde lo primero que se realiza es la conexión al servidor

y base de datos, después se asignan las variables que se obtienen del formulario

por el método POST, después se crea la sentencia SQL la que es la encargada de

almacenar la información dentro de la base de datos.

<?php

Include ('conexion.php');

$nombre=$_POST ['nombre'];

$apellido=$_POST ['apellido'];

$usuario=$_POST ['usuario'];

$contra=$_POST ['contra'];

$email=$_POST ['email'];

$nombre=strtoupper($nombre);

$apellido=strtoupper($apellido);

mysql_query("SET NAMES 'utf8'");

$sql="INSERT INTO

usuarios(nombre,apellido,usuario,pass,email,estado)VALUES('$nombre','$apellido','$usua

rio',md5('$contra'),'$email','1')";

if (!mysql_query($sql,$con)){

die('Error: ' . mysql_error());

}else{

echo "<script>alert('USUARIO ALMACENADO CORRECTAMENTE')</script>" ;

echo"<script language='javascript'>window.location='index.html'</script>";

}

mysql_close($con);

?>

Código 1.4.- Funciones PHP para insertar los usuarios.

Tesina


Página 51

RF003.- Control de captura de homicidios

Este caso explica la captura de los homicidios en el cual se agrega la información

mencionada anteriormente en la sección de Base de datos. La información dentro

de este formulario está dividido en las secciones que son: información del Evento,

Información de la víctima, Presunto Responsable, información de los hechos,

datos policiacos y datos de agencia.

En la figura 13 muestra la interfaz Reporte de Homicidios con las secciones

empleadas dentro del reporte de homicidios que se muestran a continuación:

Información del evento.

Información de la víctima.

Información de los hechos policiacos.

Información de la agencia.

Información del presunto responsable.

Información policiaca.

Figura 13.- Secciones de la información necesaria para el reporte.

Tesina


Página 52

En la figura 14 se muestra la sección de información de evento con su respectivo

formulario el cual es largo, ya que la información que se maneja es demasiada, se

muestra solo un formulario.

Figura 14.- Formulario de la sección evento.

En este caso se muestra las acciones que podemos realizar en esta sección que

son agregar y modificar. Aquí en esta parte del sistema no se maneja la sección

eliminar debido a que una especificación del usuario fue no eliminar los reportes,

También 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 algún tipo de confusión 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 información, aquí mismo

se le da la opción de modificar algún reporte que este almacenado, dándole clic en

modificar como se muestra en la figura 15.

Tesina


Página 53

Figura 15.- Consulta General de reportes almacenados.

Es posible actualizar cualquier registro dándole clic en la opción Modificar, se

mandará el formulario de modificar con los datos de donde se presionó el

hipervínculo como lo muestra la figura 16.

Figura 16.-Interfaz de Modificar reportes.

Tesina


Página 54

Cuando se ingresó al área de modificar, el usuario podrá cambiar la datos de los

campos que requiera, también como seguridad y evitar errores se bloqueó

información que son fijos para que no sean modificables, después de haber

almacenado lo necesario solo se le da clic al botón actualizar.

Para modificar algún registro de homicidio que se haya dado de alta en el

sistema, tenemos que implementar el siguiente código PHP, se muestra una parte

del código utilizado (ver código 1.5), el cual consta de los siguientes pasos:

1. Se realiza la conexión 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.

Header ('Content-Type: text/html; charset=UTF-8');

Echo"<center><h3>INFORMACION DE HOMICIDIOS</h3></center>";

$folio_evento=$_POST ['folio_evento'];

$fecha_alta=$_POST ['fecha_alta'];

$fecha_evento=$_POST ['fecha_evento'];

$hora_evento=$_POST ['hora_evento'];

$datos = explode ("-", $_POST ['fecha_evento']);

$entidad_federativa="TAMAUILPAS";

$anio_evento=$datos [0];

$mes_evento_obtenido=$datos [1];

$Municipio_delegacion=$_POST ['Municipio_delegacion'];

$entidad_federativa=strtoupper ($entidad_federativa);

$poblado_ciudad=strtoupper ($_POST ['poblado_ciudad']);

$colonia_carretera=strtoupper ($_POST ['colonia_carretera']);

$calle_tramo=strtoupper ($_POST ['calle_tramo']);

$Lugar_comision_delito=strtoupper ($_POST ['Lugar_comision_delito']);

$violencia_noviolencia=strtoupper ($_POST ['violencia_noviolencia']);

$homicidio_VinculadoCO=strtoupper ($_POST ['homicidio_VinculadoCO']);

$movil=strtoupper($_POST['movil']);

$agencia=strtoupper( $_POST['agencia']);

$acta_circunstanciada=$_POST ['acta_circunstanciada'];

$contabilizar_ap=strtoupper ($_POST['contabilizar_ap']);

$contabilizar_colaboraciones=strtoupper($_POST['contabilizar_colaboraciones']);

Tesina


Página 55

$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]'";

Código 1.5.- Consulta PHP para modificar un registro de homicidio.

Algo que también se implementó en el sistema fue el agregar Agencias, esto

servirá para que el usuario ingrese la información de las agencias del estado,

donde se le pide el nombre, dirección y municipio, este campo es uno de los

importantes en el formulario de registro de homicidios, en la figura 17 se muestra

el formulario de agencias.

Figura 17.-Formulario para almacenar una agencia.

Tesina


Página 56

Al almacenar una agencia en la base de datos, se redirigirá a una consulta general

donde se muestran todas las agencias de la base de datos almacenadas todos

con su opción de modificar y eliminar, donde cada una realiza su función

correspondiente como lo ilustra la figura 18.

Figura 18.-Consulta general de agencias.

Cuando el usuario almacena la agencia, él ya puede dirigirse al formulario de

homicidio y en la parte donde se pide el dato de la agencia que corresponde,

aparecerán todas las que han sido almacenadas en el sistema como se ve en la

figura 19.

Figura 19.- Campo con las agencias cargadas de la base de datos.

Tesina


Página 57

RF004 Generar reporte de homicidios

En esta sección 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.

Reporte para el jefe de departamento.

Para crear el reporte en Excel, se utilizó una librería llamada phpExcel la cual

permite leer y manipular el contenido de una hoja de cálculo hecha con Microsoft

Excel.

Para crear el reporte se necesitó importar la librería PhpExcel.Php a nuestro

archivo y la zona horaria deseada como lo muestro en el código 1.6.

Header ("Content-Type: text/html;charset=utf-8");

date_default_timezone_set('America/Monterrey');

require_once "PHPExcel.php";

Código 1.6. - Función para importar los objetos de la librería.

El código 1.7 muestra cómo 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 conexión 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 ("");

Código 1.7.- Propiedades del archivo Excel.

Tesina


Página 58

El código 1.8 muestra como se crean las propiedades de acuerdo al diseño de la

hoja de estilo como lo son el tamaño y fuente de la letra, la especificación de

bordes y combinación de celdas, alineación de las mismas todo esto con una

función de la librería la cual solo pide los rangos de celdas.

$objPHPExcel->getDefaultStyle () ->getFont()->setName('Arial ');

$objPHPExcel->getDefaultStyle () ->getFont()->setSize(9);//zoom

$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);

$objPHPExcel->getActiveSheet () ->getStyle("E4:E200")->getFont()->setSize(8);

Código 1.8.- Propiedades de las celdas.

En el reporte se agregaron logos de gobierno del estado y el de la procuraduría

general de justicia, esto mediante un objeto que se importa de la función

PHPExcel_Worksheet_Drawing (), donde las propiedades que se ingresan son el

título, una descripción, la ruta donde se encuentra, el tamaño, la coordenada y por

último se aplica en la hoja de estilo como se muestra en el código 1.9.

$objDrawing = new PHPExcel_Worksheet_Drawing();

$objDrawing->setName('PHPExcel logo');

$objDrawing->setDescription('PHPExcel logo');

$objDrawing->setPath('./img/logo-pgj.JPG');

$objDrawing->setHeight(48);

$objDrawing->setCoordinates('A1');

$objDrawing->setOffsetX(48);

$objDrawing->setWorksheet($objPHPExcel->getActiveSheet());

Código 1.9- Propiedades para agregar una imagen en archivo Excel.

Tesina


Página 59

Se asigna el valor al tamaño de las columnas, todo esto mediante objetos que se

obtienen de la librería. Para esto se usó la función getColumnDimension('M') y

setWidth(20), las cuales reciben como parámetros la columna donde se aplican

los cambios y el tamaño que desea obtener como se muestra en el código 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);

Código 1.10- Método para agregar tamaño a una columna.

El código 1.11 muestra la declaración de los estilos y los bordes, donde también

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'),

)

),

);

Código 1.11- Estilos y bordes de la hoja de cálculo.

Tesina


Página 60

Reporte General:

En este reporte el usuario podrá generar como su nombre lo dice un reporte donde

viene toda la información de los homicidios de un mes en específico.

En la figura 20 se muestra el diseño de la interfaz para poder generar el reporte el

cual solo te pide el mes y año del que quiere ver los sucesos que sucedieron

dentro de esta fecha.

Figura 20.- Formulario para generar reporte General.

Las propiedades son creadas de acuerdo al diseño de la hoja de estilo como lo

son el tamaño y fuente de la letra, la especificación de bordes y combinación de

celdas, alineación de las mismas todo esto con una función de la librería la cual

solo te pide los rangos de celdas (Ver código 1.12).

$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);

Código 1.12.- Propiedades de las celdas.

Tesina


Página 61

La cabecera es creada y la cual contiene el nombre de cada uno de los campos

que se obtienen en la base de datos, donde se ingresa la coordenada de la celda

y el nombre como lo muestra el siguiente código.

->setCellValue("C2", 'LISTADO GENERAL DE HOMICIDIOS DOLOSOS EN EL ESTADO')

->setCellValue("C3", 'DEL MES DE '.$mes_obtenido2." DEL ".$anio_obtenido )

->setCellValue("A".$y, 'FOLIO DEL EVENTO')

->setCellValue("B".$y, 'FECHA DE ALTA DEL EVENTO')

->setCellValue("C".$y, 'FECHA DEL EVENTO')

->setCellValue("D".$y, 'HORA DE EVENTO (COMISION DEL DELITO)')

->setCellValue("E".$y, 'MES DEL EVENTO (LOS CONTAMOS EN ESTE MES)')

->setCellValue("F".$y, 'AÑO DEL EVENTO')

->setCellValue("G".$y, 'ENTIDAD FEDERATIVA')

->setCellValue("H".$y, 'MUNICPIO / DELEGACION')

->setCellValue("I".$y, 'POBLADO / CIUDAD')

->setCellValue("J".$y, 'COLONIA / CARRETERA')

->setCellValue("K".$y, 'CALLES / TRAMO CARRETERO')

->setCellValue("L".$y, 'LUGAR DE COMISIÓN DEL DELITO')

->setCellValue("M".$y, 'CON VIOLENCIA / SIN VIOLENCIA')

->setCellValue("N".$y, 'HOMICIDIO PRESUNTAMENTE VINCULADO A LA

DELINCUENCIA ORGANIZADA')

->setCellValue("O".$y, 'MOVIL')

->setCellValue("P".$y, 'NOMBRE DE LA VICTIMA')

->setCellValue("Q".$y, 'SEXO DE LA VICTIMA')

->setCellValue("R".$y, 'ALIAS DE LA VICTIMA')

->setCellValue("S".$y, 'EDAD ')

->setCellValue("T".$y, 'OCUPACION ')

->setCellValue("U".$y, 'ESTADO CIVIL ')

->setCellValue("V".$y, 'NACIONALIDAD')

->setCellValue("W".$y, 'PERTENECIENTE A LA ORGANIZACIÓN DELICTIVA')

Código 1.13.- Cabecera para los campos de la hoja de estilo

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

Código 1.14.- Consulta SQL para obtener los datos.

Tesina


Página 62

Cuando se obtuvo los resultados de la consulta mediante un ciclo while se asignan

los valores dentro de cada campo correspondiente con la función setCellValue que

recibirá como parámetro la celda y el valor que será recibido, que en este caso

será la información que se obtuvo de la consulta como se puede ver en el código

1.15.

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'])

Código 1.15.- Asignando los valores a cada celda correspondiente.

Ya por último se crean las propiedades para guardar el archivo con extensión xls y

la propiedad de salida como se muestra en el código 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');

Código 1.16. - Propiedades para que se guarde la hoja de cálculo.

Tesina


Página 63

Reporte Principal

En este reporte el usuario podrá generar reportes por rangos de fecha donde

viene toda la información de los homicidios de manera más resumida y solo con

información principal.


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.

Figura 21.- Interfaz del reporte principal.

La cabecera es agregada y en la cual se ingresan los nombres de los campos

específicos que se requieren, cada campo llevará una coordenada de celda y su

respectivo nombre como lo muestra en el código 1.17.

->setCellValue("C2", 'RELACIÓN DE HOMICIDIOS DOLOSOS EN EL ESTADO')

->setCellValue("C3", $Archivo )

->setCellValue("A".$y, 'FOLIO DEL EVENTO')

->setCellValue("B".$y, 'POBLADO / CIUDAD')

->setCellValue("C".$y, 'FECHA DEL EVENTO')

->setCellValue("D".$y, 'NOMBRE DE LA VICTIMA')

->setCellValue("E".$y, 'DESCRIPCIÓN DE HECHOS')

->setCellValue("F".$y, 'AGENCIA')

->setCellValue("G".$y, 'AVERIGUACION PREVIA')

->setCellValue("H".$y, 'FECHA DE INICIO DE AVERIGUACIÓN')

->setCellValue("I".$y, 'MODALIDAD')

->setCellValue("J".$y, 'TOTAL DE DOLOSOS')

Código 1.17.- Cabecera del reporte principal.

Tesina


Página 64

Por medio de la consulta SQL se le especifica que los datos deben estar en el

rango de las fechas ingresadas en el formulario, también se realizan las consultas

para poder contar los homicidios dependiendo de la modalidad que existen en este

caso son: doloso, común y enfrentamiento y un conteo general de los homicidios

dentro de las fechas indicadas como se muestra en el siguiente código 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)

;


BETWEEN '$fecha_inicio' AND '$fecha_final' AND modalidad='EJECUCION'";


$rcount3=mysql_result($consulta3,0);


BETWEEN '$fecha_inicio' AND '$fecha_final' AND modalidad='DOLOSO'";


$rcount4=mysql_result($consulta4,0);

Código 1.18.- Consultas SQL para obtener información del evento.

Por último se imprimen en celdas los valores obtenidos de las consultas los cuales

se ponen en una coordenada en específico y con su respectivo valor como se ve

en el código 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'])

Código 1.19.- Imprimiendo los valores en las celdas en el archivo Excel.

Tesina


Página 65

Reporte Para Jefe de Departamento

En este reporte el usuario podrá generar reportes por rangos de fecha donde

viene toda la información de los homicidios por municipio, en el cual muestra el

homicidio, el conteo por el tipo de homicidio, su averiguación y el total de

homicidios.


cual te pide una fecha inicial y una fecha final para manejar el rango y que muestre

los conteos de los homicidios en los municipios y la cantidad total.

Figura 22.- Interfaz de reporte para el jefe de departamento.

Como se mencionó anteriormente en los otros reportes se manejan las mismas

propiedades, y el mismo proceso para crear el reporte para el jefe de

departamento de sistemas, cuando se tiene el proceso ya codificado y con los

datos necesarios se podrá crear el reporte el cual contiene estadísticas divididas

por municipios, y con sus respectivos conteos de homicidios.

Tesina


Página 66

En la figura 23 se muestra cómo será creado el reporte después de haber

ingresado las fechas indicadas y el cual se generará automáticamente.

Figura 23.- Ejemplo de Reporte Generado.

Tesina


Página 67

Consultas Por Filtro

En esta sección del sistema se realizan diferentes tipos de consultas, las cuales

son para facilitar al usuario en la búsqueda de información que se requiera en

cierto momento, esto quiere decir que cuando el usuario le sea necesario buscar

un dato en específico con estas consultas se le evita estar revisando los

documentos de Excel y así acelerar procesos y evitar la pérdida de tiempo en este

tipo de cosas.

En la figura 24 se muestra la interfaz para realizar una consulta por fecha, en la

cual se hace una búsqueda general de los homicidios que pasaron en una fecha

específica.

Figura 24.- Interfaz de la consulta por fecha.

En el código 1.20 se aplica el siguiente código PHP para mostrar en la tabla el

resultado de la Figura 24. La secuencia de actividades es la siguiente:

1. Se crea la conexión con la base de datos.

2. En la variable $fechainicio se asigna el valor del campo de texto, se crea la

sentencia SQL Select la cual busca en la base de datos algún registro con esa

misma serie del CPU ingresada en el campo de texto.

3. Muestra el resultado en la tabla.

Tesina


Página 68

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>";

Código 1.20.- Código 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 diseño y tenga una vista agradable.

Figura 25.- Interfaz de consulta por filtro

Tesina


Página 69

La consulta por municipio se encarga de mostrar al usuario la cantidad de

homicidios dentro de un rango de fecha indicado y de un municipio en específico,

con esta consulta se facilita la búsqueda de homicidios de un municipio en

específico y así ahorrar tiempo de búsqueda.

En la figura 26 se muestra el formulario que necesita llenar el usuario para poder

crear la consulta.

Figura 26.- Interfaz de consulta por municipio.

En la figura 27 aparece el resultado obtenido de los datos ingresados en el

formulario (Ver figura 26), los cuales los obtiene de la base datos y los muestra

dentro de una tabla.

Figura 27.- Tabla con resultados obtenidos.

Tesina


Página 70

4.5. Implantación y Pruebas del sistema

Se realizaron varias pruebas al sistema con datos ficticios para que al momento de

entregarlo al área de informática no vaya a contener algún error de programación

y puedan utilizarlo al 100% los usuarios. Se instalará de manera local el sistema

para después migrar a un servidor web que brinda la procuraduría general de

justicia para que ellos puedan ingresar desde cualquier equipo de cómputo o

dispositivo en cualquier lugar, lo único que necesitará es tener NET para poder

entrar.

Para la instalación del sistema en la red local se instaló en un equipo Dell y el cual

se mencionan sus requerimientos de hardware:

Marca :Dell

Categoría :PC

Sistema Operativo Windows 7

Disco Duro 200GB a 300GB

Procesadores Intel Core i5

Memoria RAM4 GB

Los presentes son los requerimientos mínimos recomendados, tanto para

servidores como para estaciones de trabajo.

Equipo Servidor

Procesador Core Dúo 3 GHz Memoria RAM 2 GB. La cantidad de memoria RAM varía según la cantidad

de usuarios Web, así como de la cantidad de tareas extras que ejecute el servidor.

Disco Duro DD con 80 Gb LIBRES para datos.

Requerimientos de Software

Equipo Servidor

Sistemas Operativos

Sistema Operativo Windows XP o superior WampServer Manejadores de Base de Datos MySQL Paquete de Aplicaciones

Tesina


Página 71

Ambas aplicaciones son opcionales si se desea visualizar los documentos en xls:

Open Office 3.6 Office 2003 o superior.

Pruebas del sistema.

En esta sección se hablará de lo que abarca un sistema de pruebas y se

explicarán las pruebas aplicadas al sistema.

Un sistema de pruebas implica la operación o aplicación del mismo a través de

condiciones controladas y la consiguiente evaluación de la información.

Para la planeación de pruebas, se integraron distintos tipos de pruebas que se

explicarán a continuación:

Pruebas de caja Negra: el resultado que se obtuvo dentro de la prueba, fue que

los requerimientos que se habían obtenido en la etapa de análisis y en la

recaudación de información 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.

Pruebas de Contenido: en esta prueba como su nombre lo dice, se buscó que el

contenido que el sistema manejaba fuera claro para el usuario. Después de que el

usuario usó el sistema se fueron realizando modificaciones en el contenido, el cual

le resultaba muy confuso al usuario y se adapto

Pruebas de Funcionalidad: En esta prueba se examinó si el sistema cubre las

necesidades de funcionamiento, acorde a las especificaciones de diseño, se

verificó que el sistema lleva a cabo correctamente todas las funciones requeridas.

El resultado obtenido dentro de esta prueba fue satisfactoria ya que el usuario

aprobó cada una de sus funciones y las cuales le parecían correctas por lo que no

se necesitó modificar algún funcionamiento del sistema.

Tesina


Página 72

Resultados de las Pruebas

Las pruebas se llevaron a cabo en el transcurso de una semana, al principio de

las cuales, se enviaron correos electrónicos con las instrucciones necesarias para

llevar a cabo las pruebas y con una explicación de las expectativas del proceso.

Después se recopiló la información obtenida y se realizaron las gráficas mostradas

de la figura 28 a la figura 30. Cabe destacar que cada una de estas fue evaluada

en la escala de 1 a 5 siendo “muy bajo” y 5 “muy alto”. Se realizaron las pruebas a

los usuarios del área de informática y que usaron el sistema fueron alrededor de

15 personas. En estas se calificaron los siguientes atributos

Amigable: La figura 28 se refiere a la facilidad de interacción del sistema con el

usuario sin tener que consultar un manual.

Figura 28.- Resultado de la interacción del usuario

Tesina


Página 73

Satisfacción: Es que tan a gusto se quedó el usuario con las tareas realizadas en

el sistema como lo muestra la figura 29.

Figura 29.- Resultado de la satisfacción del usuario.

Interfaz Gráfica: En la figura 30 muestra el resultado que el usuario tiene con la

navegación en el sistema gracias a la interfaz gráfica. Esto incluye las imágenes,

colores y posición de los elementos que conforman el sistema.

Figura 30.- Resultado de la interfaz gráfica para el usuario.

Tesina


Página 74

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 cómputo del usuario. Se les entregarán 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. Plan de Implantación y actualizaciones del sistema.

La implantación se planea realizar de acuerdo a la tabla 14 la cual muestra el

calendario para programar la instalación y así como actualizaciones que se

requieran dentro del sistema.

Tabla 14.- Calendario de implantación.

CALENDARIO

Fecha Objetivo Descripción

08/septiembre/2014 Entrega del sistema Instalar el sistema de manera local.

09/septiembre/2014 Pruebas El usuario realizara pruebas durante 1 mes.

11/septiembre/2014 Actualizar el sistema

Crear una nueva versión al sistema dependiendo de los cambios que se mencionen

13/septiembre/2014 Instalación Se reinstalará el sistema al área informática de manera local.

Tesina


Página 75

V. ANALISIS DE RESULTADOS En la presente sección se mostrarán ejemplos de ejecución del sistema

desarrollado. Asimismo se presentan algunas de las ventajas que el sistema

ofrece a sus usuarios

Lo que era antes un simple registro de homicidios y crear reportes manuales de

los homicidios del estado en archivos Excel , ahora es una sistema completo en el

cual está incluido todo y no es necesario tener toda esta información en tipo de

archivos con el riesgo de que sean eliminados o extraviados. En la figura 31

muestra un ejemplo de los reportes que realizaban.

Figura 31.- Registros en Excel Se mostrarán por medio de pantallas el resultado de los reportes generados que

se obtuvieron después de aplicar cada una de las fases de desarrollo de software.

En la Figura 32 se muestra el sistema en su interfaz principal, el cual contiene

todos los campos que se necesitan para crear los reportes de homicidios que

manejan. (Ver figura 31).

Tesina


Página 76

Figura 32.- Interfaz de homicidios del estado de Tamaulipas.

En la figura 33 se muestra el resultado obtenido después de ingresar la

información necesaria para generar el reporte general, el cual contiene toda la

información de los homicidios.

Figura 33.- Reporte General Generado.

Tesina


Página 77

En el reporte principal se crea mediante la información resumida de toda la

información ingresada, y la cual es generada en un archivo Excel como se

muestra en la figura 34.

Figura 34.- Reporte Principal.

El sistema que se desarrolló es eficiente ya que el mismo utiliza menos recursos

para lograr un objetivo, y optimiza el tiempo de procesos para la creación y

generación de reportes y consultas de información, al mismo tiempo es eficaz ya

que se lograron la mayoría de los objetivos que fueron planteados al principio del

proyecto.

El diseño de la interfaz de usuario del sistema hace la diferencia entre una

experiencia inteligente y amigable, y con esto un mejor uso y aceptabilidad del

usuario al mismo.

Tesina


Página 78

VI. CONCLUSIONES Ya es tan grande la importancia de contar hoy en día con la información para tener

optimizada la gestión administrativa de una empresa, universidad o área, que cada

vez se hace indispensable el diseño de sistemas o programas que faciliten dicha

administración.

Ver como una problemática se va desglosando para ser analizada, luego traducida

a un lenguaje de programación, 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 solución 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 informática permite capturar el reporte de

homicidio del estado y a partir de la captura poder generar los reportes

correspondientes en el formato Excel.

Actualmente el sistema web de captura y generador de reportes de homicidios se

encuentra en la fase de pruebas para el usuario, para que se vayan adecuando o

familiarizando con el entorno del mismo y así poder utilizarlo con facilidad e ir

conociendo toda sus funcionalidades.

El sistema está abierto a incorporar nuevos módulos, debido a la facilidad de

adaptación del sistema y a los requerimientos planteados en su momento, debe

adaptarse a la nueva dinámica del proceso y el sistema está capacitado para

aceptar estos planteamientos.

Tesina


Página 79

Como experiencia personal, el presente proyecto ha permitido adquirir

conocimientos más extensos del ciclo de vida del software así como las fases de

desarrollo, teniendo así mejor experiencia en esta área para futuros proyectos de

desarrollo de sistemas.

Finalmente es recomendable establecer un esquema de seguridad en la base de

datos y el manejo de los usuarios para que en un futuro no se perjudique toda la

información referente a usuarios e información del sistema que se ha sido

almacenada.

Con esto concluye el reporte de la estadía de 16 semanas establecido en el

programa académico de la carrera de Ing. Tecnologías de la Información de la

Universidad Politécnica de Victoria, logrando todas las metas establecidas desde

los primeros días que se empezó a trabajar en el proyecto y así poder concluir con

mis estudios a nivel licenciatura.

Tesina


Página 80

VII. BIBLIOGRAFIA [1] Ecu Red, “Aplicación Web.” http://www.ecured.cu/index.php/Aplicaci%C3%B3n_web#Estructura_de_las_aplicaciones_web, consultado el 1 de Julio del 2014 [2] Alegsa, “Información sobre aplicación web.” http://www.alegsa.com.ar/Dic/aplicacion%20web.php, consultado el 1 de Julio del 2014 [3] Reingsys, “Tecnologías de Información (TI).” http://www.reingsys.com.ve/portal/index.php?option=com_content&view=article&id=44:tecnologiadelainformacion&catid=1:latest-news, consultado el 1 de Julio del 2014 [4] Informática Aplicada, Vinicio Betancourt 2012 “Sistemas de Información.”

http://irfeyal.wordpress.com/investigaciones/sistemas-de-informacion/

highered.mcgraw-hill.com/sites/dl/free/.../70189/CapituloMuestra.pdf,consultado el

1 de Julio del 2014

[5] INGENIERIA DEL SOFTWARE, Séptima edición Ian Sommerville PEARSON

EDUCACION, S.A. MADRID, 2005 ISBN: 84-7829-075-5.

[6] Alejandro Peña Ayala, “Ingeniería de Software: Una Guía para Crear Sistemas de Información.” http://www.wolnm.org/apa/articulos/Ingenieria_Software.pdf, consultado el 1 de Julio del 2014

[7] Grupo EIDOS 2000 “Lenguaje de HTML” www.LaLibreriaDigital.com,

consultado el 1 de Julio del 2014

[8] CSS masadelante.com, http://www.masadelante.com/faqs/css, consultado el 1

de Julio del 2014

[9] Que es Boostrap.http://jorgelessin.com/que-es-bootstrap-y-como-funciona-en-

el-diseno-web/, consultado el 1 de Julio del 2014

http://www.lalibreriadigital.com/

http://www.masadelante.com/faqs/css

Tesina


Página 81

[10] Enrique González “¿Qué es php? ¿Para qué sirve php?”

http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=4

92:ique-es-php-y-ipara-que-sirve-un-potente-lenguaje-de-programacion-para-rear-

paginas-web-cu00803b&catid=70:tutorial-basico-programador-web-php-desde-

cero&Itemid=193, consultado el 1 de Julio del 2014

[11] DAMIÁN PÉREZ VALDÉS 3/Julio/2007 JavaScript.

http://www.maestrosdelweb.com/editorial/%C2%BFque-es-javascript/, consultado

el 1 de Julio del 2014

[12] Luis Alberto Casillas Santillán 24/Febrero/2012 “Base de Datos en MySQL.”

http://ocw.uoc.edu/computer-science-technology-and-multimedia/bases-de-

datos/bases-de-datos/P06_M2109_02151.pdf, consultado el 1 de Julio del 2014.

http://www.maestrosdelweb.com/editorial/%C2%BFque-es-javascript/

http://www.mailxmail.com/autor-hernan-alberto-silva-rodriguez

http://ocw.uoc.edu/computer-science-technology-and-multimedia/bases-de-datos/bases-de-datos/P06_M2109_02151.pdf

http://ocw.uoc.edu/computer-science-technology-and-multimedia/bases-de-datos/bases-de-datos/P06_M2109_02151.pdf

Tesina


Página 82

VIII. GLOSARIO

Caso de uso.- Descripción de los pasos o las actividades que deberán

realizarse para llevar a cabo algún proceso.

CSS.- Lenguaje de hojas de estilo utilizado para describir el aspecto y el

formato de un documento escrito en un lenguaje de marcas.

Excel.- Aplicación distribuida por Microsoft Office para hojas de cálculo.

Framework.- Esquema para el desarrollo y/o implementación de una

aplicación.

HTML.- Lenguaje de marcado para la elaboración de páginas web.

HTTPS.- Protocolo seguro de transferencia de hipertexto.

Login.- Control de acceso individual a un sistema informático.

Net.- Internet.

NFR.- Requerimientos no funcionales.

PHP.- Lenguaje de programación de uso general de código del lado del

servidor originalmente diseñado para el desarrollo web de contenido

dinámico.

PGJ.- Procuraduría General de Justicia

RF.- Requerimientos funcionales.

SGBD.- Sistema de gestión de base de datos.

SQL.- Lenguaje de consulta estructurado

Formato de Tesina

Documents

Transcript of Formato de Tesina