Artculo

UNIVERSIDAD TCNICA DEL NORTE FACULTAD DE INGENIERA EN CIENCIAS APLICADAS CARRERA DE INGENIERA EN SISTEMAS COMPUTACIONALES
TEMA:

Sistema Web con software libre para el Control de Asistencia de Personal de la Direccin Provincial del Ambiente de Imbabura, mediante un colector de datos biomtrico.
AUTOR: Sergio Dionisio Bentez Tixicuro

DIRECTOR: Ing. Ivn Garca, Mgs.

Sistema Web con software libre para el Control de Asistencia de Personal de la Direccin Provincial del Ambiente de Imbabura, mediante un colector de datos biomtrico.
(NOVIEMBRE 2011) Ibarra Ecuador Resumen. La realizacin de este proyecto se enfoca El presente sistema fue realizado para satisfacer los requerimientos del en generar reportes que

solucionen las insuficiencias del sistema actual con respecto al control de la asistencia del personal, administrado y visualizado va Web, esto solucionar en forma eficiente la situacin actual de asistencia del personal.

control de asistencia de personal mediante los datos que recoge el colector biomtrico que posee la institucin, las herramientas para su desarrollo son de licencia gratuita. Adems se ha utilizado metodologa RUP para su planeamiento y diseo.

Objetivos.

Objetivo General: Introduccin. Optimizar el Control de Asistencia de Anteriormente, el control de la Personal de la Direccin Provincial del Ambiente de Imbabura, mediante

asistencia se lo haca manualmente por medio de impresos. Es as, que hace 18 meses la Direccin del Ambiente de Imbabura, hizo la adquisicin de un reloj biomtrico de huella digital y el Sistema para el control de la asistencia de su personal, pero no se supo ajustar a las firmas en documentos

Sistema Web, asistido con un colector de datos biomtrico.

Objetivos Especficos:

Determinar los requerimientos y necesidades de la Institucin con respecto al control de la asistencia de personal.

necesidades de la institucin.

Disear la arquitectura de los procesos y funciones del

Crear, Usuarios. Crear,

modificar,

eliminar

Sistema Web para control de asistencia de personal.

modificar,

eliminar

parmetros del Turno. Crear, modificar, eliminar Cargos.

Desarrollar

e implementar el

Crear,

modificar,

eliminar

Sistema Web para control de asistencia de personal,

Departamentos. Crear, Secciones. modificar, eliminar

utilizando herramientas libres.

Realizar pruebas e Implantar el Sistema Web para control de asistencia de personal en la Direccin Imbabura. Ambiental de

Mdulo Asignacin.

Crear, Empleados.

modificar,

eliminar

Asignar Permisos a Empleados. Asignar Vacaciones a Empleados.

Alcance.

Asignar Empleados.

Movilizaciones

En este proyecto se va a desarrollar 5 Mdulos:

Mdulo de Carga de datos Datos

Mdulo de Carga de datos. Trasmisin de Datos mediante archivo de texto generado por reloj Biomtrico.
Datos Mdulo Reportes

Mdulo Parmetros

Datos

Mdulo de Procesos

Mdulo de Procesos. Re clculo de Horas E/S. Re clculo de Atrasos. Re clculo de Horas Extras. Re clculo de Horas Trabajadas.

Mdulo Asignacin

Fuente: Propia

Figura: Mdulos del proyecto

Datos

Mdulo Parmetros.

Mdulo Reportes.

Reporte

Personal

(Vacacin,

Permisos, Movilizacin). Reporte (Entradas y Salidas, Horas Extras, Atrasos, Horas Trabajadas). Visin.

CAPTULO I

Las necesidades especficas a satisfacer Herramientas de desarrollo. son: Debe La implementacin del sistema Web de la institucin se llev a cabo con las herramientas:
Herramientas Por qu?

integrarse en

los los

datos relojes

contenidos

