Jose Rafal Modesto Servin Memoria de Estadía

8/16/2019 Jose Rafal Modesto Servin Memoria de Estadía

1/58

COORDINACION GENERAL DE UNIVERSIDADESTECNOLOGICAS

Universidad Tecnológica de Tehuacán

PROGRAMA EDUCATIVO EN

TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

ÁREA SISTEMAS INFORMÁTICOS

SISTEMA WEB DE CONTROL DE INVENTARIOS PARA ACTIVO FIJO

José Rafael Modesto Servin

MEMORIA DE ESTADÍA

PRESENTADA COMO REQUISITO PARCIAL PARA OBTENER ELGRADO DE:

Técnico Superior Universitario enTecnologías de la Información y Comunicación

Área Sistemas Informáticos

Tehuacán, Puebla. 28 de Agosto de 2015


2/58

A mi yo de ayer


3/58


4/58

Índice

ÍNDICE ................................................................................................................................................ 4 CAPÍTULO I INTRODUCCIÓN ........................................................................................................... 5

1.1 Resumen. .................................................................................................................................. 8 1.2 Abstract. .................................................................................................................................... 9 1.3 Planteamiento del problema.................................................................................................... 10 1.4 Justificación. ............................................................................................................................ 10 1.5 Objetivos.................................................................................................................................. 10

1.5.1 Objetivo General. ............................................................................................................. 10 1.5.2 Objetivos específicos. ...................................................................................................... 10

CAPÍTULO II MARCO HISTÓRICO ................................................................................................. 11

2.1 Antecedentes históricos. ......................................................................................................... 12 2.1.1 Datos históricos. ............................................................................................................... 13 2.1.2 Misión. .............................................................................................................................. 14 2.1.3 Visión. ............................................................................................................................... 14 2.1.4 Políticas de calidad. ......................................................................................................... 14 2.1.5 Valores. ............................................................................................................................ 14 2.1.6 Principales áreas de la empresa. ..................................................................................... 15 2.1.7 Descripción del área de realización de estadía. .............................................................. 16 2.1.8 Organigrama..................................................................................................................... 17

CAPÍTULO III MARCO TEÓRICO .................................................................................................... 18

3.1 Sistema Web. .......................................................................................................................... 19 3.2 Open source. ........................................................................................................................... 19

3.4 MVC. ........................................................................................................................................ 19 3.5 PHP. ........................................................................................................................................ 19 3.6 Html5. ...................................................................................................................................... 19 3.7 Css3. ....................................................................................................................................... 20 3.8 JavaScript. ............................................................................................................................... 20 3.9 JQuery. .................................................................................................................................... 20 3.10 Ajax. ....................................................................................................................................... 20 3.11 Tecnología responsive Web design. ..................................................................................... 20 3.12 Servidor apache. ................................................................................................................... 20 3.13 Xampp. .................................................................................................................................. 21 3.14 Gestor de base de datos. ...................................................................................................... 21 3.15 MySQL. .................................................................................................................................. 21

3.16 Bootstrap. .............................................................................................................................. 21 CAPÍTULO IV METODOLOGÍA ....................................................................................................... 22

4.1 Descripción de actividades...................................................................................................... 23 4.2 Planeación. .............................................................................................................................. 25 4.3 Implementación. ...................................................................................................................... 28

4.3.1 Análisis. ............................................................................................................................ 28 4.3.2 Diseño. ............................................................................................................................. 30

4.3.2.1 Maquetado de bajo nivel. ......................................................................................................... 30


5/58


6/58

Maquetado Alta departamentos ....................................................................................... 33Maquetado Alta proveedores ........................................................................................... 33Maquetado Alta resguardatarios ...................................................................................... 34Maquetado Generar expedientes ..................................................................................... 34Maquetado Generar movimientos .................................................................................... 35Maquetado Generar transferencias .................................................................................. 35Maquetado Movimiento mantenimiento............................................................................ 36Maquetado Generar reportes ........................................................................................... 36Maquetado Inventario artículos ........................................................................................ 37Maquetado Reporte expedientes ..................................................................................... 37Maquetado Reporte mantenimiento ................................................................................. 38Interface Index ................................................................................................................. 38Interface Boton iniciar sesión ........................................................................................... 39Interface Inicio ................................................................................................................. 39Interface Artículos resguardo ........................................................................................... 39Interface Artículos mantenimiento .................................................................................... 39Interface Artículos baja .................................................................................................... 40

