COORDINACION GENERAL DE UNIVERSIDADES

TECNOLOGICAS
Universidad Tecnolgica de Tehuacn

PROGRAMA EDUCATIVO EN

TECNOLOGAS DE LA INFORMACIN Y COMUNICACIN

REA SISTEMAS INFORMTICOS

SISTEMA WEB DE CONTROL DE INVENTARIOS PARA ACTIVO FIJO

Jos Rafael Modesto Servin

MEMORIA DE ESTADA

PRESENTADA COMO REQUISITO PARCIAL PARA OBTENER EL

GRADO DE:

Tcnico Superior Universitario en

Tecnologas de la Informacin y Comunicacin
rea Sistemas Informticos

Tehuacn, Puebla. 28 de Agosto de 2015

A mi yo de ayer

ndice
NDICE ................................................................................................................................................ 4
CAPTULO I INTRODUCCIN ........................................................................................................... 5
1.1 Resumen. .................................................................................................................................. 8
1.2 Abstract. .................................................................................................................................... 9
1.3 Planteamiento del problema.................................................................................................... 10
1.4 Justificacin. ............................................................................................................................ 10
1.5 Objetivos.................................................................................................................................. 10
1.5.1 Objetivo General. ............................................................................................................. 10
1.5.2 Objetivos especficos. ...................................................................................................... 10
CAPTULO II MARCO HISTRICO ................................................................................................. 11
2.1 Antecedentes histricos. ......................................................................................................... 12
2.1.1 Datos histricos. ............................................................................................................... 13
2.1.2 Misin. .............................................................................................................................. 14
2.1.3 Visin. ............................................................................................................................... 14
2.1.4 Polticas de calidad. ......................................................................................................... 14
2.1.5 Valores. ............................................................................................................................ 14
2.1.6 Principales reas de la empresa. ..................................................................................... 15
2.1.7 Descripcin del rea de realizacin de estada. .............................................................. 16
2.1.8 Organigrama..................................................................................................................... 17
CAPTULO III MARCO TERICO .................................................................................................... 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 Tecnologa 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
CAPTULO IV METODOLOGA ....................................................................................................... 22
4.1 Descripcin de actividades...................................................................................................... 23
4.2 Planeacin. .............................................................................................................................. 25
4.3 Implementacin. ...................................................................................................................... 28
4.3.1 Anlisis. ............................................................................................................................ 28
4.3.2 Diseo. ............................................................................................................................. 30
4.3.2.1 Maquetado de bajo nivel. ......................................................................................................... 30

4.3.2.2 Maquetado de alto nivel. .......................................................................................................... 38

4.3.2.2.1 Login. ................................................................................................................................ 39
4.3.2.2.2 Catlogo de artculos. ....................................................................................................... 40
4.3.2.2.3 Generar un nuevo expediente. ......................................................................................... 41
4.3.2.2.4 Agregar usuarios al sistema. ............................................................................................ 41
4.3.2.2.5 Agregar un nuevo artculo al catlogo de artculos. .......................................................... 42
4.3.2.2.6 Catlogo de resguardatarios. ........................................................................................... 42
4.3.2.2.7 Reporte de expedientes. .................................................................................................. 43
4.3.2.2.8 Generar expediente. ......................................................................................................... 43
4.3.2.3 Diseo de Base de datos. ........................................................................................................ 44
4.3.2.3.1 Diagrama Entidad - relacin. ............................................................................................ 44
4.3.2.3.2 Diagrama relacional. ......................................................................................................... 44
4.3.2.3.3 Diccionario de datos: ........................................................................................................ 45
4.3.2.3.3.1 Resguardatarios ........................................................................................................ 45
4.3.2.3.3.2 Departamentos .......................................................................................................... 45
4.3.2.3.3.3 Proveedores .............................................................................................................. 45
4.3.2.3.3.4 Artculos .................................................................................................................... 46
4.3.2.3.3.5 Nota expedientes ...................................................................................................... 46
4.3.2.3.3.6 Factura expedientes .................................................................................................. 46
4.3.2.3.3.7 Nota movimientos ..................................................................................................... 47
4.3.2.3.3.8 Factura movimientos ................................................................................................. 47

4.3.3 Desarrollo. ........................................................................................................................ 48

4.3.3.1 Mtodo iniciar sesin. .............................................................................................................. 48
4.3.3.2 Mtodo Insertar artculos. ........................................................................................................ 49
4.3.3.3 Mtodo Consultar artculos. ..................................................................................................... 49
4.3.3.4 Consulta reporte de expedientes. ............................................................................................ 50
4.3.3.5 Mtodo reporte de movimientos............................................................................................... 51
4.3.3.6 Clase Modelo.php .................................................................................................................... 52