biomtricos de Ibarra y Cotacachi en la base de datos del Sistema. La descarga de los datos se realizar por medio de cable con

Base Datos:

de

MySQL

Escalabilidad

flexibilidad,

Alto

rendimiento, Alta disponibilidad. Robusto soporte transaccional. Fortalezas en Web. Fuerte proteccin de datos

conectores

rs232,

desde

las

secretaras de cada cantn. La administracin del Sistema se lo

PHP, rendimiento,

Plataforma

PHP

La

Comunidad

portabilidad, etc. IDE NetBeans 6.9 Entorno de desarrollo modular,

realizar va Web. Es necesario dar seguridad media a estos datos (Usuarios). El sistema realizar los reportes

compatible total con PHP. Servidor Aplicacin Apache Es robusto y compatible con PHP y NetBeans.

Framework:

Symfony

Symfony profesional

es y

maduro, est muy

estable, bien con

segn

lo

acordado

con

las

documentado. NetBeans 6.9.

Compatible

autoridades de la institucin. Los reportes se podrn exportar a

Fuente: Propia Figura: Herramientas de desarrollo a usar y justificacin

archivos (Acrobat).

con

extensin.pdf

Los reportes en pantalla debern tener un grfico estadstico para su visualizacin. Los empleados podrn consultar sus entradas y salidas.

Descripcin global de producto.

Seguridad.

Perspectiva del proyecto.

Restricciones en la administracin del sistema con respecto a la informacin,

El proyecto de desarrollo debe generar una facilidad en la interfaz para ingreso de parmetros especficos, adems de realizar la carga de los datos del reloj biomtrico a la base de datos de una forma sencilla sin muchos procesos y presentar los reportes de una forma concreta y grfica que es lo que necesita la Institucin.

adems

slo

las

autoridades

empleados podrn acceder a esta informacin. Niveles de acceso a la aplicacin:

1. Administrador: Acceso Total a administracin de parmetros (Crear, Editar, Borrar), carga y clculo de datos, generacin de reportes.

Mostrar una interfaz sencilla para ingreso de datos mediante herramientas que ayuden a esta labor. 2. Empleado: Acceso a Consulta de Entradas horas y salidas, atrasos, permisos,

trabajadas,

vacaciones y movilizaciones. Mostrar la forma de gestionar la seguridad de los usuarios que puedan acceder a este sistema. 3. Administrador Cotacachi: Carga de datos del reloj biomtrico de Cotacachi al Sistema. Mostrar una forma de cargar los datos muy sencilla, mediante herramientas que ayuden a este proceso. El sistema Web ser desarrollado usando la metodologa RUP, la misma Mostrar reportes especficos y de forma grfica de la asistencia del personal de la institucin. que permitir utilizar sus normas para definir el proyecto, esto ayuda a organizar de mejor manera tanto para
5

Plan de desarrollo de software.

desarrollo como para documentacin. Parte de la documentacin es el presente documento.

Fase Fase de Inicio. Fase de Elaboracin. Fase de Construccin Fase de Transicin.

Nro. Iteraciones 1 1 5 1

Duracin 6 semanas. 10 semanas. 24 semanas. 4 semanas.

Puntos clave. De las entrevistas se generaron puntos claves a implementar: Puntos Fundamentales:

Fuente: Propia Tabla: Plan de Fases

Captura de requisitos. Para describir se realiza diagramas de caso de uso y grficos que describan en

Seguridad en la presentacin de

forma clara y precisa el funcionamiento y estructura. Adems define los

la informacin. Adaptabilidad del usuario y la

recursos tecnolgicos de hardware, software y telecomunicaciones para la realizacin del presente proyecto.

facilidad de uso. Facilidad para cargar los datos

del reloj biomtrico al sistema. Incorporacin del sistema para Identificacin de Casos de Uso del Sistema Actual.
Ingresar Modificar Eliminar Departamentos Secciones Ingresar Modificar Eliminar Turnos Cargos

