UNIVERSIDAD NACIONAL DE HUANCAVELICA

(Creada por ley Nº 25265)

UNIDAD DE EXTENSIÓN CULTURAL Y PROYECCIÓN SOCIAL DE LA

FACULTAD DE INGENIERÍA ELECTRÓNICA-SISTEMAS

ÁREA DE EXTENSIÓN Y PROYECCIÓN SOCIAL DE LA ESCUELA

ACADÉMICO PROFESIONAL DE SISTEMAS

GRUPO MONOVALENTE DE EXTENSIÓN Y PROYECCIÓN SOCIAL

“ESTUDIANTES DE SISTEMAS UNIDOS”

INFORME FINAL

“SISTEMA WEB DE TRÁMITE DOCUMENTARIO PARA LA

ESCUELA ACADÉMICO PROFESIONAL DE SISTEMAS”

MODALIDAD : PROYECCIÓN SOCIAL

EJECUTORES : CHAMORRO MARMANILLO, Yelson Rosvel

HUAMAN VILCA, Gusman
ORRELLANA COSSIO, Moisés Alfredo
RAMOS AYUQUE, Luis Angel
RAMOS ESTEBAN, Aquiles
SEDANO ESCOBAR, Mechael
VARGAS HUAYHUARIMA, Aldo Gaudencio

ASESORES : MG. ROJAS BUJAICO, Rafael Wilfredo

MG. HUAYTA MEZA, Freddy Toribio

DURACIÓN DEL PROYECTO

FECHA DE INICIO : ABRIL 2014

FECHA DE TÉRMINO : ABRIL 2015

FECHA DE REGISTRO : ABRIL 2014

Pampas-Tayacaja

2015
 AGRADECIMIENTO

Agradecemos cordialmente al director de la Escuela Académico de Ingeniería de Sistemas Ing.

CRISTOBAL LARA, Roly Alcides, a la plana docente de la ESCUELA ACADÉMICA
PROFESIONAL DE SISTEMAS de la UNIVERSIDAD NACIONAL DE HUANCAVELICA,
por habernos permitido realizar la proyección social del grupo “ESTUDIANTES DE SISTEMAS
UNIDOS” y habernos permitido demostrar nuestros conocimientos adquiridos en las aulas de la
ESCUELA ACADÉMICA PROFESIONAL DE SISTEMAS.

De igual manera nuestros sinceros agradecimientos a nuestros asesores: MG. ROJAS BUJAICO,
Rafael Wilfredo, Por su apoyo durante la ejecución del proyecto “SISTEMA WEB DE TRÁMITE
DOCUMENTARIO PARA LA ESCUELA ACADÉMICO PROFESIONAL DE SISTEMAS”.

A nuestros padres por su comprensión y apoyo incondicional tanto en lo moral como en lo

económico para la ejecución del proyecto.

Finalmente agradecer a los integrantes del grupo de proyección social “ESTUDIANTES DE

SISTEMAS UNIDOS” por el entusiasmo, responsabilidad en todas las actividades y labores que
se realizaron en este proyecto.

Grupo monovalente de Extensión y Proyección

Social “ESTUDIANTES DE SISTEMAS
UNIDOS ".

ii
 DEDICATORIA

A Los grandes conocimientos que engendran las

grandes dudas. De manera especial a nuestros
familiares, por su amor, paciencia y su apoyo
incondicional en las diferentes actividades
realizadas, esperando sirva de referencia de
posteriores trabajos.

iii
 PREÁMBULO

La Escuela Académico Profesional de Ingeniería de Sistemas de la Facultad de Ingeniería

Electrónica – Sistemas de la Universidad Nacional de Huancavelica como parte integrante de la
sociedad, está llamada a contribuir al mejoramiento de la calidad de vida de la sociedad, para
satisfacer diariamente las necesidades de la provincia, en beneficio y desarrollo, de carácter
informativo permanente y dinámico. Logrando con el ejercicio del pensamiento superior,
enmarcado en lo crítico, creativo y ético, a partir de la adquisición y desarrollo de habilidades y
metodologías.

La Extensión y Proyección Social como medio ideal en la interacción recíproca Universidad –

Sociedad, está en el deber y derecho de transmitir sus conocimientos y habilidades en el campo de
la carrera universitaria como jóvenes comprometidos con el progreso de su sociedad.

Las actividades de Proyección Social, fueron desarrolladas por los alumnos del grupo monovalente
“ESTUDIANTES DE SISTEMAS UNIDOS” de la Escuela Académico Profesional de Sistemas
en el Departamento Académico de Sistemas (DAS) de la Facultad de Ingeniería Electrónica-
Sistemas de la UNH.

____________________________________ ____________________________________
MG. ROJAS BUJAICO, Rafael Wilfredo MG. HUAYTA MEZA, Freddy Toribio
Asesor Asesor

iv
 ÍNDICE
Página

AGRADECIMIENTO ........................................................................................................................ii

DEDICATORIA .................................................................................................................................. iii

PREÁMBULO .....................................................................................................................................iv

I. PLANTEAMIENTO DEL PROBLEMA .................................................................................. 1

1.1. PROBLEMA QUE DA ORIGEN AL PROYECTO ........................................................ 1

1.2. OBJETIVOS .............................................................................................................................. 1
1.2.1. OBJETIVO GENERAL ................................................................................................ 1
1.2.2. OBJETIVO ESPECÍFICOS ........................................................................................ 1
1.2.3. METAS ............................................................................................................................. 1
1.3. JUSTIFICACIÓN .................................................................................................................... 2
II. MARCO TEÓRICO ..................................................................................................................... 3

2.1. DEFINICIÓN DE TERMINOS BÁSICOS ........................................................................ 3

2.2. SUSTENTO TEÓRICO QUE RESPALDA AL PROYECTO ...................................... 8
III. METODOLOGÍA ...................................................................................................................... 10

3.1. MODALIDAD ......................................................................................................................... 10

3.2. LUGAR DE EJECUCIÓN ................................................................................................... 10
3.3. BREVE RESEÑA DE LA INSTITUCIÓN ATENDIDA .............................................. 10
3.4. BENEFICIARIOS .................................................................................................................. 11
3.5.METODOLOGÍA ................................................................................................................... 11
3.5.1. DEFINICIÓN DE LA METODOLOGÍA RUP .................................................... 11
3.6. DURACIÓN DEL PROYECTO ......................................................................................... 14
IV. RESULTADOS ........................................................................................................................... 15

4.1. PRESENTACIÓN Y ANÁLISIS DE RESULTADOS................................................... 15

4.1.1. ACTIVIDADES REALIZADAS ............................................................................... 15
4.2. CONCLUSIONES .................................................................................................................. 41
4.3. RECOMENDACIONES O SUGERENCIAS .................................................................. 42
V. REFERENCIAS BIBLIOGRÁFICAS.................................................................................... 43

ANEXOS ............................................................................................................................................. 44

v
 ÍNDICE DE TABLAS
Tabla 1: Tabla de actividades. ..................................................................................................... 14
Tabla 2: Aportación de cada integrante. ...................................................................................... 84
Tabla 3: Egresos........................................................................................................................... 84
Tabla 4: Gasto total. ..................................................................................................................... 84

vi
 ÍNDICE DE IMÁGENES
Imagen 1: MySql. .......................................................................................................................... 3
Imagen 2: Adobe Dreamweaver Cs6. ............................................................................................ 6
Imagen 3: Php Designer 8. ............................................................................................................. 7
Imagen 4: AppServ. ....................................................................................................................... 8
Imagen 5: Localización de la Escuela Académico Profesional de Sistemas. .............................. 11
Imagen 6: Estructura del ciclo de vida del software. ................................................................... 13
Imagen 7: Inicio del sistema web sistramidoc. ............................................................................ 16
Imagen 8: Página principal del sistema web sistramidoc. ........................................................... 17
Imagen 9: Formulario usuario del sistema web sistramidoc........................................................ 17
Imagen 10: Formulario áreas del sistema web sistramidoc. ........................................................ 18
Imagen 11: Listado de trámites ingresados del sistema web sistramidoc. ................................... 18
Imagen 12: Probando el ingreso al sistema web sistramidoc. ..................................................... 39
Imagen 13: Ingresos de datos de un nuevo empleado al sistema sistramidoc. ............................ 39
Imagen 14: Ingreso de nueva área al sistema web sistramidoc. .................................................. 40
Imagen 15: Vista de los usuarios ingresados en nuestro localhost. ............................................. 40
Imagen 16: Manual de ayuda en formato PDF del sistema web sistramidoc. ............................. 41

vii
 ÍNDICE DE FOTOS
Foto 1: Integrantes del grupo en la direccion de la E.A.P.S. ........................................................ 85
Foto 2: Pruebas del Sistema en la direccion de la E.A.P.S. ......................................................... 85
Foto 3: Ingresando datos al sistema en la direccion de la E.A.P.S............................................... 86
Foto 4: Secretaria de la direccion utilizando el sistema web sistramidoc. ................................... 86

viii
 I. PLANTEAMIENTO DEL PROBLEMA