4.3.4 Pruebas. ........................................................................................................................... 52

4.3.4.1 Cliente y servidor: .................................................................................................................... 52
4.3.4.2 Seguridad ................................................................................................................................ 53

4.4 Evaluacin. .............................................................................................................................. 53

4.5 Validaciones. ........................................................................................................................... 54
CAPTULO V RESULTADOS Y DISCUSIN .................................................................................. 55
5.1 Resultados............................................................................................................................... 56
5.2 Discusin. ................................................................................................................................ 57
5.3 Conslusiones. .......................................................................................................................... 57
5.6 Trabajos citados ................................................................................................................... 58

Tablas e ilustraciones
Organigrama de la institucin .......................................................................................... 17
Project parte 1 ................................................................................................................. 26
Project parte 2 ................................................................................................................. 26
Project parte 3 ................................................................................................................. 27
Project parte 4 ................................................................................................................. 27
Project parte 5 ................................................................................................................. 28
Maquetado Index ............................................................................................................. 30
Maquetado Catlogo artculos ......................................................................................... 31
Maquetado Catlogo resguardatarios .............................................................................. 31
Maquetado Catlogo proveedores ................................................................................... 32
Maquetado Alta artculos ................................................................................................. 32

Maquetado Alta departamentos ....................................................................................... 33

Maquetado Alta proveedores ........................................................................................... 33
Maquetado Alta resguardatarios ...................................................................................... 34
Maquetado Generar expedientes ..................................................................................... 34
Maquetado Generar movimientos .................................................................................... 35
Maquetado Generar transferencias.................................................................................. 35
Maquetado Movimiento mantenimiento............................................................................ 36
Maquetado Generar reportes ........................................................................................... 36
Maquetado Inventario artculos ........................................................................................ 37
Maquetado Reporte expedientes ..................................................................................... 37
Maquetado Reporte mantenimiento ................................................................................. 38
Interface Index ................................................................................................................. 38
Interface Boton iniciar sesin ........................................................................................... 39
Interface Inicio ................................................................................................................. 39
Interface Artculos resguardo ........................................................................................... 39
Interface Artculos mantenimiento .................................................................................... 39
Interface Artculos baja .................................................................................................... 40
Interface Artculos notificados .......................................................................................... 40
Interface Catlogo artculos ............................................................................................. 40
Interface Generar expediente .......................................................................................... 41
Interface Agregar usuario ................................................................................................ 41
Interface Agregar artculo ................................................................................................ 42
Interface Catlogo resguardatarios .................................................................................. 42
Interface Reporte expedientes ......................................................................................... 43
Interface Descargar excel ................................................................................................ 43
Diagrama entidad - relacin ............................................................................................. 44
Diagrama relacional ......................................................................................................... 44
Login error ....................................................................................................................... 54
Pgina de login ................................................................................................................ 56
Pgina vista informacin rpida ....................................................................................... 56

CAPTULO I
INTRODUCCIN

1.1 Resumen.
La institucin donde se realiz la estada fue en Hospital General de Tehuacn
ubicada en 19 Poniente 3800, Ex-Hacienda el Riego Mxico, 75764 Tehuacn,
Puebla.
En el departamento de almacn se desarroll un sistema web control de inventario
para los activos fijos que son suministrados por la institucin.
Ya que anteriormente manejaban un sistema el cual les era muy difcil emplear para
la gestin de los artculos, provocando una prdida de tiempo a la hora de realizar
el inventario fsico de esta administracin.
El sistema fue desarrollado en plataforma web, al cual fueron asignados a diferentes
tipos de usuarios para el control del sistema. El mdulo administrador de almacn
fue asignado al encargado de almacn, el cual realiza los movimientos de registro
y asignacin de artculos y otras operaciones. El mdulo mantenimiento fue
asignado al encargado del departamento de mantenimiento para controlar los
artculos que son enviados a reparacin.
Los reportes necesarios tambin fueron generados a travs del sistema, adems de
agregar una imagen para ayudar a identificar algn artculo.
El sistema fue desarrollado por lenguajes de programacin HTML, JavaScript, PHP,
entre otros y como gestor de base de datos fue utilizado MySQL.
Con ayuda del sistema web control de activos fijos se logr optimizar los procesos
que se llevan a cabo dentro del departamento almacn.

1.2 Abstract.
The institution where the project was carried out, was at the General Hospital of
Tehuacn, located at 19 Poniente 3800, "Ex-Hacienda El Riego Mexico", Tehuacn,
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

1.3 Planteamiento del problema.

