CARRERA PROFESIONAL
COMPUTACION E INFORMATICA
PROYECTO DE TESIS
DESARROLLO DE UN SISTEMA INFORMTICO CON TECNOLOGA WEB
PARA MEJORAR EL CONTROL DE ASISTENCIA DEL PERSONAL
ADMINISTRATIVO Y DOCENTE DEL CENTRO ESTUDIANTIL NUEVO
AMANECER EN EL DISTRITO DE JOS LEONARDO ORTIZ, CHICLAYO 2014.
AUTOR:
Director(a) ISAG
Chiclayo - Per
Pgina 2
INFORME DE TESIS
I. DATOS GENERALES:
CENTRO DE FORMACIN:
Instituto Superior Tecnolgico De Administracin
Gerencial SAG.
TTULO DE LA TESIS:
DESARROLLO DE UN SISTEMA INFORMTICO CON TECNOLOGA WEB
PARA MEJORAR EL CONTROL DE ASISTENCIA DEL PERSONAL
ADMINISTRATIVO Y DOCENTE DEL CENTRO ESTUDIANTIL NUEVO
AMANECER EN EL DISTRITO DE JOS LEONARDO ORTIZ, CHICLAYO 2014.
CARRERA PROFESIONAL:
COMPUTACIN E INFORMTICA
AUTOR:
CAYOTOPA HUANCAS, LUIS FELIX
Pgina 3
II. INFORME:
La presente tesis ha sido elaborada por el autor de acuerdo a los
lineamientos bsicos que norma el Instituto Superior Tecnolgico
"De
Administracin
Gerencial
ISAG
en
relacin
con
la
metodologa de la investigacin.
III. PARTICIPACIN Y RENDIMIENTO.
Dejo constancia que el autor ha desarrollado todo el trabajo que
demanda la
de
un
trabajo
de
investigacin
educativa:
por
lo
PROFESOR ASESOR
CAYOTOPA HUANCAS, LUIS FELIX
Pgina 4
CARRERA PROFESIONAL
COMPUTACION E INFORMATICA
PROYECTO DE TESIS
DESARROLLO DE UN SISTEMA INFORMTICO CON TECNOLOGA WEB
PARA MEJORAR EL CONTROL DE ASISTENCIA DEL PERSONAL
ADMINISTRATIVO Y DOCENTE DEL CENTRO ESTUDIANTIL NUEVO
AMANECER EN EL DISTRITO DE JOS LEONARDO ORTIZ, CHICLAYO 2014.
AUTOR:
Pgina 5
DEDICATORIA
Pgina 6
A Dios por ser quien ha estado a mi lado en todo momento dndome las fuerzas
necesarias para continuar luchando da tras da y seguir adelante rompiendo
todas las barreras que se me presenten. Permitindome aprender, madurar,
crecer y afrontar cada circunstancia; dndome entendimiento, sabidura y sobre
todo colocando en m, tanto el querer como el hacer su divina voluntad para ser
cada da mejor persona.
A mi Mam por todo el apoyo que me ha dado, por sus consejos, aprendizajes y
enseanzas en el transcurrir de mi vida, Por ensearme que nada es imposible
que todo se consigue con esmero y trabajo, sus tus palabras que siempre las
tendr en mi mente y corazn: Tu si Puedes.
Luis Cayotopa
Pgina 7
AGRADECIMIENTO
Pgina 8
Primero doy gracias a Dios por sobre todas las cosas, por darme salud, vida,
fuerzas y espritu de lucha, t has sido el omnipotente, quien ha permitido que la
sabidura dirija y gue mis pasos., por fortalecer mi corazn e iluminar mi mente y
por haber puesto en mi camino a aquellas personas que han sido mi soporte y
compaa durante todo mi vida.
A mi Madre quien ha sabido formarme con buenos sentimientos, hbitos y
valores, lo cual me ha ayudado a salir adelante buscando siempre el mejor
camino, fue lo que me dio ese amor, cario y calor humano necesario para
continuar hacia delante, la que ha velado por mi bienestar ya sea de salud,
educacin, alimentacin entre otros, es a ella a quien le debo todo, horas de
consejos, de regaos, de tristezas, de alegras, de enseanzas de las cuales
estoy muy seguro que lo ha hecho con todo el amor del mundo para formarme y
ser una persona de bien.
Al Director Javier Carranza Nuez de la ONG Centro Estudiantil Nuevo
Amanecer por brindarme la informacin necesaria para realizar este proyecto.
A mi casa de estudios el INSTITUO SUPERIOR TECNOLOGICO PRIVADO ISAG
por formarme en computacin e informtica, especialmente a aquellos profesores
con los que tuve el placer de asistir a clases y con los cuales compart de todo un
poco, por sus explicaciones, paciencia, dedicacin, ayuda, tiempo y cada una de
las asesoras, enseanzas y consejos dados.
Luis Cayotopa
Pgina 9
INDICE
CAPITULO I:......................................................................................................................12
DATOS INICIALES............................................................................................................12
1.1. Realidad Problemtica.......................................................................................13
1.2. Planteamiento del Problema.............................................................................14
1.3. Formulacin del Problema................................................................................14
1.4. Objetivos..............................................................................................................15
1.4.1. Objetivo General..........................................................................................15
1.4.2. Objetivo Especfico......................................................................................15
Viabilidad Tcnica.................................................................................................16
Viabilidad Econmica...........................................................................................17
Viabilidad Operativa.............................................................................................17
Viabilidad Legal.....................................................................................................17
CAPITULO II:.....................................................................................................................18
MARCO TERICO............................................................................................................18
2.2. Bases Tericas....................................................................................................19
2.2.1.
Sistema de informacin.......................................................................19
2.2.2.
Ciclo de Vida de un Sistema De Informacin..................................20
2.2.3.
Requerimiento......................................................................................20
2.2.4.
Modelo RUP..........................................................................................22
o Diagrama de Componentes.................................................................................27
CSS..........................................................................................................................30
JavaScript...............................................................................................................32
Cdigo abierto....................................................................................................................33
Facilidad..............................................................................................................................33
Funcionalidad.....................................................................................................................34
Portabilidad.........................................................................................................................34
Velocidad............................................................................................................................34
XAMPP........................................................................................................................34
SQLYOG...........................................................................................................35
2.4.1. Variable Independiente...................................................................................36
VARIABLE INDEPENDIENTE.................................................................................36
INDICADORES..........................................................................................................36
Desarrollo de un sistema informtico al centro estudiantil Nuevo Amanecer
......................................................................................................................................36
Nmero de reas involucradas con el sistema..............................................36
2.4.2. Variable Dependiente..................................................................................36
VARIABLE INDEPENDIENTE.................................................................................36
INDICADORES..........................................................................................................36
Para mejorar el control de asistencia del personal administrativo y docente
del Centro Estudiantil Nuevo Amanecer.............................................................36
2.7.1.- Flujo de la Informacin.................................................................................38
- Modelo de Negocio o Dominio..........................................................................38
- Diagrama de Casos de Uso..............................................................................38
- Diagrama de Secuencia.....................................................................................38
CAYOTOPA HUANCAS, LUIS FELIX
Pgina 10
Pgina 11
PRESENTACIN
Pgina 12
INTRODUCCIN
Pgina 13
DATOS GENERALES
1.1.
1.2.
PERSONAL INVESTIGADOR
1.2.1.
AUTOR(ES)
NOMBRES Y APELLIDOS :
DIRECCION
1.2.2.
E_MAIL
Leo_luis_c@hotmail.com
TELEFONO
995582623 / 780722
ASESOR
NOMBRE Y APELLIDOS
E_MAIL
jeef_20@hotmail.com
TELFONO
1.3.
979424332
TIPO DE INVESTIGACIN:
Descriptiva aplicada
1.4.
CARRERA PROFESIONAL
Carrera Profesional de Computacin e Informtica
Pgina 14
1.5.
LOCALIDAD E
PROYECTO:
INSTITUCIN
DONDE
SE
DESARROLLAR
EL
LOCALIDAD:
Distrito Jos Leonardo Ortiz - Chiclayo.
INSTITUCIN EDUCATIVA:
ONG-Centro Estudiantil Nuevo Amanecer
1.6.
1.7.
FECHA DE INICIO
15 Septiembre 2013
1.8.
FECHA DE TRMINO
15 diciembre 2013
1.9.
PRESENTADO POR
Pgina 15
CAPITULO I:
DATOS INICIALES
Pgina 16
1.1.
Realidad Problemtica
El Centro Estudiantil Cristiano Nuevo Amanecer es una institucin sin fines
de lucro, se cre el 29 de Marzo del 1999, en su inicio de creacin brindaba
enseanzas cristianas, reforzamiento acadmico a nivel primario y talleres de
repostera y serigrafa, contaba con 3 salones de estudio y 2 salones de
talleres en el turno maana y tarde, contaba con solo 100 alumnos.
Posteriormente amplio su ayuda a el nivel Inicial, Secundaria, brindando
ayuda acadmica, ampli sus talleres panadera, electrnica, computacin y
manualidades, ahora con 12 salones, cuenta con 450 alumnos, 11 profesores,
10 personas en el rea administrativa, 1 psicloga, 1 nutricionista.
No solo es importante brindar un buen servicio educativo, si no tambin tener
un personal adecuado y de acuerdo a las exigencias de calidad en el servicio
y de atencin se requiere tener un control de asistencia ordenado y eficiente.
El encargado del control de asistencia registra los datos de asistencia del
personal en formatos de forma manual siendo esta una necesidad urgente de
ser automatizada por un sistema informtico.
Pgina 17
1.2.
1.3.
Pgina 18
1.4.
Objetivos
1.4.1.
Objetivo General
Objetivo Especfico
Justificacin de la Investigacin
Pgina 19
de personal administrativo y
docente.
Que el Centro Estudiantil Nuevo Amanecer, para obtener un sistema de
informacin, que reduzca las deficiencias en la gestin de la informacin de
asistencia de personal administrativo buscando un trabajo ms eficiente y
seguro.
Permitir la rpida y completa bsqueda de informacin deseada. Usar los
sistemas computarizados con el fin de que las asistencias del personal
administrativo sea ms rpido y detallado.
1.6.
Viabilidad Tcnica
Hardware
Cnt
1
1
1
Descripcin
Computador dual
core
Router
Impresora
Uso
Desarrollo de tesis
Acceso a internet
Impresin de tesis
Pgina 20
Viabilidad Econmica
Hardware
Cnt
1
1
1
1
1
Descripcin
Computador dual core
Rational Rouse
Servidor Apache
S.O W7
Pspad
Precio
/ 1000
$ 2.660
Licencia GPL
s
Licencia GPL
Software
Cnt
Descripcin
1
S.O w7
1
Microsoft office
1
Rational Rose
Servidor Apache
Pspad
Sqlyog
Mysql
1
sqlYog
Mysql
Tortal
Viabilidad Operativa
Uso
Aplicacin del computador
Desarrollo tesis y diapositivas
Desarrollo de modelo de Datos
Servidor de bd
$139
Licencia GPL
Viabilidad Legal
Pgina 21
CAPITULO II:
MARCO TERICO
Pgina 22
2.1.
Antecedentes de la Investigacin
2.2.
Bases Tericas
Para realizar todo este proyecto he decidido exponer algunos conceptos ya
que servirn como base fundamental a lo largo de todo este proceso de
investigacin.
2.2.1.
Sistema de informacin.
Sistemas Competitivos
Sistemas Cooperativos
Sistema Informtico
Sistema Informtico
Un sistema informtico es un conjunto de partes que funcionan
relacionndose
entre
con
un objetivo
preciso.
Sus
partes
Pgina 23
2.2.2.
Pgina 24
2.2.3. Requerimiento
Esta fase fundamental para que la estrategia informtica encaje dentro de
las metas de la empresa, ya que en ella se cumplen las funciones del
modelaje del negocio y planificacin de sistemas; esto con el fin de proyectar
las estrategias del negocio y determinar de esta forma sus requerimientos de
informacin.
Durante esta fase se desarrolla un modelo del rea estudiada, donde se
representa: Los procesos que se llevan a cabo, la informacin utilizada por
ellos y las reglas polticas y prcticas de la empresa relacionada con estos
procesos.
Pgina 25
Modelo RUP
Pgina 26
Actor.
Pgina 27
Casos de Uso.
Pgina 28
Asociacin
Es el tipo de relacin ms bsica que indica la invocacin desde un
actor o caso de uso a otra operacin (caso de uso). Dicha relacin
se denota con una flecha simple.
Dependencia o Instanciacin
Es una forma muy particular de relacin entre clases, en la cual una
clase depende de otra, es decir, se instancia (se crea). Dicha
relacin se denota con una flecha punteada.
Generalizacin
Este tipo de relacin es uno de los ms utilizados, cumple una doble
funcin dependiendo de su estereotipo, que puede ser
de Uso (<<uses>>) o de Herencia (<<extends>>).
Este tipo de relacin est orientado exclusivamente para casos de
uso (y no para actores).
Extends: Se recomienda utilizar cuando un caso de uso es similar a
otro (caractersticas).
Include o Uses: Se recomienda utilizar cuando se tiene un conjunto
de caractersticas que son similares en ms de un caso de uso y no
se desea mantener copiada la descripcin de la caracterstica.
De lo anterior cabe mencionar que tiene el mismo paradigma en
diseo y modelamiento de clases, en donde est la duda clsica
de usar o heredar.
Diagrama de Clases
Un diagrama de clases es un tipo de diagrama esttico que describe la
estructura de un sistema mostrando sus clases, atributos y las relaciones
entre ellos. Los diagramas de clases son utilizados durante el proceso
de anlisis y diseo de los sistemas, donde se crea el diseo conceptual
de la informacin que se manejar en el sistema, y los componentes que
se encargaran del funcionamiento y la relacin entre uno y otro.
Pgina 29
Clase
Relaciones Entre Clases Relacin de Asociacin
Una asociacin representa una dependencia entre clases e
implica la direccin de sta dependencia. La asociacin es
bidireccional aunque puede ser unidireccional si as se indica.
Una propiedad importante ligada a la relacin de asociacin o
multiplicidad es la cardinalidad: que es la propiedad que indica el
nmero de instancia de una clase que se asocian o conectan
con instancias de la clase asociada.
Tipos de Multiplicidad UNA A UNA
Implica una relacin estrecha entre objetos
Tipos de Multiplicidad UNA A MUCHAS
Es una relacin entre un objeto con otros objetos.
Tipos de Multiplicidad MUCHAS A MUCHAS
Implica que una instancia de una clase puede corresponder con
muchas instancias de otras clases y viceversa.
Relaciones Entre Clases Relacin de Agregacin
(composicin)
Se dice que un objeto es compuesto si est compuesto a su vez
de otros objetos, permitiendo describir modelos del mundo real
Tipos de relaciones
Pgina 30
o Diagrama de Componentes
Un diagrama de componentes muestra las dependencias lgicas
entre componentes software, sean stos componentes fuentes,
binarios o ejecutables. Los componentes software tienen tipo, que
indica si son tiles en tiempo de compilacin, enlace o ejecucin. Se
consideran en este tipo de diagramas solo tipos de componentes.
Instancias especficas se encuentran en el diagrama de ejecucin.
Se representa como un grafo de componentes software unidos por
medio de relaciones de dependencia (generalmente de compilacin).
Puede mostrar tambin contenencia de entre componentes software
e interfaces soportadas
Pgina 31
o Diagrama de colaboracin
Un diagrama de colaboracin en las versiones de UML 1.Es
esencialmente un diagrama que muestra interacciones organizadas
alrededor de los roles. A diferencia de los diagramas de secuencia, los
diagramas
de
colaboracin,
tambin
llamados
diagramas
de
o PHP
PHP es un acrnimo recursivo que significa PHP Hypertext Preprocessor (inicialmente PHP
Tools,
o, Personal
Home
Page
Pgina 32
Pgina 33
hoy
en
da
es
el
marco
de
trabajo
javascript
(frameworkjavascript) ms usado:
Muchos desarrollos la tienen como base: LifeRay Portal,
Drupal, WordPress.
Es la librera corporativa de Google, Dell, Nokia, Microsoft
(est incluida en Visual Studio),...
Pgina 34
del
semnticos").
documento,
reduce
Adems,
la
mejora
complejidad
de
la
su
HTML
El HTML Lenguaje de marcado de hipertexto es el lenguaje utilizado
para representar documentos en la WWW (World Wide Web).
Adems de texto normal incluye tambin, elementos multimedia
(grficos, vdeo, audio) y existen enlaces (links) que permiten saltar
a otras partes del documento o a otro sitio cualquiera de Internet.
Pgina 35
igual
en
el
Navigator
en
el
Explorer,
Pgina 36
Cdigo abierto
Facilidad
Funcionalidad
Portabilidad
Velocidad
Cdigo abierto
MySQL es una aplicacin de Cdigo abierto y por lo tanto es
gratuita, nos permite redistribuir una aplicacin que la
contenga y nos permite incluso modificar su cdigo para
mejorarla o adaptarla a nuestras necesidades.
Adems, existe la seguridad de contar con una importante
cuota de mercado y de saber que es una solucin estable,
mantenida por un buen equipo de desarrolladores y e incluso
con soporte de pago.
Pgina 37
Facilidad
MySQL es un sistema fcil de instalar y configurar en
servidores Windows, Linux... y enseguida nos permite ejecutar
sencillas consultas de
SQL
como
la
siguiente:
000
Ya
que todos
Pgina 38
mejorando
muchas
de
las
aplicaciones
Pgina 39
XAMPP
XAMPP es un paquete formado por un servidor web Apache, una
base de datos MySQL y los intrpretes para los lenguajes PHP y
Perl. De hecho su nombre viene de hay, X (para cualquier sistema
operativo), A (Apache), M (MySQL), P (PHP) y P (Perl). XAMPP es
independiente de plataforma y tiene licencia GNU GPL. Existen
versiones para Linux (testeado para SuSE, RedHat, Mandrake y
Debian), Windows (Windows 98, NT, 2000, XP y Vista), MacOS X y
Solaris (desarrollada y probada con Solaris 8, probada con Solaris.
Una de las ventajas de XAMPP es que de una forma muy sencilla y
rpida (no ms de 5 minutos) te puedes montar en tu mquina un
entorno de desarrollo de cualquier aplicacin web que use PHP y
base de datos. La configuracin por defecto de XAMPP tiene
algunas deficiencias de seguridad por lo que no es recomendable
usarla como una herramienta para produccin, sin embargo con
algunas modificaciones es lo suficientemente seguro para ser usada
como
servidor
de
sitios
web
en
internet.
Desde
LAMPP
Pgina 40
herramienta,
MySQLQuery
que
Browser,
combina
las
caractersticas
Administrador, phpMyAdmin y
de
otros
Definiciones de trminos
2.4.
Variables
Pgina 41
INDICADORES
Desarrollo de un
sistema
informtico al
centro estudiantil
Nuevo
Amanecer
INDICADORES
Confiabilidad en el proceso de la
informacin
Pgina 42
2.5.
2.6.
Operacionalizacin de variables
Requerimientos del Sistema
el personal
2.7.
Pgina 43
Pgina 44
area
horario
cod_area
nom_area
estado
1
personal
Idpersonal
dni
nombre
apellido
fecha_nacim
direccion
telefono
email
fecha_ingreso
estado
Agregar()
actualizar()
anular()
consultar()
Pertenece
agregar()
actualizar()
anular()
consultar()
1..n
1..n
1
1
Tiene
1..n
cod_turno
nom_turno
estado
cod_asist
fecha
hora_ingreso
hora_salida
minutos_tardanza
observacion
estado
agregar()
actualizar()
anular()
consultar()
agregar()
actualizar()
anular()
consultar()
reportehoras()
permisos
profesor
Tiene
Tiene
1
turno
asistencia
1..n
agregar()
actualizar()
anular()
consultar()
Puede tener
pesonal_cocina
administrativo
cod_horario
hora_entrada
hora_salida
descripcion
estado
1.n
codigo
fecha
horasalida
horaretorno
motivo
observacion
estado
agregar()
modificar()
consultar()
eliminar()
Pgina 45
Inter
net
Router
Switch
Impresora
Servidor
Cliente
Pgina 46
3.2.
Instrumentos
1. Observacin Ficha de
2. Entrevista
Fuentes
Realidad
Observacin
Cuestionario
Informantes
Personal
Administrativo que
Subdirector,
conforman la ONG
Pgina 47
3. Encuestas
4. Anlisis
Documental
Administrativo
Papel y
Personal en general
lapicero
Fichas
diseo de la plataforma
Textuales
Nuevo Amanecer
Internet, libros,
revistas, tesis, etc.
TCNICAS DE ANLISIS:
Tcnicas de recoleccin de documentos:
Estos datos a mencionar se realizaron en el horario de trabajo
que tiene la I.E Jos Mara Arguedas en horarios de oficina.
Recurriendo a los informantes o fuentes que se indican el tem
anterior (4.3.); a travs de una pequea muestra o revisando
cada uno de los instrumentos en el caso de poblaciones
pequeas.
Se selecciona copias de los formatos de asistencia de personal
administrativo de la I.E.
En algunas oportunidades manejan hojas donde apuntan los
datos del personal administrativo, como por ejemplo nombre,
firma y hora del personal que siempre asisten diariamente a
laborar.
Estos documentos se anexan en la posicin 1 al final de la
presente informacin.
La lista de preguntas, las conclusiones de las entrevistas y
fotos que se tom a los entrevistados se anexan en la segunda
posicin al final del presente documento.
Tcnicas de la entrevista:
Pgina 48
Elaboramos
obtener,
las
entrevistas basndonos
en el afn de
sistema.
Las preguntas se plantearon a las personas que laboran en la
I.E.
La lista de preguntas, las conclusiones de las entrevistas se
anexan al final del presente documento.
4.1.
Cronograma de Actividades
4.2.
Presupuesto Analtico
4.3.
Fuentes de Financiamiento
Pgina 49
Pgina 50
5.2.
Login.php
Gestin Personal
Control Asistencia
Areas
Horarios
Gestin de Reportes
Listado de Personal
Tipo de Persona
Registro de Asistencia
Listado de Asistencia
Persona
Permisos
Generar Boleta
Pgina 51
Pgina 52
5.3.
5.4.
Evaluacin Interna
5.5.
Evaluacin Externa
5.6.
Pgina 53