Interface Artículos notificados .......................................................................................... 40Interface Catálogo artículos ............................................................................................. 40Interface Generar expediente .......................................................................................... 41Interface Agregar usuario ................................................................................................ 41Interface Agregar artículo ................................................................................................ 42Interface Catálogo resguardatarios .................................................................................. 42Interface Reporte expedientes ......................................................................................... 43Interface Descargar excel ................................................................................................ 43Diagrama entidad - relación ............................................................................................. 44Diagrama relacional ......................................................................................................... 44Login error ....................................................................................................................... 54

Página de login ................................................................................................................ 56Página vista información rápida ....................................................................................... 56

http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744483http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744492http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744494http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744495http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744496http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744497http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744497http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744496http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744495http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744494http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744492http://c/Users/Jos%C3%A9Rafael/OneDrive/ESTADIAS%20MAYO%20-%20AGOSTO/TESINA_2015.09.04/JOSE%20RAFAL%20MODESTO%20SERVIN%20TESINA%20VERSION%202.docx%23_Toc449744483


7/58

CAPÍTULO I

INTRODUCCIÓN


8/58


9/58

9

1.2 Abstract.

The institution where the project was carried out, was at the General Hospital of

Tehuacán, located at 19 Poniente 3800, "Ex-Hacienda El Riego Mexico", Tehuacán,

Puebla.

In the warehouse department a web system inventory control for assets that are

supplied by the institution was developed.

A system was used previously which was very difficult to use to manage items, the

system caused a waste of time when the physical inventory was carried out. The

web system inventory control was developed on a Web platform, different type of

users were assigned to the system to manage system operations.

The administrator module was assigned to the department manager, which performs

the movements of registration and allocation of items and other operations.

The maintenance module was assigned to the maintenance department manager to

control the items that are sent to be repaired.

The required reports were also generated through the system as well as adding an

image to help to identify an item.

The system was developed by programming languages, such as HTML, JavaScript,

PHP, among others, and as MySQL was used to manage the database.

Using the Web system were optimized the processes that are performed in the

warehouse department


10/58

10

1.3 Planteamiento del problema.

El Hospital General de Tehuacán cuenta con un departamento de almacén en el

cual se llevan a cabo dichas tareas para proporcionar los activos fijos que son

distribuidos en toda la institución, para ello se requiere de un llenado de documentos

con el listado de los artículos que son asignados y las firmas de los responables

quienes son quienes quedan como resguardatarios y encargados del departamento

donde están siendo repartidos dichos artículos.

Para el control de los activos fijos, anteriormente ocupaban un software llamado

Aspel sae, muy utilizado por muchas empresas; dicho software requiere de claves

de activaciones para poder ser utilizado en su totalidad, ya que el departamento no

contaba con dicha clave de licencia el contrato libre que fue adquirido caducó y nopudo hacerse más uso del mismo. Por lo que se vio la necesidad de realizar un

software dedicado a la administración de los activos fijos.

1.4 Justificación.

Se propone diseñar un sistema web que sirva para conectar a diferentes usuarios ypoder administrar la información de los activos fijos, no solo podrá llevar el conteode los artículos si no también la asignación de los artículos que se hagan a un

departamento asignado y un resguardatario asignado, con la finalidad de podergenerar reportes más sencillos de consultar que una simple lista de artículos.

1.5 Objetivos.

1.5.1 Objetivo General.Desarrollar un sistema web que permita controlar los expedientes y listas de bienesque son llenados a mano por el administrador de almacén, que se adapte a lasnecesidades específicas del departamento y optimizar el proceso de gestión.

1.5.2 Objetivos específicos.

Informar al administrador de almacén el stock máximo y mínimo de losartículos. Generar ficheros en formato Excel para registrar expedientes. Generar ficheros en formato Excel para ralizar movimientos internos. Visualilzar información sobre los artículos. Visuaizar información detallada de los artículos asignados. Visualizar el estado y la información detalla de los artículos que causan

movimiento interno, asignados o bajas.


11/58

CAPÍTULO II

MARCO HISTÓRICO


12/58

12

2.1 Antecedentes históricos.

En el año de 1935 se crearon los centros de salud con camas dentro del programa

de salud rural. Un año después éstos funcionaban con presupuesto federal y de las

centrales campesinas.

En el año de 1954 se estableció el Programa de Bienestar Social Rural, el cuál

combinó la atención médica de Primer Nivel con actividades Hospitalarias.

En los 60`s y 70`s , se construyeron los primeros Centros de Salud con camas