los 2 cantones (Ibarra-Cotacachi).

Plan de las fases. El desarrollo se llevar a cabo en base a fases con una o ms iteraciones en cada una de ellas. La siguiente tabla

Ingresar Modificar Eliminar Empleados

SISTEMA ACTUAL

Asignar Permisos Vacaciones y Movilizaciones

Ingresar Parametros Reloj Biomtrico

Cargar Datos

muestra la distribucin de tiempos y el nmero de iteraciones de cada fase

Ingresar Modificar Eliminar Usuarios Programa Convertidor Formato

Procesar Datos Editor (Secretaria) Re clculo de atrasos horas trabajadas

(para las fases de construccin y transicin es slo una aproximacin muy preliminar).
Reportar Personal

Reportar Informacin

Reportar Entrada - Salida

Fuente: Propia. Figura: Diagrama Casos de Uso del Sistema Actual

Modelo

de

casos

de

uso

con

requerimientos nuevos.

CAPTULO II
En esta etapa se explica el software a
Va Web

Ingresar Parametros

Asignar Reloj Biomtrico Ibarra Ingresar Login y contrasea Admin Cargar Datos

utilizar y su justificacin de usarlos, los procesos y el prototipo de la interfaz del sistema.

Reloj Biomtrico Cotacachi

Consultar y reportar Editor (Secretaria)

SISTEMA NUEVO
Programa que dercarga datos y vacia memoria del reloj

Va Web

Herramientas a Usar: Base de Datos (MySQL): Escalabilidad y flexibilidad.

Ingresar Login y contrasea consulta

Visitante (autoridad)

Alto rendimiento
Visitante (Empleado)

Fuente: Propia. Figura: Casos de uso de requerimientos nuevos

Alta disponibilidad. Robusto soporte transaccional. Fortalezas en Web.

Grficos elaborados luego del anlisis de los nuevos requerimientos.

Fuerte proteccin de datos. Plataforma (Lenguaje PHP): La Comunidad PHP,

Realizado la identificacin de los casos de uso del sistema se pudo elaborar los grficos de: IDE del Sistema

Rendimiento Portabilidad (NetBeans 6.9): Entorno de desarrollo modular.

Arquitectura Propuesto.

Compatible total con PHP.

Especificacin de los casos de uso individuales Modelo Entidad-Relacin. Requisitos de Hardware y Software Requerimientos Telecomunicaciones. de

Servidor Aplicacin (Apache): Es robusto Compatible con PHP Compatible con NetBeans. Framework: Es maduro Estable
7

Symfony

Profesional Est muy bien documentado. Compatible con NetBeans 6.9.

Modelo Relacional

Se genera un modelo real del sistema mediante el cual se implementar en el

Se realiza un Diagrama de Clases que ayuda con las acciones que se necesita en cada Mdulo y proceso del sistema.

sistema. A continuacin es indispensable

analizar la carga del sistema y tiempos de respuesta que se da en la siguiente

Las acciones ms importantes son: Crear Modificar Eliminar Listar Y las especiales son: Carga Carga Inicio Carga Datos Carga Registro Carga Horas Trabajadas Reporte Graficacin Reporte Entradas y Salidas Reporte Movilizaciones, Permisos

tabla:

Nmero de emplea dos.

Nmero de Registros mensuales generados por cada empleado

Nmero de registros que se generan en la base de datos por mes

Tiempo de demora ideal

Sistema Actual

24

4 timbras X 20 das. Aprox. 80 c/u.

1920 registros

10 a 20 minutos

Sistema propuest o

24

4 timbras X 20 das. Aprox. 80 c/u.

1920 registros

< 10 minutos

Fuente: Propia. Tabla: Carga y tiempos de respuesta del sistema.

Prototipo de Interfaz de usuario. Los prototipos generados son: Formulario de Seguridad Formulario para Usuarios Formulario para Administradores