1.1. PROBLEMA QUE DA ORIGEN AL PROYECTO

En el Distrito de Daniel Hernández, Provincia de Tayacaja y Departamento de

Huancavelica viene funcionando la Escuela Académico Profesional de Sistemas el cual
cuenta con una dirección, Departamento Académico de Sistemas y áreas como: Área
Proyección Social, Área de Bienestar Académico, Área Producción, Área de Prácticas,
Área de Investigación por lo cual la gestión de trámite documentario en dichas áreas
mencionadas no se encuentran al alcance de los interesados toda vez que algunos casos
no sabemos en qué área se encuentra dicho documento o situación actual del mismo.
Además la Escuela Académico Profesional de Sistemas no cuenta con una página Web
dinámica para el intercambio de la información documentaria de cada uno de las áreas
mencionadas.

1.2. OBJETIVOS

1.2.1. OBJETIVO GENERAL

Diseñar e implementar un “SISTEMA WEB DE TRÁMITE DOCUMENTARIO

PARA LA ESCUELA ACADÉMICO PROFESIONAL DE SISTEMAS”.

1.2.2. OBJETIVO ESPECÍFICOS

 Identificar los problemas de trámite documentario en la Escuela Académico

Profesional de Sistemas.
 Determinar los requerimientos humanos de información.
 Analizar, diseñar y programar el sistema determinado.
 Hacer las pruebas y mantenimiento del sistema.
 Evaluar e implementar el sistema.

1.2.3. METAS

 Se identificó los problemas en el trámite documentario en la E.A.P.S.

 Se determinó los requerimientos humanos de información necesarios.
 Se identificó las necesidades de diseño y programación del sistema web
sistramidoc.
 Se hizo las pruebas respectivas del sistema web sistramidoc.

1
  Se logra implementar y evaluar el sistema web sistramidoc.

1.3. JUSTIFICACIÓN

En la actualidad un sistema web dinámico se ha convertido en una de las principales

herramientas en las que se apoyan las instituciones públicas y privadas para que
solucionen sus diversos problemas que surgen a partir de la deficiente administración
documentaria.

El desarrollo del presente proyecto, tiene como objeto utilizar las ventajas de la
tecnología de información y la comunicación, para crear una Web dinámica que permita
integrar un sistema de trámite documentario como información relacionada a la Escuela
Académico Profesional de Sistemas - UNH y de este modo agilizar procesos y consultas
por parte de alumnos, docentes entre otros.

Asimismo, permitirá obtener los siguientes beneficios:

 Un mejor control y gestión de la información Institucional.
 Acceso inmediato a la información documentaria que necesitan estudiantes y
docentes.
 Incrementar la eficiencia en el seguimiento y control de los proyectos de docentes
pertenecientes a la Escuela Académico Profesional de Sistemas - UNH.
 Incrementar la eficiencia en la gestión de la información de manera que al recibirla
esta sea inmediatamente organizada y clasificada.

Por otra parte, con la implementación del sistema de trámite documentario, sencilla y
de fácil utilización se permita gestionar toda la información referente a la Escuela
Académico Profesional de Sistemas - UNH, dicha información podrá ser solicitada o
consultada vía Web.

2
 II. MARCO TEÓRICO

2.1. DEFINICIÓN DE TÉRMINOS BÁSICOS

A continuación se definen conceptos que fundamentan decisiones para el diseño del

proyecto, dado que en estos términos pueden tener aceptaciones más complejas, ello es
parte de teorías.

a. PHP

Es un lenguaje de programación interpretado, diseñado originalmente para la

creación de páginas Web dinámicas. Es usado principalmente en interpretación del
lado del servidor pero actualmente puede ser utilizado desde una interfaz de línea
de comandos o en la creación de otros tipos de programas incluyendo aplicaciones
como interfaz gráfica usando las bibliotecas Qt o GTK+.

Generalmente se ejecuta en un servidor Web, tomando el código en PHP como su

entrada y creando páginas Web como salida. Puede ser desplegado en la mayoría de
los servidores Web y en casi todos los sistemas operativos y plataformas sin costo
alguno. PHP se encuentra instalado en más de 2 millones de sitios Web y en un millón
de servidores, aunque actualmente el número de sitios en PHP ha declinado. Es
también el módulo apache más popular entre las computadoras que utilizan apache
como servidor web, la más reciente versión principal de PHP fue la versión 5.2.5.

b. MYSQL

Es un software de administración de servidores de Bases de Datos de MySQL que

ha sido creado por MySQL AB. Se trata de un software multiplataforma, que por el
momento se encuentra disponible para Linux y Microsoft Windows y que cuenta con
un entorno gráfico de usuario muy intuitivo.

Imagen 1: MySql.

3
c. HOJA ESTILO CSS

Hoja de estilo en cascada o CSS (siglas en inglés de cascading style sheets) es un

lenguaje usado para definir y crear la presentación de un documento estructurado
escrito en HTML o XML2 (y por extensión en XHTML). El World Wide Web
Consortium (W3C) es el encargado de formular la especificación de las hojas de
estilo que servirán de estándar para los agentes de usuario o navegadores.
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un
documento de su presentación.
La información de estilo puede ser definida en un documento separado o en el mismo
documento HTML. En este último caso podrían definirse estilos generales en la
cabecera del documento o en cada etiqueta particular mediante el atributo «style».

d. BASE DE DATOS

Una base de datos (cuya abreviatura es BD) es una entidad en la cual se pueden
almacenar datos de manera estructurada, con la menor redundancia posible.
Diferentes programas y diferentes usuarios deben poder utilizar estos datos. Por lo
tanto, el concepto de base de datos generalmente está relacionado con el de red ya
que se debe poder compartir esta información. De allí el término base. "Sistema de
información" es el término general utilizado para la estructura global que incluye
todos los mecanismos para compartir datos que se han instalado.

e. INFORMACIÓN

Es un conjunto de datos convenientemente tratado, los cuales son manejados según

la necesidad del usuario, para la realización de cálculos o para que tome decisiones.

f. SOFTWARE DE DESARROLLO

Son los programas que permiten el desarrollo de aplicaciones, algunos de estos son:
Php, Java, .Net, Python, etc.

g. LENGUAJES DE PROGRAMACIÓN

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

el comportamiento de una máquina, particularmente una computadora. Consiste en
un conjunto de reglas sintácticas y semánticas que definen su estructura y el
4
 significado de sus elementos, respectivamente. Aunque muchas veces se usa lenguaje
de programación y lenguaje informático como si fuesen sinónimos, no tiene por
qué ser así, ya que los lenguajes informáticos engloban a los lenguajes de
programación y a otros más, como, por ejemplo, el HTML.

h. TABLA

Es una colección de registros, los cuales contienen datos sobre algún tema específico.
El elemento básico en una tabla es el registro.

i. PÁGINA WEB

Es una fuente de información adaptada para la World Wide Web (WWW) y accesible
mediante un navegador de Internet que normalmente forma parte de un Sitio web.
Esta información se presenta generalmente en formato HTML y puede contener
hiperenlaces a otras páginas web, constituyendo la red enlazada de la World Wide
Web.

j. SISTEMA GESTIONADOR DE BD (SGBD)

Es un tipo de software muy específico. Todas las peticiones de acceso a la BD, se

manejan centralizadamente por medio del DBMS, por lo que este paquete funciona
como interface entre los usuarios y la BD. El SGBD incorpora como herramienta
fundamental dos lenguajes, para la definición y la manipulación de los datos.

k. ENTIDAD

Una entidad es un objeto del mundo real que es de mucho interés para la empresa
sobre el cual se debe recogerse información y generalmente representa “personas”,
“lugares”, “eventos”, etc.; de una organización. En el modelo E/R, una entidad se
representa por un rectángulo, con el nombre de la entidad escrita dentro del
rectángulo.

l. ATRIBUTO

Son las propiedades o características que tienen las entidades.

En el modelo E/R, un atributo se representa por una elipse dentro del cual debe ir el
nombre del atributo y se conectan con su entidad a través de líneas.
5
m. REGISTRO

Es una colección de campos y agrupa los datos asociados a un elemento o una unidad.

n. CAMPO

Son las propiedades o características que se hallan en un registro.

o. ADOBE DREAMWEAVER CS6

Adobe Dreamweaver es una aplicación en programa de estudio que está destinada a

la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en
estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe
Systems) es uno de los programas más utilizados en el sector del diseño y la
programación web por sus funcionalidades, su integración con otras herramientas
como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide
Web Consortium.

Dreamweaver CS6 es un software fácil de usar que permite crear páginas web
profesionales.

Las funciones de edición visual de Dreamweaver CS6 permiten agregar rápidamente

diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el
código HTML. Se puede crear tablas, editar marcos, trabajar con capas, insertar
comportamientos JavaScript, etc. de una forma muy sencilla y visual.

Imagen 2: Adobe Dreamweaver Cs6.

p. PHP DESIGNER 8

PHP Designer es un completo entorno de desarrollo y programación especialmente