El Hospital General de Tehuacn cuenta con un departamento de almacn en el
cual se llevan a cabo dichas tareas para proporcionar los activos fijos que son
distribuidos en toda la institucin, para ello se requiere de un llenado de documentos
con el listado de los artculos que son asignados y las firmas de los responables
quienes son quienes quedan como resguardatarios y encargados del departamento
donde estn siendo repartidos dichos artculos.
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 no
pudo hacerse ms uso del mismo. Por lo que se vio la necesidad de realizar un
software dedicado a la administracin de los activos fijos.
1.4 Justificacin.
Se propone disear un sistema web que sirva para conectar a diferentes usuarios y
poder administrar la informacin de los activos fijos, no solo podr llevar el conteo
de los artculos si no tambin la asignacin de los artculos que se hagan a un
departamento asignado y un resguardatario asignado, con la finalidad de poder
generar reportes ms sencillos de consultar que una simple lista de artculos.
1.5 Objetivos.
1.5.1 Objetivo General.
Desarrollar un sistema web que permita controlar los expedientes y listas de bienes
que son llenados a mano por el administrador de almacn, que se adapte a las
necesidades especficas del departamento y optimizar el proceso de gestin.
1.5.2 Objetivos especficos.
Informar al administrador de almacn el stock mximo y mnimo de los
artculos.
Generar ficheros en formato Excel para registrar expedientes.
Generar ficheros en formato Excel para ralizar movimientos internos.
Visualilzar informacin sobre los artculos.
Visuaizar informacin detallada de los artculos asignados.
Visualizar el estado y la informacin detalla de los artculos que causan
movimiento interno, asignados o bajas.
10

CAPTULO II

MARCO HISTRICO

2.1 Antecedentes histricos.

En el ao de 1935 se crearon los centros de salud con camas dentro del programa
de salud rural. Un ao despus stos funcionaban con presupuesto federal y de las
centrales campesinas.

En el ao de 1954 se estableci el Programa de Bienestar Social Rural, el cul

combin la atencin mdica 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 Hospitalizacin 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 Secretara 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 atencin a la poblacin abierta.

El modelo de atencin a la salud para la poblacin abierta en 1985, estableci la

topologa de las unidades mdicas en los tres niveles de atencin.

Las diversas entidades en el Pas, mantenan las caractersticas hospitalarias de

ste tipo debido a la necesidad de ofertar servicios hospitalarios bsicos a la
poblacin. Estas unidades eran construcciones antiguas con deterioro de la
12

infraestructura con reas poco funcionales y equipo e instrumental inadecuados e

insuficientes.

En relacin a la plantilla no se contaba con la asignacin de recursos humanos

especficos por no estar normado y no contar con presupuesto para la operacin.

Los estudios realizados en 1991 demostraron que los Centros de Salud presentaban
de 1 a 32 camas, la atencin se prestaba por pasantes de medicina y enfermera,
el porcentaje de ocupacin era del 38% y de esta el 67% correspondi a partos
eutcicos.

En 1993 se difundi a todas las entidades federativas el Manual de Organizacin

considerando a Unidades como Centros de Salud con Hospitalizacin. En relacin
con instrumental, equipo y plantilla de personal era deficiente, la problemtica
planteada mostraba la necesidad de mejora y regular este tipo de unidades mdicas
para poder mejorar la respuesta a la problemtica de la salud y poder acercarla a la
poblacin.
2.1.1 Datos histricos.
El Hospital General de Tehuacn, es una unidad de segundo nivel de atencin de
120 camas censables y 54 no censables.

Es inaugurado simblicamente el 27 de abril de 1993 y es el 6 de julio del mismo

ao se lleva a cabo la inauguracin por el Presidente de la Repblica Lic. Carlos
Salinas de Gortari.

13

2.1.2 Misin.
Los Servicios de Salud del Estado de Puebla es un Organismo Pblico
Descentralizado del Gobierno del Estado que contribuye a mejorar la calidad de vida
de los poblanos, mediante la prestacin de servicios de salud a la poblacin, con
cobertura total, equidad, oportunidad y calidad cientfica, tcnica y humana.
2.1.3 Visin.
Los Servicios de Salud del Estado de Puebla realizan acciones de salud a la
poblacin, con eficiencia operativa en sus procesos e impacto significativo en las
necesidades sociales de atencin a la salud, as como con el reconocimiento y la
participacin responsable de individuos, familias y comunidades.
2.1.4 Polticas de calidad.
Nuestra poltica de calidad es garantizar a cada paciente de manera oportuna y con
alto grado de afectividad la atencin especficamente 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 ms bajo de lesiones o
incapacidades, para obtener la mxima satisfaccin tanto del paciente como de
todas las personas o entidades que participen en el proceso de atencin.
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 hacindolo 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 econmicas, de opinin
poltica, gnero, religiosas, de preferencia tnica o preferencia sexual u otras.