denominado “Centro de Salud B con Hospitalización D”, funcionando principalmente

para satisfacer la demanda de partos, y algunas urgencias y consulta externa. Estas

unidades, fueron ubicadas principalmente en las cabeceras municipales y zonas

semi-urbanas.

En 1976 la entonces Secretaría de Salubridad y Asistencia inició actividades

tendientes a incrementar la cobertura de sus servicios, renovó amplió y construyó

Centros de Salud B con objeto de transformarlos en Hospitales Regionales como

apoyo a los Centros de Salud C que eran parte de la infraestructura de las unidades

de primer nivel para dar atención a la población abierta.

El modelo de atención a la salud para la población abierta en 1985, estableció la

topología de las unidades médicas en los tres niveles de atención.

Las diversas entidades en el País, mantenían las características hospitalarias de

éste tipo debido a la necesidad de ofertar servicios hospitalarios básicos a la

población. Estas unidades eran construcciones antiguas con deterioro de la


13/58

13

infraestructura con áreas poco funcionales y equipo e instrumental inadecuados e

insuficientes.

En relación a la plantilla no se contaba con la asignación de recursos humanos

específicos por no estar normado y no contar con presupuesto para la operación.

Los estudios realizados en 1991 demostraron que los Centros de Salud presentaban

de 1 a 32 camas, la atención se prestaba por pasantes de medicina y enfermería,

el porcentaje de ocupación era del 38% y de esta el 67% correspondió a partoseutócicos.

En 1993 se difundió a todas las entidades federativas el Manual de Organización

considerando a Unidades como Centros de Salud con Hospitalización. En relación

con instrumental, equipo y plantilla de personal era deficiente, la problemática

planteada mostraba la necesidad de mejora y regular este tipo de unidades médicaspara poder mejorar la respuesta a la problemática de la salud y poder acercarla a la

población.

2.1.1 Datos históricos.El Hospital General de Tehuacán, es una unidad de segundo nivel de atención de

120 camas censables y 54 no censables.

Es inaugurado simbólicamente el 27 de abril de 1993 y es el 6 de julio del mismo

año se lleva a cabo la inauguración por el Presidente de la República Lic. Carlos

Salinas de Gortari.


14/58

14

2.1.2 Misión.Los Servicios de Salud del Estado de Puebla es un Organismo Público

Descentralizado del Gobierno del Estado que contribuye a mejorar la calidad de vida

de los poblanos, mediante la prestación de servicios de salud a la población, con

cobertura total, equidad, oportunidad y calidad científica, técnica y humana.

2.1.3 Visión.Los Servicios de Salud del Estado de Puebla realizan acciones de salud a la

población, con eficiencia operativa en sus procesos e impacto significativo en las

necesidades sociales de atención a la salud, así como con el reconocimiento y la

participación responsable de individuos, familias y comunidades.

2.1.4 Políticas de calidad.Nuestra política de calidad es garantizar a cada paciente de manera oportuna y con

alto grado de afectividad la atención específicamente indicada de acuerdo con su

enfermedad, con su medio familiar, social y con los avances de las ciencias de la

salud, utilizando los recursos apropiados con el nivel más bajo de lesiones o

incapacidades, para obtener la máxima satisfacción tanto del paciente como de

todas las personas o entidades que participen en el proceso de atención.

2.1.5 Valores.Universalidad

“Todos los mexicanos tenemos el derecho constitucional de proteger nuestra

salud, este precepto toma vigencia en el sistema de salud haciéndolo accesible a

quien lo solicite”.

Equidad

“Los poblanos son iguales ante la ley y deben tener las mismas oportunidades para

proteger su salud, independientemente de sus diferencias económicas, de opinión

política, género, religiosas, de preferencia étnica o preferencia sexual u otras”.


15/58

15

Calidad

“Un valor fundamental del sistema de salud es responder a las necesidades y

expectativas de los poblanos en materia de atención a la salud, otorgando un trato

digno, cálido y de alto nivel científico y tecnológico”.

Corresponsabilidad

“La salud es un bien público que tiene vigencia en el individuo, la familia y la

comunidad, por lo que protegerla, conservarla y recuperarla no es responsabilidad

exclusiva de las instituciones, sino corresponsabilidad de quienes integramos la

sociedad”.

Humanismo

“Cada persona es un ser humano único; por ello debe ser apoyada para que pueda

lograr su más amplio bienestar físico, mental y social. Ése es precisamente el valor

primordial del sistema de salud:

Lograr el desarrollo integral del ser humano y de sus comunidades”.

