INFORME PRACTICA PRE - PROFESIONAL (Ing de Sistema)

1
UNIVERSIDAD NACIONAL DE LA AMAZONÍA PERUANA
FACULTAD DE INGENIERÍA DE SISTEMAS E INFORMÁTICA
“SISTEMA DE REGISTRO DE EXPEDIENTES Y CONTROL DE

COBRANZA DEL ESTUDIO JURIDICO MALEY – ABOGADOS E.I.R.L”
AUTOR:
WILMAR ALEJANDRO CHU GONZALES
INFORME DE PRÁCTICA PRE-PROFESIONAL REALIZADO EN EL

ESTUDIO JURIDICO MALEY – ABOGADOS E.I.R.L
ASESOR:
ING. ALEJANDRO REATEGUI PEZO
Iquitos, Marzo
2023
Índice
2
I: PRESENTACION........................................................................................................8
1.1. Objetivo del Informe.......................................................................8
1.2. Periodo de prácticas......................................................................8
1.3. Institución y Área de desarrollo....................................................8
1.4. Funciones del Área de trabajo......................................................8
II: ASPECTOS GENERALES DE LA EMPRESA......................................................9
2.1. Razón Social...................................................................................9
2.2. Aspectos Técnicos.........................................................................9
2.2.1. Ubicación Geográfica.....................................................................9
2.2.2. Plano de Ubicación.......................................................................10
Figura 1: Ubicación del Estudio Jurídico “Maley – Abogados E.I.R.L”....10
2.2.3. Organización.................................................................................11
Figura 2. Estructura orgánica del estudio jurídico MALEY – ABOGADOS
E.I.R.L 11
2.2.4. Infraestructura Tecnológica: Hardware y Software..................12
Tabla 1: Equipo hardware de las oficinas del Estudio Jurídico MALEY –
ABOGADOS E.I.R.L........................................................................................12
Tabla 2: Software usados en las oficinas del Estudio Jurídico MALEY –
ABOGADOS E.I.R.L........................................................................................12
III: ACTIVIDADES REALIZADAS..............................................................................13
Tabla 3: Diagrama de actividades.................................................................13
IV: DESCRIPCION DE ACTIVIDADES REALIZADAS...........................................14
1.1. Objetivo.........................................................................................14
1.2. Justificación..................................................................................14
1.3. Planificación..................................................................................15
1.4. Metodología...................................................................................15
1.4.1. Metodología XP............................................................................................15
Figura 3. Metodología XP o Programación Extrema...................................15
1.4.2. Diseño............................................................................................................16
Tabla 4: Modulo Administrador (Ingreso)....................................................16
Tabla 5: Modulo Administrador (Inicio)........................................................17
Tabla 6: Modulo Administrador (Registro de Usuarios).............................17
Tabla 7: Modulo Administrador (Registro de Audiencias).........................17
Tabla 8: Modulo Administrador (Filtrado PDF Mensual de Audiencias).. .18
Tabla 9: Modulo Administrador (Registro de ticket y recibos)..................18
Tabla 10: Modulo Administrador (Filtrado PDF de ticket y recibos por mes
y año). 18
3
Tabla 11: Modulo Administrador (Reporte EXCEL de ticket y recibos por

mes y año).......................................................................................................18
Tabla 12: Modulo Administrador (Registro de escritos de Maley
Abogados y Electro Oriente).........................................................................19
Tabla 13: Modulo Administrador (Reporte PDF de escritos de Maley
Tabla 14: Modulo Administrador (Reporte EXCEL de escritos de Maley
Abogados y Electro Oriente de Maley Abogados y Electro Oriente)........19
Tabla 17: Modulo Administrador (Reportes de Casos en EXCEL)............20
Tabla 18: Modulo Administrador (Registro de Expedientes de Maley
Tabla 19: Modulo Usuario (Módulo de Ingreso)..........................................21
Tabla 20: Modulo Usuario (Inicio).................................................................21
Tabla 21: Modulo Usuario (Registro de Audiencia)....................................21
Tabla 22: Modulo Usuario (Filtrado PDF Mensual de Audiencias)............22
Tabla 23: Modulo Usuario (Registro de Ticket y Recibos).........................22
Tabla 24: Modulo Usuario (Registro de Escritos de Maley Abogados y
Electro Oriente)...............................................................................................22
Tabla 25: Modulo Usuario (Reporte PDF de escritos de Maley Abogados y
Electro Oriente)...............................................................................................23
Tabla 26: Modulo Usuario (Reporte EXCEL de escritos de Maley
Abogados y Electro Oriente de Maley Abogados y Electro Oriente)........23
Tabla 28: Modulo Usuario (Reportes de Casos en EXCEL)........................24
Tabla 29: Modulo Usuario (Registro de Expedientes de Maley Abogados y
Electro Oriente)...............................................................................................24
1.4.3. Herramientas de Desarrollo......................................................................25
1.4.3.1. PHP................................................................................................25
Figura 4. Visual Studio Code – Programación en PHP...............................25
1.4.3.2. HTML Y CSS..................................................................................26
1.4.3.3. BOOTSTRAP.................................................................................26
1.4.4. Herramientas de Desarrollo......................................................................27
1.4.4.1. MYSQL...........................................................................................27
Figura 5. Base de Datos Relacional..............................................................27
1.4.5. Servidor.........................................................................................................27
1.4.5.1. APACHE.........................................................................................27
1.5. Diagrama de Actividades.............................................................28
Figura 6. Diagrama de actividades del sistema web...................................28
1.6. Análisis de Requerimientos.........................................................29
4
1.6.1. Introducción..................................................................................................29
1.6.1.1. Propósito.......................................................................................29
1.6.1.2. Ámbito del Sistema......................................................................29
1.6.1.3. Definiciones, acrónimos y abreviaturas.....................................29
1.6.2. Descripción general....................................................................................30
1.6.2.1. Perspectiva del producto.............................................................30
1.6.2.2. Características de los usuarios..................................................31
1.6.2.3. Restricciones................................................................................31
1.6.2.4. Suposiciones y dependencias....................................................31
1.6.3. Requisitos específicos...............................................................................32
1.6.3.1. Requisitos comunes de los interfaces.......................................32
1.6.3.2. Requisitos Funcionales...............................................................34
1.6.3.3. Requerimientos no funcionales..................................................38
1.6.3.4. Otros requisitos............................................................................39
1.7. Resultados del Análisis...............................................................39
1.7.1. Introducción..................................................................................39
1.7.2. Diagrama de clases......................................................................39
Figura 7. Diagrama de clases........................................................................40
1.7.3. Diagrama de casos de uso..........................................................40
1.7.3.1. Actores..........................................................................................41
Figura 8. Actores............................................................................................41
1.7.3.2. Casos de uso del Administrador................................................42
Figura 9. Caso de uso del administrador.....................................................42
1.7.3.3. Casos de uso del Usuario............................................................43
Figura10. Casos de uso del Usuario.............................................................43
1.8. Resultado del Diseño...................................................................43
1.8.1. Introducción..................................................................................43
Figura 12. Esquema básico de la arquitectura de tres capas....................44
Figura 13. Formato de las páginas - LOGIN.................................................45
Figura 14. Formato de las páginas – Bienvenida (Administrador)............45
Figura 15: Formato de las páginas - Bienvenida (Usuario)........................46
Figura16: Capas del proyecto.......................................................................47
1.9. Resultados de Actividades..........................................................48
1.10. Conclusiones, Recomendaciones..............................................48
1.11. Bibliografía....................................................................................50
V: ANEXOS...................................................................................................................51
5
5.7. Anexo 01........................................................................................51

5.8. Anexo 02........................................................................................52
LOGIN.............................................................................................................................55
VENTANA DE BIENVENIDA (ADMINISTRADOR).................................................56
VENTANA DE REGISTRO DE USUARIOS (ADMINISTRADOR)........................57
MODAL DE ELIMINAR USUARIO.............................................................................60
.........................................................................................................................................61
REGISTRO DE LAS AUDIENCIAS............................................................................61
MODAL DE REGISTRO DE AUDIENCIAS..............................................................62
.........................................................................................................................................63
.........................................................................................................................................64
.........................................................................................................................................65
REGISTRO DE LOS TICKETS Y RECIBOS............................................................65
.........................................................................................................................................66
.........................................................................................................................................67
MODAL DE REGISTRO DE TICKET Y RECIBOS..................................................67
.........................................................................................................................................68
MODAL DE ELIMINAR TICKET Y RECIBO.............................................................68
TICKET Y RECIBOS EMITIDOS EN PDF.................................................................69
.........................................................................................................................................69
.........................................................................................................................................69
.........................................................................................................................................70
REGISTROS DE ESCRITOS DE MALEY ABOGADO Y ELECTRO ORIENTE. 70
.........................................................................................................................................71
MODAL DE REGISTRO DE ESCRITOS DE MALEY ABOGADOS Y ELECTRO
ORIENTE........................................................................................................................71
.........................................................................................................................................72
MODAL DE EDIATR ESCRITOS DE MALEY ABOGADOS Y ELECTRO
ORIENTE........................................................................................................................72
.........................................................................................................................................73
MODAL DE ELIMINAR ESCRITOS DE MALEY Y ELECTRO ORIENTE...........73
.........................................................................................................................................74
REPORTES DE AUDIENCIAS MENSUALES DE MALEY ABOGADOS............74
6
.........................................................................................................................................74
.........................................................................................................................................75
REPORTES DE PAGOS MENSUALE Y ANUALES DE MALEY ABOGADOS
EN PDF..........................................................................................................................75
.........................................................................................................................................76
.........................................................................................................................................76
.........................................................................................................................................77
REPORTES DE PAGOS MENSUALE Y ANUALES DE MALEY ABOGADOS
EN EXCEL.....................................................................................................................77
.........................................................................................................................................78
.........................................................................................................................................78
VENTANA DE BIENVENIDA (USUARIO)................................................................80
.........................................................................................................................................81
REGISTRO DE LAS AUDIENCIAS............................................................................81
.........................................................................................................................................83
.........................................................................................................................................84
........................................................................................................................................85
REGISTRO DE LOS TICKETS Y RECIBOS............................................................85
.........................................................................................................................................86
TICKET Y RECIBOS EMITIDOS EN PDF.................................................................87
.........................................................................................................................................87
.........................................................................................................................................87
.........................................................................................................................................88
REGISTROS DE ESCRITOS DE MALEY ABOGADO Y ELECTRO ORIENTE. 88
.........................................................................................................................................89
MODAL DE REGISTRO DE ESCRITOS DE MALEY ABOGADOS Y ELECTRO
ORIENTE........................................................................................................................89
.........................................................................................................................................90
MODAL DE EDIATR ESCRITOS DE MALEY ABOGADOS Y ELECTRO
ORIENTE........................................................................................................................90
.........................................................................................................................................91
MODAL DE ELIMINAR ESCRITOS DE MALEY Y ELECTRO ORIENTE...........91
7
.........................................................................................................................................92
REPORTES DE AUDIENCIAS MENSUALES DE MALEY ABOGADOS............92
.........................................................................................................................................92
5.9. Anexo 03........................................................................................93
5.10. Anexo 04........................................................................................94
8
I: PRESENTACION
El presente documento tiene la finalidad de informar sobre la problemática

en la Institución, los requerimientos funcionales, no funcionales para el
proyecto y desarrollo de su solución, la cual se trabajó en el Estudio
Jurídico Maley – abogados E.I.R.L.
1.1. Objetivo del Informe
Cumplir formalmente con el plan curricular establecido para la carrera

profesional de Ingeniería de Sistemas e Informática, de la Universidad
Nacional de la Amazonía Peruana, teniendo en consideración el
reglamento establecido de las Practicas Pre – Profesionales, así como dar
a conocer cada proceso desarrollado durante el periodo de práctica, en
donde se diseñó y desarrolló un sistema de registro de expedientes y
control de cobranza del estudio jurídico “Maley – Abogados E.I.R.L”.
1.2. Periodo de prácticas
La duración estimada de las Pre – Profesionales fue de 12 semanas

desde el 5 de Diciembre de 2022 y concluyeron el 24 de Marzo de 2023
del periodo 2022 – 2.
1.3. Institución y Área de desarrollo
Institución: Estudio Jurídico Maley – Abogados E.I.R.L.

Área: Oficina de Informática.
1.4. Funciones del Área de trabajo
Las funciones de la Oficina de Informática son la de atender las

necesidades de cómputo, tales como la asesoría en el manejo de
software, configuración de equipo para impresión o conexión a Internet,
mantenimiento del equipo de cómputo instalado y desarrollo de un
sistema web con servidor local.
9
II: ASPECTOS GENERALES DE LA EMPRESA
1.5. Razón Social
Estudio Jurídico “Maley – Abogados E.I.R.L”
1.6. Aspectos Técnicos

1.6.1. Ubicación Geográfica
JR. Huallaga # 508
10
1.6.2. Plano de Ubicación
Figura 1: Ubicación del Estudio Jurídico “Maley – Abogados E.I.R.L”
Fuente: Google Maps.

11
1.6.3. Organización
GERENTE
JEFE DE
PERSONAL
CONTABILIDAD MESA DE SECRETARIA

PARTES
EXPEDIENTES
Figura 2. Estructura orgánica del estudio jurídico MALEY – ABOGADOS

E.I.R.L
12
Fuente: Propia
1.6.4. Infraestructura Tecnológica: Hardware y Software
 Hardware
TIPO DE EQUIPO CANTIDAD

PC 4
Laptop 2
Impresoras 2
Fotocopiadora 1
Router 1
Tabla 1: Equipo hardware de las oficinas del Estudio Jurídico MALEY –
ABOGADOS E.I.R.L
Fuente: Propia.
 Software
TIPO DE EQUIPO CANTIDAD

SISTEMA OPERATIVO
Microsoft Windows (10)
Software de Ofimática
Microsoft Office Professional 2013
Adobe Reader
Navegadores web
Google Chrome
Tabla 2: Software usados en las oficinas del Estudio Jurídico MALEY –
ABOGADOS E.I.R.L
Fuente: Propia
13
III: ACTIVIDADES REALIZADAS
Actividades Semanas
1 2 3 4 5 6 7 8 9 10 11 12
I. Principal tarea
Sistema de registro de
expedientes y control
de cobranza del
Estudio Jurídico Maley
– Abogados E.I.R.L
II. Sub. Tarea
1. Línea Base
2. Creación de Base de
Datos y plantilla de
sistema
3. Desarrollo del
sistema
4. Realización de las
pruebas respectivas
5. Corrección de
errores
6. Elaboración de
informe final
Tabla 3: Diagrama de actividades.
Fuente: Propia
14
IV: DESCRIPCION DE ACTIVIDADES REALIZADAS
1.1. Objetivo.
Actualmente el estudio jurídico MALEY – ABOGADOS E.I.R.L no cuenta

con un control manual de sus registros de expediente para la
administración de sus informaciones, teniendo así un poco de dificultades
al momento de ubicar algún expediente que ingresa al estudio jurídico
MALEY ABOGADOS E.I.R.L.
Debido a esta problemática, se determinó la importancia del desarrollo e

implementación de un sistema de registro de expedientes y control de
cobranza del estudio jurídico “MALEY ABOGADOS E.I.R.L” con el cual él
se pueda controlar con exactitud el registro de los expedientes, y tener un
mejor control sobre el pago que ingresa al estudio jurídico,
proporcionando un control más fácil y eficaz.
1.2. Justificación
Todo estudio jurídico está en la necesidad de llevar un control de sus

expedientes. El uso de un sistema de registro de expediente y control de
cobranza en el estudio jurídico “MALEY ABOGADOS E.I.R.L” ayuda a
optimizar en su totalidad una buena administración y un control eficiente
de sus expedientes para las diversas consultas que se desea realizar,
acelerando los procesos y obteniendo una respuesta rápida.
Al implementar el sistema de registro de expedientes y control de

cobranza en el estudio jurídico “MALEY ABOGADOS E.I.R.L” poseerá un
impacto positivo la cual proporcionará a la misma, una información
confiable, agilizando y facilitando el trabajo en el proceso de registro de
expedientes y control de cobranza. Se ha conseguido un total apoyo a la
idea de implantar un sistema de registro de expediente y control de
cobranza en el estudio jurídico “MALEY ABOGADOS E.I.R.L”. Por lo
tanto, el análisis y desarrollo del software será de mucha ayuda en el
manejo de los procesos aquí mencionados.
15
1.3. Planificación
Durante el uso de la metodología RUP, como parte del proceso de

planificación se conversó con el cliente para definir los módulos del
sistema, para posteriormente definir las actividades a realizar en cada
módulo.
1.4. Metodología
1.4.1. Metodología XP
XP es una metodología ágil y flexible utilizada para la gestión de
proyectos. Se enfoca en la retroalimentación constante entre el equipo de
desarrollo y los clientes, es adecuado para proyectos con requisitos
cambiantes.
La metodología XP expone una serie de conceptos para simplificar el

proceso de diseño, desarrollo, prueba y distribución de software, en los
que se utiliza la simplificación de requisitos y su entrega incremental. Esta
metodología tiene un enfoque basado en reuniones donde se establece
una lista de tareas que se completarán en la siguiente iteración, que por lo
general no dura más de 4 semanas e involucra a un propietario de
producto y un equipo de desarrolladores, juntos, se fomenta la
comunicación.
Figura 3. Metodología XP o Programación Extrema.

Fuente: Sinnaps
16
Las cuales constan de 4 fases para su correcto desarrollo:
 Planificación: Se identifican las necesidades de los usuarios, se

priorizan y se descomponen en versiones más pequeñas
basándose en las exigencias del cliente.
 Diseño: En este paso se intentará trabajar con un código sencillo,
haciendo lo mínimo imprescindible para que funcione. Se obtendrá
el prototipo. Además, para el diseño del software orientado a
objetos, se crearán tarjetas CRC.
 Codificación: Se establece un código Universal para que cualquier
programador pueda trabajar y entender la codificación.
 Pruebas: Se deben realizar pruebas automáticas continuamente.
Al tratarse normalmente de proyectos a corto plazo, este testeo
automatizado y constante es clave. Además, el propio cliente
puede hacer pruebas, proponer nuevas pruebas e ir validando las
versiones más pequeñas.
1.4.2. Diseño
Módulos de Administración: Se detallará los módulos establecidos.
Módulo Administrador
Módulo: 1 Módulo de Ingreso
Responsable: Wilmar Alejandro Chu Gonzales
Descripción: Para el ingreso a la parte Observaciones: El Administrador deberá
administrativa del sistema, deberá solicitar su usuario y contraseña al
ingresar por medio de un usuario y encargado del sistema.
Contraseña. El sistema tiene 2 modos de ingreso:
Administrador y Usuario.
Tabla 4: Modulo Administrador (Ingreso).

Fuente: Propia
17
Módulo: 1 Módulo de Inicio
Descripción: Una vez ingresado, Observaciones: El Administrador debe
dependiendo del rol establecido, se ingresa su usuario y contraseña para su
mostrarán las opciones disponibles. ingreso al panel general.
Las opciones disponibles esta sujetas al
tipo de usuario que ingrese
(Administrador y Usuario)
Tabla 5: Modulo Administrador (Inicio).

Fuente: Propia
Módulo: 1 Módulo de Registro de Usuario
Descripción: El administrador podrá Observaciones: El Administrador
registrar los datos de los usuarios nuevos también tendrá la opción de editar y
que se integren al estudio jurídico Maley eliminar el registro ingresado.
abogados.
Tabla 6: Modulo Administrador (Registro de Usuarios).

Fuente: Propia
N° Módulo: 1 Módulo de Registro de Audiencias
Descripción: El administrador podrá Observaciones: El Administrador tendrá
registrar los datos de las audiencias la opción de editar y eliminar el registro de
nuevas programadas. audiencias.
Tabla 7: Modulo Administrador (Registro de Audiencias).

Fuente: Propia
18
N° Módulo: 1 Módulo de Generador de PDF Reportes
Mensual.
Descripción: El administrador podrá Observaciones: El Administrador podrá
generar reportes mensuales por medio de generar los reportes mensuales tanto
PDF de las audiencias registradas, los como quiera.
reportes se generarán por filtrado de mes.
Tabla 8: Modulo Administrador (Filtrado PDF Mensual de Audiencias).
Fuente: Propia
N° Módulo: 1 Módulo de Registro de ticket / recibos
registrar los datos que se mostraran en el editar y eliminar el registro de los ticket u
ticket u recibo emitido. recibos registrados y podrá generar los
reportes tanto como quiera.
Tabla 9: Modulo Administrador (Registro de ticket y recibos).
Fuente: Propia
N° Módulo: 1 Módulo de Generador de Reportes PDF
Mensual y Anuales.
generar reportes mensuales y anuales por regenerar los reportes mensuales y
medio de PDF de los tickets y recibos anuales tanto como quiera.
registrados, los reportes se generarán por
filtrado de mes y año.
Tabla 10: Modulo Administrador (Filtrado PDF de ticket y recibos por mes
y año).
Fuente: Propia
N° Módulo: 1 Módulo de Generador de Reportes
EXCEL Mensual y Anuales.
generar reportes mensuales y anuales por regenerar los reportes mensuales y
medio de EXCEL de los tickets y recibos anuales tanto como quiera.
registrados, los reportes se generarán por
filtrado de mes y año.
19
Tabla 11: Modulo Administrador (Reporte EXCEL de ticket y recibos por mes y año).
Fuente: Propia
N° Módulo: 1 Módulo de Registro de escritos (MALEY
ABOGADOS y ELECTRO ORIENTE)
registrar los datos específicos lo que está editar y eliminar el registro de los datos
planteado en un escrito del estudio ingresados.
jurídico Maley Abogados y los escritos de
Electro Oriente.
Tabla 12: Modulo Administrador (Registro de escritos de Maley Abogados
y Electro Oriente).
Fuente: Propia
Módulo: 1 Módulo de Generador de Reportes PDF
de escritos de Maley Abogados y Electro
Oriente
generar reportes de los escritos del generar los reportes PDF de los escritos.
estudio jurídico Maley abogados y
Reportes de los escritos de Electro
Oriente por medio de PDF.
Tabla 13: Modulo Administrador (Reporte PDF de escritos de Maley
Abogados y Electro Oriente).
Fuente: Propia
Módulo: 1 Módulo de Generador de Reportes
EXCEL de escritos de Maley Abogados y
Electro Oriente
generar reportes en EXCEL de los regenerar los reportes en EXCEL tanto
escritos realizados en el estudio jurídico como quiera.
Maley Abogados y Electro Oriente.
Tabla 14: Modulo Administrador (Reporte EXCEL de escritos de Maley
Abogados y Electro Oriente de Maley Abogados y Electro Oriente).
Fuente: Propia
20
Módulo: 1 Módulo de Registro de Casos (MALEY
registrar los datos que se mostraran en editar y eliminar el registro de los casos
los casos de Maley Abogados y Electro ingresados.
Oriente.
Tabla 15: Modulo Administrador (Registro de los casos de Maley
Fuente: Propia
Electro Oriente
generar reportes en EXCEL de los casos regenerar los reportes en EXCEL tanto
realizados en el estudio jurídico Maley como quiera.
Abogados y de Electro Oriente.
Tabla 17: Modulo Administrador (Reportes de Casos en EXCEL).
Fuente: Propia
Módulo: 1 Módulo de Registro de Expedientes
(MALEY ABOGADOS y ELECTRO
ORIENTE)
registrar los datos respectivos, subir o editar y eliminar los datos del registro de
cargar el expediente, ya sea en archivo expediente ingresados.
Rar, Zip, audio, video, Word, Excel, PDF.
Tabla 18: Modulo Administrador (Registro de Expedientes de Maley
Fuente: Propia
21
Módulo Usuario
Módulo: 2 Módulo de Ingreso
Descripción: Para el ingreso a la parte Observaciones: El usuario deberá
del usuario al sistema, deberá ingresar solicitar su usuario y contraseña al
por medio de un usuario y encargado del sistema.
Contraseña.
Tabla 19: Modulo Usuario (Módulo de Ingreso).

Fuente: Propia
Módulo Usuario
Módulo: 2 Módulo de Inicio
Descripción: Una vez ingresado, Observaciones: El Usuario debe ingresar
dependiendo del rol establecido, se su usuario y contraseña para su ingreso al
mostrarán las opciones disponibles. panel de Inicio.
Las opciones disponibles esta sujetas al
tipo de usuario que ingrese
(Administrador, Usuario)
Tabla 20: Modulo Usuario (Inicio).

Fuente: Propia
Módulo Usuario
Módulo: 2 Módulo de Registro de Audiencias
Descripción: El usuario podrá registrar Observaciones: El usuario también
los datos de las audiencias nuevas tendrá la opción de editar y eliminar para
programadas. poder actualizar los datos si así se
requiera.
Tabla 21: Modulo Usuario (Registro de Audiencia).

Fuente: Propia
22
Módulo Usuario
Módulo: 2 Módulo de Generador de PDF Reportes
Mensual.
Descripción: El Usuario podrá generar Observaciones: El Usuario podrá
reportes mensuales por medio de PDF de generar los reportes mensuales tanto
las audiencias registradas, los reportes se como quiera.
generarán por filtrado de mes.
Tabla 22: Modulo Usuario (Filtrado PDF Mensual de Audiencias).
Fuente: Propia
Módulo Usuario
Módulo: 2 Módulo de Registro de ticket / recibos
Descripción: El Usuario podrá registrar Observaciones: El Usuario no tendrá la
los datos que se mostraran en el ticket u opción de editar ni eliminar, y si requiera
recibo emitido. hacer alguna modificación tendrá que
ponerse en contacto con el administrador.
Tabla 23: Modulo Usuario (Registro de Ticket y Recibos).

Fuente: Propia
Módulo Usuario
Módulo: 2 Módulo de Registro de escritos (MALEY
Descripción: El Usuario podrá registrar Observaciones: El Usuario podrá editar y
los datos específicos lo que está eliminar el registro de los datos
planteado en un escrito del estudio ingresados, si se requiera alguna
jurídico Maley Abogados y los escritos de modificación o corrección de datos.
Electro Oriente.
Tabla 24: Modulo Usuario (Registro de Escritos de Maley Abogados y

Electro Oriente).
Fuente: Propia
23
Módulo Usuario
Módulo: 2 Módulo de Generador de Reportes PDF
de escritos de Maley Abogados y Electro
Oriente
Descripción: El Usuario podrá generar Observaciones: El Administrador podrá
reportes de los escritos del estudio generar los reportes PDF de los escritos.
jurídico Maley abogados y Reportes de
los escritos de Electro Oriente por medio
de PDF.
Tabla 25: Modulo Usuario (Reporte PDF de escritos de Maley Abogados y
Electro Oriente).
Fuente: Propia
Módulo Usuario
Electro Oriente
reportes en EXCEL de los escritos regenerar los reportes en EXCEL tanto
Abogados y Electro Oriente.
Tabla 26: Modulo Usuario (Reporte EXCEL de escritos de Maley
Abogados y Electro Oriente de Maley Abogados y Electro Oriente).
Fuente: Propia
Módulo Usuario
Módulo: 2 Módulo de Registro de Casos (MALEY
Descripción: El Usuario podrá registrar Observaciones: El Usuario podrá editar y
los datos que se mostraran en los casos eliminar el registro de los casos
de Maley Abogados y Electro Oriente. ingresados si se requiera alguna
modificación.
Tabla 27: Modulo Usuario (Registro de los casos de Maley Abogados y
Electro Oriente).
Fuente: Propia
24
Módulo Usuario
Electro Oriente
reportes en EXCEL de los casos regenerar los reportes en EXCEL tanto
Abogados y de Electro Oriente.
Tabla 28: Modulo Usuario (Reportes de Casos en EXCEL).
Fuente: Propia
Módulo Usuario
Módulo: 2 Módulo de Registro de Expedientes
(MALEY ABOGADOS y ELECTRO
ORIENTE)
Descripción: El Usuario podrá registrar Observaciones: El Administrador podrá
los datos respectivos, subir o cargar el editar y eliminar los datos del registro de
expediente, ya sea en archivo Rar, Zip, expediente ingresados si en caso se
audio, video, Word, Excel, PDF. requiera actualizar algún dato.
Tabla 29: Modulo Usuario (Registro de Expedientes de Maley Abogados y
Electro Oriente).
Fuente: Propia
25
1.4.3. Herramientas de Desarrollo

1.4.3.1. PHP
PHP es un lenguaje de programación destinado a desarrollar aplicaciones
para la web y crear páginas web, favoreciendo la conexión entre los
servidores y la interfaz de usuario. Entre los factores que hicieron que
PHP se volviera tan popular, se destaca el hecho de que es de código
abierto.
Esto significa que cualquiera puede hacer cambios en su estructura. En la

práctica, esto representa dos cosas importantes:
 Es de código abierto, no hay restricciones de uso vinculadas a los

derechos. El usuario puede usar PHP para programar en cualquier
proyecto y comercializarlo sin problemas.
 Está en constante perfeccionamiento, gracias a una comunidad de
desarrolladores proactiva y comprometida.
Es un lenguaje que permite disminuir el tiempo de carga de las páginas,

permitiendo que el servidor trabaje de manera fluida sin sobre cargas,
permitiendo cargar plugin y otras aplicaciones en los sitios web.
Figura 4. Visual Studio Code – Programación en PHP.

Fuente: Propia
26
1.4.3.2. HTML Y CSS
HTML es un lenguaje de marcado que se utiliza para el desarrollo

de páginas de Internet. Se trata de las siglas que corresponden a
HyperText Markup Language, es decir, Lenguaje de Marcas de
Hipertexto.
CSS (Cascading Style Sheets) es un lenguaje de diseño gráfico
para definir y crear la presentación de un documento estructurado
escrito en un lenguaje de marcado. Esta separación busca mejorar
la accesibilidad del documento, proveer más flexibilidad y control
en la especificación de características presentacionales, permitir
que varios documentos HTML compartan un mismo estilo usando
una sola hoja de estilos separada en un archivo. La separación del
formato y el contenido hace posible presentar el mismo documento
marcado en diferentes estilos para diferentes métodos de
renderizado, como en pantalla, en impresión, en voz mediante un
navegador de voz o un lector de pantalla, y dispositivos táctiles
basados en el sistema Braille. Los lectores pueden especificar una
hoja de estilos diferente, como una hoja de estilos CSS guardado
en su computadora, para sobrescribir la hoja de estilos del
diseñador.
1.4.3.3. BOOTSTRAP
Bootstrap es un framework CSS desarrollado por Twitter en 2010, para
estandarizar las herramientas de la compañía.
El framework combina CSS y JavaScript para estilizar los elementos de

una página HTML. Permite mucho más que, simplemente, cambiar el
color de los botones y los enlaces. Es una herramienta que proporciona
interactividad en la página, por lo que ofrece una serie de componentes
que facilitan la comunicación con el usuario, como menús de navegación,
controles de página, barras de progreso y más.
27
1.4.4. Herramientas de Desarrollo

1.4.4.1. MYSQL
MySQL, sistema de gestión de base de datos relacional, de código abierto
y basado en el lenguaje de consulta SQL. Una de las principales
características de MySQL es que trabaja con bases de datos relacionales,
es decir, utiliza tablas múltiples que se interconectan entre sí para
almacenar la información y organizarla correctamente. MySQL, está muy
ligado al backend de cualquier página web, por lo que se implementó para
el desarrollo del prototipo.
Figura 5. Base de Datos Relacional.

Fuente: Propia
1.4.5. Servidor
1.4.5.1. APACHE
El servidor web Apache es de código abierto, se encuentra entre los
servidores más usados del mundo. Una gran ventaja del servidor web
Apache es la existencia de diferentes versiones del programa, que
permiten que el servidor funcione en diferentes sistemas operativos, de
forma transparente para el usuario.
Ventajas de apache
 Estructura constituida por módulos.
28
 Es multiplataforma. Puede ser usado en servidores Windows y

Linux lo que amplía sus posibilidades de uso.
 Es de código abierto y gratis.
 Alto nivel de seguridad debido a sus actualizaciones constantes.
1.5. Diagrama de Actividades
Figura 6. Diagrama de actividades del sistema web.

Fuente: Propia
29
1.6. Análisis de Requerimientos

1.6.1. Introducción
En el presente documento se explicarán y analizarán los requisitos del
proyecto “Sistema de Registro de Expedientes y Control de Cobranza
Del Estudio Jurídico “Maley – Abogados E.I.R.L””, desarrollado para el
Estudio Jurídico Maley – Abogados E.I.R.L.
1.6.1.1. Propósito
El presente documento tiene como objetivo dar a conocer el
funcionamiento general del Sistema Web para a los miembros que
laboran para el Estudio Jurídico Maley – Abogados E.I.R.L.
1.6.1.2. Ámbito del Sistema

 Nombre del Sistema: “Sistema de Registro de Expedientes y
Control de Cobranza del Estudio Jurídico “Maley –Abogados
E.I.R.L”.
 El sistema gestionará los procesos administrativos referente
al Estudio Jurídico y un eficiente control en tema de los
ingresos que genera el estudio jurídico Maley – Abogados
E.I.R.L, registros expedientes, cancelación y modificación de
registros de expedientes, gestión de cobro (detalles de cobro,
generación de tickes y recibos, generación de reportes en
cálculo de ingreso mensual y anual).
 Si realiza transacciones bancarias.
 Los principales beneficiarios del Sistema Web es el Estudio
Jurídico Maley – Abogados E.I.R.L.
 El objetivo es optimizar el proceso en términos de tiempo y
recursos.
1.6.1.3. Definiciones, acrónimos y abreviaturas
Sistema Web: Son aquellas aplicaciones de software que puede

utilizarse accediendo a un servidor web a través de Internet o de
una intranet mediante un navegador.
30
Interfaz: Una parte de un programa de computadora que permite el

flujo de información entre varias aplicaciones o entre el propio
programa y el usuario.
XAMPP: Es una distribución de Apache que incluye varios softwares

libres.
ACRÓNIMOS
SRS.- Acrónimo de Software Requeriments Specifications

(Especificación de Requerimientos de Software).
ABREVIATURAS
MYSQL: Mi lenguaje de consulta estructurado.
BD: Bases de datos.
UML: Lenguaje de Modelado Unificado.
EJMA: Estudio Jurídico Maley Abogados.
1.6.2. Descripción general

Factores generales que afectan al producto y sus requisitos. Esta
sección identifica estos factores como el contexto para el desarrollo
del sistema. Algunos de estos factores son el tiempo (por etapa de
desarrollo) y la disponibilidad del cliente.
1.6.2.1. Perspectiva del producto
El producto final permite el procesamiento de información

descriptiva de los escritos, casos y expedientes registrados, en este
caso datos personales. También se proporciona la gestión de la
información de los montos ingresados de los Clientes al Estudio
Jurídico “Maley - Abogados”.
31
1.6.2.2. Características de los usuarios
El sistema cuenta con dos tipos de Roles (Administrador y Usuario)

final:
• El Administrador tendrá todas las funciones tanto del
usuario (registrar, editar y eliminar) donde además tendrá
la opción de sacar los reportes mensual y anual de los
ingresos por parte del estudio Jurídico “Maley Abogados
E.I.R.L” también tendrá la opción de registrar a los usuarios
para los 2 niveles que hay para esto deben tener
conocimientos de computación. “ADMINISTRATIVO”
• El siguiente nivel lo constituyen sobre todo el personal que
labora en el Estudio Jurídico, donde se podrá registrar los
datos de los escritos, casos y expedientes del cliente, pero
no podrá editar el monto ya ingresado ni tampoco eliminar
el registro, además de poder realizar consultas de los datos
ya registrado si en caso así se requiera, podrá generar el
ticket o recibo correspondiente. De este registro se
requieren conocimientos básicos de computación.
“USUARIO”
1.6.2.3. Restricciones
Como mínimo, se debe hacer uso de los protocolos de

intercambio de datos vía internet.
Respecto a la seguridad, se debe considerar el uso de
sesiones para limitar el acceso a usuarios no autorizados.
1.6.2.4. Suposiciones y dependencias
Para el funcionamiento completo del sistema, se requiere tener

preinstalado el plug-in “Adobe Flash Player”, para los reportes un
complemento lector de archivos PDF y lo más importante: conexión
a XAMPP.
32
1.6.3. Requisitos específicos

1.6.3.1. Requisitos comunes de los interfaces
La interfaz gráfica con la que el usuario final interactúa deberá ser

intuitiva de manera que, sin un manual de uso, el usuario identifique
rápidamente los componentes y las secciones del sistema.
De igual forma, la interfaz deberá ser compatible con los navegadores
más comunes (Firefox, Google Chrome, Microsoft Edge).
Login
o El login estará de acuerdo al tipo de usuario (administrativo,
Usuario)
o La página constará de cuantos elementos sean necesarios de
acuerdo al tipo de usuario de que se trate, el administrador
tendrá más opciones en el menú que el Usuario.
o El menú para el administrativo contendrá:
 Inicio (Bienvenida y logo del estudio Jurídico Maley
Abogados)
 Registro de Usuarios para dar acceso a los 2 niveles.
 Registro de Audiencias
 Registro de Ticket o Recibos
 Registro de Escritos (Maley Abogados y Electro Oriente)
 Registro de Casos (Maley Abogados y Electro Oriente)
 Registro de Expedientes (Maley Abogados y Electro
Oriente)
 Consulta de listado de Usuarios por orden Alfabético.
 Consulta de listado de Audiencias por orden Alfabético.
 Consulta de listado de Ticket y Recibo por orden
Alfabético.
 Consulta de listado de Escritos por orden Alfabético.
 Consulta de listado de Casos por orden Alfabético.
 Consulta de listado de Expedientes por orden Alfabético.
 Filtrado por mes y año
33
 Generar Ticket y Recibo de ingresos totales y de

cantidad de registros en PDF por mes y año.
 Generar Ticket y Recibo de ingresos totales y de
cantidad de registros en EXCEL por mes y año.
 Generar Audiencias de ingresos totales y de cantidad de
registros en PDF por mes.
 Generar Escritos, Casos, de Maley Bogados en registros
PDF
EXCEL
 Generar Escritos, Casos, de Electro Oriente en registros
PDF
EXCEL
 Generar Ticket de pago
 Generar Recibo de pago
 Cerrar Sesión
o El menú para Usuarios contendrá:
 Inicio (Bienvenida y logo del estudio Jurídico Maley
Abogados)
 Registro de Audiencias
 Registro de Ticket o Recibos (No puede editar ni eliminar)
 Registro de Escritos (Maley Abogados y Electro Oriente)
 Registro de Casos (Maley Abogados y Electro Oriente)
 Registro de Expedientes (Maley Abogados y Electro
Oriente)
 Consulta de listado de Audiencias por orden Alfabético.
 Consulta de listado de Ticket y Recibo por orden
Alfabético.
 Consulta de listado de Escritos por orden Alfabético.
 Consulta de listado de Casos por orden Alfabético.
 Consulta de listado de Expedientes por orden Alfabético.
34
 Generar Audiencias de ingresos totales y de cantidad de

registros en PDF por mes.
PDF
EXCEL
PDF
EXCEL
 Generar Ticket de pago
 Generar Recibo de pago
 Cerrar Sesión
Sistema de Inicio de Sesión
o El usuario deberá introducir un correo y un password previamente

registrado y dado de alta por algún usuario administrativo.
o El password será sensitivo al uso de mayúsculas y minúsculas.
1.6.3.2. Requisitos Funcionales

Requisitos funcionales del sistema por tipos de usuario.
Administrador
• Manejo de la autenticación del usuario (Sesión)
• Registrar Usuarios
• Editar datos de los Usuario
• Eliminar registro de los usuario
• Registrar Audiencias
• Editar datos de los Audiencias
• Eliminar registro de los Audiencias
• Registrar Ticket y Recibo
• Editar datos de los Tickets y Recibos

35
• Eliminar registro de los Tickets y Recibos
• Registrar Escritos de Maley Abogados y Electro Oriente
• Editar datos de los Escritos de Maley Abogados y Electro

Oriente
• Eliminar registro de los Escritos de Maley Abogados y

Electro Oriente
• Registrar Casos de Maley Abogados y Electro Oriente
• Editar datos de los Casos de Maley Abogados y Electro

Oriente
• Eliminar registro de los Casos de Maley Abogados y Electro

Oriente
• Registrar Expediente de Maley Abogados y Electro Oriente
• Editar datos de los Expediente de Maley Abogados y

Electro Oriente
• Eliminar registro de los Expediente de Maley Abogados y

Electro Oriente
• Generar Ticket de Pago
• Generar Recibo de Pago
• Consultar lista de Audiencias
• Consultar lista de Ticket y Recibos
• Consultar lista de escritos de Maley Abogados y Electro

Oriente
• Consultar lista de Casos de Maley Abogados y Electro

Oriente
• Consultar lista de Expedientes de Maley Abogados y

Electro Oriente
36
• Filtrar por mes y año los registros de los Ticket y Recibos

en PDF
• Filtrar por mes y año los registros de los Ticket y Recibos

en EXCEL
• Filtrar por mes los registros de las Audiencias en PDF
• Generar reportes de escritos de Maley Abogados y Electro

Oriente de los registros en PDF

Oriente de los registros en EXCEL
• Generar reportes de Casos de Maley Abogados y Electro


Usuario
• Registrar Audiencias
• Editar datos de los Audiencias
• Eliminar registro de los Audiencias
• Registrar Ticket y Recibo
• Registrar Escritos de Maley Abogados y Electro Oriente
• Editar datos de los Escritos de Maley Abogados y Electro

Oriente
• Eliminar registro de los Escritos de Maley Abogados y

Electro Oriente
• Registrar Casos de Maley Abogados y Electro Oriente
• Editar datos de los Casos de Maley Abogados y Electro

Oriente
37
• Eliminar registro de los Casos de Maley Abogados y Electro

Oriente
• Registrar Expediente de Maley Abogados y Electro Oriente
• Editar datos de los Expediente de Maley Abogados y

Electro Oriente
• Eliminar registro de los Expediente de Maley Abogados y

Electro Oriente
• Generar Ticket de Pago
• Generar Recibo de Pago
• Consultar lista de Audiencias
• Consultar lista de Ticket y Recibos
• Consultar lista de escritos de Maley Abogados y Electro

Oriente
• Consultar lista de Casos de Maley Abogados y Electro

Oriente
• Consultar lista de Expedientes de Maley Abogados y

Electro Oriente
• Filtrar por mes los registros de las Audiencias en PDF




38
1.6.3.3. Requerimientos no funcionales
El requisito más importante que el sistema va a poseer es la

estabilidad, si el producto corre el riesgo de cambiar o dañarse
¿qué seguridad tenemos para con el cliente? Una buena
característica entonces será asegurar la integridad de los datos.
Viene de la mano con el requisito anterior la disponibilidad, es vital
que el usuario tenga acceso a los datos en cualquier momento
posible.
La documentación también es necesaria para que el usuario sea
capaz de resolver dudas menores que vayan surgiendo sobre la
marcha en el uso de su nuevo sistema, debe ser completa, pero al
mismo tiempo no tan extensa para que pueda ser consultada con
facilidad y realmente sea útil.
Debido a que se ignora la capacidad de cómputo de algunos
usuarios, se requiere de otro factor: eficiencia para no malgastar
recursos, en el caso de poseer una máquina lenta.
La especificación explicita de nombres de usuario o contraseñas,
hace implícito que el sistema necesita seguridad, el próximo punto
de la lista; para esto se deben tomar en cuenta las nuevas
tecnologías, ya que la incursión de personas no identificadas y/o
dañinas para la integridad de la información en temas cada vez
más sofisticados hacen muy delicado el manejo del tema.
El cliente también desea sentirse respaldado no solamente por un
manual, sino por alguien que solucione sus dudas, soporte humano
que pueda explicar a fondo el funcionamiento de su producto. Es
muy importante y sobre todo después de un tiempo cuando alguno
de los usuarios finales comience a formular preguntas o haga algún
movimiento inesperado.
Aún con el soporte hacia el usuario, la ayuda sola no es suficiente,
el cliente requiere que su sistema funcione adecuadamente,
necesita calidad y que la misma se le sea asegurada, con eso se
previenen errores futuros y mantenimiento costoso.
39
Por último, retomando las últimas líneas anteriores, se recuerda

que un producto de software no se destruye, pero se desgasta, por
lo tanto, algunos apartados deberán requerir mantenimiento al
cabo del algún tiempo.
1.6.3.4. Otros requisitos

Ninguno
1.7. Resultados del Análisis

Para realizar el análisis de este sistema web se ha optado por seguir las
recomendaciones definidas por UML (Unified Modeling Language o
Lenguaje Unificado de Modelado en castellano). Este modelo dispone de
multitud de diagramas que ayudan a comprender la complejidad del futuro
sistema, permitiéndonos plasmar en un lenguaje estándar aquellas
funcionalidades, requisitos y demás características que hemos detectado
en el sistema.
Aunque UML define una gran cantidad de diagramas para representar los
distintos aspectos del desarrollo de la aplicación, en nuestro caso nos
hemos centrado en dos tipos de diagramas: el diagrama de clases y el
diagrama de casos de usos.
1.7.2. Diagrama de clases
El diagrama de clases describe la estructura del sistema mostrando las

relaciones (asociación, agregación y composición) entre los distintos
elementos que conforman la aplicación, expresados estos como clases
con sus atributos. A continuación, describiremos brevemente dichas
clases:
Registro: Representa los datos de los clientes y los datos internos del
Estudio Jurídico.
40
Administrador: Representa el registro de los usuarios de los 2 niveles

que cuenta el sistema. Pueden acceder a la intranet del sistema a través
de sus login y contraseña.
Usuario: Representa al Usuario donde puede realizar los ticket o recibos

de cobro. Puede acceder a la intranet de la aplicación a través de su login
y contraseña.
Figura 7. Diagrama de clases.

Fuente: Propia
1.7.3. Diagrama de casos de uso
Los diagramas de casos de uso nos permiten diferenciar los actores que
interactúan con nuestra aplicación, las relaciones entre ellos y las
acciones que puede realizar cada uno dentro del sistema. Este tipo de
diagramas son fácilmente comprensibles tanto por clientes como por
usuarios, representan los requisitos funcionales del sistema y se utilizan
como base para un desarrollo iterativo e incremental. Los diagramas de
casos de uso tienen tres elementos:
41
Actores: Son los usuarios del sistema. Un actor puede ser una persona,
un conjunto de personas, un sistema hardware o un sistema software. Los
actores representan un rol, que puede desempeñar alguien que necesita
intercambiar información con el sistema.
Casos de uso: Un caso de uso describe una forma concreta de utilizar
parte de la funcionalidad de un sistema. La colección de todos los casos
de uso describe toda la funcionalidad del sistema.
Comunicación entre actores y casos de uso: Cada actor ejecuta un
número específico de casos de uso en la aplicación. Por eso decimos que
hay comunicación entre actores y casos de uso.
1.7.3.1. Actores
Figura 8. Actores.
Fuente: Propia
Los usuarios registrados son los administradores y Usuarios del Estudio

Jurídico Maley Abogados, que acceden a la intranet del sistema mediante
un correo de usuario y contraseña.
42
1.7.3.2. Casos de uso del Administrador
Figura 9. Caso de uso del administrador.

Fuente: Propia
Este tipo de usuario representa al administrador del sistema. Sera el único

usuario que podrá realizar las todas las acciones que contiene el sistema,
incluyendo las del Usuario.
43
1.7.3.3. Casos de uso del Usuario
Figura10. Casos de uso del Usuario.

Fuente: Propia
Este tipo de Rol representa al Usuario del sistema. Sera el usuario que
podrá realizar los registros de audiencias, escritos, expedientes, tickets y
recibo, con los datos que se registra del cliente.
1.7. Resultado del Diseño

El diseño es el proceso que extiende, refina y reorganiza los aspectos

detectados en el proceso de modelado conceptual para generar una
especificación rigurosa del sistema de información siempre orientada a la
obtención de la solución del sistema software. Para el diseño del sitio web
44
se ha escogido una arquitectura de tres capas (presentación, aplicación y

persistencia). La utilización de esta arquitectura se debe a que los
distintos niveles son independientes unos de otros de manera que, por
ejemplo, se puede cambiar fácilmente el comportamiento de las clases en
el nivel de aplicación sin que ello influya en las otras capas.
Figura 12. Esquema básico de la arquitectura de tres capas.

Fuente: Propia
1.7.2. Capa de presentación
La capa de presentación se puede definir como el LOGIN donde se pedirá
un usuario y una contraseña. A partir de la interfaz gráfica, el usuario
podrá navegar por las distintas páginas para poder obtener toda la
información que desee.
45
A continuación, se muestra el formato que se ha utilizado para las

distintas páginas web.
Figura 13. Formato de las páginas - LOGIN.

Fuente: Propia
Figura 14. Formato de las páginas – Bienvenida (Administrador).

Fuente: Propia
46
Figura 15: Formato de las páginas - Bienvenida (Usuario).

Fuente: Propia
1.7.3. Capa de negocio o lógica de la aplicación

La capa de negocio se puede definir como el conjunto de componentes
software que implementan completamente el comportamiento de las
clases del dominio, especificadas en la fase de modelado conceptual. Es
en este nivel, por tanto, donde se implementa la funcionalidad del sistema
web.
Esta capa sirve de enlace entre los niveles de presentación y de

persistencia, ya que la capa de presentación no accede a la base de
datos directamente, sino que se comunica con la capa del sistema para
demandarle el servicio deseado y es la capa del sistema la que se
comunica con la capa de persistencia para recuperar los datos
47
necesarios.
Figura16: Capas del proyecto.

Fuente: Propia
En el proyecto la capa de negocio se corresponde con las clases, es

decir, con los ficheros que representan los distintos elementos del
diagrama de clases y sus colecciones, almacenadas. Hay tipos de
estructura, dependiendo de si se trata de un elemento.
Los elementos son Administrador, Usuario y tienen la siguiente estructura:
 Atributos: Define las propiedades del elemento.

 Método constructor: Crea una instancia del elemento y da valor a
sus atributos.
 Métodos get y set: Devuelven o establecen el valor de los atributos
del elemento.
 Método leer: Dado un identificador, recupera de la base de datos
las propiedades del elemento con ese identificador.
 Método insertar: Inserta en la base de datos un elemento con los
atributos que se supone se han establecido previamente con
llamadas a métodos set.
48
 Método modificar: Modifica en la base de datos un elemento con

los atributos que se supone se han establecido previamente con
llamadas a métodos set.
 Método eliminar: Dado un identificador, elimina de la base de datos
el elemento con ese identificador.
 Método visualizar: Muestra el valor de los atributos de un elemento.
1.7.4. Capa de persistencia o datos

La capa de persistencia se puede definir como el conjunto de
componentes software que proporcionan una serie de servicios que
permiten a los objetos del dominio interactuar con su repositorio
permanente asociado.
En el proyecto la capa de persistencia se corresponde con la base de

datos del sistema y las distintas tablas que la conforman. Estas son
administradoras y Usuarios.
1.8. Resultados de Actividades
Gracias al análisis y modelado de requerimientos, se pueden establecer

claramente los requisitos funcionales del sistema.
Es posible diseñar y construir la base de datos denominada “bd-maley-

abogados”, así como el sistema de información, según los requerimientos
de tratamiento de datos de los usuarios.
Dependiendo de las necesidades de los usuarios y por tanto de la

funcionalidad y estructura de la base de datos, es posible diseñar las
interfaces necesarias para la administración y Usuarios.
En definitiva, es posible trabajar con él con éxito en el sistema, en un

entorno Web, que permite registrar todas las solicitudes de los solicitantes
y tener un mejor control de cobranza.
1.9. Conclusiones, Recomendaciones

1.9.1. Conclusiones
49
La metodología XP logró capturar los requerimientos necesarios del

cliente, permitió definir las actividades a realizar dentro de la metodología
de 4 fases, así como realizar las correcciones y mejoras correspondientes
con una comunicación efectiva con el cliente.
Al ser un diseño responsivo, genera estética a la parte visual principal de

sitio, permite su adaptación a diferentes tipos de pantallas y de diferentes
tamaños.
1.9.2. Recomendaciones
El uso de metodologías de desarrollo de software es fundamental, ya que
a través de sus procedimientos permite obtener de la mejor manera
posible las necesidades del cliente, la identificación de las actividades a
realizar, el desarrollo y documentación de proyectos TI. Antes de
seleccionar uno, es recomendable realizar una inspección y análisis para
seleccionar la herramienta más adecuada, según las necesidades de
cada proyecto. Antes del desarrollo de cualquier sistema informático, se
recomienda implementar medidas de seguridad informática, con el fin de
conservar la información y datos de las organizaciones.
50
1.10. Bibliografía
Drake, J. (2008). Análisis de requisitos y especificación de una aplicación. Recuperado el

30 de 09 de 2022, de ctr.unican:
https://www.ctr.unican.es/asignaturas/Ingenieria_Software_4_F/Doc/
M3_08_Especificacion-2011.pdf
I, J. (s.f.). Arquitectura Cliente/Servidor: modelo de 3 capas. Recuperado el 30 de 09 de

2022, de iberasync: https://iberasync.es/arquitectura-cliente-servidor-modelo-
de-3-capas/
Mendoza, L. (12 de 2018). Revista de Tecnología Informática. Obtenido de ecorfan:

https://www.ecorfan.org/spain/researchjournals/Tecnologia_Informatica/
vol2num7/Revista_de_Tecnolog%C3%ADa_Inform
%C3%A1tica_V2_N7.pdf#page=16
Principios Arquitectónicos de la Web. (s.f.). Recuperado el 29 de 09 de 2022, de w3:

https://www.w3.org/standards/webarch/principles
51
V: ANEXOS
2.
DESCRIPCIÓN CANTIDAD COSTO COSTO

UNITARIO TOTAL
Bienes
Equipos de computo
Pc Core i5 3.2ghz 1 0 0
Laptop Core i5 2.50ghz 1 0
Impresora Laser
Epson L3110 1 0 0
Epson L3110 1 0 0
Fotocopiadora Canon 1 0 0
Insumos
Material de escritorio
/ Papel Bond 80 gramos 1 1 26.00 26.00
millar
TOTAL 26.00
2.7. Anexo 01.
Presupuesto Detallado:
Se presenta el presupuesto de los gastos y equipos necesarios para

diseñar e implementar el sistema web.
52
2.8. Anexo 02.
Manual de Usuario:
Sistema de registro de expedientes y control de cobranza del estudio

jurídico “MALEY – ABOGADOS E.I.R.L”
53
MALEY – ABOGADOS
E.I.R.L
MANUAL DEL SISTEMA DE REGISTRO

DE EXPEDIENTES Y CONTROL DE
COBRANZA DEL ESTUDIO JURIDICO
“MALEY – ABOGADOS E.I.R.L”
Autor: WILMAR ALEJANDRO CHU 2023

GONZALES
54
ADMINISTRADOR
55
LOGIN
INICIO DE SESIÓN:
La página de inicio de sesión multiusuario. Hay dos niveles de usuario
que son:
Administrador y Usuario.
1
2
3
1. Ingresar Email de usuario

2. Ingresar Contraseña
3. Botón para acceder al sistema
56
VENTANA DE BIENVENIDA (ADMINISTRADOR)
PANEL DE CONTROL:
Luego de haber iniciado sesión el sistema redirecciona al panel de control

del administrador, en donde se podrá tener acceso a todas las funciones
del sistema.
2
1
4
1. Panel del administrador que incluye gráficas y cuadros de

conteo.
2. Son todas las pestañas que contiene el panel de
administrador.
3. Indica el nombre del usuario que entro al panel de
administrador.
4. Botón para cerrar sesión.
57
VENTANA DE REGISTRO DE USUARIOS

(ADMINISTRADOR)
REGISTRO DATOS DE LOS USUARIOS:
El sistema permite ingresar un nuevo registro de usuario al sistema a

través de este módulo, así como visualizar los datos, editar y eliminar
dichos registros del sistema.
1. Botón para realizar nuevo registro de usuarios.

2. Datos de los usuarios ya registrados.
3. Botones para editar datos de los registros y eliminar el
registro.
58
1 2
3 4
5
6
MODAL DEL REGISTRO DE USUARIO:
1. Ingresar 1er nombre y 1er apellido.

2. Ingresar un correo de registro
3. Ingresar una contraseña
4. Seleccionar el tipo de cargo del usuario (administrador o
usuario).
5. Ingreso el número de cargo al asignar (Eje. 1 =
administrador y 2 = usuario)
6. Botón de confirmar registro o guardar.
59
1 2
4
3 5
6
MODAL DE EDITAR USUARIO:
1. Editar el 1er nombre y 1er apellido registrado.

2. Editar el correo registrado
3. Editar la contraseña
4. Editar el tipo de cargo del usuario (administrador o
usuario).
5. Editar el número de cargo al asignar (Eje. 1 =
administrador y 2 = usuario)
6. Botón de confirmar la edición de datos.
60
2
1
MODAL DE ELIMINAR USUARIO
1. Dar click en el botón “SI” y se eliminar el usuario.

2. Dar click en el botón “NO” y no se eliminará el usuario
61
2
3
REGISTRO DE LAS AUDIENCIAS
1. Botón para realizar nuevo registro de Audiencia.

2. Datos ya registrados.
registro
62
2 3 4
1
5 6
7
5
8
9
5
10 11 12 13
14
MODAL DE REGISTRO DE AUDIENCIAS
1. Ingresar N° de expediente.
2. Ingresar materia.
3. Ingresar usuario encargado de la audiencia.
4. Ingresar estado de la audiencia.
5. Ingresar agraviado.
6. Ingresar diligencia.
7. Ingresar órgano jurisdiccional
8. Ingresar imputado
9. Ingresar día de la semana
10. Ingresar mes
11. Ingresar año
12. Ingresar hora y fecha
13. Ingresar hora opcional
14. Botón de guardar los datos
63
2 3 4
1
5 6
7
5
8
9
5
10 11 12 13
14
MODAL DE EDITAR REGISTRO DE AUDIENCIAS
1. editar N° de expediente.
2. editar materia.
3. editar usuario encargado de la audiencia.
4. editar estado de la audiencia.
5. editar agraviado.
6. editar diligencia.
7. editar órgano jurisdiccional
8. editar imputado
9. editar día de la semana
10. editar mes
11. editar año
12. editar hora y fecha
13. editar hora opcional
14. Botón de editar los datos
64
2
1
1. Dar click en el botón “SI” y se eliminar la audiencia.

2. Dar click en el botón “NO” y no se eliminará la audiencia.
65
1
3
REGISTRO DE LOS TICKETS Y RECIBOS
1. Botón para realizar nuevo registro de ticket y recibos.

registro.
4. Botones para imprimir ticket y recibo.
66
1
2 5
6
3
7
5
4
8 11
5
9 10
5
5 5
MODAL DEL REGISTRO DE TICKETS Y RECIBOS:
1. Ingresar DNI en el buscador

2. Los campos se rellenan con búsqueda por DNI por
Reniec.
3. Ingresar tipo de ingres (EGRESO / INGRESO).
4. Ingresar el tipo de moneda (SOLES / DOLARES).
5. Ingresar la fecha actual.
6. Ingresar tipo de pago (EFECTIVO, TARJETA, PLIN,
YAPE).
7. Ingresar el concepto del pago o consulta a realizar.
8. Ingrese el mes.
9. Ingrese el año.
10. Ingrese el monto a cobrar.
67
1 4
5
2
6
5
7
5
8 10
5
9 5
5
MODAL DE EDITAR REGISTROS DE TICKET Y RECIBOS
1. Editar el DNI, el apellido paterno, materno y nombres.

2. editar tipo de ingreso (EGRESO / INGRESO).
3. editar el tipo de moneda (SOLES / DOLARES).
4. editar la fecha actual.
5. editar tipo de pago (EFECTIVO, TARJETA, PLIN, YAPE).
6. editar el concepto del pago o consulta a realizar.
7. editar el mes.
8. editar el año.
9. editar el monto a cobrar.
10. Botón de confirmar edición de datos.
68
2
1
MODAL DE ELIMINAR TICKET Y RECIBO
1. Dar click en el botón “SI” y se eliminar el ticket o recibo.

2. Dar click en el botón “NO” y no se eliminara el ticket o
recibo.
69
TICKET Y RECIBOS EMITIDOS EN PDF

70
REGISTROS DE ESCRITOS DE MALEY ABOGADO Y

ELECTRO ORIENTE
1. Botón para realizar nuevo registro de escritos de maley

abogados y electro oriente.
71
2. Datos de los escritos ya registrados.

registro.
2 3
5
4
5
5 6
5
7
10
8 9 11
MODAL DE REGISTRO DE ESCRITOS DE MALEY

ABOGADOS Y ELECTRO ORIENTE
1. Ingresar el número de oficio.

2. Ingresar tipo de escritos.
3. Ingresar el tipo de usuario encargado.
4. Ingresar el estado del escrito.
72
5. Ingresar quien lo envía.

6. Ingresar quien lo recibe
7. Ingresar concepto de escritos.
8. Ingresar entidad.
9. Ingresar plazo de los escritos.
10. Ingresar fecha de ingreso de los escritos
2 3
5
4
5
5 6
5
7
10
8 9 11
MODAL DE EDIATR ESCRITOS DE MALEY ABOGADOS Y

ELECTRO ORIENTE
1. editar el número de oficio.

2. editar tipo de escritos.
3. editar el tipo de usuario encargado.
73
4. editar el estado del escrito.

5. editar quien lo envía.
6. editar quien lo recibe
7. editar concepto de escritos.
8. editar entidad.
9. editar plazo de los escritos.
10. editar fecha de ingreso de los escritos
11. Botón de confirmar de edición de datos.
2
1
MODAL DE ELIMINAR ESCRITOS DE MALEY Y ELECTRO

ORIENTE
1. Dar click en el botón “SI” y se eliminar el escrito

registrado.
74
2. Dar click en el botón “NO” y no se eliminará el escrito

registrado.
1
2
REPORTES DE AUDIENCIAS MENSUALES DE MALEY ABOGADOS
1. Ingresar el mes
75
2. Ingresar el año.
3. Botón de generar reporte PDF
2
1
3
5 4
REPORTES DE PAGOS MENSUALE Y ANUALES DE

MALEY ABOGADOS EN PDF
76
1. Ingresar el mes
3. Botón de generar reporte PDF mensual
5. Botón de generar reporte PDF anual
77
2
1
3
5 4
78
REPORTES DE PAGOS MENSUALE Y ANUALES DE

MALEY ABOGADOS EN EXCEL
1. Ingresar el mes
3. Botón de generar reporte PDF mensual
5. Botón de generar reporte PDF anual
79
80
USUARIO
VENTANA DE BIENVENIDA (USUARIO)

81
PANEL DE CONTROL:
Luego de haber iniciado sesión el sistema redirecciona al panel de control

del administrador, en donde se podrá tener acceso a todas las funciones
del sistema.
2
1
4
5. Panel del usuario que incluye gráficas y cuadros de

conteo.
6. Son todas las pestañas que contiene el panel de usuario.
7. Indica el nombre del usuario que entro al panel de
usuario.
8. Botón para cerrar sesión.
82
2
3
REGISTRO DE LAS AUDIENCIAS
1. Botón para realizar nuevo registro de Audiencia.

3. Botones para editar datos de los registros y eliminar
el registro
83
2 3 4
1
5 6
7
5
8
9
5
10 11 12 13
14
MODAL DE REGISTRO DE AUDIENCIAS
1. Ingresar N° de expediente.
2. Ingresar materia.
3. Ingresar usuario encargado de la audiencia.
4. Ingresar estado de la audiencia.
5. Ingresar agraviado.
6. Ingresar diligencia.
7. Ingresar órgano jurisdiccional
8. Ingresar imputado
9. Ingresar día de la semana
10. Ingresar mes
11. Ingresar año
12. Ingresar hora y fecha
13. Ingresar hora opcional
14. Botón de guardar los datos
84
2 3 4
1
5 6
7
5
8
9
5
10 11 12 13
14
MODAL DE EDITAR REGISTRO DE AUDIENCIAS
1. editar N° de expediente
2. editar materia.
3. editar usuario encargado de la audiencia.
4. editar estado de la audiencia.
5. editar agraviado.
6. editar diligencia.
7. editar órgano jurisdiccional
8. editar imputado
9. editar día de la semana
10. editar mes
11. editar año
12. editar hora y fecha
13. editar hora opcional
14. Botón de editar los datos
85
2
1
1. Dar click en el botón “SI” y se eliminar la audiencia.

2. Dar click en el botón “NO” y no se eliminará la audiencia.
86
1
3
REGISTRO DE LOS TICKETS Y RECIBOS
1. Botón para realizar nuevo registro de ticket y recibos.

registro están deshabilitados.
4. Botones para imprimir ticket y recibo.
87
1
2 5
6
3
7
5
4
8 11
5
9 10
5
5 5
MODAL DEL REGISTRO DE TICKETS Y RECIBOS:
1. Ingresar DNI en el buscador

2. Los campos se rellenan con búsqueda por DNI por
Reniec.
3. Ingresar tipo de ingres (EGRESO / INGRESO).
4. Ingresar el tipo de moneda (SOLES / DOLARES).
5. Ingresar la fecha actual.
6. Ingresar tipo de pago (EFECTIVO, TARJETA, PLIN,
YAPE).
7. Ingresar el concepto del pago o consulta a realizar.
8. Ingrese el mes.
9. Ingrese el año.
10. Ingrese el monto a cobrar.
88
TICKET Y RECIBOS EMITIDOS EN PDF

89
REGISTROS DE ESCRITOS DE MALEY ABOGADO Y

ELECTRO ORIENTE
1. Botón para realizar nuevo registro de escritos de maley

abogados y electro oriente.
90
2. Datos de los escritos ya registrados.

registro.
2 3
5
4
5
5 6
5
7
10
8 9 11
MODAL DE REGISTRO DE ESCRITOS DE MALEY

ABOGADOS Y ELECTRO ORIENTE
1. Ingresar el número de oficio.

2. Ingresar tipo de escritos.
3. Ingresar el tipo de usuario encargado.
4. Ingresar el estado del escrito.
91
5. Ingresar quien lo envía.

6. Ingresar quien lo recibe
7. Ingresar concepto de escritos.
8. Ingresar entidad.
9. Ingresar plazo de los escritos.
10. Ingresar fecha de ingreso de los escritos
2 3
5
4
5
5 6
5
7
10
8 9 11
MODAL DE EDITAR ESCRITOS DE MALEY ABOGADOS Y

ELECTRO ORIENTE
1. editar el número de oficio.

2. editar tipo de escritos.
3. editar el tipo de usuario encargado.
92
4. editar el estado del escrito.

5. editar quien lo envía.
6. editar quien lo recibe
7. editar concepto de escritos.
8. editar entidad.
9. editar plazo de los escritos.
10. editar fecha de ingreso de los escritos
11. Botón de confirmar de edición de datos.
2
1
MODAL DE ELIMINAR ESCRITOS DE MALEY Y ELECTRO

ORIENTE
3. Dar click en el botón “SI” y se eliminar el escrito

registrado.
93
4. Dar click en el botón “NO” y no se eliminará el escrito

registrado.
1
2
REPORTES DE AUDIENCIAS MENSUALES DE MALEY ABOGADOS
4. Ingresar el mes
94
6. Botón de generar reporte PDF
95
2.9. Anexo 03.

96
2.10. Anexo 04.

INFORME PRACTICA PRE - PROFESIONAL (Ing de Sistema)

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

INFORME PRACTICA PRE - PROFESIONAL (Ing de Sistema)

Cargado por

Copyright:

Formatos disponibles

1

UNIVERSIDAD NACIONAL DE LA AMAZONÍA PERUANA

FACULTAD DE INGENIERÍA DE SISTEMAS E INFORMÁTICA

“SISTEMA DE REGISTRO DE EXPEDIENTES Y CONTROL DE

WILMAR ALEJANDRO CHU GONZALES

INFORME DE PRÁCTICA PRE-PROFESIONAL REALIZADO EN EL

ING. ALEJANDRO REATEGUI PEZO

Tabla 11: Modulo Administrador (Reporte EXCEL de ticket y recibos por

5.7. Anexo 01........................................................................................51

El presente documento tiene la finalidad de informar sobre la problemática

1.1. Objetivo del Informe

Cumplir formalmente con el plan curricular establecido para la carrera

1.2. Periodo de prácticas

La duración estimada de las Pre – Profesionales fue de 12 semanas

1.3. Institución y Área de desarrollo

Institución: Estudio Jurídico Maley – Abogados E.I.R.L.

1.4. Funciones del Área de trabajo

Las funciones de la Oficina de Informática son la de atender las

II: ASPECTOS GENERALES DE LA EMPRESA

1.5. Razón Social

Estudio Jurídico “Maley – Abogados E.I.R.L”

1.6. Aspectos Técnicos

1.6.2. Plano de Ubicación

Figura 1: Ubicación del Estudio Jurídico “Maley – Abogados E.I.R.L”

Fuente: Google Maps.

CONTABILIDAD MESA DE SECRETARIA

Figura 2. Estructura orgánica del estudio jurídico MALEY – ABOGADOS

TIPO DE EQUIPO CANTIDAD

TIPO DE EQUIPO CANTIDAD

III: ACTIVIDADES REALIZADAS

II. Sub. Tarea

IV: DESCRIPCION DE ACTIVIDADES REALIZADAS

Actualmente el estudio jurídico MALEY – ABOGADOS E.I.R.L no cuenta

Debido a esta problemática, se determinó la importancia del desarrollo e

Todo estudio jurídico está en la necesidad de llevar un control de sus

Al implementar el sistema de registro de expedientes y control de

Durante el uso de la metodología RUP, como parte del proceso de

La metodología XP expone una serie de conceptos para simplificar el

Figura 3. Metodología XP o Programación Extrema.

Las cuales constan de 4 fases para su correcto desarrollo:

 Planificación: Se identifican las necesidades de los usuarios, se

Tabla 4: Modulo Administrador (Ingreso).

Tabla 5: Modulo Administrador (Inicio).

Tabla 6: Modulo Administrador (Registro de Usuarios).

Tabla 7: Modulo Administrador (Registro de Audiencias).

Tabla 19: Modulo Usuario (Módulo de Ingreso).

Tabla 20: Modulo Usuario (Inicio).

Tabla 21: Modulo Usuario (Registro de Audiencia).

Tabla 23: Modulo Usuario (Registro de Ticket y Recibos).

Tabla 24: Modulo Usuario (Registro de Escritos de Maley Abogados y

1.4.3. Herramientas de Desarrollo

Esto significa que cualquiera puede hacer cambios en su estructura. En la

 Es de código abierto, no hay restricciones de uso vinculadas a los

Es un lenguaje que permite disminuir el tiempo de carga de las páginas,

Figura 4. Visual Studio Code – Programación en PHP.

1.4.3.2. HTML Y CSS

HTML es un lenguaje de marcado que se utiliza para el desarrollo

El framework combina CSS y JavaScript para estilizar los elementos de

1.4.4. Herramientas de Desarrollo

Figura 5. Base de Datos Relacional.

 Es multiplataforma. Puede ser usado en servidores Windows y

Figura 6. Diagrama de actividades del sistema web.

1.6. Análisis de Requerimientos