14

Calidad
Un valor fundamental del sistema de salud es responder a las necesidades y
expectativas de los poblanos en materia de atencin a la salud, otorgando un trato
digno, clido y de alto nivel cientfico y tecnolgico.
Corresponsabilidad
La salud es un bien pblico 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 ms amplio bienestar fsico, 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.
Direccin
1. Patronato
2. Asistentes de Direccin
3. Comits Tcnicos
A) Subdireccin Mdica
a. rea Medicina Preventiva
b. rea de Ciruga General
c. rea de Ginecologa/Obstetricia
d. rea de Medicina Interna
e. rea de Pediatra
f. reas Auxiliares de Diagnstico y Tratamiento
15

i. Laboratorio Clnico
ii. Radiodiagnstico
iii. Anatoma Patolgica
iv. Anestesiologa
v. Banco de Sangre
g. reas Paramdicos
i. Enfermera
ii. Registros Hospitalarios
iii. Farmacia
iv. Trabajo Social
v. Diettica
h. Departamento de Enseanza e Investigacin

B) Subdireccin Administrativa
a. rea de Recursos Humanos
b. rea de Recursos Financieros
c. rea de Recursos Materiales
d. rea de Servicios Generales
e. rea de Ingeniera y Mantenimiento

2.1.7 Descripcin del rea de realizacin de estada.

El rea de Recursos y Materiales es donde se realiza la estada esta rea es
perteneciente a la subdireccin Administrativa. En el rea de Recursos y Materiales
se realizan las cotizaciones de los diferentes recursos o bienes que abastecen al
Hospital General.

16

2.1.8 Organigrama.

Ilustracin 1 Organigrama de la institucin

17

CAPTULO III
MARCO TERICO

En el presente captulo se describirn los trminos necesarios para el entendimiento

y comprensin a lo largo del desarrollo del proyecto.
3.1 Sistema Web.
Es una aplicacin a la que los usuarios tienen acceso a informacin y manipulacin
de datos a travs 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, modificacin y
distribucin. Esto permite estudiar el funcionamiento del programa y efectuar
modificaciones con el fin de mejorarlo y/o adaptarlo a algn propsito especfico.
3.4 MVC.
Es un patrn de arquitectura de software que separa los datos de la lgica de
negocio de la interfaz con la finalidad de organizar el desarrollo de la programacin
(cdigo limpio). Un modelo, Varias vistas, Varios controladores.
3.5 PHP.
Es un lenguaje de programacin orientado a objetos que se ejecuta del lado del
servidor su principal funcionamiento es gestionar la informacin 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 informacin que ser mostrada

al usuario.

19

3.7 Css3.
Cascading Style Sheets significa hojas de estilo en cascada, es un lenguaje que
aplica uno varios estilos de diseo para definir la presentacin de HTML.
3.8 JavaScript.
Es un lenguaje de programacin orientado a objetos que interacta (del lado del
cliente) dinmicamente con el contenido de un navegador (etiquetas HTML).
3.9 JQuery.
Es una biblioteca, o conjunto de complementos tiles para el lenguaje de
programacin JavaScript. Ofrece una serie de funcionalidades basadas en
JavaScript que de otra manera requeriran de mucho ms cdigo, es decir, con las
funciones propias de esta biblioteca se logran grandes resultados en menos tiempo
y espacio.
3.10 Ajax.
Es una tcnica de desarrollo web para crear aplicaciones dinmicas, los usuarios
se mantienen en comunicacin asncrona con el servidor en segundo plano, de sta
forma es posible alterar el contenido sin necesidad de recargar, mejorando la
interactividad, velocidad, usabilidad en las aplicaciones.
3.11 Tecnologa responsive Web design.
Es una tcnica de desarrollo y diseo 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 cdigo abierto para la creacin de pginas y servicios
web. Es un servidor multiplataforma, gratuito, muy robusto y que destaca por su
seguridad y rendimiento.

20

3.13 Xampp.
Es un software soportado por diferentes plataformas que interpreta lenguaje de
programacin y base de datos.
3.14 Gestor de base de datos.
Es un conjunto de programas que permiten crear y mantener una base de datos,
asegurando su integridad, confidencialidad y seguridad.
3.15 MySQL.
Es un sistema gestor de base de datos relacional basado en lenguaje SQL que
permite conexiones multi-hilo y multi-usuario.

3.16 Bootstrap.
Es un framework creado por Twitter que nos facilita el diseo de nuestras
aplicaciones web y cuenta con diferentes libreras que trabajan con tecnologa web
responsive.

21

CAPTULO IV
METODOLOGA

4.1 Descripcin de actividades.