2.1.6 Principales áreas de la empresa.Dirección

1. Patronato

2. Asistentes de Dirección

3. Comités Técnicos

A) Subdirección Médica

a. Área Medicina Preventiva

b. Área de Cirugía General

c. Área de Ginecología/Obstetricia

d. Área de Medicina Interna

e. Área de Pediatría

f. Áreas Auxiliares de Diagnóstico y Tratamiento


16/58

16

i. Laboratorio Clínico

ii. Radiodiagnóstico

iii. Anatomía Patológica

iv. Anestesiología

v. Banco de Sangre

g. Áreas Paramédicos

i. Enfermería

ii. Registros Hospitalarios

iii. Farmacia

iv. Trabajo Social

v. Dietética

h. Departamento de Enseñanza e Investigación

B) Subdirección Administrativa

a. Área de Recursos Humanos

b. Área de Recursos Financieros

c. Área de Recursos Materiales

d. Área de Servicios Generalese. Área de Ingeniería y Mantenimiento

2.1.7 Descripción del área de realización de estadía.El área de Recursos y Materiales es donde se realiza la estadía esta área es

perteneciente a la subdirección Administrativa. En el área de Recursos y Materiales

se realizan las cotizaciones de los diferentes recursos o bienes que abastecen alHospital General.


17/58

17

2.1.8 Organigrama.

Ilustración 1 Organigrama de la institución


18/58

CAPÍTULO III

MARCO TEÓRICO


19/58

19

En el presente capítulo se describirán los términos necesarios para el entendimiento

y comprensión a lo largo del desarrollo del proyecto.

3.1 Sistema Web.

Es una aplicación a la que los usuarios tienen acceso a información y manipulación

de datos a través de un servidor alojado en una red de internet o local utilizando

protocolo HTTP. Lo cual permite acceder desde cualquier dispositivo que contenga

un navegador.

3.2 Open source.

Es aquel software disponible bajo licencia que permite su uso, modificación y

distribución. Esto permite estudiar el funcionamiento del programa y efectuarmodificaciones con el fin de mejorarlo y/o adaptarlo a algún propósito específico.

3.4 MVC.

Es un patrón de arquitectura de software que separa los datos de la lógica de

negocio de la interfaz con la finalidad de organizar el desarrollo de la programación

(código limpio). Un modelo, Varias vistas, Varios controladores.

3.5 PHP.

Es un lenguaje de programación orientado a objetos que se ejecuta del lado del

servidor su principal funcionamiento es gestionar la información que los usuarios

cliente requieran.

3.6 Html5.

Siglas de HyperText Markup Lenguage es un lenguaje de etiquetas interpretado por

los navegadores, el cual estructura y almacena la información que será mostrada

al usuario.


20/58

20

3.7 Css3.

Cascading Style Sheets significa hojas de estilo en cascada, es un lenguaje que

aplica uno varios estilos de diseño para definir la presentación de HTML.

3.8 JavaScript.

Es un lenguaje de programación orientado a objetos que interactúa (del lado del

cliente) dinámicamente con el contenido de un navegador (etiquetas HTML).

3.9 JQuery.

Es una biblioteca, o conjunto de complementos útiles para el lenguaje de

programación JavaScript. Ofrece una serie de funcionalidades basadas en

JavaScript que de otra manera requerirían de mucho más código, es decir, con las

funciones propias de esta biblioteca se logran grandes resultados en menos tiempo

y espacio.

3.10 Ajax.

Es una técnica de desarrollo web para crear aplicaciones dinámicas, los usuarios

se mantienen en comunicación asíncrona con el servidor en segundo plano, de ésta

forma es posible alterar el contenido sin necesidad de recargar, mejorando lainteractividad, velocidad, usabilidad en las aplicaciones.

3.11 Tecnología responsive Web design.

Es una técnica de desarrollo y diseño web adaptando la apariencia a las diferentes

resoluciones de los dispositivos con el objetivo de mejorar la experiencia del usuario.

3.12 Servidor apache.

Es un servidor web HTTP de código abierto para la creación de páginas y servicios

web. Es un servidor multiplataforma, gratuito, muy robusto y que destaca por su

seguridad y rendimiento.


21/58


22/58

CAPÍTULO IV

METODOLOGÍA


23/58

4.1 Descripción de actividades.

Las actividades realizadas durante el proceso de estadía se presentan a continuación:

Tabla 1 APP

Nombre de tarea

APP

INICIO

Planteamiento del problema

PLANEACIÓN