diseñado para los gurús de PHP, aunque también permite trabajar con comodidad en
otros lenguajes de programación como HTML, XHTML, CSS y SQL.

6
 Ofrece toda una serie de asistentes y diálogos integrados que facilitan en todo
momento tu tarea, además de acceso directo a librerías de código o scripts de uso
habitual, utilidades diversas y toda suerte de herramientas, todo ello en una interfaz
de diseño sencillo y elegante que puedes personalizar con nada menos que dieciocho
temas distintos.

Cuenta con cliente de FTP y navegador de ficheros integrado, utilidades de

corrección y autocompletado, búsqueda integrada en Google y soporte para
proyectos, además de usar un práctico esquema de color para la sintaxis del código
fuente que facilita enormemente la programación.

PHP Designer Soporta: PHP, HTML, XHTML, CSS, Java, Perl, JavaScript, VB, C#
y SQL.

Imagen 3: Php Designer 8.

q. APPSERV

Appserv es una herramienta OpenSource para Windows con Apache, MySQL, PHP
y otras adiciones, en la cual estas aplicaciones se configuran en forma automática, lo
que permite ejecutar un servidor web completo. Como extra incorpora phpMyAdmin
para el manejo de MySQL

Inmediatamente después de la instalación está disponible completamente funcional

del servidor web Apache, que se ejecuta en el equipo local, que puede ejecutar un
número ilimitado de sitios para ser muy eficaz para desarrollar y depurar scripts PHP
sin subir archivos a un servidor remoto. El programa se distribuye gratuitamente bajo
licencia GNU General Public License y es gratis, fácil de usar web-servidor capaz
de servir páginas dinámicas. Con esta configuración, puede implementar
rápidamente un equipo hecho y derecho y el servidor web rápido, con acceso desde
la red local, sin necesidad de configuración adicional. Puede ser utilizado como un
servidor web público en Internet.

7
 Imagen 4: AppServ.

2.2. SUSTENTO TEÓRICO QUE RESPALDA AL PROYECTO

Un portal web se puede definir como la evolución del concepto “sitio web”, en el cual
el sitio web se ha convertido en el punto de entrada a un conjunto de servicios de
información a los que se accede de forma sencilla, unificada y segura.
Su nacimiento data hacia a principios de 1997 cuando los buscadores liderados por
YAHOO y en menos medida por ALTA VISTA, comenzaron a ampliar sus páginas
principales (Home Page) y a ofrecer algunos contenidos (Noticias, resultados
deportivos, etc.) de reconocido interés para sus millones de visitantes. El objetivo era
y sigue siendo fidelizar a los usuarios y conseguir que establezcan la página del portal
como Home Page propia.
A continuación se presenta una cronología de los principales grupos Webs y su
evolución:

a. Primera generación

Durante el periodo 1990-1996 según Luís Ángel Fernández Hermana, el primer