Las actividades realizadas durante el proceso de estada se presentan a continuacin:
Tabla 1 APP

Nombre de tarea
APP
INICIO
Planteamiento del problema
PLANEACIN
Levantamiento de requerimientos
Entrevista
Anlisis
Alcance
Wbs
Justificacin
Objetivos
Objetivo general
Objetivo especfico
Anlisis de requerimientos
Requerimientos funcionales

Requerimientos no funcionales
Casos de uso
Templates
Project
EJECUCIN
Firmas
Presentacin con la empresa
CIERRE
Cierre contractual
Cierre administrativo
DISEO
Maquetado de bajo nivel
Exposicin de primera entrega
Maquetado de alto nivel
Diseo de la base de datos
Normalizacin de la base de datos
Diagrama entidad relacion de la base de datos
PROGRAMACON

24

Codificacin
Compilacin
Anlisis de pruebas
Documentacin de cdigo
Diccionario de datos
TESTEO
Verificacin y validacin de datos
Inyecciones SQL
IMPLEMENTACIN
Configuracin de servidor (creacion de usuario)
Manual de programador
Manual de usuario
Exposicin de proyecto finalizado

4.2 Planeacin.
Para el desarrollo del sistema web fue necesario realizar un anlisis que permitiera
acumular los requerimientos del departamento de almacn.
Una vez obtenida la principal problemtica fue elaborado un plan de accin, es decir,
un cronograma de actividades el cual permitir gestionar el avance del proyecto;
ste fue dividido en diferentes fases:
25

Ilustracin 2 Project parte 1

Ilustracin 3 Project parte 2

26

Ilustracin 4 Project parte 3

Ilustracin 5 Project parte 4

27

Ilustracin 6 Project parte 5

4.3 Implementacin.
4.3.1 Anlisis.
Para la realizacin del levantamiento de requerimientos las necesidades fueron
presentadas por el encargado de recursos materiales quien lleva la administracin
del departamento de almacn, el cual expuso la problemtica de no poder gestionar
la informacin capturada para el control de los activos fijos de la organizacin debido
a que el sistema anterior era incomprensible para los usuarios y no se adaptaba lo
suficiente a la informacin que controla la organizacin y la perdida de tiempo para
realizar los reportes que les solicita el gobierno del estado.
Posteriormente, despus de haber expuesto el problema por parte del encargado
de recursos materiales se observaron los procesos dentro del departamento de
almacn, y asi identificar los movimientos generados por el almacenista.
Adems de observar los procesos dentro del almacn tambin fue detectada la
intervencin de un departamento diferente (Mantenimiento) donde los artculos que
se encuentran en la institucin realizan un movimiento a mantenimiento en caso de

28

ser requerido y tambin es necesario llevar el control de los artculos que se

encuentran en este estado.
Tras haber realizado el levantamiento de requerimientos en el cual fueron
encontradas todas las necesidades para gestionar la informacin 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 organizacin,
por lo tanto el desarrollo del sistema se realizara en plataforma web y los usuarios
que requieran acceder al sistema se administraran desde una terminal
independiente.
De esta manera se lograron obtener los siguientes requerimientos:

Alta de activos fijos (ubicacin y asignacin).

Baja de activos fijos (departamento de jurisdiccin).

Movimiento interno de activos fijos (dentro de la organizacin).

Movimiento a mantenimiento.

Captura de artculos en manteniento.

Generar reportes de movimientos.

Generar reportes de expedientes.

Capturar fotografa (referencia de activo fijo).

Gestion de catlogos.

Consulta de movimientos.

Consulta de expedientes generados.

Administrador de acceso al sistema.

29

4.3.2 Diseo.
Despues de haber realizado el anlisis y el levantamiento de requerimientos se
realiz la propuesta del sistema web, pues la institucin cuenta con un servidor por
lo 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 diseo es presentada con imgenes de las pantallas incluidas
las funciones bsicas del sistema web.

Ilustracin 7 Maquetado Index

sta es la pantalla principal conocida en un sistema web como la pgina index.php

en la que se presenta el logotipo de la institucin y el nombre del sistema por as

30

decirlo y es muestra sobre las dems pginas por presentacin, en la parte inferior
se muestra el men al cual el usuario administrador de almacen tendr acceso.

Ilustracin 8 Maquetado Catlogo artculos

En el apartado de catlogo de artculos se pretende visualizar una seccin en la

parte lateral izquierda que permita realizar un filtro de los artculos ya sea por marca,
categora y el estado fsico 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 artculos.

Ilustracin 9 Maquetado Catlogo resguardatarios

El catlogo de resguardatarios solo mostrar una tabla con los datos de los
reguardatarios y permitir realizar bsquedas por nombre del resguardatario o el
puesto.
31