Levantamiento de requerimientos

Entrevista

Análisis

Alcance

Wbs

Justificación

Objetivos

Objetivo general

Objetivo específico

Análisis de requerimientos

Requerimientos funcionales


24/58

24

Requerimientos no funcionales

Casos de uso

Templates

Project

EJECUCIÓN

Firmas

Presentación con la empresa

CIERRE

Cierre contractual

Cierre administrativo

DISEÑO

Maquetado de bajo nivel

Exposición de primera entrega

Maquetado de alto nivel

Diseño de la base de datos

Normalización de la base de datos

Diagrama entidad relacion de la base de datos

PROGRAMACÍON


25/58

25

Codificación

Compilación

Análisis de pruebas

Documentación de código

Diccionario de datos

TESTEO

Verificación y validación de datos

Inyecciones SQL

IMPLEMENTACIÓN

Configuración de servidor (creacion de usuario)

Manual de programador

Manual de usuario

Exposición de proyecto finalizado

4.2 Planeación.

Para el desarrollo del sistema web fue necesario realizar un análisis que permitieraacumular los requerimientos del departamento de almacén.

Una vez obtenida la principal problemática fue elaborado un plan de acción, es decir,

un cronograma de actividades el cual permitirá gestionar el avance del proyecto;

éste fue dividido en diferentes fases:


26/58


27/58

27

Ilustración 4 Project parte 3



28/58

28


4.3 Implementación.

4.3.1 Análisis.Para la realización del levantamiento de requerimientos las necesidades fueron

presentadas por el encargado de recursos materiales quien lleva la administración

del departamento de almacén, el cual expuso la problemática de no poder gestionar

la información capturada para el control de los activos fijos de la organización debidoa que el sistema anterior era incomprensible para los usuarios y no se adaptaba lo

suficiente a la información que controla la organización y la perdida de tiempo para

realizar los reportes que les solicita el gobierno del estado.

Posteriormente, después de haber expuesto el problema por parte del encargado

de recursos materiales se observaron los procesos dentro del departamento de

almacén, y asi identificar los movimientos generados por el almacenista.

Además de observar los procesos dentro del almacén también fue detectada la

intervención de un departamento diferente (Mantenimiento) donde los artículos que

se encuentran en la institución realizan un movimiento a mantenimiento en caso de


29/58

29

ser requerido y también es necesario llevar el control de los artículos que se

encuentran en este estado.

Tras haber realizado el levantamiento de requerimientos en el cual fueron

encontradas todas las necesidades para gestionar la información de los activos fijos,se realizó una junta con el encargado del departamento de sistemas y se llegó a un

acuerdo de que pudiera darse el uso a un servidor con el que cuenta la organización,

por lo tanto el desarrollo del sistema se realizaría en plataforma web y los usuarios

que requieran acceder al sistema se administrarían desde una terminal

independiente.

De esta manera se lograron obtener los siguientes requerimientos:

› Alta de activos fijos (ubicación y asignación).

› Baja de activos fijos (departamento de jurisdicción).

› Movimiento interno de activos fijos (dentro de la organización).

› Movimiento a mantenimiento.

› Captura de artículos en manteniento.

› Generar reportes de movimientos.

› Generar reportes de expedientes.

› Capturar fotografía (referencia de activo fijo).

› Gestion de catálogos.

› Consulta de movimientos.

› Consulta de expedientes generados.

› Administrador de acceso al sistema.


30/58

30

4.3.2 Diseño.Despues de haber realizado el análisis y el levantamiento de requerimientos se

realizó la propuesta del sistema web, pues la institución cuenta con un servidor porlo que se pretende que todos los usuarios tengan el acceso en cualquier momento

y por su comodidad desde cualquier dispositivo.

De esta manera el usuario podrá interpretar mejor el funcionamiento del sistema

web:

4.3.2.1 Maquetado de bajo nivel.

La primera fase de diseño es presentada con imágenes de las pantallas incluidas

las funciones básicas del sistema web.

Ilustración 7 Maquetado Index

Ésta es la pantalla principal conocida en un sistema web como la página “index.php”

en la que se presenta el logotipo de la institución y el nombre del sistema por así


31/58

31

decirlo y es muestra sobre las demás páginas por presentación, en la parte inferior

se muestra el menú al cual el usuario administrador de almacen tendrá acceso.

Ilustración 8 Maquetado Catálogo artículos

En el apartado de catálogo de artículos se pretende visualizar una sección en la

parte lateral izquierda que permita realizar un filtro de los artículos ya sea por marca,