Modelo de Implementacin.

Los esquemas para ver los detalles de los objetos y clases para la ejecucin de la implementacin se los representa con los diagramas de secuencia, a continuacin se enlistar los realizados:

Diagramas de secuencia para Usuario registrado.

Diagramas de secuencia para Administracin del sistema.

Tcnicas de Implementacin.

Este sistema realizado en Symfony est basado en un patrn clsico del diseo web conocido como
Fuente: Imagen Web1 Figura 2.19. Diagrama de secuencia para la administracin del sistema (fuente).

arquitectura MVC, que est formado por tres niveles:

CAPTULO III
El Modelo representa la Diseo final del sistema. informacin con la que trabaja la aplicacin, es decir, su lgica de negocio. La Vista transforma el modelo en una pgina web que permite al usuario interactuar con ella. El Controlador se encarga de procesar las interacciones del usuario y realiza los cambios apropiados en el modelo o en la vista. Para dar una idea ms clara de los contenidos del sistema a continuacin se detalla una tabla representando el mapa del sitio y los accesos que van a tener para los usuarios, representados en la siguiente tabla:

Nota rpida sobre MVC: http://lobotuerto.com/blog/2008/04/07/unanota-rapida-sobre-mvc/

Para entender mejor el diseo del sistema en el manejo de flujo y contenidos, administracin y dems secciones se acude a los Diagramas de Actividades, como por ejemplo en el siguiente diagrama se puede observar las actividades que se deben seguir para el ingreso de Usuarios, a continuacin:

PARMETROS Departamento Seccin Turno Cargo Usuarios

Fuente: Propia. Representacin del mapa del sitio.

ASIGNACIN Empleados Permisos

CARGAR Cargar Calcular

REPORTES (Grafico Estadstico)

CONSULTAS Y Entradas y salidas

AYUDA Manual de usuario

Exportar a pdf Entrada/Sal idas Permisos Movilizaci n Vacaciones y

Fuente: Propia. Diagrama de actividades de parmetros modificacin.

Luego se detalla cada uno de los procesos con su explicacin detallada, a continuacin se nombra los nombres de los ficheros que van a contener el sistema para las diferentes actividades a desarrollar y que se identifiquen en el cdigo.

Por ltimo se detallan las pantallas del sistema que contienen los parmetros

de entrada y salidas de datos, ver fig.

Fuente: Sistema Actual. Descripcin E/S Pantalla Ingreso.

10

Listado.

cambios. Describiendo adems los datos ingresados, los procesos

En esta parte se detalla el cdigo generado por el framework y el desarrollador.

realizados y sus resultados.

Se detalla el informe de instalacin del Sistema. Y la carta de aceptacin de las

Cadena de Ejecucin.

autoridades por parte de la Institucin del Gobierno, con las firmas y el

Se

define

la

ruta

para

acceder

contenido de los compromisos de los entes receptores de este proyecto.

directamente a cada mdulo, como por ejemplo para acceder a ingresar un nuevo departamento en parmetros, se obtiene: www.asistenciamai.com/Departamento /new.php

Mantenimiento.

Se describe

por ltimo en tablas el

listado de fallas detectadas en los diferentes mdulos, un listado de

Resultados de las pruebas.

mejoras por parte de los usuarios y la traza detalla de los cambios realizados.

Se seala generalmente los procesos y resultados obtenidos en las fases de funcionamiento de los mdulos, su apariencia y en la integracin del Sistema. Con el sistema web se ha solucionado en forma eficiente la consulta y reporte de la asistencia del personal de la institucin, ya que es muy fcil de

CONCLUSIONES:

Se elabora el Manual de operador y del sistema.

CAPITULO IV
Se especifica los casos de prueba del sistema con las diferentes fechas y versin en el que se han realizado los

manejar, reportes,

rpido en las consultas y y a medida de los