Ilustracin 10 Maquetado Catlogo proveedores

El ctalogo de proveedores de igual manera permitir visualizar la informacin en

forma de tabla.

Ilustracin 11 Maquetado Alta artculos

ste es el apartado de Alta de artculos, en el que se presenta un formulario para

que los campos sean rellenados por el usuario y posteriormente el artculo sea
guardado.

32

Ilustracin 12 Maquetado Alta departamentos

El apartado de Alta de departamento muestra un pequeo formulario con

nicamente dos campos para ser aadido al catalogo de departamentos.

Ilustracin 13 Maquetado Alta proveedores

El apartado de Alta de proveedor muestra un formulario donde debern ser llenados

los datos solicitados para guardar al proveedor en el catlogo.
33

Ilustracin 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 catlogo.
El apartado de Generar un expediente es la parte donde se realizar la asignacin
de

los

artculos

un

departamento colocando a
un Resguardatario como
responsable.
Al finalizar el llenado de los
datos la informacin ser
recabada y en seguida ser
entregado un fichero con
extensin

.xls,

dicho

formato mostrar el reporte

del expediente.

Ilustracin 15 Maquetado Generar expedientes

34

Ilustracin 16 Maquetado Generar movimientos

El apartado de generar un Movimiento interno es para que los artculos asignados

dentro de la institucin que pertenezcan a un departamento puedan ser reasignados
a un departamento diferente.

Ilustracin 17 Maquetado Generar transferencias

El apartado de Generar transferencia es el momento en el que los artculos sean

destinados a ser dados de bajas.
35

Ilustracin 18 Maquetado Movimiento mantenimiento

El apartado de Generar movimientos a mantenimiento permitir agregar artculos

al departamento de mantenimiento.

Ilustracin 19 Maquetado Generar reportes

Generar reportes permitir consultar todos los movimientos realizados el

administrador, para ello se mostrarn varios tipos de reportes que pueden ser
generados dependiendo los resultados que se deseen obtener y sern visualizados
de la manera siguiente:
36

Ilustracin 20 Maquetado Inventario artculos

Inventario de artculos mostrar a detalle el listado de todos los artculos que se

encuentren dentro de la institucin resaltando las caractersticas ms importantes
como lo es el nombre del artculo y el estado fsico en el que se encuentra.

Ilustracin 21 Maquetado Reporte expedientes

Expedientes en el se visualizarn el listado de los resguardatarios quienes son los

que se encuentran como responsables de los artculos y el nombre del
departamento en el que se encuentran reguardados dichos artculos.

37

Ilustracin 22 Maquetado Reporte mantenimiento

Matenimiento permitir visualizar el listado de los artculos que se encuentren en

estado de reparacin 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 grfica se empez el
maquetado de alto nivel, es decir, se definieron colores y estilos de diseo para
desarrollar el sistema web presentado a continuacin.

Ilustracin 23 Interface Index

38

4.3.2.2.1 Login.
La pantalla de acceso al sistema en el cual sern introducidos los datos de inicio de
sesin cmo nombre de usuario y contrasea.
Una vez intorducidos los datos dar click en el botn lateral derecho:
Ilustracin 24 Interface Boton
iniciar sesin

Ilustracin 25 Interface Inicio

La pantalla de inicio nos mostrar un

resmen del estatus de los artculos.
El primer recuadro nos indica el total
de

artculos

que

existen

en

resguardo y se muestra en color

Ilustracin 26 Interface Artculos resguardo

verde.

El segundo recuadro nos mostrar

el

total

de

encuentran

artculos
en

el

que
rea

se
de

mantenimiento y son enviados ah

para reparacin, ste mostrado en
color azul.

Ilustracin 27 Interface Artculos mantenimiento

39

El tercer recuadro nos mostrar los

artculos que han sido dados de
baja en el mes actual y ya no se
encuentran dentro de la institucin
y es mostrado en color rojo.
Ilustracin 28 Interface Artculos baja

El ltimo recuadro mostrado en

color guinda nos mostrar todos los
artculos

que

han

sido

diagnosticados por el departamento

de mantenimiento y por lo tanto
notifican

que

ya

no

tienen

Ilustracin 29 Interface Artculos notificados

reparacin, por lo que deben ser

dados de baja por el administrador.
4.3.2.2.2 Catlogo de artculos.
Se visualizan los artculos a manera de lista conteniendo informacin principal y
aadiendo la imagen del artculo.

Ilustracin 30 Interface Catlogo artculos

40

4.3.2.2.3 Generar un nuevo expediente.

Como se muestra en la pantalla siguiente hace referencia a agregar artculos para
asignar nuevos artculos a un resguardatario y departamento.