categoría y el estado físico pues son uno de los datos por los cuales son

mayormente consultados.

En la parte central se visualiza una tabla que le permita al usuario datos principales

de los artículos.

Ilustración 9 Maquetado Catálogo resguardatarios

El catálogo de resguardatarios solo mostrará una tabla con los datos de los

reguardatarios y permitirá realizar búsquedas por nombre del resguardatario o el

puesto.


32/58

32

Ilustración 10 Maquetado Catálogo proveedores

El cátalogo de proveedores de igual manera permitirá visualizar la información en

forma de tabla.

Ilustración 11 Maquetado Alta artículos

Éste es el apartado de Alta de artículos, en el que se presenta un formulario para

que los campos sean rellenados por el usuario y posteriormente el artículo sea

guardado.


33/58

33

Ilustración 12 Maquetado Alta departamentos

El apartado de Alta de departamento muestra un pequeño formulario con

únicamente dos campos para ser añadido al catalogo de departamentos.

Ilustración 13 Maquetado Alta proveedores

El apartado de Alta de proveedor muestra un formulario donde deberán ser llenados

los datos solicitados para guardar al proveedor en el catálogo.


34/58

34

Ilustración 14 Maquetado Alta resguardatarios

El apartado de Alta de resguardatario solo guardará el nombre del Resguardatario

y el puesto, una vez introducidos los datos el Resguardatario se agrega al catálogo.

El apartado de Generar un expediente es la parte donde se realizará la asignación

de los artículos a un

departamento colocando a

un Resguardatario comoresponsable.

Al finalizar el llenado de los

datos la información será

recabada y en seguida será

entregado un fichero con

extensión .xls, dicho

formato mostrará el reporte

del expediente. Ilustración 15 Maquetado Generar expedientes


35/58

35

Ilustración 16 Maquetado Generar movimientos

El apartado de generar un Movimiento interno es para que los artículos asignados

dentro de la institución que pertenezcan a un departamento puedan ser reasignados

a un departamento diferente.

Ilustración 17 Maquetado Generar transferencias

El apartado de Generar transferencia es el momento en el que los artículos sean

destinados a ser dados de bajas.


36/58

36

Ilustración 18 Maquetado Movimiento mantenimiento

El apartado de Generar movimientos a mantenimiento permitirá agregar artículos

al departamento de mantenimiento.

Ilustración 19 Maquetado Generar reportes

Generar reportes permitirá consultar todos los movimientos realizados el

administrador, para ello se mostrarán varios tipos de reportes que pueden ser

generados dependiendo los resultados que se deseen obtener y serán visualizados

de la manera siguiente:


37/58

37

Ilustración 20 Maquetado Inventario artículos

Inventario de artículos mostrará a detalle el listado de todos los artículos que se

encuentren dentro de la institución resaltando las características más importantes

como lo es el nombre del artículo y el estado físico en el que se encuentra.

Ilustración 21 Maquetado Reporte expedientes

Expedientes en el se visualizarán el listado de los resguardatarios quienes son los

que se encuentran como responsables de los artículos y el nombre del

departamento en el que se encuentran reguardados dichos artículos.


38/58

38

Ilustración 22 Maquetado Reporte mantenimiento

Matenimiento permitirá visualizar el listado de los artículos que se encuentren en

estado de reparación resaltando el motivo que causa el movimiento.

4.3.2.2 Maquetado de alto nivel.

Al aceptar y finalizar la propuesta del sistema de manera gráfica se empezó el

maquetado de alto nivel, es decir, se definieron colores y estilos de diseño para

desarrollar el sistema web presentado a continuación.

Ilustración 23 Interface Index


39/58


40/58

40

El tercer recuadro nos mostrará los

artículos que han sido dados de

baja en el mes actual y ya no se

encuentran dentro de la institución

y es mostrado en color rojo.

El último recuadro mostrado en

color guinda nos mostrará todos los

artículos que han sido

diagnosticados por el departamento

de mantenimiento y por lo tanto

notifican que ya no tienen

reparación, por lo que deben ser

dados de baja por el administrador.

4.3.2.2.2 Catálogo de artículos.Se visualizan los artículos a manera de lista conteniendo información principal y

añadiendo la imagen del artículo.

Ilustración 30 Interface Catálogo artículos

Ilustración 28 Interface Artículos baja

Ilustración 29 Interface Artículos notificados


41/58

41

4.3.2.2.3 Generar un nuevo expediente.Como se muestra en la pantalla siguiente hace referencia a agregar artículos para

