Professional Documents
Culture Documents
PRESENTADO POR:
A mis Padres:
i
INTRODUCCION
ii
En el capítulo III comprende el material y método utilizado donde se especifican
métodos, técnicas que se utilizaron para el desarrollo del informe. En el Capítulo
IV están los resultados, se mencionan las ventajas obtenidas con el desarrollo
del sistema informático propuesto en el presente informe. Por último,
encontramos las conclusiones y sugerencias a las que se arribó en el Desarrollo
del informe de prácticas.
iii
RESUMEN
iv
ÍNDICE
DEDICATORIA: ................................................................................................... I
INTRODUCCION ................................................................................................. II
RESUMEN ......................................................................................................... IV
CAPÍTULO I ........................................................................................................ 1
1 GENERALIDADES DE LA INSTITUCIÓN: ............................................... 1
1.1. NOMBRE O RAZÓN SOCIAL: ........................................................... 1
1.2. UBICACIÓN DE LA INSTITUCIÓN: ................................................... 1
1.3. ACTIVIDADES DE LA INSTITUCIÓN: ............................................... 1
1.4. RESEÑA HISTÓRICA: ....................................................................... 2
1.5. FINALIDAD: ....................................................................................... 5
1.6. VISIÓN: .............................................................................................. 5
1.7. MISIÓN: ............................................................................................. 5
1.8. ORGANIGRAMA ................................................................................ 6
1.9. LUGAR DE EJECUCIÓN DE LAS PRÁCTICAS PRE –
PROFESIONALES: ...................................................................................... 7
1.9.1. NOMBRE DEL ÁREA: .................................................................... 7
1.9.2. DESCRIPCIÓN DEL ÁREA DE TRABAJO: .................................... 7
1.9.3. OBJETIVOS OFICINA OSA PRE-GRADO: .................................... 7
1.10. ESTRUCTURA TEMÁTICA: ............................................................... 8
1.10.1. RESUMEN: ................................................................................. 8
1.10.2. DESCRIPCIÓN DEL PROBLEMA: .............................................. 9
1.11. OBJETIVOS DE LAS PRÁCTICAS PRE- PROFESIONALES: ........... 9
1.11.1. OBJETIVO GENERAL: ............................................................... 9
1.11.2. OBJETIVOS ESPECIFICOS: .................................................... 10
1.11.3. JUSTIFICACION: ...................................................................... 10
CAPÍTULO II ..................................................................................................... 11
2 FUNDAMENTO TEÓRICO: .................................................................... 11
2.1. PHP: ................................................................................................ 11
2.2. SISTEMA: ........................................................................................ 12
2.3. MySQL: ............................................................................................ 14
2.4. DBDesigner (Diseñador de una Base de Datos): ............................. 15
2.5. RATIONAL ROSE: ........................................................................... 16
2.6. UML ................................................................................................. 17
2.7. SGBD:.............................................................................................. 24
v
2.8. MODELO OOHDM o Método de Diseño de Hipermedia Orientado .. 25
2.8.1. MODELO CONCEPTUAL: ............................................................ 27
2.8.2. DISEÑO NAVEGACIONAL: .......................................................... 28
2.8.3. DISEÑO DE INTERFAZ ABSTRACTA: ........................................ 29
2.8.4. IMPLEMENTACIÓN: .................................................................... 29
2.9. ANÁLISIS ORIENTADA A OBJETOS: ............................................. 30
CAPÍTULO III .................................................................................................... 31
3 MATERIAL Y MÉTODO UTILIZADO EN LAS PRÁCTICAS
PREPROFESIONALES: ................................................................................ 31
3.1. MATERIALES: ................................................................................. 31
3.1.1. RECURSOS HUMANOS: ............................................................. 31
3.1.2. RECURSOS DE HARDWARE...................................................... 31
3.1.3. RECURSOS DE SOFTWARE: ..................................................... 32
3.2. METODOLOGÍA: ............................................................................. 32
3.3. ANÁLISIS DEL SISTEMA: ............................................................... 33
3.3.1. IDENTIFICACIÓN DEL PROYECTO: ........................................... 33
3.3.2. DESARROLLO DEL SISTEMA SISCOD: ..................................... 33
3.4. MODELO CONCEPTUAL: ............................................................... 58
3.4.1. DIAGRAMA DE CLASES: ............................................................ 58
3.5. DISEÑO NAVEGACIONAL: ............................................................. 59
3.5.1. DIAGRAMA DE COMPONENTES: ............................................... 59
3.5.2. DIAGRAMA DE DESPLIEGUE: .................................................... 62
3.6. DISEÑO DE LA INTERFAZ ABSTRACTA:....................................... 63
3.6.1. MODELO DE LA BASE DE DATOS: ............................................ 67
3.7. |IMPLEMENTACIÓN: ....................................................................... 68
3.7.1. MIGRACIÓN DEL MODELO DE LA BASE DE DATOS EN
DBDESIGNER A MYSQL: ....................................................................... 68
3.7.2. CODIGO DE CONEXIÓN A LA BASE DE DATOS CON PHP: ..... 76
CAPÍTULO IV .................................................................................................... 77
4 RESULTADOS DE LA PRÁCTICA REALIZADA: ................................... 77
4.1. MODULO DE CONSULTA: .............................................................. 79
4.1.1. Datos: Resultados de búsqueda, se muestran datos básicos del
alumno además de 4 pestañas que muestran más datos sobre su
expediente. ............................................................................................. 81
4.1.2. MODULO DE ADMINISTRACION: ............................................... 82
4.1.3. CENTROS EDUCATIVOS: ........................................................... 84
4.1.4. ASOCIACIONES: ......................................................................... 85
4.1.5. SEDES: ........................................................................................ 86
vi
4.1.6. Pantallas de Opciones del menú buscar alumno. ......................... 86
CAPÍTULO V ..................................................................................................... 90
5 CONCLUSIONES Y SUGERENCIAS: .................................................... 90
5.1. CONCLUSIONES: ........................................................................... 90
5.2. RECOMENDACIONES: ................................................................... 91
CAPÍTULO VI .................................................................................................... 92
6 BIBLIOGRAFIA: ..................................................................................... 92
CAPÍTULO VII ................................................................................................... 95
7 ANEXOS:................................................................................................ 95
7.1. CÓDIGO FUENTE: .......................................................................... 95
GLOSARIO ..................................................................................................... 102
ÍNDICE DE FIGURAS
DEDICATORIA: ................................................................................................... I
INTRODUCCION ................................................................................................ IV
1 GENERALIDADES DE LA INSTITUCIÓN: ............................................... 1
Figura 1.1. Organigrama de la Universidad José Carlos Mariátegui ............. 6
2 FUNDAMENTO TEÓRICO: .................................................................... 11
Figura 2.1 Ejemplo de código PHP. ........................................................... 12
Figura 2.2 Diseño de una Base de Datos en DBDesigner. ......................... 16
Figura 2.3 Interfaz de Rational Rose. ......................................................... 17
Figura 2.4 Ejemplo UML Diagrama de Clases. .......................................... 24
3 MATERIAL Y MÉTODO UTILIZADO EN LAS PRÁCTICAS
PREPROFESIONALES: ................................................................................ 31
Tabla 3.1 Recursos Humanos .................................................................... 31
Figura 3.1 Diagrama General del Sistema ................................................. 34
Figura 3.3 Diagrama de Gestión de usuarios ............................................. 36
B) SUB - SISTEMA DE EXPEDIENTES .................................................... 40
Figura 3.4 Diagrama de Gestión de Archivo:.............................................. 40
Figura 3.5 Diagrama de Gestión de Alumnos............................................. 49
vii
Figura 3.6 Diagrama de Administración del Sistema. ................................. 52
Figura 3.7 Diagrama de Administración de Especialidad ........................... 53
Figura 3.8 Diagrama de Administración de Facultad .................................. 53
Figura 3.9 Diagrama de Administración de Sedes ..................................... 53
Figura 3.10 Diagrama de Administración de Documentos.......................... 54
Figura 3.11 Diagrama de clases ................................................................ 58
Figura 3.12 Diagrama de componentes estructura del sistema .................. 59
Figura 3.13 Diagrama de componentes menú del administrador ............... 60
Figura 3.14 Diagrama de componentes menú del usuario ......................... 61
Figura 3.15 Diagrama de despliegue distribución física del sistema .......... 62
Figura 3.16 Interfaz de Documento Emitido ............................................... 63
Figura 3.17 Interfaz de Documento Emitido ............................................... 64
Figura 3.18 Interfaz de Consulta Documento Emitido. ............................... 65
Figura 3.19 Interfaz de Consulta Documento Remite. ................................ 66
Figura 3.20 Modelo de la Base de Datos ................................................... 67
Figura 3.21 Selección de la opción de exportación en el menú .................. 68
Figura 3.22 Selección de las opciones para la exportación ........................ 69
Figura 3.23 Guardando el archivo con la consulta para la creación ........... 70
Figura 3.24 Ventana phpMyAdmin de creación de Base de Datos ............. 71
Figura 3.25: Búsqueda del Archivo exportado en phpMyAdmin. ................ 72
Figura 3.26: Ventana phpMyAdmin con el archivo encontrado. ................. 73
Figura 3.27 Ventana phpMyAdmin con mensaje de ejecución con éxito. ... 74
Figura 3.28: Ventana MyAdmin con la Base de Datos ya importado. ......... 75
Figura 3.39 Código de la clase para la conexión con la base de datos ...... 76
4 RESULTADOS DE LA PRÁCTICA REALIZADA: ................................... 77
Figura 4.1 Página Principal ........................................................................ 77
Figura 4.2 Menú del Sistema. .................................................................... 78
Figura 4.3 Inicio del Sistema. ..................................................................... 79
Figura 4.4 Menú del Administrador. ........................................................... 80
Figura 4.5 Datos Básicos del expediente ................................................... 81
Figura 4.6 Documentos que contiene el expediente................................... 82
Figura 4.10 Control de acceso. .................................................................. 83
Figura 4.11 Panel de Administración.......................................................... 84
Figura 4.12 Ingreso de centros educativos................................................. 85
Figura 4.13 Registrar nueva Asociación. .................................................... 85
Figura 4.14 Registrar nueva Sede. ............................................................ 86
Figura 4.15 Detalles de Búsqueda de Alumno. .......................................... 87
Figura 4.16 Detalles de ingreso de expediente de alumnos ....................... 88
Figura 4.17 Detalle de ingreso de expediente de alumno........................... 89
5 CONCLUSIONES Y SUGERENCIAS: .................................................... 90
viii
6 BIBLIOGRAFIA: ..................................................................................... 92
7 ANEXOS:................................................................................................ 95
GLOSARIO ..................................................................................................... 102
ÍNDICE DE CUADROS
DEDICATORIA: ................................................................................................... I
RESUMEN ......................................................................................................... IV
1 GENERALIDADES DE LA INSTITUCIÓN: ............................................... 1
Figura 1.1. Organigrama de la Universidad José Carlos Mariátegui ............. 6
2 FUNDAMENTO TEÓRICO: .................................................................... 11
Figura 2.1 Ejemplo de código PHP. ........................................................... 12
Figura 2.2 Diseño de una Base de Datos en DBDesigner. ......................... 16
Figura 2.3 Interfaz de Rational Rose. ......................................................... 17
Figura 2.4 Ejemplo UML Diagrama de Clases. .......................................... 24
3 MATERIAL Y MÉTODO UTILIZADO EN LAS PRÁCTICAS
PREPROFESIONALES: ................................................................................ 31
Tabla 3.1 Recursos Humanos .................................................................... 31
Figura 3.1 Diagrama General del Sistema ................................................. 34
Figura 3.3 Diagrama de Gestión de usuarios ............................................. 36
Fuente: Propia ........................................................................................... 36
DESCRIPCIÓN DE CASO DE USO: .......................................................... 36
B) SUB - SISTEMA DE EXPEDIENTES .................................................... 40
Figura 3.4 Diagrama de Gestión de Archivo:.............................................. 40
Figura 3.5 Diagrama de Gestión de Alumnos............................................. 49
Figura 3.6 Diagrama de Administración del Sistema. ................................. 52
Figura 3.7 Diagrama de Administración de Especialidad ........................... 53
Figura 3.8 Diagrama de Administración de Facultad .................................. 53
Figura 3.9 Diagrama de Administración de Sedes ..................................... 53
Figura 3.10 Diagrama de Administración de Documentos.......................... 54
Figura 3.11 Diagrama de clases ................................................................ 58
Figura 3.12 Diagrama de componentes estructura del sistema .................. 59
Figura 3.13 Diagrama de componentes menú del administrador ............... 60
Figura 3.14 Diagrama de componentes menú del usuario ......................... 61
Figura 3.15 Diagrama de despliegue distribución física del sistema .......... 62
Figura 3.16 Interfaz de Documento Emitido ............................................... 63
Figura 3.17 Interfaz de Documento Emitido ............................................... 64
Figura 3.18 Interfaz de Consulta Documento Emitido. ............................... 65
ix
Figura 3.19 Interfaz de Consulta Documento Remite. ................................ 66
Figura 3.20 Modelo de la Base de Datos ................................................... 67
Figura 3.21 Selección de la opción de exportación en el menú .................. 68
Figura 3.22 Selección de las opciones para la exportación ........................ 69
Figura 3.23 Guardando el archivo con la consulta para la creación ........... 70
Figura 3.24 Ventana phpMyAdmin de creación de Base de Datos ............. 71
Figura 3.25: Búsqueda del Archivo exportado en phpMyAdmin. ................ 72
Figura 3.26: Ventana phpMyAdmin con el archivo encontrado. ................. 73
Figura 3.27 Ventana phpMyAdmin con mensaje de ejecución con éxito. ... 74
Figura 3.28: Ventana MyAdmin con la Base de Datos ya importado. ......... 75
Figura 3.39 Código de la clase para la conexión con la base de datos ...... 76
4 RESULTADOS DE LA PRÁCTICA REALIZADA: ................................... 77
Figura 4.1 Página Principal ........................................................................ 77
Figura 4.2 Menú del Sistema. .................................................................... 78
Figura 4.3 Inicio del Sistema. ..................................................................... 79
Figura 4.4 Menú del Administrador. ........................................................... 80
Figura 4.5 Datos Básicos del expediente ................................................... 81
Figura 4.6 Documentos que contiene el expediente................................... 82
Figura 4.10 Control de acceso. .................................................................. 83
Figura 4.11 Panel de Administración.......................................................... 84
Figura 4.12 Ingreso de centros educativos................................................. 85
Figura 4.13 Registrar nueva Asociación. .................................................... 85
Figura 4.14 Registrar nueva Sede. ............................................................ 86
Figura 4.15 Detalles de Búsqueda de Alumno. .......................................... 87
Figura 4.16 Detalles de ingreso de expediente de alumnos ....................... 88
Figura 4.17 Detalle de ingreso de expediente de alumno........................... 89
5 CONCLUSIONES Y SUGERENCIAS: .................................................... 90
6 BIBLIOGRAFIA: ..................................................................................... 92
7 ANEXOS:................................................................................................ 95
GLOSARIO ..................................................................................................... 102
x
CAPÍTULO I
1 GENERALIDADES DE LA INSTITUCIÓN:
Departamento : Moquegua
Provincia : Mariscal Nieto
Distrito : Moquegua
Jirón : Ayacucho Nº 393
Teléfono : (053) - 46 – 1110
La Universidad se dedica a:
La Investigación Científica.
Estudio constante.
Educación superior integral.
Formación académico profesional.
Difusión de cultura.
1
Ofrece Diplomados, Segundas Especialidades. Pro Títulos, Centro
Pre Universitario, Centro de Computo y Sistemas y de Idiomas
Escuela de Post Grado con Maestrías y Doctorados, campos
deportivos, y en cuanto a carreras a Distancia, contando de esta
manera con alumnado de distintas partes del Perú.
2
Rodríguez Pantigoso como Vicepresidente Administrativo y el
Licenciado Ramón Vera Robalcaba como Vicepresidente Académico,
asumieron con entrega y convicción el gran compromiso, frente a la
plana docente, la familia estudiantil y el pueblo en conjunto de
institucionalizar la universidad, la misma que se hizo efectiva en un
lapso de 13 meses. Por eso el 28 de mayo del 2002 se consiguió el
gran sueño de su institucionalización mediante resolución Nº 389-
2002-ANR y como fruto de esta resolución el 13 de noviembre del
2002 se promulgó el primer estatuto de la Universidad y
posteriormente el 30 de diciembre del mismo año, fueron elegidos el
Rector y Vicerrector en un ambiente democrático y en estricto
cumplimiento de la ley universitaria y del mencionado estatuto, actos
que garantizan la autonomía y credibilidad de la Universidad Privada
de Moquegua "José Carlos Mariátegui".
Ingeniería Comercial.
Ingeniería Agronómica.
Ingeniería Civil.
3
Ingeniería Mecánica Eléctrica.
Ingeniería de Sistemas e Informática.
Ingeniería Pesquera.
Ingeniería Ambiental.
Obstetricia.
Contabilidad.
Odontología.
Derecho.
Educación.
Enfermería.
Ingeniería de Sistemas e Informática
Ingeniería de Telecomunicaciones y Redes
Ingeniería Civil
Ingeniería Mecánica Eléctrica
Ingeniería Agronómica
Ingeniería Agroindustrial
Ingeniería Ambiental
Arquitectura
Economía
Ciencias Administrativas y Marketing Estratégico
Administración Turística y Hotelera
Ingeniería Comercial
Educación Secundaria
Educación Primaria
Educación Inicial
Derecho
Contabilidad
Enfermería
Obstetricia
Odontología
Psicología
4
1.5. FINALIDAD:
1.6. VISIÓN:
1.7. MISIÓN:
5
1.8. ORGANIGRAMA
6
1.9. LUGAR DE EJECUCIÓN DE LAS PRÁCTICAS PRE –
PROFESIONALES:
7
Constancias de Biblioteca y Conformidad de Documentos
solicitados por los alumnos de Pre Grado.
Elaborar los certificados de Estudios en conformidad con
las Actas existentes y en estricto acatamiento a las
calificaciones contenidas en las mismas.
Elaborar Listados de estudiantes y egresados de Pre
Grado pertenecientes al Tercio y Quinto Superior de
acuerdo a las BD existentes en la Oficina.
Mantener y custodiar los expedientes de admisión de los
alumnos de las diferentes Carreras Profesionales de la
Modalidad Presencial, Semi-presencial, Distancia,
Programa Especial y Complementación Académica.
Verificar la correcta convalidación de cursos de los
alumnos ingresantes extraordinarios e ingresar los cuadros
de Convalidación al Sistema Académico utilizado en
OSAERC de los alumnos de Pre Grado.
Verificar e ingresar la correcta Adecuación al Nuevo Plan
de Estudios de los alumnos que retoman sus estudios y/o
alumnos que se acogen al Nuevo Plan de Estudios.
1.10.1. RESUMEN:
8
El Sistema de Información que se propone, mantendrá un
control eficiente sobre el monitoreo de los archivos y
expedientes de la universidad y así, apoyar a los diferentes
procesos de gestión y una búsqueda del bienestar y mejor
servicio brindado a la comunidad Universitaria.
La información podrá ser vista en tiempo real, de acuerdo a la
competencia del personal y a la confidencialidad de la
información.
Se tendrá la información necesaria en corto tiempo lo que
permitirá el ahorro de tiempo así como la impresión de
reportes según sean requeridos por los órganos jerárquicos
autorizados.
Reducirá la carga documental de archivos físicos. Y generara
reportes importantes para la toma de decisiones a Nivel
Gerencial.
9
1.11.2. OBJETIVOS ESPECIFICOS:
1.11.3. JUSTIFICACION:
10
CAPÍTULO II
2 FUNDAMENTO TEÓRICO:
2.1. PHP:
1
F.Javier Garcia Catellano TUTORIAL DE PHP, disponible en: http://flanagan.urg.es/php/index2.htm.
2
Definicion de PHP – disponible en: http://definicion.de/php/.
11
Figura 2.1 Ejemplo de código PHP.
Fuente: www.flanagan.ugr.es/php/index2.htm.
2.2. SISTEMA:
12
Los sistemas tienen límites o fronteras (Ver: frontera de un sistema),
que los diferencian del ambiente. Ese límite puede ser físico (el
gabinete de una computadora) o conceptual. Si hay algún intercambio
entre el sistema y el ambiente a través de ese límite, el sistema es
abierto, de lo contrario, el sistema es cerrado.3
Elementos de Sistema
Son elementos estructurales de un sistema:
• Elementos: Son los componentes fundamentales del sistema. Un
elemento es la representación simplificada de alguna característica
de la realidad objeto de estudio.
• Relaciones entre elementos o redes de comunicación: Los
elementos o componentes están interrelacionados. En un sistema no
se retienen todas las interacciones entre todos los elementos, sino las
más significativas para los fines concretos con que esté laborando el
sistema. Las redes de comunicación pueden tener un soporte físico o
ser redes o conexiones mentales o abstractas.
• Límites: Un sistema puede tener límites precisos o una zona
llamada interfaz, que lo separa del entorno circundante o de otros
3
Definición de Sistema – disponible en: http://www.alegsa.com.ar/Dic/sistema.php.
13
sistemas, de tal manera que, sin ambigüedad, se sepa si un
determinado elemento o red pertenece o no al sistema.
• El entorno del sistema: aquello que lo rodea, dentro del cual está
ubicado.
Las Elementos funcionales de los sistemas son las siguientes:
• Flujos: Ya sea de materiales, información o energía que circulan
entre variables de estado. Esta circulación se hace a través de las
redes de comunicación y cuenta con dispositivos: válvulas o grifos
que controlan los diversos flujos.
• Redes de retroalimentación: cadenas de causalidad o influencias
circulares entre elementos.
2.3. MySQL:
Uso de MySQL:
14
Características de MySQL:
4
DBDesigner – disponible en: http//www.freedownloadmanager.org/es/downloads/DBDesigner_4_3178_p/.
15
Todas las características específicas de MySQL han sido construidas
para ofrecer el modo más conveniente de diseñar y mantener el
control de sus bases de da datos de MySQL.
16
Figura 2.3 Interfaz de Rational Rose.
Fuente: www.monografias.com/trabajos5/insof/insof.shtml
2.6. UML
17
Las diferencias son muy marcadas y afectan a todas las fases del
proceso. El método del UML recomienda utilizar los procesos que
otras metodologías tienen definidos.
Elementos de UML:
Caso de uso:
18
Cuando se trabaja con casos de uso, es importante tener
presentes algunas sencillas reglas:
Cada caso de uso está relacionado como mínimo con un
actor.
Cada caso de uso es un iniciador (es decir, un actor).
Cada caso de uso lleva a un resultado relevante (un
resultado con «valor intrínseco»).
Los casos de uso pueden tener relaciones con otros casos de
uso. Los tres tipos de relaciones más comunes entre casos de
uso son:
Actor:
19
gente real (por ejemplo, usuarios del sistema), otros
ordenadores o eventos externos.5
Los actores no representan a personas físicas o a
sistemas, sino su rol. Esto significa que cuando una
persona interactúa con el sistema de diferentes maneras
(asumiendo diferentes papeles), estará representado por
varios actores. Por ejemplo, una persona que proporciona
servicios de atención telefónica a clientes y realiza pedidos
para los clientes estaría representada por un actor «equipo
de soporte» y por otro actor «representante de ventas».
Diagrama de Clases:
5
Ingeniería de Software UML – disponible en: http://www.monografia.com/trabajos5/insof/insof.shtml.
20
Clase:
Diagramas de Colaboración:
21
Los diagramas de estado ven a los objetos como máquinas
de estado o autómatas finitos que pueden estar en un
conjunto de estados finitos y que pueden cambiar su
estado a través de un estímulo perteneciente a un conjunto
finito. Por ejemplo, un objeto de tipo NetServer puede tener
durante su vida uno de los siguientes estados:
Listo.
Escuchando.
Trabajando.
Detenido.
Se crea el objeto.
El objeto recibe un mensaje de escucha.
Un cliente solicita una conexión a través de la red.
Un cliente finaliza una solicitud.
La solicitud se ejecuta y ser termina.
El objeto recibe un mensaje de detención, etc.
Diagrama de Actividad:
22
representa por medio de iconos de fork/espera, y en el caso
de las actividades paralelas, no importa en qué orden sean
invocadas (pueden ser ejecutadas simultáneamente o una
detrás de otra).6
Diagramas de Componentes:
Diagramas de Implementación:
6
Introducción a UML – disponible en: http://docs.kde.org/stable/es/kdesdk/umbrello/uml-elements.html.
23
Figura 2.4 Ejemplo UML Diagrama de Clases.
Fuente: www.fabforce.net/dbdesigner4/images/ss/dbd4_ss_simplemodel.png
2.7. SGBD:
7
Carmen B. Navarrete – Centro de Referencia Linux UAM – IBM, Publicación “Introducción a las Bases de Datos”.2003, pág 35.
24
2.8. MODELO OOHDM o Método de Diseño de Hipermedia Orientado
a. Objetos:
- Diseño Conceptual.
- Diseño Navegacional.
- Diseño de Interfaces Abstractas.
- Implementación.
25
En la segunda etapa, el diseñador define clases navegacionales tales
como nodos, enlaces y estructuras de acceso (índices y visitas
guiadas) inducidas del esquema conceptual. Los enlaces derivan de
las relaciones y los nodos representan ventanas lógicas (views) sobre
las clases conceptuales. A continuación, el diseñador describe la
estructura navegacional en términos de contextos navegacionales. Un
contexto navegacional es un conjunto de nodos, enlaces, clases de
contextos y otros contextos navegacionales (contextos anidados) -
igual que en HDM definen agrupaciones- que pueden ser definidos
por comprensión o extensión, o por enumeración de sus miembros.
26
constituye un mecanismo que permite enriquecer el modelo
hipermedia.
Aunque los ejemplos que ilustran el método sean siempre del mismo
tipo, OOHDM es un método abierto porque, por una parte, el modelo
del dominio no viene impuesto y por otra parte, el soporte en objetos
del método permite la especialización de las clases navegacionales y
de los contextos navegacionales. El objetivo de OOHDM es cubrir la
concepción de todo tipo de aplicaciones hipermedia.8
8
Modelado OOHDM - disponible en: http//www.hipertexto.info/documentos/oohdm.htm
27
además de clases abstractas y objetos, se representan las
relaciones entre ellas, incluidas las de herencia y agregación,
y los correspondientes atributos (que pueden ser de cualquier
tipo, desde simples cadenas de caracteres a gráficos,
imágenes, texto, sonido, etc.) y métodos asociados a las
clases”.9
9
Daniel Schwabe y Gustavo Ross, disponible en: http://www.di.inf.puc-rio.br/schwabe/papers/TAPOSRevised.pdf
28
diferentes de los usuarios. Cada modelo de navegación
proporciona una vista "Subjetiva" del modelo conceptual.10
2.8.4. IMPLEMENTACIÓN:
10
Carvalho, G Rossi, disponible en: http://www.di.inf.puc-rio.br/schwabe/HT96WWW/section3.html
11
Coleman Introducción Orientado a Objetos, disponible en http://www.di.inf.puc-rio.br/schwabe/HT96WWW/section3.html
29
fase el ambiente particular de (tiempo de ejecución) runtime
se toma el derecho de acceso a un servidor o a la red
internet. A continuación se fijará cómo los diseños de
OOHDM pueden ser implementados en el WWW, tener
cuidado para no arreglar una sola alternativa, desde que hay
muchos acercamientos posibles a través de los cuales esto
puede ser logrado.
12
Ingeniería de software, un enfoque práctico, Roger S. Pressman, 5aEdición, pág. 133
30
CAPÍTULO III
3.1. MATERIALES:
31
3.1.3. RECURSOS DE SOFTWARE:
Microsoft Windows 7.
Microsoft Office 2007 (Microsoft Excel y Microsoft Word).
DBDesigner, para el modelamiento Web.
Rational Rose Enterprise Edition v.2003.
XAMPP Para Windows.
Apache Web Server Version 2.2.4.
PHP Script Language Version 5.2.3.
MySQL Database Version 5.0.45.
Notepad++ v5.6.6 para la programación, tanto para el
código HTML como código PHP.
Navicat 8 for MySQL.
3.2. METODOLOGÍA:
32
Fase de Implementación.
a) TÍTULO:
Desarrollo de un Sistema Informático para la
Administración de Expedientes de la Universidad José
Carlos Mariátegui.
b) DESCRIPCIÓN:
Es un sistema Web que mediante sus módulos se puede
administrar los expedientes de los alumnos de la UJCM.
c) AUTOR:
Bach. Samir Iván Benavente Condori
33
Figura 3.1 Diagrama General del Sistema
Fuente: Propia
34
3.3.2.2. DIAGRAMA DE CASO DE USO:
35
Figura 3.3 Diagrama de Gestión de usuarios
Fuente: Propia
Versión 1.0
CU-002 BUSCAR
Versión 1.0
36
Dependencias -
Precondición -
Post condición -
Excepciones N Acción
1 Si el sistema no encuentra
resultados para la búsqueda,
el sistema se lo indica al actor
y vuelve al paso 1, a
continuación este caso de uso
continúa.
Comentarios Ninguno.
CU-003 MODIFICAR
Versión 1.0
Dependencias -
Precondición -
37
2 El Actor (ACT 001) realiza los
cambios.
Excepciones N Acción
1 Si la búsqueda no finalizo
exitosamente, el sistema
finaliza el caso de uso, a
continuación este caso de uso
queda sin efecto.
38
CU-004 ELIMINAR
Versión 1.0
Dependencias -
Precondición -
Excepciones N Acción
1 Si la búsqueda no finalizo
exitosamente, el sistema
finaliza el caso de uso, a
continuación este caso de
uso queda sin efecto.
Comentarios Ninguno.
39
B) SUB - SISTEMA DE EXPEDIENTES
Versión 1.0
40
módulo se podrá agregar más documentos
al expediente del Alumno.
Dependencias -
Secuencias N° Acción
Normal
1 El Actor (ACT 001) realiza la
búsqueda (CU 002)
Post condición -
Excepciones N Acción
Versión 1.0
41
“ELIMINAR EXPEDIENTE” En este caso de
uso se podrá eliminar documentos en caso
de haber llenado mal.
Dependencias -
Secuencias N Acción
Normal
1 El Actor (ACT 001) realiza la
búsqueda (CU 002)
Post condición -
Excepciones N Acción
42
CU-007 VER EXPEDIENTE
Versión 1.0
Dependencias -
Secuencias N Acción
Normal
1 El Actor (ACT 001) realiza la
búsqueda (CU 002)
Post condición -
Excepciones N Acción
Comentarios Ninguno
43
Versión 1.0
Dependencias -
Secuencias N Acción
Normal
1 El Actor (ACT 001) realiza la
búsqueda (CU 002)
Post condición -
Excepciones N Acción
44
CU-009 AGREGAR DOCUMENTOS
Versión 1.0
Secuencias N Acción
Normal
1 El Actor (ACT 001) realiza la búsqueda
(CU 002)
Post condición -
Excepciones N Acción
45
Comentarios El Actor (ACT 001) podrá cancelar en
cualquier momento el caso de Uso.
Versión 1.0
Secuencias N Acción
Normal
1 El Actor (ACT 001) realiza la
búsqueda (CU 002)
Post condición -
46
Excepciones N Acción
CU-011 EGRESAR
Versión 1.0
47
Secuencias N Acción
Normal
1 El Actor (ACT 001) realiza la
búsqueda (CU 002)
Post condición -
Excepciones N Acción
48
Figura 3.5 Diagrama de Gestión de Alumnos
Fuente: Propia.
Versión 1.0
CU-013 MODIFICAR
Versión 1.0
49
Descripción El sistema deberá comportarse tal como se
describe en este C.U. cuando seleccione
“MODIFICAR” (Datos del Alumno) En este
modulo se modificaran datos del Alumno.
Dependencias -
Secuencias N Acción
Normal
1 El Actor (ACT 001) realiza la
búsqueda (CU 002)
Post -
condición
Excepciones N Acción
1 Si el sistema no encuentra
resultados para la búsqueda, el
sistema se lo indica al actor y
vuelve al paso 1, a continuación
este caso de uso continúa.
CU-014 ELIMINAR
50
Versión 1.0
Dependencias -
Secuencias N Acción
Normal
1 El Actor (ACT 001) realiza la búsqueda
(CU 002)
Post condición -
Excepciones N Acción
51
D) SUB - SISTEMA DE ADMINISTRACIÓN
52
Figura 3.7 Diagrama de Administración de Especialidad
Fuente: Propia.
53
Figura 3.10 Diagrama de Administración de Documentos
Fuente: Propia
CU-015 MODIFICAR
Versión 1.0
Dependencias -
Precondición
Secuencias N Acción
Normal
54
2 El sistema muestra los resultados de
la búsqueda.
Post condición -
Excepciones N Acción
CU-016 NUEVO
Versión 1.0
CU-017 ELIMINAR
55
Versión 1.0
Dependencias -
Precondición -
Secuencia N Acción
normal
1 Se realiza el caso de uso Buscar (CU-
002)
Excepciones N Acción
1 Si la búsqueda no finalizo
exitosamente, el sistema finaliza el
caso de uso, a continuación este caso
de uso queda sin efecto.
Comentarios Ninguno.
56
Personal de Archivo
Fuentes:
Comentarios: Ninguno
Administrativo
ACT-002 Administrativo
Fuentes:
Comentarios: Ninguno
57
3.4. MODELO CONCEPTUAL:
SEDE ALUMNO
ALUCOD: INTEGER ESPECIALIDAD
SEDECOD: INTEGER FACULTAD
ALUCOD: INTEGER (FK) ADMCOD: INTEGER (FK) ESPCOD: CHAR(18)
FACCOD: INTEGER FACCOD: INTEGER (FK)
ADMCOD: INTEGER (FK) ALUAPE: CHAR(50) ALUCOD: INTEGER (FK) ALUCOD: INTEGER (FK)
SEDENOM: CHAR(18) ALUNOM: CHAR(50) ADMCOD: INTEGER (FK) ADMCOD: INTEGER (FK)
ESPCOD: CHAR(10)
FACCOD: CHAR(10) FACNOM: CHAR(18) ESPNOM: CHAR(18)
ADMIN
SEDECOD: CHAR(10)
ADMCOD: INT
ADMAPE: VARCHAR(20)
ADMNOM: VARCHAR(20)
ADMUSER: VARCHAR(20) EXPEDIENTE
ADMPASS: VARCHAR(20) DOCUMENTO EXPCOD: INTEGER
DOCCOD: INTEGER ALUCOD: INTEGER (FK) TRASLADO
TIPODOCUMENTO EXPCOD: INTEGER (FK) ADMCOD: INTEGER (FK) TRASCOD: INTEGER
TIPODOCCOD: CHAR(50) ALUCOD: INTEGER (FK) ALUCOD: INTEGER (FK)
EXPUBIC: CHAR(18)
DOCCOD: CHAR(10) (FK) ADMCOD: INTEGER (FK) ADMCOD: INTEGER (FK)
EXPEST: CHAR(18)
EXPCOD: INTEGER (FK) MODODOCCOD: CHAR(18) TRASDOC: CHAR(18)
ALUCOD: INTEGER (FK) TIPODOCCOD: CHAR(18) FACCODO: CHAR(18)
ADMCOD: INTEGER (FK)
PRESTAMO FACCODD: CHAR(18)
TIPODOCNOM: CHAR(18) PRESCOD: INTEGER ESPCODO: CHAR(18)
EXPCOD: INTEGER (FK) ESPCODD: CHAR(18)
ALUCOD: INTEGER (FK) SEDECODO: CHAR(18)
MODODOCUMENTO OFICINA ADMCOD: INTEGER (FK) SEDECODD: CHAR(10)
MODODOCCOD: INTEGER TRASFEC: CHAR(18)
OFICOD: INTEGER ESPCOD: CHAR(10) TRASCOM: CHAR(50)
DOCCOD: INTEGER (FK) PRESCOD: INTEGER (FK) PRESFECP: CHAR(18)
EXPCOD: INTEGER (FK) EXPCOD: INTEGER (FK) PRESFECD: CHAR(18)
ALUCOD: INTEGER (FK) ALUCOD: INTEGER (FK) PRESDOCP: CHAR(50)
ADMCOD: INTEGER (FK) ADMCOD: INTEGER (FK) PRESDOCD: CHAR(50)
MODODOCNOM: CHAR(18) OFINOM: CHAR(50) PRESCOMP: CHAR(50)
PRESCOMD: CHAR(18)
58
3.5. DISEÑO NAVEGACIONAL:
3.5.1. DIAGRAMA DE COMPONENTES:
A. ESTRUCTURA DEL SISTEMA:
59
3.5.1.1. MENÚ DEL ADMINISTRADOR:
60
3.5.1.2. MENÚ DEL USUARIO:
61
3.5.2. DIAGRAMA DE DESPLIEGUE:
A. DISTRIBUCIÓN FÍSICA DEL SISTEMA:
62
3.6. DISEÑO DE LA INTERFAZ ABSTRACTA:
63
Figura 3.17 Interfaz de Documento Emitido
Fuente: Propia
64
Figura 3.18 Interfaz de Consulta Documento Emitido.
Fuente: Propia
65
Figura 3.19 Interfaz de Consulta Documento Remite.
Fuente: Propia
66
3.6.1. MODELO DE LA BASE DE DATOS:
ADMIN
ADMCOD: int
TIPODOCUMENTO
DOCUMENTO
TIPODOCCOD: char(50) EXPEDIENTE
DOCCOD: int
DOCCOD: char(10) (FK) EXPCOD: int
EXPCOD: int (FK)
EXPCOD: int (FK) ALUCOD: int (FK)
ALUCOD: int (FK)
ALUCOD: int (FK) ADMCOD: int (FK)
ADMCOD: int (FK)
ADMCOD: int (FK) TRASLADO
TRASCOD: int
ALUCOD: int (FK)
MODODOCUMENTO ADMCOD: int (FK)
PRESTAMO
MODODOCCOD: int
PRESCOD: int
DOCCOD: int (FK)
OFICINA EXPCOD: int (FK)
EXPCOD: int (FK)
OFICOD: int ALUCOD: int (FK)
ALUCOD: int (FK)
PRESCOD: int (FK) ADMCOD: int (FK)
ADMCOD: int (FK)
EXPCOD: int (FK)
ALUCOD: int (FK)
ADMCOD: int (FK)
67
3.7. |IMPLEMENTACIÓN:
3.7.1. MIGRACIÓN DEL MODELO DE LA BASE DE DATOS EN
DBDESIGNER A MYSQL:
A. PROCESO DE EXPORTACION DEL DBDESIGNER:
1. Damos click en el menu File->Export->SQL créate
Scrit
68
Figura 3.22 Selección de las opciones para la exportación
Fuente: Propia
69
3. Seleccionamos la ubicación donde se guardara el
archivo bdsisdoc.sql, el cual contiene la consulta
para crear la base de datos, y damos click en el
botón Guardar.
70
B. PROCESO DE IMPORTACIÓN AL MYSQL:
71
2. Luego seleccionamos la opción Importar y luego
Examinar_, para abrir el archivo generado con la
exportación del DBDesigner.
72
3. Después presionamos el botón Continuar.
73
4. Listo, ya contamos con nuestra Base datos en mysql,
y listo para interactuar con PHP.
74
Figura 3.28: Ventana MyAdmin con la Base de Datos ya importado.
Fuente: Propia
75
3.7.2. CODIGO DE CONEXIÓN A LA BASE DE DATOS CON PHP:
76
CAPÍTULO IV
• Modulo de Administración.
• Modulo de Consulta.
77
Ya que el menú se modifica cuando se inicia sesión, apareciendo
más opciones de acuerdo a los permisos que tiene el empleado.
78
4.1. MODULO DE CONSULTA:
Usuario : SAMIR
Password : 54879314
79
Luego de iniciar sesión con la cuenta del ADMINISTRADOR, el
menú que aparece por defecto varía apareciendo más opciones
en la barra de menú, la misma que se puede observar a
continuación.
80
4.1.1. Datos: Resultados de búsqueda, se muestran datos
básicos del alumno además de 4 pestañas que muestran
más datos sobre su expediente.
81
Figura 4.6 Documentos que contiene el expediente
Fuente: Propia
82
Figura 4.10 Control de acceso.
Fuente: Propia
83
Figura 4.11 Panel de Administración
Fuente: Propia
Sede.
Oficina.
Tipo de Documento.
Modo de Documento.
Buscar Alumno.
Ingresar Alumno.
84
Figura 4.12 Ingreso de centros educativos.
Fuente: Propia
4.1.4. ASOCIACIONES:
85
4.1.5. SEDES:
86
Figura 4.15 Detalles de Búsqueda de Alumno.
Fuente: Propia
87
Figura 4.16 Detalles de ingreso de expediente de alumnos
Fuente: Propia
Esta es una parte muy importante del sistema dado a que es aquí
donde inicia todo el ingreso de datos al sistema para brindar
información para realizar los trámites correspondientes.
• Para iniciar ubicamos el icono de ingreso de alumnos situado en la
página principal del módulo de administración.
• Al acceder a este vínculo nos mostrara campos básicos del
alumno que se muestran en la siguiente imagen.
• La pestaña Expediente. Hace referencia a la ubicación del
expediente en la oficina de archivo.
• Después de completar los datos básicos continuamos con la
siguiente pestaña, que se refiere a los documentos que contiene
cada expediente.
88
• Una vez completado todos estos datos, guardamos y tenemos
todos los datos ingresados al sistema.
89
CAPÍTULO V
5 CONCLUSIONES Y SUGERENCIAS:
5.1. CONCLUSIONES:
Objetivo general
Objetivos Específicos
90
Se logró desarrollar e implementar el sistema Informático para
administrar los expedientes de la Universidad José Carlos
Mariátegui con el lenguaje de Programación php que permite
diseñar sistemas dinámicos.
5.2. RECOMENDACIONES:
91
CAPÍTULO VI
6 BIBLIOGRAFIA:
LIBROS IMPRESOS:
92
LIBROS DIGITALES:
DIRECCIONES ELECTRÓNICAS:
93
METODOLOGÍAS WEB OOHDM, Disponible en:
http://es.scribd.com/doc/55661469/OOHDM, [web en línea].
94
CAPÍTULO VII
7 ANEXOS:
PÁGINA DE INICIO:
Index.php
<?php
session_start();
if ($_SESSION['autenticado']=='SI')
{
$nombres=$_SESSION['usuario'];
$cargo=$_SESSION['cargo'];
// $idAdministrador=$_SESSION['idAdministrado'];
$BV="<span>".strtoupper("$nombres")." ($cargo)"." <a
target='gutierrez' href='public/w.php' class='leo' >Cerrar Sesion
</a></span>";
}
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
95
<link rel="stylesheet" type="text/css" media="screen"
href="public/css/layout1.css">
<link rel="stylesheet" type="text/css" media="screen"
href="public/css/stack-example3.css">
<link href="public/css/dropdown/dropdown.css" media="all"
rel="stylesheet" type="text/css" />
<link
href="public/css/dropdown/themes/nvidia.com/default.advanced.cs
s" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="public/js/swfobject.js"></script>
<noscript>
<style type="text/css">
#dock { top: -32px; }
a.dock-item { position: relative; float: left;
margin-right: 10px; }
.dock-item span { display: block; }
.stack { top: 0; }
.stack ul li { position: relative; }
</style>
</noscript>
<script type="text/javascript"
src="public/js/jquery.min.js"></script>
<script type="text/javascript" src="public/js/fisheyeiutil.
min.js"></script>
<script type="text/javascript" src="public/js/dock
example1.js"></script>
<script type="text/javascript" src="public/js/stack-
1.js"></script>
<script>
function ajustar(){
var altura =
window.frames['gutierrez'].document.body.scrollHeight;// Obtengo
altura del documento
document.getElementById('gutierrez').height =
altura+400;// Cambio altura de iframe
}
</script>
</head>
<body
onload="menuSlider.init('menucabecera','menucabeceraslide')"
bgcolor="#ffffff" onresize="ajustar()">
<table border='0' id="ujcmhead" align="center" cellpadding="0"
cellspacing="0" width="860">
<tbody>
<tr>
<td width="95" bgcolor="#DEE7F7">
96
</td>
<td height="31" bgcolor="#DEE7F7"></td>
<td align="right" bgcolor="#DEE7F7"><script
type="text/javascript">fecha();</script><span
id="fecha"></span></td>
</tr>
<tr>
<td colspan='3'>
<div id="header">
<div style="color:blue; font: 20px Broadway BT;">
<CENTER>
<P style="color:red; font: 35px Broadway
BT;">SISTEMA DE CONTROL DOCUMENTARIO</P>
<P style="color:blue; font: 20px Britannic
Bold;">"UNIVERSIDAD JOSÉ CARLOS MARIÁTEGUI"</P>
<H1></H1>
</CENTER>
</div>
<h1>
<table width="860">
<tr><td width="180">
<img src="public/img/logo.png" alt="SISCOD" width="70" />
SISCOD
</td><td align="CENTER" style="color:#81BE18; font: 20px Comic
Sans MS;">OSAERC</BR> PRE-GRADO
</td><td width="180" align="right">
<img src="public/img/ujcm.gif" width="70"/>
</td></tr>
</h1>
<table width="860">
<tr><td>
<ul class="dropdown dropdown-horizontal">
<li>
<a href="./" class="dir">Inicio</a>
</li>
<?php
if ($_SESSION['autenticado']=='SI')
{
switch($_SESSION['cargo']){
case 'USUARIO':
require_once
('public/menu/menuUser.php');
break;
case 'ADMINISTRADOR':
require_once
('public/menu/menuAdmin.php');
97
break;
}
}else{
?>
<li>
<a href="presentacion/FrmLogin.php" target='gutierrez'
class="dir">Ingresar</a>
</li>
<li><a href="./" class="dir">Consulta</a>
<ul>
<li><a
href="presentacion/FrmConsultaEmitido.php"
target='gutierrez'>Documento Emitido</a></li>
<li><a
href="presentacion/FrmConsultaRecibido.php"
target='gutierrez'>Documento Recibido</a></li>
</ul>
</li>
<?php
}
?>
<li>
<a href="public/manual.pdf" target='gutierrez'
class="dir">Manual</a>
</li>
<li>
<a href="public/acerca.php" target='gutierrez'
class="dir">Acerca de..</a>
</li>
</ul>
</td>
<td><div style="font-size: 9;">
Programaddr: Bach. Beyker Albert Gutierrez
Quispe.</br>E-mail: beyker_gutierre@hdtmail.cdm
</div>
</td>
</tr>
98
<div id="ini">
<?php include
"presentacion/FrmLogin.php"; ?>
</div>
<iframe src="" frameborder="0"
marginheight="0" marginwidth="0" scrolling="no"
width="100%" id="gutierrez"
name="gutierrez"
onload="ajustar();">
</iframe>
</td>
</tr>
</tbody>
</table>
<div id="contenidos">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img src="public/img/spacer.gif" alt=""
border="0" height="1" width="12"></td>
</tr>
<tr>
<td rowspan="7" colspan="4">
<td><img src="public/img/spacer.gif" alt=""
border="0" height="77" width="1"></td>
</tr>
</tbody>
</table>
</div>
<?php
if ($_SESSION['autenticado']=='SI')
{
switch($_SESSION['cargo']){
case 'USUARIO':
require_once
('public/menu/menuUser.php');
break;
case 'ADMINISTRADOR':
require_once
('public/menu/menuAdmin.php');
break;
}
?>
<?php
}
?>
99
<center>
<table border='0' cellpadding="0" cellspacing="0" width="860">
<tr>
<td bgcolor="#DEE7F7" width='100%'
height='10'></td>
</tr>
<tr>
<td colspan="3" background="public/partes_r25_c4.jpg">
<strong>SISCOD © 2011</strong><br>
Prdgramaddr: Bach. Beyker Albert Gutierrez Quispe.</br>
E-mail: beyker_gutierre@hdtmail.cdm
<br><br>
</td>
<tr>
</table>
</center>
<script src="index.js" type="text/javascript"></script>
</body></html>
Index.js:
$('.leo').click(function(){
$.ajax({
type: "POST",
url: "presentacion/CSession.php",
data: "boton=cerrar",
success: function(html)
{
$('#session').html(html);
}
})
});
CLASE CONEXIÓN:
Conexión.php:
<?php
class conexion
{
var $server="localhost";
var $user="root";
var $pass="";
var $bd="BDSISCOD";
public $conn;
function conectar()
{
$this->conn=new mysqli($this->server,$this-
>user,$this->pass,$this->bd);
}
function cerrar()
100
{
$this->conn->close();
}
}
?>
101
GLOSARIO
1. Freeware:
3. DualDual:
5. Apache:
6. Aplicación:
102
7. FTP:
8. Hosting:
9. JSP:
10. MySQL:
11. NCSA:
12. ODBC:
103
cualquier dato de cualquier aplicación, sin importar qué Sistema Gestor
de Bases de Datos (DBMS por sus siglas en inglés) almacene los datos.
14. Paquete:
15. PHP:
16. Protocolo:
17. Proxy:
104
máquinas de la red interior tenga que disponer necesariamente de una
conexión directa a la red.
18. Servidor:
20. Servlet:
105