Ilustracin 31 Interface Generar expediente

4.3.2.2.4 Agregar usuarios al sistema.

Los usuarios sern 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 contrasea y nombre
de usuario.

Ilustracin 32 Interface Agregar usuario

41

4.3.2.2.5 Agregar un nuevo artculo al catlogo de artculos.

Permite que el usuario puede agregar un nuevo artculo que no se encuentre dentro
del catlogo para ello nos dirigiremos al men catalogo de artculos.

Ilustracin 33 Interface Agregar artculo

4.3.2.2.6 Catlogo de resguardatarios.

Muestra un listado de los resguardatarios con informacin principal, en el buscador
puede introducirse el nombre del resguardatario as como el nombre del
departamento e inmediatamente ir filtrando la bsqueda relacionada.

Ilustracin 34 Interface Catlogo resguardatarios

42

4.3.2.2.7 Reporte de expedientes.

Para consultar un expediente puede colocarse el nombre del resguardatario, folio o
el departamento y la bsqueda se realizar en automtico, tambin muestra
informacin principal.
Para poder tener acceso a un reporte ms detallado se dar click sobre la fila
deseada y mostrar la informacin como datos del resguardatario y departamento,
la fecha en que fue asignado el expediente y una lista con los artculos que
pertenecen a dicho expediente.

Ilustracin 35 Interface Reporte expedientes

4.3.2.2.8 Generar expediente.

Para generar un expediente nuevo es necesario que los catlogos de
resguardatarios, departamento y artculos allan sido llendados anteriormente para
agregarlos al expediente, de lo contrario no podrn asignarse a un departamento o
resguardatario el cual se desea.
Una vez introducidos el departamento, resguardatario y la lista de artculos que
sern asignados al nuevo expediente, se dar click en en generar y al finalizar se
descargar un archivo con extensin .xls.

Ilustracin 36 Interface Descargar excel

43

4.3.2.3 Diseo de Base de datos.

4.3.2.3.1 Diagrama Entidad - relacin.

Ilustracin 37 Diagrama entidad - relacin

4.3.2.3.2 Diagrama relacional.

Ilustracin 38 Diagrama relacional

44

4.3.2.3.3 Diccionario de datos:

4.3.2.3.3.1 Resguardatarios

4.3.2.3.3.2 Departamentos

4.3.2.3.3.3 Proveedores

45

4.3.2.3.3.4 Artculos

4.3.2.3.3.5 Nota expedientes

4.3.2.3.3.6 Factura expedientes

46

4.3.2.3.3.7 Nota movimientos

4.3.2.3.3.8 Factura movimientos

47

4.3.3 Desarrollo.
4.3.3.1 Mtodo iniciar sesin.

Autentifica al usuario consultando los datos de inicio de sesin recibiendo dos

parmetros, los cuales son nombre de usuario y contrasea, 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 cdigo malicioso que pueda
afecatar el sistema de sta manera se protege la privacidad de los datos.

48

4.3.3.2 Mtodo Insertar artculos.

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

la base de datos despus de validarlos.
4.3.3.3 Mtodo Consultar artculos.

La consulta de artculos se realiza segn la informacin necesaria que se desee

mostrar en los reportes para uso especial del sistema.

49

4.3.3.4 Consulta reporte de expedientes.

Se muestra la informacin general de los reportes ya sea que se desee filtrar por
bsqueda de artculo por nombre o proveedor, tambin puede elegir o buscar por
tipo de departamento o nombre de quien est encargado de el departamento y listar
todos los artculos.

50

4.3.3.5 Mtodo reporte de movimientos.

Las consultas generadas pueden mostrar informacin 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 artculos que realizaron movimiento y fecha en la que fu generada para tener
un mejor control.

51

4.3.3.6 Clase Modelo.php

Por ltimo se muestran todos los mtodos 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 pgina:

52

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

de la institucin, pero es suficiente para generar transacciones y no se vern
afectadas.

La memoria que ocupa en el dispositivo aumenta ms de lo esperado pues los

recursos que se utilizan como imgenes y libreras externas tienen una capacidad
poco favorable.
4.3.4.2 Seguridad
En cuestin de seguridad de la informacin de los datos fueron ingresados cdigos
maliciosos (SQL inyection) para tratar de obtener informacin del servidor y fueron
resueltos evitando todo tipo de entrada y cambiando caracteres especiales desde
cdigo PHP y JAVASCRIPT.
4.4 Evaluacin.
Al finalizar la parte de implementacin se realizaron algunas pruebas de seguridad
que ya se mencionaron anteriormente, solucionndolas para hacer el sistema an
ms eficiente.
Se introdujeron ms de quincemil registros en la base de datos para ver el
funcionamiento cargado con demasiada informacin 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 permitan acceso a cualquier
terminal.