requerimientos de la institucin.

11

El

framewok

Symfony

ayud

base de datos que es la columna vertebral del proyecto.

organizarlos

archivos de las clases,

acciones, plantillas, etc., usadas en el proyecto, as como plugins, estilos,

AGRADECIMIENTOS

configuraciones, etc., Adems se uso el IDE NetBeans para poder visualizarlos crearlos y modificarlos.
Al Ing. Ivn Garca, Mgs., por darme una gua concreta, por ser el facilitador de sus conocimientos que aunados a mi trabajo

El sistema puede ser entendido y modificado fcilmente ya que se utiliz estndares de programacin y una arquitectura de software MVC, que organiza el cdigo para ser ilustrado con claridad.

han llevado a trmino los objetivos trazados en la elaboracin del proyecto.

A mis profesores de la magna Universidad Tcnica del Norte, de la cual me llevo los conocimientos y vivencias que servirn de gua durante mi vida profesional.

El presente proyecto tiene mucho futuro, ya que, el gobierno va a controlar a sus empleados en todas las instituciones pblicas y sera una gran oportunidad para poder implantarlo en otras instituciones.
A los funcionarios de la Direccin Provincial Ambiental de Imbabura por haberme brindado las facilidades necesarias para la culminacin del presente trabajo

RECOMENDACIONES:

REFERENCIAS:
[1] Cmo instalar XAMPP en

Antes de comenzar un proyecto se debe analizar los requerimientos de usuario a fondo y si tiene otro sistema analizarlo y que sirva de base y gua para el proyecto, pero ante todo, hay que tomar mucho nfasis en depurar la

Windows, http://www.nosolocodigo.com/comoinstalar-xampp-en-windows

12

[2] Instalar symfony en windows, http://www.smirriaulosabe.com/instala r-symfony-en-windows/

[10]

Generador

de

pdf,

http://www.fpdf.org/

[11] [3] Cmo configurar un proyecto en Symfony con NetBeans 6.9,

Calendario

en

JavaScript,

http://www.webtaller.com/construccio n/lenguajes/javascript/lecciones/calen dario_en_javascript.php

http://www.n4gash.com/2010/configur ar-proyecto-symfony-netbeans/

[12] Manual de las libreras FPDF, [4] Mi primer proyecto con Symfony, http://www.tecnoretales.com/program acion/mi-primer-proyecto-consymfony-127-parte-i/ [13] Crear mens de navegacin en [5] Symfony la gua definitiva , http://librosweb.es/symfony_1_2/ CSS usando listas, http://www.desarrolloweb.com/manua les/manual-fpdf.html

http://www.cristalab.com/tutoriales/cr ear-menus-de-navegacion-en-cssusando-listas-c130l/

[6]

El

tutorial

Joobet,

http://librosweb.es/jobeet_1_3/

[7]

Symfony

Avanzado, Laurent,

LIBROS:
[1] DEBRAUWER Y VAN DER HEYDE, Fien; UML2 Iniciacin, ejemplos, y ejercicios corregidos. 2da Edicin. Editorial ENI, 2009.

http://librosweb.es/mas-con-symfony/

[8]

Plugins

de

Symfony,

http://www.symfonyproject.org/plugins/

[2] ( Aprender

AMO, a

Fernando la

Alonso; de

Introduccin [9] Learn Symfony Symfony), http://symfony.com/doc/current/

Ingeniera

Software Modelos de desarrollo de programas. Editorial DELTA. 2005.

13

[3] PAVON PUERTAS, Jacobo, Creacin de un Portal con Php y MySQL. 3ra. Edicin. Editorial. 2010.

[4] POTENCIER, Fabien; Symfony la gua definitiva. Creative Commons. Diciembre 2008.

[5] POTENCIER, Fabien; El Tutorial de Jobeet. Creative Commons. Marzo 2009

AUTOR: SERGIO BENITEZ

14