portal Web fue el de Time-Warner, aunque desde hace ya muchos años han existido
webs que han ofrecido diversos servicios. Una buena prueba de ello se encuentra en
AméricaOnLine (http://www.aol.com/) o Compuserver
(http://www.compuserve.com/). Estos proveedores de servicios ofrecían,
inicialmente, una parte restringida sólo a sus clientes con toda una colección de
servicios.

b. Segunda generación

Durante el periodo 1997-1999 con la popularización de Internet los grandes

proveedores como los anteriormente mencionados, abren parte de sus servicios a
cualquier persona. Este cambio de orientación fue debido a la intención de captar

8
 nuevos clientes y de fidelizar a los existentes. Otro motivo y no de poca importancia,
hay que buscarlo en la aparición y ofrecimiento de Servicios de Valor Añadido
(SVA) por parte de motores de búsqueda como Yahoo! o AltaVista. Es en este
momento cuando se inicia a hablar de portales Web.

c. Tercera generación

Durante el periodo 1999-2001 se caracterizó por la proliferación de portales de

diferente procedencia geográfica y por la transformación de motores de búsqueda,
por ejemplo Olé!-Terra. En 1999 se unen Retevisión y Excite, Telefónica compra
Olé! , y aparece la versión castellana de Yahoo! y AltaVista. Además de las compras
y las grandes alianzas estratégicas (por ejemplo, Terra-Lycos); se asiste ahora al
inicio de las salidas a bolsa, la búsqueda de rentabilidad mediante publicidad y el
intento de captación de clientes por medio del ofrecimiento de todo tipo de servicios
con la intención de diferenciarse de la competencia.

9
 III. METODOLOGÍA

3.1. MODALIDAD

Proyección Social.

3.2. LUGAR DE EJECUCIÓN

Direccion de la Escuela Académico Profesional de Sistemas.

 DISTRITO: Daniel Hernández.
 PROVINCIA: Tayacaja.
 DEPARTAMENTO: Huancavelica.

3.3. BREVE RESEÑA DE LA INSTITUCIÓN ATENDIDA

La Escuela Académico Profesional de Ingeniería de Sistemas fue creada en la facultad

de ciencias de Ingeniería con Resolución Nº 176-2003-R-UNH, con fecha 24 de Marzo
del 2003 y con sujeción del decreto Legislativo Nº 276 “Ley de bases de la carrera
Administrativa” del Sector Público. En sus inicios solo contaba con dos docentes de la
carrera de ingeniería de sistemas y un personal administrativo (Secretaria) y empezó a
funcionar en el 2004.

 VISIÓN

Ser una entidad formadora de Ingenieros de Sistemas acorde con los estándares de
calidad universitaria a nivel nacional.

 MISIÓN

Formar profesionales íntegros, proactivos, en ingeniería de sistemas capaces de

analizar, diseñar soluciones integrales a problemas complejos a nivel regional y
nacional.

10
 Imagen 5: Localización de la Escuela Académico Profesional de Sistemas.

3.4. BENEFICIARIOS

La población de la Escuela Académico Profesional de Sistemas:

 Estudiantes
 Docentes
 Personal Administrativo

3.5. METODOLOGÍA

3.5.1. DEFINICIÓN DE LA METODOLOGÍA RUP

El proceso de desarrollo que vamos a utilizar es la metodología RUP ya que

constituye la metodología estándar más utilizada para el análisis,
implementación y documentación de sistemas orientados a objetos.
El Proceso Unificado Racional (Rational Unified Process en inglés,
habitualmente resumido como RUP) es un proceso de desarrollo de software, el
RUP no es un sistema con pasos firmemente establecidos, sino un conjunto de
metodologías adaptables al contexto y necesidades de cada organización.
También se conoce por este nombre al software desarrollado por Rational, hoy
propiedad de IBM, el cual incluye información entrelazada de diversos artefactos
y descripciones de las diversas actividades. Está incluido en el Rational Method
Composer (RMC), que permite la personalización de acuerdo a necesidades.

11
Originalmente se diseñó un proceso genérico y de dominio público, el Proceso
Unificado, y una especificación más detallada, el Rational Unified Process, que
se vendiera como producto independiente.
EL Lenguaje Unificado de Modelado (UML, por sus siglas en inglés, Unified
Modeling Language) es el lenguaje de modelado de sistemas de software más
conocido y utilizado en la actualidad; está respaldado por el OMG (Object
Management Group). Es un lenguaje gráfico para visualizar, especificar,
construir y documentar un sistema. UML ofrece un estándar para describir un
"plano" del sistema (modelo), incluyendo aspectos conceptuales tales como
procesos de negocio y funciones del sistema, y aspectos concretos como
expresiones de lenguajes de programación, esquemas de bases de datos y
componentes reutilizables.
Es importante resaltar que UML es un "lenguaje de modelado" para especificar
o para describir métodos o procesos. Se utiliza para definir un sistema, para
detallar los artefactos en el sistema y para documentar y construir. En otras
palabras, es el lenguaje en el que está descrito el modelo.
Se puede aplicar en el desarrollo de software entregando gran variedad de formas
para dar soporte a una metodología de desarrollo de software (tal como el
Proceso Unificado Racional o RUP), pero no especifica en sí mismo qué
metodología o proceso usar.
UML no puede compararse con la programación estructurada, pues UML
significa Lenguaje Unificado de Modelado, no es programación, solo se
diagrama la realidad de una utilización en un requerimiento. Mientras que,
programación estructurada, es una forma de programar como lo es la orientación
a objetos, sin embargo, la programación orientada a objetos viene siendo un
complemento perfecto de UML, pero no por eso se toma UML sólo para
lenguajes orientados a objetos.
Es un proceso para el desarrollo de un proyecto de un software que define
claramente quién, cómo, cuándo y qué debe hacerse en el proyecto. Las tres
características esenciales está dirigido por los Casos de Uso: que orientan el
proyecto a la importancia para el usuario y lo que este quiere, está centrado en
la arquitectura: que relaciona la toma de decisiones que indican cómo tiene que
ser construido el sistema y en qué orden y es iterativo e incremental: donde

12
 divide el proyecto en mini proyectos donde los casos de uso y la arquitectura
cumplen sus objetivos de manera más depurada.

Imagen 6: Estructura del ciclo de vida del software.

3.5.2. DISCIPLINA DE SOPORTE RUP

Determina la documentación que es necesaria realizar durante el Proyecto.

 Configuración y administración del cambio: Guardar todas las versiones del
proyecto.
 Administración del proyecto: Administrar los horarios y recursos que se
deben de emplear.
 Ambiente: Administrar el ambiente de desarrollo del software.
 Distribución: Hacer todo lo necesario para la salida del proyecto.

3.5.3. ELEMENTOS DEL RUP

 Actividades: Procesos que se han de realizar en cada etapa/iteración.

 Trabajadores: Personas involucradas en cada actividad del proyecto.
 Artefactos: Herramientas empleadas para el desarrollo del proyecto. Puede
ser un documento, un modelo, un elemento del modelo, etc.

13
3.6. DURACIÓN DEL PROYECTO

Tabla 1: Tabla de actividades.

MESES
ACTIVIDADES
Abr May Jun Jul Ag Set Oct Nov Dic
1. Organización del Grupo X

2. Elaboración del Proyecto X

3. Recopilación de Datos X X

4. Análisis del diseño X X

5. Elaboración del primer X

informe
6. Diseño de la página web X X X

7. Codificación X X X X

8. Elaboración de la página X X X X X X
web
9. Pruebas de la página web X X X

10. Elaboración del Segundo X

informe

11. Elaboración y entrega de X

manuales

12. Elaboración del Informe X

Final

14
 IV. RESULTADOS

4.1. PRESENTACIÓN Y ANÁLISIS DE RESULTADOS

4.1.1. ACTIVIDADES REALIZADAS

Según el cronograma establecido en el plan de trabajo no hubo problemas y se

va avanzando satisfactoriamente, desarrollando el sistema web “sistramidoc”.
Para realizar el diseño y la codificación del software nos tomamos un tiempo
para poder recopilar información sobre códigos de php, de almacenamiento
según el programa de base de datos que se usó para codificar en el software.

o Abril del 2014

 Formación del grupo proyección social.

 Formulación del nombre del grupo de proyección social
“ESTUDIANTES DE SISTEMAS UNIDOS”.
 Elección de la institución en el cual se realizara la proyección social.
 Elección del Proyecto a realizarse.
 Recopilación de datos requeridos de la institución.

o Mayo del 2014

 Captura de requerimientos.
 Análisis del diseño del sistema.

o Junio del 2014

 Aprobación del diseño analizado.

 Elaboración del primer informe.
 Diseño de la maqueta de la página web.
 Elaboraciones previas de la página web.

o Julio del 2014

 Revisión y aprobación del diseño de la página web.

 Elaboración de la página web.
 Elaboración del segundo informe.

15
 o Agosto del 2014

 Diseño de página web.

 Elaboración de la página.
 Codificación previa de la página web.

o Setiembre a noviembre del 2014

 Elaboración de la página web.

 Codificación de la página web.
 Pruebas de la página web.

o Diciembre del 2014

 Elaboración y entrega de manuales.

 Elaboración del informe final.

4.1.2. DISEÑO DE LA PÁGINA WEB SOFTWARE SISTRAMIDOC

Se realizaron los diseños de la página web.

A. DISEÑO DEL FORMULARIO DE PRESENTACION

Imagen 7: Inicio del sistema web sistramidoc.

16
B. DISEÑO DEL FORMULARIO DE LA VENTANA PRINCIPAL

Imagen 8: Página principal del sistema web sistramidoc.

C. DISEÑO DEL FORMULARIO USUARIOS

Imagen 9: Formulario usuario del sistema web sistramidoc.

17
D. DISEÑO DEL FORMULARIO ÁREAS DE LA E.A.P.S

Imagen 10: Formulario áreas del sistema web sistramidoc.

E. DISEÑO DEL FORMULARIO LISTADO DE TRÁMITES

INGRESADOS

Imagen 11: Listado de trámites ingresados del sistema web sistramidoc.

18
4.1.3. CÓDIGOS DEL SOFTWARE SISTRAMIDOC

A. CÓDIGO DE LA CONEXIÓN A LA BASE DE DATOS

function Conectarse(){
$host = "localhost";
$base = "sistramidoc";
$link=mysql_connect($host,"root","***") or die("Error de conexion al servidor");
$db=mysql_select_db($base, $link) or die("Error de conexion a la BD");
return $link;
}

B. CÓDIGO DE LA PÁGINA PRINCIPAL INDEX

<html><head>
<title>Area Restringida - Sistema de Tramite documentario</title>
<script>
function buscar(){
document.location.href = "../index.php";
}
</script>
<style type="text/css">
<!--
.Estilo1 {
color: #006699;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style>
<link href="../css/styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
.Estilo4 {font-size: 14px}
.Estilo8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.Estilo25 { color: #22B14C
}
.Estilo33 { font-size: 14px;
font-weight: bold;
color: #000000;
font-family: Calibri;
}
.Estilo37 { font-family: Calibri;
font-size: 12px;

19
}
.Estilo40 {font-family: Calibri; font-size: 14px; }
.Estilo44 { color: #FFFFFF;
font-size: 36px;
font-family: Calibri;
font-weight: bold;
}
.Estilo45 { font-family: Calibri;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
}
.Estilo46 {font-size: 24px}
</style>
</head>

<body bgcolor="#D3D3D3">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="100%" height="95" align="left" valign="top"
bordercolor="#D4D0C8"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr valign="middle">
<td width="100%" height="100" align="center" valign="middle"
bgcolor="#195e78"><img src="../imagenes/logo_unh.png" alt="cabecera" width="64"
height="80">
<center>
<p><font color="#FFFFFF" size="+2" style="font-family: Verdana, Arial,
Helvetica, sans-serif" title="Universidad Nacional de Huancavelica">UNIVERSIDAD
NACIONAL DE HUANCAVELICA</font></p>
</center></td> </tr> </tbody> </table></td> </tr>
<tr>
<td align="center" valign="top" bordercolor="#FFFFFF" bgcolor="#CCCCCC"><table
width="790" height="262" border="0" align="center"> <tr>
<td height="21" colspan="3">&nbsp;</td>
</tr> <tr>
<td width="231" height="173">&nbsp;</td>
<td width="430"><form action="verifica.php" method="post" name="frmacceso"
id="frmacceso2">
<table width="557" border="1">
<tbody>

20
 <tr><td width="541" bordercolor="#286077" bgcolor="#195e78"><div
align="center"><span class="Estilo44">SISTEMA DE TRAMITE DOCUMENTARIO -
EAPS</span></div></td>
</tr>
<tr>
<td bordercolor="#286077" bgcolor="#195e78"><div align="center"
class="Estilo44 Estilo46"></div></td>
</tr> <tr>
<td bordercolor="#286077" bgcolor="#195e78"><div align="center"><span
class="Estilo37"><span class="Estilo45">Para Ingresar al Sitramidoc - EAPS Escriba sus datos
correctamente.</span></span></div>
<div align="center"></div></td>
</tr>
</tbody>
</table>
</form></td>
<td width="115">&nbsp;</td>
</tr>
<tr>
<td height="21">&nbsp;</td>
<td><form action="verifica.php" method="post" name="frmacceso"
id="frmacceso">
<table width="376" align="center" border="1" bordercolorlight="#CCCCCC"
cellspacing="0">
<tr>
<th colspan="2" class="tabla-top">Acceso de Usuarios</th>
</tr> <tr>
<td width="271" valign="top"><table width="257" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td height="20">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr> <tr>
<td width="64" class="campo1" >Usuario</td>
<td width="174"><input name="txtuser" type="text" class="campo1"
size="30"></td>
<td width="19">&nbsp;</td>
</tr> <tr>
<td class="campo1" >Clave</td>
<td><input name="txtclave" type="password" class="campo1" id="txtclave"
size="15" maxlength="15"></td>
<td>&nbsp;</td>

21
 </tr> <tr>
<td class="campo1" >Tipo</td>
<td><select name="cbotipo" size="1" class="campo1" id="cbotipo">
<option value="A">Administrador</option>
<option value="V" selected>Usuario de Area</option>
</select></td>
<td>&nbsp;</td>
</tr>
</table></td>
<td width="110" valign="top"><table border="0" align="center"
cellpadding="0">
<tr>
<td width="100" valign="top" class="new-link" ><fieldset>
<legend class="newlink">Acciones</legend>
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="64" height="37"><div align="center">
<input name="ingresar" type="submit" class="botones" id="ingresar"
value="Ingresar" >
</div></td>
</tr>
<tr>
<td width="64" height="30"><div align="center">
<input name="Modificar" type="reset" class="botones"
onClick="buscar();" value="Cancelar" <?php if ($sw==1) { echo disabled;}?>>
</div></td>
</tr>
</table>
</fieldset></td>
</tr>
</table></td>
</tr>
<tr>
<td height="23" colspan="2" class="thtitulo"><table width="372" border="0"
cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="28" class="tabla-top">&nbsp;</td>
<td bgcolor="#fed86b" class="tabla-top"><?
// Mostrar error de Autentificación.
include ("aut_mensaje_error.inc.php");
if (isset($error_login)){
echo "<font face='Verdana, Arial, Helvetica, sans-serif' size='1'
color='#FF0000'><b>Error: $error_login_ms[$error_login]</b></font><br><br>";

22
 }
?></td>
</tr>
</table></td>
</tr>
</table>
</form></td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td width="100%" height="35" align="center" bordercolor="#F0F0F0"
bgcolor="#CCCCCC"><p class="Estilo4"> <span class="Estilo8"><strong>Universidad
Nacional de Huancavelica </strong>- 2014. Todos los derechos reservados.</span></p>
<p class="Estilo8">DIRECCION UNIVERITARIA EXTENSION Y PROYECCION
SOCIAL</p>
<p class="Estilo8">Daniel Hernandez Pampa Tayacaja - Huancavelica - Peru | Telefono
Fijo 067- | RPM #</p></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
</body></html>

C. CÓDIGO DE LA FUNCIÓN VERIFICAR USUARIO

<?php
session_start();
if (isset($_POST['ingresar'])) {
include("../intranet/funciones.php");
$link=Conectarse();
$usu=trim($_POST['txtuser']);
$clave=trim($_POST['txtclave']);
$tipou=$_POST['cbotipo'];
$sqlver=mysql_query("select * from usuario where login='$usu' and tipo='$tipou' ",$link) or die
("Error Usuarios: " . mysql_error() . "Numero " . mysql_errno());
while($datasql=mysql_fetch_array($sqlver))
{
$xidusuario=$datasql[0];
$xusuario=$datasql['login'];
$xtipo=$datasql['tipo'];
$xclave=$datasql['clave'];

23
 $xarea=$datasql['idarea'];
}
if (trim($usu) != trim($xusuario))
{
header("location:index.php?error_login=4");
exit;
}
if (trim($clave) != trim($xclave))
{
header("location:index.php?error_login=3");
exit;
}
if (trim($tipou) != trim($xtipo))
{
header("location:index.php?error_login=8"); exit;
}
$usuario=$xusuario;
session_name("usuario");
session_register("usuario");
switch($xtipo)
{
case A :
header("location:inicio.php");
break;
case V :
header("location:inicio.php");
break;
case M :
header("location:menuadmin.php");
break;}
}else{
header("location:index.php?error_login=7");
}
?>

D. CÓDIGO DE LA FUNCIÓN LOGOUT

<?
// iniciamos sesiones
session_start();
// destruimos la session de usuarios y variables usadas.
$usuarios_sesion = "sanpedro";
session_name($usuarios_sesion);

24
 session_unset();
session_destroy();
echo "<META HTTP-EQUIV=Refresh CONTENT='1;URL=index.php'>";
?>
<html>
<head>
<title> SISTEMA DE TRAMITE DOCUMENTARIO EAP- SISTEMAS</title>
<link rel="stylesheet" href="../css/estilo.css" type="text/css">
</head>
<body background="images/fondo.gif">
<br><br>
<center>
<font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="000063"><b>
Cerrando Session de Usuario .. </b></font>
</center>
</body>
</html>

E. CÓDIGO DEL FORMULARIO REGISTRAR TRÁMITE

<?
session_start();
if (session_is_registered("usuario"))
{
?>
<?
include("menuadmin.php");
include("funciones.php");
$link=Conectarse();
//Editar
if(!empty($id)){
$sql = "select * from tramite where idtramite='$id'";
$rs = mysql_query($sql, $link);
$usu = mysql_fetch_row($rs);
$id=$usu[0];
$num_expediente=$usu[1];
$fecha_recepcion=$usu[2];
$idprocedencia=$usu[3];
$asunto=$usu[4];
$observacion=$usu[5];
$idarea=$usu[6];
$respuesta=$usu[7];
$num_folios=$usu[8];

25
 $idusuario=$usu[9];
$idareareg=$usu[10];
}
?>
<script src="js/validar.js" type="text/javascript" language="javascript"></script>
<link href="../css/styles.css" rel="stylesheet" type="text/css" />

<script>
function abrirventana(archivo,parametros,vwidth,vheight, propiedades){
//propiedades: //"status=yes toolbar=no resizable=no"
var ventana=null;
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight );
l = (screen.availWidth - vwidth)/2;
t = (screen.availHeight - vheight)/2;
//if(TipoNavegador()==false){
ventana = window.open(archivo + parametros, "vent", "width=" + vwidth + " height=" +
vheight + " left=" + l + " top=" + t + " " + propiedades);
//}else{
//ventana = window.showModalDialog(archivo + parametros, "nose", "dialogHeight: " + vheight
+ "px; dialogWidth: " + vwidth + "px; edge: Raised; center: Yes; help: No; resizable: No; status:
No;");
//}
}
</script>
<script>
function abrirventana2(archivo,parametros,vwidth,vheight, propiedades){
//propiedades: //"status=yes toolbar=no resizable=no"
var ventana=null;
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight );
l = (screen.availWidth - vwidth)/2;
t = (screen.availHeight - vheight)/2;
//if(TipoNavegador()==false){
ventana = window.open(archivo + parametros, "vent", "width=" + vwidth + " height=" +
vheight + " left=" + l + " top=" + t + " " + propiedades);
//}else{
//ventana = window.showModalDialog(archivo + parametros, "nose", "dialogHeight: " + vheight
+ "px; dialogWidth: " + vwidth + "px; edge: Raised; center: Yes; help: No; resizable: No; status:
No;");
//}
}
</script>

26
<script language="JavaScript">
function carga(frm){
frm.action = "regtramite.php?id=<?=$id?>";
frm.submit();
}
</script>
<form action="mantramite.php" method="post" enctype="multipart/form-data"
name="formulario">
<table width="57%" border="0" align="center" cellpadding="0" cellspacing="5"
class="TableBorde">
<tr>
<td colspan="2" class="precio-venta">Ingreso de tramites</td>
</tr><tr><td width="113"><span class="categorias">C&oacute;digo&nbsp;&nbsp;:</span>
</td>
<td width="433" class="letrasnegras"><?
switch($sw){
case "n" : $idtramite=GenerarCodigo("tramite","idtramite", $link);
echo $idtramite;
$stime=date("Y-m-d H:i:s");$fecha_actual=date("Y")."-".date("m")."-
".date("d");
$fecha_recepcion=$stime;

$sqlusuario = "select idusuario,nom_usuario,idarea from usuario where

login='$usuario'";
$rsusuario = mysql_query($sqlusuario, $link);
$usuusuario = mysql_fetch_row($rsusuario);
$idusuario=$usuusuario[0];
$nom_usuario=$usuusuario[1];
$area=$usuusuario[2];

$idareareg=$area;
?>
<input name="idtramite" type="hidden" value="<?=$idtramite?>" />
<input name="sw" type="hidden" value="n" />
<?
break;
case "e" :
echo $id;
$sqlusuario = "select idusuario,nom_usuario,idarea from usuario where
login='$usuario'";
$rsusuario = mysql_query($sqlusuario, $link);
$usuusuario = mysql_fetch_row($rsusuario);
$idusuario=$usuusuario[0];

27
 $nom_usuario=$usuusuario[1];
$area=$usuusuario[2];
$idareareg=$area;
?>
<input name="idtramite" type="hidden" value="<?=$id?>" />
<?
?>
<input name="sw" type="hidden" value="e" />
<?
break;
}
?>
<input type="hidden" name="tramite"></td>
</tr>
<tr>
<td class="categorias">N° de Expediente :</td>
<td class="campo1"><input name="num_expediente" type="text" id="num_expediente"
value="<?=$num_expediente?>" size="50" maxlength="12" class="campo1" ></td>
</tr>
<tr>
<td class="categorias">Procedencia: </td>
<td class="campo1">
<input name="idprocedencia" type="text" class="campo1" id="idprocedencia"
value="<?=$idprocedencia?>" size=15 maxLength=5>
<?
$sqlp1 = mysql_query("select * from procedencia where
idprocedencia='$idprocedencia'",$link) or die(mysql_error());
$datap1 = mysql_fetch_array($sqlp1);
$nombre=$datap1[1];
?>
<input name="nombre" type="text" disabled class="campo1"
id="nombre" value="<?=$nombre?>" size="25">
<input type="button" value="..." name="cmdespe" class="boton2"
onClick="abrirventana('buscaprocedencia.php','','550','330', ' resizable=yes') ;" id="cmdespe">
<input type="button" value="Nuevo" name="cmdespe2" class="boton2"
onclick="abrirventana('nuevaprocedencia.php','','500','250', ' resizable=yes') ;" id="cmdespe2" />
</label></td>
</tr>

<tr>
<td class="categorias">Fecha de Recepcion :</td>
<td class="campo1">

28
 <input name="fecha_recepcion" type="text" id="fecha_recepcion"
value="<?=$fecha_recepcion?>" size="25" maxlength="5" class="campo1" > </td>
</tr>
<tr>
<td class="categorias">Usuario :</td>
<td class="campo1"><input name="idusuario" type="text" id="idusuario"
value="<?=$idusuario?>" size="7" maxlength="5" class="campo1" >
<input name="nom_usuario" type="text" disabled="disabled" id="nom_usuario"
value="<?=$nom_usuario?>" size="25" maxlength="5" class="campo1"></td>
</tr>
<tr>
<td class="categorias">Area Registra:</td>
<td class="campo1"><input name="idareareg" type="text" id="idareareg"
value="<?=$idareareg?>" size="7" maxlength="5" class="campo1" ></td>
</tr>
<tr>
<td class="categorias">Area Resuelve :</td>
<td class="campo1"><select name="idarea" class="campo1" id="idarea">
<?php
$cadena ="SELECT idarea,nom_area FROM area";
$tabla =mysql_query($cadena,$link) or die ("Error : " . mysql_error());
$total= mysql_num_rows($tabla);
while ($registro = mysql_fetch_array($tabla)){

?>
<option value="<? echo $registro['idarea'];?>"> <? echo $registro['nom_area'];?></option>
<? }
?>
</select>
&nbsp; </td>
</tr>
<tr>
<td class="categorias">Asunto :</td>
<td><span class="campo1">

<textarea name="asunto" class="campo1" id="asunto" cols="50" rows="5" >

<?=$asunto?> </textarea>
</span></td>
</tr>
<tr>
<td class="categorias">observacion :</td>
<td><span class="campo1">

29
 <textarea name="observacion" class="campo1" id="observacion" cols="50" rows="5" >
<?=$observacion?> </textarea>
</span></td>
</tr>
<tr>
<td class="categorias">N° Folios:</td>
<td class="campo1">
<input name="num_folios" type="text" id="num_folios" value="<?=$num_folios?>"
size="25"onkeypress="keynumeros();" maxlength="5" class="campo1" > </td>
</tr>
<tr>
<td height="23" class="categorias">Respuesta :</td>
<td class="campo1">
<select name="respuesta" class="campo1" id="respuesta">
<option value="Ingresado" <? if ($usu[7]=="Ingresado") echo "Ingresado" ?>>
Ingresado </option>
<option value="Resuelto" <? if ($usu[7]=="Resuelto") echo "Selected" ?>> Resuelto
</option>
<option value="Derogado" <? if ($usu[7]=="Derogado") echo "Selected" ?>>
Derogado </option>
<option value="Cancelado" <? if ($usu[7]=="Cancelado") echo "Selected" ?>>
Cancelado </option>
</select> </td>
</tr>
<tr>
<td class="categorias">&nbsp;</td>
<td><span class="campo1">
<span class="categorias">
<input type="submit" name="grabar" value="Registrar"
class="botones" onclick="return validar('num_expediente','Codigo
expediente','T','idprocedencia','Codigo Tramitante','T','fecha_tramite','Fecha de
Tramite','T','idusuario','Usuario','T','idareareg','Area que registra','T','idarea','area que
resuelve','C','num_folios','Numero de Folios','respuesta','Respuesta','C','T');" />
</span>
<input name="Submit2" type="button" class="botones" value="Cancelar"
onclick="location = 'listtramite.php'" />
</span></a></span></td>
</tr> </table></form><br></body></html>
<?php
}else{
include("vigilante.php");
}
?>

30
F. CÓDIGO DEL FORMULARIO BUSCAR ÁREA

<?
session_start();
if (session_is_registered("usuario"))
{
?>
<?
include("funciones.php");
?>
<html>
<head><title>Buscar Area</title>
<script src="../js/validar.js" type="text/javascript" language="javascript"></script>
<link href="../css/styles.css" rel="stylesheet" type="text/css" />
</head>
<script language="JavaScript" type="text/JavaScript">
function put(codigo,datos){
window.opener.document.formulario.idarea.value=codigo;
window.opener.document.formulario.nom_area.value=datos;
//*window.opener.document.formulario.porcentaje.value=datos1;
window.close();
}
</script>
<body>
<div align="center">
<form name="formulario" method="post" action="<?=$PHP_SELF?>">
<table width="80%" height="29" border="0" class="tableborde">
<tr>
<td colspan="2" class="tablaform">
Buscar Por : </td>
</tr>
<tr>
<td> <span class="campo1">Nombre Area:
</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input name=nombre type=text class="campo1" id=nombre
value="<?=$nombre?>">
<input class="boton2" type="submit" name="Submit" value="Buscar"> </td>
</tr>
</table>
</form>
<input type="hidden" value="<?=$nombre?>" name="nombre">
<?
$link = Conectarse();

31
$sql="select idarea as Codigo,nom_area as Area from area where nom_area like '$nombre%'";
$limite=10;

$rs=mysql_query($sql,$link) or die("Error en la consulta");

$totalfilas = mysql_num_rows($rs);
//Registros que se mostraran
if(empty($pagina))$pagina = 1; //pagina por defecto
$limitevalor = $pagina*$limite-($limite);
//criterio de ordenamiento
if(empty($ordenarpor))$ordenarpor = "1"; //por defecto el primer campo
//Sentido de ordenamiento Ascendente o Descendente
if($ordenactual==$ordenarpor)
{
if($sentido=="Desc")
{
$sentido="Asc";
}else{
$sentido="Desc";
}
}else{
$sentido="Asc";
}
$ordenactual=$ordenarpor;
//empezando de $limite mostrar $limitevalor registros
//Limit $limite , $limitevalor
$rs_lim=mysql_query("$sql Order By $ordenarpor $sentido LIMIT $limitevalor, $limite",$link)
or die ("Error en el ordenamiento...");
//********MOSTRAR TABLA **********//////
$campos= mysql_num_fields($rs);
$numfilas= mysql_num_rows($rs);
?>
<form name="form1" method="post" action="eli<?=$tabla?>.php">
<table border=0 cellpadding="1" class="tableborde" id="tbLista" width="530">
<th colspan="<?=$campos+2?>" class="tablaform"><?=$titulo?></th>
<tr>
<?
for($i=0;$i<$campos;$i++){
?>
<th>
<?
$campo=$i+1;

32
 echo "<a
href=".$PHP_SELF."?pagina=".$pagina."&ordenarpor=".$campo."&ordenactual=".$ordenactua
l."&sentido=".$sentido.">". mysql_field_name($rs,$i)."</a>";
?> </th>
<?
}
?>
</tr>
<?
if(mysql_num_rows($rs)==0) echo "<tr><td colspan=$campos align='center'><font
color='#336699' size='2.5' face='verdana,arial'><b>No hay registros</b></font></td></tr>";
$n=0;
while($filas=mysql_fetch_row($rs)){
if($n%2==0){?>
<tr bgcolor="#EEEEEE">
<? } else { ?>
<tr bgcolor="#FFFFFF">
<? }
$n++;
for($i=0;$i<$campos;$i++){ ?>
<td><a href="javascript:void(0);" class="letrasazules" onClick="put('<?=$filas[0]?>','<?
echo "$filas[1]" ?>')">
<?=$filas[$i]?>
</a>
</td>
<?
}
?>
</tr>
<?
}
?>

</table>
</form>
<?
if($pagina != 1) {
$paginaprevia= $pagina - 1;
}
if(mysql_num_rows($rs_lim)>0){
echo "<center><font size=2><b>P&aacute;gina :</b></font>";
$numdepaginas = ceil($totalfilas/$limite);

33
 for($i=1; $i <= $numdepaginas; $i++) {
if($i!=$pagina){
echo "&nbsp;<font size=1><A
HREF=".$PHP_SELF."?pagina=".$i."&ordenarpor=".$ordenarpor."&ordenacual=".$ordenactua
l."&sentido=".$sentido.">".$i."</font></A>&nbsp;";
}else{
echo "&nbsp;<font size=1>$i</font>&nbsp;";
}
}
if(($totalfilas-($limite*$pagina)) > 0){
$paginasgte = $pagina + 1;
}
echo "</center>";
}
mysql_free_result($rs);
?>
</div>
</body>
</html>
<?php
}else{
include("vigilante.php");
}
?>

G. CÓDIGO DEL FORMULARIO CONSULTA DE TRÁMITE

<?
session_start();
if (session_is_registered("usuario"))
{
?>
<? include("menuadmin.php");?>
<html>
<head>
<SCRIPT language=JavaScript src="js/sombreado.js"></SCRIPT>

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

</head>
<body><p>
<table width="80%" border="0" align="center">
<tr><td width="3%"></td>
<td width="97%" valign="top">

34
<form name=formulario action="<?=$PHP_SELF?>" method="post">
<table border="0" width="80%" class="TableBorde" align="center">
<tr>
<td class="titulored">
Buscar Por : </td>
</tr><tr><td>
<table border="0" width="80%">
<tr>
<td class=letrasazules >N Expediente:</td>
<td class=campo1>
<input name=nombre type=text class="letrasazules"
value="<?=$nombre?>" size=25 maxLength=100>
&nbsp;<input type="submit" class="boton2"
name="cmdbuscar" value=" Buscar "> </td> </tr>
</table> </td> </tr>
</table></form>
<input type=hidden name=nombre value="<?=$nombre?>">
<table border="0" width="100%">
<tr>
<td width="100%">
<?php
include("funcionesarc.php");
$link=Conectarse();
$sqlusuario = "select idusuario,nom_usuario,idarea from usuario where login='$usuario'";
$rsusuario = mysql_query($sqlusuario, $link);
$usuusuario = mysql_fetch_row($rsusuario);
$idusuario=$usuusuario[0];
$nom_usuario=$usuusuario[1];
$idarea=$usuusuario[2];

$tabla="tramite";
$sql="select t.idtramite,t.num_expediente as Expediente,t.fecha_recepcion as
FechaRecepcion,p.nombre as Tramitante, t.asunto as Asunto,t.observacion,a.nom_area as
AreaResuelve,t.respuesta,t.num_folios,u.nom_usuario as Registrador,ar.nom_area as
Arearegistro from tramite t,procedencia p,area a,area ar,usuario u where t.idarea = a.idarea and
t.idprocedencia = p.idprocedencia and t.idusuario = u.idusuario and t.idareareg = ar.idarea and
t.num_expediente like '$nombre%'";
$rs=mysql_query($sql,$link) or die ("Error : " . mysql_error());
paginar(10,$sql, $tabla, "Listado de Tramites Ingresados",1,$PHP_SELF);
exit;
?></td></tr></table></td></tr></table>
</body></html>
<?php

35
 }else{
include("vigilante.php");
}
?>

H. CÓDIGO DEL FORMULARIO LISTAR TRÁMITE

<?
session_start();
if (session_is_registered("usuario"))
{
?>
<? include("menuadmin.php");?>
<html>
<head>
<SCRIPT language=JavaScript src="js/sombreado.js"></SCRIPT>
<link href="../css/styles.css" rel="stylesheet" type="text/css">
</head><body><p><table width="80%" border="0" align="center">
<tr><td width="3%"></td>
<td width="97%" valign="top">
<form name=formulario action="<?=$PHP_SELF?>" method="post">
<table border="0" width="80%" class="TableBorde" align="center"> <tr><td
class="titulored"> Buscar Por : </td>
</tr><tr><td> <table border="0" width="80%">
<tr>
<td class=letrasazules >N Expediente:</td>
<td class=campo1>
<input name=nombre type=text class="letrasazules"
value="<?=$nombre?>" size=25 maxLength=100>
&nbsp;<input type="submit" class="boton2"
name="cmdbuscar" value=" Buscar "> </td></tr></table></td>
</tr></table>
</form>
<input type=hidden name=nombre value="<?=$nombre?>">
<table border="0" width="100%"><tr>
<td width="100%">
<?php
include("funcionestra.php");
$link=Conectarse();
$sqlusuario = "select idusuario,nom_usuario,idarea from usuario where login='$usuario'";
$rsusuario = mysql_query($sqlusuario, $link);
$usuusuario = mysql_fetch_row($rsusuario);
$idusuario=$usuusuario[0];

36
 $nom_usuario=$usuusuario[1];
$idarea=$usuusuario[2];
$tabla="tramite";
$sql="select t.idtramite,t.num_expediente as Expediente,t.fecha_recepcion as
FechaRecepcion,p.nombre as Tramitante, t.asunto as Asunto,a.nom_area as
AreaResuelve,t.respuesta,t.num_folios,u.nom_usuario as Registrador,ar.nom_area as
Arearegistro from tramite t,procedencia p,area a,area ar,usuario u where t.idarea = a.idarea and
t.idprocedencia = p.idprocedencia and t.idusuario = u.idusuario and t.idareareg = ar.idarea and
t.idareareg=$idarea and t.num_expediente like '$nombre%'";
$rs=mysql_query($sql,$link) or die ("Error : " . mysql_error());
paginar(10,$sql, $tabla, "Listado de Tramites Ingresados",1,$PHP_SELF);
exit;
?>
</td></tr></table></td></tr></table>
</body></html>
<?php
}else{
include("vigilante.php");
}
?>

I. CÓDIGO DEL FORMULARIO LISTAR USUARIO

<?
session_start();
if (session_is_registered("usuario"))
{
?> <?
include("menuadmin.php");
?>
<html><head>
<title>Listado de Usuarios</title>
<link href="../css/styles.css" rel="stylesheet" type="text/css">
</head>
<body><p>
<table width="80%" border="0" align="center">
<tr><td width="3%"><? //include("left.php"); ?></td>
<td width="97%" valign="top">

<form name=formulario action="<?=$PHP_SELF?>" method="post">

<table border="0" width="80%" class="TableBorde" align="center">
<tr> <td class="titulored">
Buscar Por : </td>

37
 </tr> <tr>
<td>
<table border="0" width="80%">
<tr>
<td class=letrasazules >Nombre de Usuario :</td>
<td class=campo1>
<input name=nombre type=text class="letrasazules"
value="<?=$nombre?>" size=25 maxLength=100>
&nbsp;<input type="submit" class="boton2" name="cmdbuscar" value=" Buscar ">
</td> </tr></table>
</td></tr></table>
</form>
<input type=hidden name=nombre value="<?=$nombre?>">
<table border="0" width="100%">
<tr>
<td width="100%"><?php
include("funciones.php");
$link=Conectarse();
$tabla="usuario";
$sql="select idusuario,nom_usuario as usuario,direccion,telefono,dni,tipo,login,clave,idarea from
usuario where nom_usuario like '$nombre%'";
$rs=mysql_query($sql,$link) or die ("Error : " . mysql_error());
paginar(10,$sql, $tabla, "Listado de Usuarios",1,$PHP_SELF);
exit;
?></td>
</tr>
</table></td></tr></table></body></html>
<?php
}else{
include("vigilante.php");
}
?>

4.1.4. PRUEBAS REALIZADAS DEL SISTRAMIDOC

a. PRUEBA DEL FORMULARIO LOGIN

Se hace la prueba de nuestro login al sistema web sistramidoc.

38
 Imagen 12: Probando el ingreso al sistema web sistramidoc.

b. PRUEBA DEL FORMULARIO EMPLEADOS

Se hace un registro de un nuevo empleado o usuario a nuestra base de datos,

en la figura podemos apreciar que ya tenemos áreas agregadas.

Imagen 13: Ingresos de datos de un nuevo empleado al sistema sistramidoc.

39
c. PRUEBA DEL FORMULARIO ÁREAS

Se hace un registro de una nueva área en nuestro sistema web sistramidoc.

Imagen 14: Ingreso de nueva área al sistema web sistramidoc.

d. MUESTRA DE LOS DATOS INGRESADOS A LA BASE DE DATOS

DEL SISTEMA

Se hace la consulta a la base de datos de nuestra sistema web sistramidoc en

el localhost de nuestra máquina de prueba.

Imagen 15: Vista de los usuarios ingresados en nuestro localhost.

40
 4.1.5. ELABORACIÓN DEL MANUAL

Se hace la elaboración del manual de ayuda del sistema web “sistramidoc” en

formato PDF para que los usuarios se guien y se hace la entrega de dicho
documento al responsable del área.

Imagen 16: Manual de ayuda en formato PDF del sistema web sistramidoc.

4.2. CONCLUSIONES

 El sistema de trámite documentario es un sistema que permite realizar procesos

documentarios con mayor fluidez y en menor cantidad de tiempo considerando
cualquier otro trámite que se realice en la EAPS.

 Se terminó el sistema de trámite documentario en la página web a la vez que se

instaló en la jefatura de departamento de Sistemas para que posteriormente ser
difundida en todas las áreas relacionadas.

 Los alumnos participaron entusiasta y activamente en este proyecto; desarrollando

aptitudes complementarias que han conllevado a un mejor desarrollo personal.

 Se cumplió el proyecto de sistema de trámite documentario y se muestra la

preparación científica humanística y tecnológica, promoviendo la imagen
institucional.

41
4.3. RECOMENDACIONES O SUGERENCIAS

 En nuestra vida diaria nos encontramos y conocemos a nuevas personas, ya sea el

trabajo o en el estudio; con las cuales trabajamos como un equipo para cumplir un
fin en común, pero en el transcurso se presentan muchas dificultades que no nos
permiten avanzar de manera satisfactoria con las actividades planificadas. En este
caso para poder afrontar fácilmente esta situación es recomendable trabajar en
equipo, que existe una buena comunicación en el equipo de trabajo y una
interrelación pasiva y continua. Es importante tener en cuenta lo siguiente: “No
dejes para mañana lo que tienes que hacer hoy”.

 En respecto al Sistema web de tramite documentario se recomienda al

administrador que se haga una copia de la base de datos cada semana para resolver
los problemas que se puedan presentar con respecto a la base de datos ya que la
acumulación de datos se lleva a cada momento.

42
 V. REFERENCIAS BIBLIOGRÁFICAS

 http://es.wikipedia.org/wiki/Base_de_datos
 http://www.maestrosdelweb.com/principiantes/%C2%BFque-son-las-bases-de-datos/
 http://www.mariapinto.es/e-coms/bases_datos.htm
 http://www.webestilo.com/php/
 http://www.desarrolloweb.com/php/
 http://www.masadelante.com/faqs/sitio-web
 http://www.qolqa.com/blog-de-internet/internet/que-es-una-pagina-web.html
 http://www.maestrosdelweb.com/editorial/que-es-joomla/
 http://www.google.com/#sclient=psy&hl=es&site=&source=hp&q=mysql&aq=f&aqi=&a
ql=&oq=&pbx=1&bav=on.2,or.r_gc.r_pw.&fp=fd77b07949926d35
 http://es.wikipedia.org/wiki/MySQL
 http://www.joomlaos.net/
 http://es.wikipedia.org/wiki/Adobe_Fireworks
 http://www.programatium.com/fireworksmx.htm
 http://www.cavsi.com/preguntasrespuestas/que-es-macromedia-flash/
 http://es.wikipedia.org/wiki/Adobe_Dreamweaver
 http://www.desarrolloweb.com/articulos/332.php
 http://www.alegsa.com.ar/Dic/dreamweaver.php
 http://www.adobe.com/la/products/dreamweaver
 Modelo de proyección social 2013.

43
ANEXOS

44
RESOLUCIÓN DE APROBACIÓN
DEL PROYECTO

45
46
47
48
REGLAMENTO INTERNO DEL
GRUPO

49
 REGLAMENTO INTERNO DEL GRUPO MONOVALENTE DE
PROYECCIÓN SOCIAL “ESTUDIANTES DE SISTEMAS UNIDOS”

CAPÍTULO I

GENERALIDADES
Art. 1º El presente reglamento interno rige las actividades del grupo monovalente de la Facultad
de Ingeniería Electrónica – Sistemas de la EAP. Sistemas de la Universidad Nacional de
Huancavelica, con sede en la ciudad de Pampas – Tayacaja.

CAPÍTULO II

FUNDAMENTOS Y OBJETIVOS
Art. 2º El presente reglamento, es el instrumento que norma la administración, organización y
funciones del grupo monovalente de proyección social “Estudiantes de Sistemas Unidos”
establece las funciones estructuras y los objetivos organizativos estructurales, líneas de
autoridad, responsabilidad, coordinación y funciones de los miembros que lo conforman.
Art. 3º El presente reglamento se sustenta en los siguientes dispositivos generales:
 Reglamento de extensión y proyección de la facultad de ingeniería

 Constitución Política del Perú

 Reglamento generales de la Universidad Nacional de Huancavelica.

 La ley universitaria Nº 23732

 Reglamento general de la oficinal general de extensión y proyección general de la

Universidad Nacional de Huancavelica.
Art. 4º Las disposiciones legales constituida en el presente reglamento deben ser cumplidas por
los integrantes, junta directiva y asesores del grupo monovalente de proyección social.
Art. 5º El presente reglamento tiene los siguientes objetivos:
 Emprender el cumplimiento de las responsabilidades del grupo monovalente de
proyección social, “Estudiantes de Sistemas Unidos”.

50
  Hacer cumplir las funciones dentro del proyecto “Desarrollo de una Web Dinámica en
la Organización Documentaria de la Escuela Académico Profesional de Sistemas”.

 Establecer las funciones inherentes al cargo directivo administrativo y disciplinario de

cada uno de los integrantes del grupo.

CAPÍTULO III

DE LAS ESTRUCTURAS Y FUNCIONES

Art. 6º El grupo monovalente de proyección social “Estudiantes de Sistemas Unidos” dentro

de su estructura directiva está conformado por los siguientes miembros:

PRESIDENTE : SEDANO ESCOBAR, Mechael.

SECRETARIO : VARGAS HUAYHUARIMA, Aldo Gaudencio.
TESORERO : RAMOS ESTEBAN, Aquiles.

Art. 7º El presidente es el máximo representante del grupo elegidos democráticamente a igual

que los demás representantes, es el encargado de presidir las reuniones de coordinación con los
demás miembros y velar con la ejecución del proyecto social.
Art. 8º El secretario es el encargado de llevar todos los archivos emitidos y recibidos por el
grupo, redactar el cuaderno de acta, y materiales de trabajo.
Art. 9º El tesorero se encarga de los recursos económicos del grupo y llevar al día el cuaderno
de ingresos y egresos.
Art. 10º Los asesores son los responsables de la buena ejecución del proyecto. Orientar a los
Integrantes del grupo y fiscalizar.

CAPÍTULO IV

DEL HORARIO DE TRABAJO

Art. 11º El horario del trabajo para la junta directiva, se realizara de acuerdo a las situaciones
previstas y propuestas por el presidente del grupo, pudiéndose ordinarias o extraordinarias. Los
integrantes del grupo de proyección social “Estudiantes de Sistemas Unidos” deberán reunirse
de acuerdo al cronograma establecido.
Art. 12º El horario para la realización de las diversas actividades para el cumplimiento de las
metas será ejecutado al plan de trabajo del proyecto.
51
 CAPÍTULO V

DE LOS DERECHOS Y DEBERES DEL LOS ESTUDIANTES

Art. 13º Los integrantes del grupo tienen los siguientes derechos:
 Estar informados oportunamente de las actividades a realizarse

 Recibir capacitaciones para emprender las tareas en el desarrollo del proyecto.

Art. 14º Los deberes de los integrantes son:
 Participar en todas las reuniones de coordinaciones con iniciativa, creatividad,
disciplina y sentido crítico.

 Acatar las decisiones democráticas acordadas.

 Asistir puntualmente a los trabajos de grupo.

 Cumplir con responsabilidad y dedicación las tareas recomendadas.

 Asumir con seriedad su responsabilidad que se les encomienda el presidente.

 Velar por el, buen encaminamiento del grupo.

 Desempeñar responsablemente a las comisiones que se le encomienda.

CAPÍTULO VI

DE LAS FALTAS Y SANCIONES

Art.15º Se consideran las faltas y que merecen ser sancionadas:

 El incumplimiento de los contenidos en el presente reglamento.

 Faltas restantes a: reuniones, actividades, trabajos y tareas a realizar.

Art.16º Serán sancionados por acuerdo del grupo monovalente de proyección y extensión social
“Estudiantes de Sistemas Unidos”.
 Quienes no asistan o incumplan a las reuniones a realizarse, la multa será de 5 nuevos
soles.

 Quienes llegan tarde a las reuniones serán multados con 2 nuevos soles.

 3 faltas consecutivas, primero se le llamara la atención y si su conducta continua se le

invitara a que se retire del grupo.

52
CERTIFICADO O CONSTANCIA DE
CUMPLIMIENTO

53
54
RESOLUCION DE AMPLIACIÓN
DEL GRUPO

55
56
 SOLICITUD DE REVISION Y
APROBACION DEL PROYECTO

57
58
59
DOCUMENTACIÓN DEL LIBRO DE
ACTAS DEL GRUPO

60
61
62
63
64
65
66
67
68
69
70
DOCUMENTACIÓN DEL LIBRO DE
CAJA DEL GRUPO

71
72
73
74
75
76
77
78
79
80
81
82
83
 BALANCE ECONÓMICO
INGRESOS
Aportación de cada integrante:

Tabla 2: Aportación de cada integrante.

Integrantes Dinero
recaudado
CHAMORRO MARMANILLO, Yelson Rosvel 200.00
HUAMAN VILCA, Gusman 200.00
ORRELLANA COSSIO, Moises Alfredo 200.00
RAMOS AYUQUE, Luis Angel 200.00
RAMOS ESTEBAN, Aquiles 200.00
SEDANO ESCOBAR, Michael 200.00
VARGAS HUAYHUARIMA, Aldo Gaudencio 200.00
TOTAL 1400.00

EGRESOS
Gastos realizados en el desarrollo del proyecto:

Tabla 3: Egresos.

MATERIALES PRECIO (S/.)

Elaboración del proyecto 430.00

Elaboración del primer informe 400.00

Elaboración del segundo informe 300.00
Elaboración del informe final 100.00
Empastado 160.00
Total 1390.00

GASTO TOTAL

Tabla 4: Gasto total.

INGRESOS Aporte de los integrantes S/. 1400.00

EGRESOS Gastos durante el proyecto S/. 1390.00

RESTA S/. 10.00

84
 INTEGRANTES DEL GRUPO EN LA DIRECCIÓN DE LA E.A.P.S

Foto 1: Integrantes del grupo en la dirección de la E.A.P.S.

INTEGRANTE DEL GRUPO HACIENDO LAS PRUEBAS DEL SISTEMA

Foto 2: Pruebas del Sistema en la dirección de la E.A.P.S.

85
INTEGRANTE DEL GRUPO INGRESANDO DATOS AL SISTEMA
“SISTRAMIDOC”

Foto 3: Ingresando datos al sistema en la dirección de la E.A.P.S.

SECRETARIA DEL AREA HACIENDO USO DEL “SISTRAMIDOC”.

Foto 4: Secretaria de la dirección utilizando el sistema web sistramidoc.

86
87
88
89
90