53

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

datos para proteger la informacin 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 cdigo JavaScript cada vez que son detectados caracteres
no permitidos en cada campo que deben introducirse muestra al usuario un mensaje
indicndole los caracteres permitidos, asi antes de enviarlo a la Base de Datos o
hacer uso de esa informacin se aseguran que los datos sean verdicos.
Tambien se validan los privilegios de los usuarios del sistema al ingresar, asignando
una clave nica que le permitir realizar operaciones especficas dependiendo al
tipo de usuario que accede al sistema y as evitar la malipulacin de datos que no
corresponden a cualquiera de ellos, de esta manera se lleva una mejor
administracin sobre los procesos.

Ilustracin 39 Login error

54

CAPTULO V
RESULTADOS Y
DISCUSIN

5.1 Resultados.
Los resultados sobre el desarrollo de el Sistema web control de inventario para
activos fijos para el Hospital General de Tehuacn fue satisfactorio, adems de
corregir los fallos generados y realizer varias prueba que aseguran la funcionalidad
del Sistema.
El personal encargado del proyecto qued satisfecho con el proyecto y por su
puesto los usuariosencargados de almacn de igual manera quedaron complacidos.
El sistema cumpli exitosamente los objetivos establecidos ayudando a automatizar
los procesos que se llevan dentro del departamento de almacn.
Adems de que los ficheros generados en extencin .xls les benefici demasiado
pues se les facilita manipular esta informacin para entregar reportes que el estado
les solicita cada periodo determinado.

Ilustracin 40 Pgina de login

Ilustracin 41 Pgina vista informacin rpida

56

5.2 Discusin.
En lo personal me hubiera gustado ms realizer una aplicacin cliente servidor, pero
la desventaja principal era que tendra que generar un instalador para cada terminal,
y la parte del manteniento generara un costo ms para la institucin, pero
finalmente una aplicacin web fue la major opcin y se ajust a los requisites que el
cliente necesitaba.
El Sistema qued desarrollado justo para integrar nuevas funciones y operaciones,
desde la base de datos, hasta las interfaces diseadas, y as tener un mejor control
de todos los dems procesos que se involucran en el rea de almacn.
El proyecto que me fu asignado me gener una alta expectativa sobre lo que se
tena pensado al principio incluso ms de lo que se haba propuesto, ya que mis
conocimientos eran muy escasos sobre las nuevas tecnologas como diseo
responsivo de sitios web y la administracin de un servidor real (ya que muchas
veces trabajaba en simuladores de Sistemas Operativos), y tuve que aprenderlo por
mi propia cuenta.
Finalmente el proyecto se concluy exitosamente y me voy muy contento as como
los encargados del proyecto en la institucin, por haber aprendido muchas cosas
que no saba y por aplicar mis conocimientos en cosas que no tena ni idea de como
utilizarlos, una vez ms se comprueba que el empeo por lograr algo grande no
necesita de conocimientos, si no de ganas de aprender.
5.3 Conslusiones.
Fue una grata experiencia que seguramente aportar demasiado para mi futuro
personal como para mi futuro acadmico y laboral. Pues no solo se aprende a
aprender sino tambin se aprende a desaprender, se aprende a desechar las cosas
negativas que se tienen sobre la vida y sobre todo lo que tenga que ver con uno
mismo.

57

Cabe mencionar que la carrera de TI tiene mucho que aportar a una empresa o
institucin, 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 Tehuacn.
5.6 Trabajos citados
rhus.

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

de

Fuentes, C. A. (2013). Qu es jQuery? Nuevo Len: Northware.

Marcotte, E. (25 de Mayo de 2010). Diseo Web Responsivo. Obtenido de http://xn-diseowebresponsiveq0b.org/?utm_source=redirects&utm_medium=dise%25C3%25B1owebresp
onsivo.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
http://www.angelfire.com/ultra2/pecanpie/Bimestral/Glosario.htm

de

Reenskaug, T. (22 de Marzo de 1979). Xerox PARC 1979. Obtenido de Xerox PARC
1979: http://folk.uio.no/trygver/1979/sysreq/SysReq.pdf
Regalut. (26 de Agosto de 2012). Desarrollo mvil multplataforma. Obtenido de
http://desarrollomovilmultiplataforma.blogspot.mx/2012/08/aspectosteoricos-framework.html
S.A.,

A.
A.
(2012).
Abax
http://abaxasesores.com/codigoabierto

Asesores.

Obtenido

de

Stig Sther Bakken, A. A. (08 de Julio de 2002). Manual PHP. Obtenido de

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

58