asignar nuevos artículos a un resguardatario y departamento.

Ilustración 31 Interface Generar expediente

4.3.2.2.4 Agregar usuarios al sistema.Los usuarios serán gestionados por un administrador de usuarios dependiente al

usuario administrador del sistema. Quien llevará el control del personal que le será

permitido el acceso al control del sistema web generando una contraseña y nombre

de usuario.

Ilustración 32 Interface Agregar usuario


42/58

42

4.3.2.2.5 Agregar un nuevo artículo al catálogo de artículos.Permite que el usuario puede agregar un nuevo artículo que no se encuentre dentro

del catálogo para ello nos dirigiremos al menú catalogo de artículos.

Ilustración 33 Interface Agregar artículo

4.3.2.2.6 Catálogo de resguardatarios.Muestra un listado de los resguardatarios con información principal, en el buscador

puede introducirse el nombre del resguardatario así como el nombre del

departamento e inmediatamente irá filtrando la búsqueda relacionada.

Ilustración 34 Interface Catálogo resguardatarios


43/58

43

4.3.2.2.7 Reporte de expedientes.Para consultar un expediente puede colocarse el nombre del resguardatario, folio o

el departamento y la búsqueda se realizará en automático, también muestra

información principal.

Para poder tener acceso a un reporte más detallado se dará click sobre la fila

deseada y mostrará la información como datos del resguardatario y departamento,

la fecha en que fue asignado el expediente y una lista con los artículos que

pertenecen a dicho expediente.

Ilustración 35 Interface Reporte expedientes

4.3.2.2.8 Generar expediente.Para generar un expediente nuevo es necesario que los catálogos de

resguardatarios, departamento y artículos allan sido llendados anteriormente paraagregarlos al expediente, de lo contrario no podrán asignarse a un departamento o

resguardatario el cual se desea.

Una vez introducidos el departamento, resguardatario y la lista de artículos que

serán asignados al nuevo expediente, se dará click en en generar y al finalizar se

descargará un archivo con extensión .xls.

Ilustración 36 Interface Descargar excel


44/58

44

4.3.2.3 Diseño de Base de datos.

4.3.2.3.1 Diagrama Entidad - relación.

Ilustración 37 Diagrama entidad - relación

4.3.2.3.2 Diagrama relacional.

Ilustración 38 Diagrama relacional


45/58


46/58

46

4.3.2.3.3.4 Artículos

4.3.2.3.3.5 Nota expedientes

4.3.2.3.3.6 Factura expedientes


47/58

47

4.3.2.3.3.7 Nota movimientos

4.3.2.3.3.8 Factura movimientos


48/58

48

4.3.3 Desarrollo.

4.3.3.1 Método iniciar sesión.

Autentifica al usuario consultando los datos de inicio de sesión recibiendo dos

parámetros, los cuales son nombre de usuario y contraseña, si se encuentra en la

base de datos será asignado una clave única que valida que es un usuario

autorizado para ingresar al sistema.

Los datos de entrada son inspeccionados para evitar código malicioso que pueda

afecatar el sistema de ésta manera se protege la privacidad de los datos.


49/58

49

4.3.3.2 Método Insertar artículos.

Permite leer los datos ingresados desde el formulario y posteriormente insertarlos a

la base de datos después de validarlos.

4.3.3.3 Método Consultar artículos.

La consulta de artículos se realiza según la información necesaria que se desee

mostrar en los reportes para uso especial del sistema.


50/58

50

4.3.3.4 Consulta reporte de expedientes.

Se muestra la información general de los reportes ya sea que se desee filtrar por

búsqueda de artículo por nombre o proveedor, también puede elegir o buscar por

tipo de departamento o nombre de quien está encargado de el departamento y listar

todos los artículos.


51/58

51

4.3.3.5 Método reporte de movimientos.

Las consultas generadas pueden mostrar información sobre todos los movimientos

que se generaron en el último periodo, igual que el reporte de expedientes puede

consultarse por nombre de articulo, departamento o resguardatario y listará todos

los artículos que realizaron movimiento y fecha en la que fué generada para tener

un mejor control.


52/58

52

4.3.3.6 Clase Modelo.php

Por último se muestran todos los métodos de la clase Modelo.php que son

necesarios para realizar las operaciones del sistema

4.3.4 Pruebas.

4.3.4.1 Cliente y servidor:

Para verificar la estabilidad del sitio fueron medidos los tiempos de respuesta al

cargar la página:


53/58

53

El tiempo de respuesta es un poco inestable dado a las conexiones internas dentro

de la institución, pero es suficiente para generar transacciones y no se verán

afectadas.

La memoria que ocupa en el dispositivo aumenta más de lo esperado pues los

recursos que se utilizan como imágenes y librerías externas tienen una capacidad

poco favorable.

4.3.4.2 Seguridad

En cuestión de seguridad de la información de los datos fueron ingresados códigos

maliciosos (SQL inyection) para tratar de obtener información del servidor y fueron

resueltos evitando todo tipo de entrada y cambiando caracteres especiales desde

código PHP y JAVASCRIPT.

4.4 Evaluación.

Al finalizar la parte de implementación se realizaron algunas pruebas de seguridad

que ya se mencionaron anteriormente, solucionándolas para hacer el sistema aún

más eficiente.

Se introdujeron más de quincemil registros en la base de datos para ver el

funcionamiento cargado con demasiada información por lo que el sistema no se vio

afectado.

Se configuró el servidor, ya que el Sistema Operativo que tiene instalado es Linux

Debian y los ajustes de alojamiento y permisos no permitían acceso a cualquier

terminal.


54/58

54

Dado a que el servidor lo requería se crearon cuentas de usuario en la Base de

datos para proteger la información y se agregaron usuarios y privilegios a ciertos

archivos y carpetas que son necesarias para el funcionamiento del sistema en red.

4.5 Validaciones.

Fueron realizadas validaciones de datos para evitar causar un error en el sistema,

por lo que, con ayuda de código JavaScript cada vez que son detectados caracteres

no permitidos en cada campo que deben introducirse muestra al usuario un mensaje

indicándole los caracteres permitidos, asi antes de enviarlo a la Base de Datos o

hacer uso de esa información se aseguran que los datos sean verídicos.

Tambien se validan los privilegios de los usuarios del sistema al ingresar, asignandouna clave única que le permitirá realizar operaciones específicas dependiendo al

tipo de usuario que accede al sistema y así evitar la malipulación de datos que no

corresponden a cualquiera de ellos, de esta manera se lleva una mejor

administración sobre los procesos.

Ilustración 39 Login error


55/58

CAPÍTULO V

RESULTADOS YDISCUSIÓN


56/58


57/58


58/58

Cabe mencionar que la carrera de TI tiene mucho que aportar a una empresa o

institución, incluso en la vida cotidiana de cada persona por lo que desarrollar

aplicaciones que mejoren la calidad de vida de los seres humanos e un trabajo muy

encantador y yo me siento orgulloso de hacerlo.

Éste proyecto finalizó con éxito quedando al agrado de todos los invoucrados, y

me gustó poder aportar un pedacito en el desarrollo de las TI en el Hospital

General de Tehuacán.

5.6 Trabajos citados

Århus. (2003). The Model-View-Controller (MVC ). Obtenido dehttp://heim.ifi.uio.no/~trygver/2003/javazone-jaoo/HM1A93.html

Fuentes, C. A. (2013). ¿Qué es jQuery? Nuevo León: Northware.

Marcotte, E. (25 de Mayo de 2010). Diseño Web Responsivo. Obtenido de http://xn--diseowebresponsive-q0b.org/?utm_source=redirects&utm_medium=dise%25C3%25B1owebresponsivo.com.ar&utm_campaign=301_Redirects

Masson. (s.f.). open source initiative. Obtenido de http://opensource.org/about

Rebolledo, J. (s.f.). Glosario de Base de datos. Obtenido dehttp://www.angelfire.com/ultra2/pecanpie/Bimestral/Glosario.htm

Reenskaug, T. (22 de Marzo de 1979). Xerox PARC 1979. Obtenido de Xerox PARC1979: http://folk.uio.no/trygver/1979/sysreq/SysReq.pdf

Regalut. (26 de Agosto de 2012). Desarrollo móvil multplataforma. Obtenido dehttp://desarrollomovilmultiplataforma.blogspot.mx/2012/08/aspectos-teoricos-framework.html

S.A., A. A. (2012). Abax Asesores. Obtenido dehttp://abaxasesores.com/codigoabierto

Stig Sæther Bakken, A. A. (08 de Julio de 2002). Manual PHP. Obtenido de

Copyright © 1997, 1998, 1999, 2000, 2001, 2002 por por el Grupo dedocumentación de PHP: http://www.opencontent.org/openpub/

Documents

Jose Rafal Modesto Servin Memoria de Estadía