Cesar Vallejo Tesis Johan Pascual

UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS

CARRERA DE INGENIERÍA EN SISTEMAS
COMPUTACIONALES
“ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE
CONTROL DE PRÁCTICAS PRE-PROFESIONALES E
IMPLEMENTACIÓN DEL SITIO WEB
DE LA FACULTAD PILOTO DE ODONTOLOGÍA DE LA
UNIVERSIDAD DE GUAYAQUIL COMO CONTRIBUCIÓN EN EL
MEJORAMIENTO DE LOS PROCESOS ADMINISTRATIVOS Y DE
ACREDITACIÓN DE LA INSTITUCIÓN”
TESIS DE GRADO
Previa a la obtención del Título de:
INGENIERO EN SISTEMAS COMPUTACIONALES
AUTOR: OMAR XAVIER ROMERO LÓPEZ
TUTOR: JONATHAN STALIN DELGADO GUERRERO
GUAYAQUIL – ECUADOR
2015
II
APROBACIÓN DEL TUTOR
En mi calidad de Tutor del trabajo de investigación, “ANÁLISIS, DISEÑO E
IMPLEMENTACIÓN DEL SISTEMA DE CONTROL DE PRÁCTICAS

PRE-PROFESIONALES E IMPLEMENTACIÓN DEL SITIO WEB DE
LA FACULTAD PILOTO DE ODONTOLOGÍA DE LA UNIVERSIDAD
DE GUAYAQUIL COMO CONTRIBUCIÓN EN EL MEJORAMIENTO
DE LOS PROCESOS ADMINISTRATIVOS Y DE ACREDITACIÓN DE
LA INSTITUCIÓN” elaborado por el Sr. OMAR XAVIER ROMERO LÓPEZ,
egresado de la Carrera de Ingeniería en Sistemas Computacionales, Facultad de Ciencias
Matemáticas y Físicas de la Universidad de Guayaquil, previo a la obtención del Título de
Ingeniero en Sistemas, me permito declarar que luego de haber orientado, estudiado y
revisado, la Apruebo en todas sus partes.
Atentamente
Ing. JONATHAN STALIN DELGADO GUERRERO
TUTOR
III
DEDICATORIA
La presente tesis se la dedico a Dios quien supo

darme fuerzas para seguir adelante y no
desmayar en los problemas que se presentaban.
Para mis padres que gracias a su apoyo, y la
ayuda en los momentos difíciles y por ayudarme
con los recursos necesarios para estudiar esta
carrera.
IV
AGRADECIMIENTO
Le agradezco a mi tutor de tesis

Jonathan Delgado Guerrero por su
completo apoyo durante el desarrollo de
esta tesis y a la actual directiva de la
carrera por la facilidad que me dieron
para la realización de la misma.
V
TRIBUNAL DE GRADO
Ing. Eduardo Santos Baquerizo, M.Sc. Ing. Inelda Martillo Alcívar, Mgs
DECANO DE LA FACULTAD DIRECTORA
CIENCIAS MATEMATICAS Y CISC, CIN
FISICAS
Ing. Jonathan Delgado Guerrero Ing. Francisco Palacios Ortiz

DIRECTOR DE TESIS PROFESOR DEL ÁREA - TRIBUNAL
Ing. Héctor Lara Gavilánez Ab. Juan Chávez Atocha

PROFESOR DEL ÁREA - TRIBUNAL SECRETARIO
VI
DECLARACIÓN EXPRESA
“La responsabilidad del contenido de esta Tesis de Grado,

me corresponden exclusivamente; y el patrimonio
intelectual de la misma a la UNIVERSIDAD DE
GUAYAQUIL”
OMAR XAVIER ROMERO LÓPEZ
VII
CARRERA DE INGENIERIA EN SISTEMAS COMPUTACIONALES

Tesis de Grado que se presenta como requisito para optar por el título de INGENIERO en
SISTEMAS COMPUTACIONALES
Auto/a: Omar Xavier Romero López
C.I. 0924976327
Tutor: Jonathan Delgado Guerrero
Guayaquil, Diciembre de 2015
VIII
CERTIFICADO DE ACEPTACIÓN DEL TUTOR
En mi calidad de Tutor de Tesis de Grado, nombrado por el Consejo Directivo de la Facultad

de Ciencias Matemáticas y Físicas de la Universidad de Guayaquil.
CERTIFICO:
Que he analizado el Proyecto de Grado presentado por el estudiante OMAR

XAVIER ROMERO LÓPEZ, como requisito previo para optar por el título de Ingeniero
en Sistemas Computacionales cuyo problema es:

Considero aprobado el trabajo en su totalidad.
Presentado por:
OMAR XAVIER ROMERO LÓPEZ Cedula de Identidad N°0924976327
Tutor: Jonathan Delgado Guerrero
Guayaquil, Diciembre de 2015
IX
CARRERA DE INGENIERIA EN SISTEMAS COMPUTACIONALES &
NETWORKING
Autorización para Publicación de Tesis en Formato Digital
1. Identificación de la Tesis
Nombre Alumno: Omar Xavier Romero López
Dirección: Aguirre 925 y Rumichaca
Teléfono: 042514743 E-mail: o.romero.lopez@gmail.com
Facultad: Ciencias Matemáticas y Físicas

Carrera: Ingeniería en Sistemas Computacionales
Título al que opta: Ingeniero en Sistemas
Profesor guía: Ing. Jonathan Delgado Guerrero
Título de la Tesis: ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE

CONTROL DE PRÁCTICAS PRE-PROFESIONALES E IMPLEMENTACIÓN DEL
SITIO WEB DE LA FACULTAD PILOTO DE ODONTOLOGÍA DE LA
ACREDITACIÓN DE LA INSTITUCIÓN
Temas Tesis: ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA

CONTROL DE PRÁCTICAS PRE-PROFESIONALES E IMPLEMENTACIÓN DEL
SITIO WEB
2. Autorización de Publicación de Versión Electrónica de la Tesis

A través de este medio autorizo a la Biblioteca de la Universidad de Guayaquil y a la
Facultad de Ciencias Matemáticas y Físicas a publicar la versión electrónica de esta tesis.
Publicación electrónica:
Inmediata X Después de 1 año
Firma Alumno: Omar Xavier Romero López
3. Forma de envío:
El texto de la Tesis debe ser enviado en formato Word, como archivo .Doc. O .RTF y .Puf
para PC. Las imágenes que la acompañen pueden ser: .gif, .jpg o .TIFF.
DVDROM CDROM X
X
ÍNDICE GENERAL
INTRODUCCIÓN ........................................................................................................................ 1
CAPÍTULO I ................................................................................................................................ 3
EL PROBLEMA ....................................................................................................................... 3
Planteamiento del problema .................................................................................................. 3
Ubicación del Problema en un Contexto ............................................................................... 3
Situación Conflicto Nudos Críticos ....................................................................................... 6
Causas y Consecuencias del Problema .................................................................................. 7
Delimitación del Problema .................................................................................................... 8
Formulación del Problema .................................................................................................... 8
Evaluación del Problema ....................................................................................................... 8
OBJETIVOS .......................................................................................................................... 11
Objetivo General ................................................................................................................. 11
Objetivos Específicos .......................................................................................................... 11
ALCANCES DEL PROBLEMA ........................................................................................... 12
Página Web de la Facultad de Odontología ........................................................................ 12
Sistema de control de Prácticas Pre-Profesionales .............................................................. 12
JUSTIFICACION E IMPORTANCIA ................................................................................. 19
CAPÍTULO II ............................................................................................................................. 21
MARCO TEÓRICO .............................................................................................................. 21
Antecedentes del Estudio .................................................................................................... 21
FUNDAMENTACIÓN TEÓRICA ....................................................................................... 24
Proceso de Acreditación de la U.G...................................................................................... 24
Sitio Web de la Facultad Piloto de Odontología ................................................................. 26
Área de gestión y control de las Prácticas pre-profesionales de la Facultad piloto de
Odontología de la Universidad de Guayaquil ..................................................................... 28
Proceso de desarrollo de software ....................................................................................... 29
FUNDAMENTACIÓN LEGAL ............................................................................................ 35
PREGUNTAS CIENTÍFICAS A CONTESTARSE.............................................................. 37
VARIABLES DE LA INVESTIGACIÓN ............................................................................ 37
DEFINICIONES CONCEPTUALES .................................................................................... 38
CAPÍTULO III ............................................................................................................................ 46
METODOLOGÍA ................................................................................................................... 46
DISEÑO DE LA INVESTIGACIÓN ..................................................................................... 46
Modalidad de la Investigación ............................................................................................ 46
Tipo de investigación ..................................................................................................... 47
XI
Población y Muestra............................................................................................................ 47
Operacionalización de variables .......................................................................................... 52
Instrumentos de recolección de datos .................................................................................. 52
Instrumentos de la Investigación ......................................................................................... 53
La encuesta y el cuestionario............................................................................................... 53
Procedimientos de la Investigación ..................................................................................... 58
Recolección de la Información ............................................................................................ 59
Procesamiento y análisis ..................................................................................................... 59
Criterios para la elaboración de la propuesta ...................................................................... 78
Criterios para la validación de la propuesta ........................................................................ 79
Desarrollo del Sistema de Control de Prácticas Pre-Profesionales ..................................... 79
Diagrama de Procesos actual del Departamento de Prácticas-Pre-profesionales ................ 80
Metodología de Ingeniería de Software aplicada al proyecto de tesis ................................ 82
Módulos del Sistema de Control de Practicas pre-profesionales ........................................ 83
Patrón de Arquitectura de software empleada en el aplicativo SCCP ................................. 88
CAPÍTULO IV............................................................................................................................ 91
MARCO ADMINISTRATIVO ................................................................................................ 91
CRONOGRAMA ..................................................................................................................... 91
CAPÍTULO V ............................................................................................................................. 94
CONCLUSIONES Y RECOMENDACIONES ....................................................................... 94
Conclusiones .......................................................................................................................... 94
Recomendaciones .................................................................................................................. 96
BIBLIOGRAFÍA ........................................................................................................................ 98
ANEXOS .................................................................................................................................. 100
Evidencia sobre la capacitación al personal encargado del Sitio Web de la Facultad de
Piloto de Odontología ............................................................................................................ 100
Evidencia sobre la capacitación al personal encargado del Sistema de Control de Prácticas
pre-profesionales .....................................................................................................................102
Acta de entrega del proyecto “Análisis, Diseño e Implementación del Sistema de Control de
Prácticas pre-profesionales”................................................................................................... 104
Acta de entrega del proyecto “Implementación del Sitio Web de la Factultad Piloto de
Odontología” .......................................................................................................................... 106
XII
ABREVIATURAS
CES Consejo de Educación Superior

UG Universidad de Guayaquil
LOTAIP Ley Orgánica de Transparencia y Acceso a la Información.
CEAACES Consejo de Evaluación, Acreditación y Aseguramiento de
Calidad de la Educación Superior.
POA Plan Operativo Anual.
PEDI Plan Estratégico de Desarrollo Institucional
HTML Lenguaje de Marca de salida de Hyper Texto
HTTP Protocolo de transferencia de Hyper Texto
ING. Ingeniero
CC.MM.FF Facultad de Ciencias Matemáticas y Físicas
ISP Proveedor de Servicio de Internet
Msc. Master
URL Localizador de Fuente Uniforme
WWW world wide web (red mundial)
IDE Integrated Development Environment
CVS Concurrent Versioning System
GIT Sistema de Control de Versiones Distribuida
XIII
SIMBOLOGÍA
s Desviación estándar
e Error
E Espacio muestral
E(Y) Esperanza matemática de la v.a. y
s Estimador de la desviación estándar
e Exponencial
XIV
ÍNDICE DE CUADROS
CUADRO N° 1 Causas y consecuencias ................................................................................... 7

CUADRO N° 2 Estudiante ...................................................................................................... 15
CUADRO N° 3 Grupo ............................................................................................................. 15
CUADRO N° 4 Institución ...................................................................................................... 16
CUADRO N° 5 Actividades .................................................................................................... 16
CUADRO N° 6 Práctica .......................................................................................................... 17
CUADRO N° 7 Situación TIC ................................................................................................. 22
CUADRO N° 8 Población del personal administrativo........................................................... 48
CUADRO N° 9 Muestra del personal administrativo ............................................................ 48
CUADRO N° 10 Población estudiantil practicante ................................................................. 48
CUADRO N° 11 Muestra estudiantil practicante .................................................................... 50
CUADRO N° 12 Población de personal estudiantil ................................................................ 50
CUADRO N° 13 Muestra de personal estudiantil ................................................................... 51
CUADRO N° 14 Matriz de operacionalización de variables .................................................. 52
CUADRO N° 15 Tabulación pregunta 1 SCPP ....................................................................... 62
CUADRO N° 23 Tabulación pregunta 1 SCPP estudiantes .................................................... 70
CUADRO N° 27 Tabulación pregunta 1 WEB ....................................................................... 74
CUADRO N° 31 Presupuesto .................................................................................................. 93
CUADRO N° 32 Presupuesto – Uso de Recursos Humanos................................................... 93
XV
ÍNDICE DE GRÁFICOS
GRÁFICO N° 1 Modelo en cascada ..................................................................................................... 30
GRÁFICO N° 2 Desarrollo evolutivo................................................................................................... 31
GRÁFICO N° 3 Desarrollo formal de sistema ..................................................................................... 31
GRÁFICO N° 4 Desarrollo basado en reutilizaciones de componenetes ............................................. 32
GRÁFICO N° 5 Desarrollo incremental ............................................................................................... 33
GRÁFICO N° 6 Desarrollo espiral ....................................................................................................... 34
GRÁFICO N° 7 Pastel pregunta 1 ........................................................................................................ 62
GRÁFICO N° 10 Pastel pregunta 4 ...................................................................................................... 65
GRÁFICO N° 15 Pastel pregunta 1 SCPP estudiantes ......................................................................... 70
GRÁFICO N° 19 Pastel pregunta 1 Web.............................................................................................. 74
GRÁFICO N° 23 Diagrama de procesos área prácticas ....................................................................... 80
GRÁFICO N° 24 Diagrama entidad relación ....................................................................................... 82
GRÁFICO N° 25 Módulo de mantenimiento de registro ..................................................................... 83
GRÁFICO N° 26 Mantenimientos de usuarios..................................................................................... 83
GRÁFICO N° 27 Módulo de mantenimiento de usuarios .................................................................... 84
GRÁFICO N° 28 Mantenimiento de usuarios ...................................................................................... 85
GRÁFICO N° 29 Módulo de reporte de Internado ............................................................................... 85
GRÁFICO N° 30 Reporte de internados............................................................................................... 86
GRÁFICO N° 31Módulo de reportes de grupos................................................................................... 86
GRÁFICO N° 32 Reporte de grupos .................................................................................................... 87
GRÁFICO N° 33 Patrón de diseño MVC ............................................................................................. 88
GRÁFICO N° 34 Arquitectura web 2 capas ......................................................................................... 89
GRÁFICO N° 35 Arquitectura web 3 capas ......................................................................................... 90
GRÁFICO N° 36 Capacitación web ................................................................................................... 100
GRÁFICO N° 37 Capacitación web pantalla ..................................................................................... 100
GRÁFICO N° 38 Capacitación web 2 ................................................................................................ 101
GRÁFICO N° 39 Capacitación SCPP ............................................................................................... 102
GRÁFICO N° 40 Capacitación SCPP 2 ............................................................................................ 102
GRÁFICO N° 41 Capacitación secretaria ......................................................................................... 103
GRÁFICO N° 42 Capacitación pantalla SCPP .................................................................................. 103
XVI
FACULTAD DE CIENCIAS MATEMATICAS Y FISICAS
ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE CONTROL DE

PRÁCTICAS PRE-PROFESIONALES E IMPLEMENTACIÓN DEL SITIO WEB DE LA
FACULTAD PILOTO DE ODONTOLOGÍA DE LA UNIVERSIDAD DE GUAYAQUIL
COMO CONTRIBUCIÓN EN EL MEJORAMIENTO DE LOS PROCESOS
ADMINISTRATIVOS Y DE ACREDITACIÓN DE LA INSTITUCIÓN
Autor : Omar Xavier Romero López

Tutor : Jonathan Delgado Guerrero
Resumen
Hoy en día la educación al ser un servicio público debe estar regido por parámetros de
calidad y estos están siendo regidos y establecidos por el CEAACES. Actualmente la
Universidad de Guayaquil se encuentra intervenida por el CES esto se debe que luego de la
última evaluación hecha por el CEAACES esté encontró una serie de irregularidades con la
cual ubicó a la Universidad en categoría D. Con el desarrollo del presente proyecto de tesis
se pretende colaborar con la Facultad Piloto de Odontología y mejorar los procesos internos
que se manejan en el registro y consultas que se realiza en el área de Prácticas Pre-
profesionales con el desarrollo de un sistema y adicionalmente ayudar con la implementación
del Sitio Web de la Facultad y con esto contribuir con el principio de transparencia de la
información. El presente proyecto es factible y se aplicarán entrevistas y cuestionarios para
obtener información exacta sobre los problemas que existen. Esto beneficiará a la comunidad
universitaria de la Facultad Piloto de Odontología.
XVII
FACULTAD DE CIENCIAS MATEMATICAS Y FISICAS
ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE CONTROL DE

PRÁCTICAS PRE-PROFESIONALES E IMPLEMENTACIÓN DEL SITIO WEB DE LA
FACULTAD PILOTO DE ODONTOLOGÍA DE LA UNIVERSIDAD DE GUAYAQUIL
COMO CONTRIBUCIÓN EN EL MEJORAMIENTO DE LOS PROCESOS
ADMINISTRATIVOS Y DE ACREDITACIÓN DE LA INSTITUCIÓN
ABSTRACT
El texto del Resumen en Inglés
Nowadays Education, being a public service has to be ruled by parameters of quality and
these ones are being ruled and stablished for the CEAACES. In these days the University of
Guayaquil is being intervened by the CES, because after the last evaluation made by the
CEAACES, many irregularities were found, and it placed the university in category D. The
development of this project of thesis pretends to collaborate with the Faculty of Dentistry and
improve the internal processes that are handled in the registration and the queries that are
made in the area of Pre professional practices with the development of a software and also
help the implementation of the web site of the Faculty and in this way to contribute with the
principle of transparence of the information. The present project is feasible, interviews and
questionnaires are going to be applied to get extra information about the existing problems. It
will benefit the university community of the Faculty of Dentistry.
XVIII
INTRODUCCIÓN
“La Constitución Política de la República, garantiza, el derecho a acceder a las fuentes de
información, como mecanismo para ejercer la participación democrática respecto del manejo
de la cosa pública y la rendición de cuentas a la que están sujetos todos los funcionarios del
estado, y demás entidades obligadas por esta ley” (LOTAIP, 2004)
Según el enunciado anterior uno de los propósitos de la presente tesis radica en solucionar
esta problemática con la implementación de un sitio web para la facultad Piloto de
Odontología de la Universidad de Guayaquil, ya que en la actualidad no existe un sitio web
oficial en donde se publique información referente a la carrera o servicios que se ofrecen en
ella, no existe forma que se puedan descargar de manera pública los documentos importantes
del POA (Plan Operativo Anual), PEDI (Plan Estratégico de Desarrollo Institucional) que es
un requisito pedido por el CES (Consejo de Educación Superior).
El segundo propósito de esta tesis es ayudar es realizar un sistema que ayude con la
administración de los registros de los estudiantes que están realizando sus prácticas
profesionales, ya que actualmente el proceso se lo realiza de una manera manual, no
sistematizada, siendo proclive a errores que traen inconvenientes tanto para la Institución
como para el estudiante, con la implementación del sistema se busca ubicar todos estos datos
en una base de datos de manera más segura, facilitando la administración de los registros de
los estudiantes que están realizando sus prácticas profesionales como requisito para culminar
su carrera universitaria.
A continuación hacemos una breve descripción de cada capítulo de la tesis:
1
El capítulo 1 el problema, es donde se hace el planteamiento del problema mediante la
ubicación del problema en un contexto sabiendo situación conflicto nudos críticos y
estableciendo las causas y consecuencias, delimitaciones formulación y evaluación del
problema. Una vez identificado lo anterior procedemos a establecer los objetivos generales y
los específicos con sus respectivos alcances que tendrá la solución.
El capítulo 2 se fundamentara teóricamente los componentes del objeto de la investigación
relacionados con la acreditación universitaria de la Facultad Piloto de Odontología y las
nuevas tecnologías que ayudaran a resolver el problema que afecta a esta institución, así
como también se definirán las variables ,dimensiones, indicadores, hipótesis que constituyen
el problema de la investigación.
El capítulo 3 se explica que tipo de metodología se aplica para resolver el problema a través
de instrumentos de recolección y análisis de datos, estableciendo la población y muestra de
estudio que se investigará, también se establece los instrumentos de recolección de datos y la
técnica que se utilizará.
El capítulo 4 se presenta el análisis del presupuesto para la implementación de los sistemas
así como el cronograma de actividades y tiempo de duración del proyecto.
El capítulo 5 se muestra las conclusiones a nivel general luego de realizar el análisis sobre la
solución del problema.
2
CAPÍTULO I
EL PROBLEMA
PLANTEAMIENTO DEL PROBLEMA
UBICACIÓN DEL PROBLEMA EN UN CONTEXTO
A mediados del 2012, varios estudiantes de varias facultades de la Universidad de
Guayaquil presentaron varias denuncias al CES por irregularidades administrativas,
académicas y financieras también hubo denuncias de cobros indebidos con lo cual se
viola el principio de gratuidad establecido en al artículo 80 de la LOES y violación al
principio del cogobierno establecido en el artículo 45 de la LOES.
El CES con todas las renuncias receptadas las remitió las denuncias a la Secretaria
Nacional de Educación Superior, Ciencia, Tecnología e Innovación, mediante el oficio
No CES-1597-2012, de fecha 11 de julio 2012, con esto se procederá a realizar un
informe de carácter técnico analizando las supuestas irregularidades.
La Comisión Permanente de Universidades y Escuelas Politécnicas recomendó al CES
la conformación de una comisión de investigación que se haga cargo de los hechos
denunciados en base a las denuncias presentadas ante el CES.
Luego de realizarse la investigación por parte de la comisión de investigación se
incluyó dentro de las conclusiones finales lo siguiente:
A) Existencias de irregularidades en el cumplimiento del Principio de Gratuidad.
B) Existencia de irregularidades en la conformación del máximo órgano
colegiado de la Universidad.
3
C) Existencia de irregularidades de carácter académico, administrativo y
financiero.
Debido a esto la comisión de investigación para la Universidad de Guayaquil
recomendó al CES que se apruebe la intervención integral a la Universidad de
Guayaquil.
Actualmente la Universidad de Guayaquil se encuentra intervenida por el Consejo de
Educación Superior esto se debe que luego de la última evaluación hecha por el
CEAACES (Consejo de Evaluación, Acreditación y Aseguramiento de la Calidad de la
Educación Superior) ubico a la universidad en categoría D junto con otras
universidades que no pasaban la certificación. Esta intervención a la Universidad de
Guayaquil mediante la resolución No. RPC-SO-41-No. 419-2013, de 23 de octubre de
2013 decide comenzar la intervención de la Universidad de Guayaquil que tendrá una
duración de dos años.
El CES ha decidido intervenir para automatizar, certificar y mejorar los procesos que
se realizan en la universidad dando fechas posteriores para futuras reevaluaciones,
ofreciendo tiempo para que todas las facultades se organicen y se estructuren de manera
correcta según los parámetros que se indican en el CES y CEAACES.
En la Facultad de Piloto de Odontología de la Universidad de Guayaquil los estudiantes
que van a realizar sus prácticas pre-profesionales deben acudir al área de prácticas pre-
profesionales y registrarse. Esta área la conforman el jefe del área, la secretaria y tres
ayudantes.
A los estudiantes luego de registrarse se les asignan un grupo que es conformado por el
jefe del área. A cada grupo se les asigna una institución y un profesor encargado de
4
grupo. Estos grupos viajarán los fines de semana con un profesor encargado en verificar
que se cumplan las prácticas en las instituciones asignadas.
Los estudiantes deben entregar un reporte de sus actividades realizadas en el área de
prácticas pre-profesionales y deberán entregarlo a la secretaria que se encargará de
verificar y validar los registros de los estudiantes que estén registrados y sus
expedientes de actividades lo cual hace tarde unos minutos en encontrarlos.
Como podemos observar el proceso es un poco lento y más aún cuando si se llegase a
perder alguna carpeta de registro o actualizar algún registro por medio del computador.
Estos problemas con llevan un lentitud en el proceso de actualización de las actividades
que los estudiantes y genera una fila de estudiantes que deben esperar en ser atendidos.
Actualmente las personas o estudiantes que requieren algún tipo de información sobre
la carrera de Odontología de la Universidad de Guayaquil deben acudir físicamente a la
institución, esto se debe porque no existe un medio electrónico o portal web oficial que
les brinde información sobre esta institución.
Actualmente según LOTAIP en la Universidad de Guayaquil y todas sus facultades y
carreras deben hacer públicas informaciones presentando el POA y PEDI. Y por
disposición de la Vicerrectora Académica de la Universidad de Guayaquil toda
Facultad debe poseer su portal web y en el mismo publicar la toda información
referente a la carrera y lo que establece LOTAIP.
5
SITUACIÓN CONFLICTO NUDOS CRÍTICOS
Mientras el profesional en curso está desarrollando sus técnicas, conocimientos y
habilidades en sus prácticas Pre-Profesionales en calidad de Odontólogo de la
Universidad de Guayaquil se ha venido manejando un control de sus actividades por
medio de sus horas de servicios que ofrecen a diferentes instituciones que tienen
convenio con la facultad, todas estas actividades se encuentran documentadas de
manera física (hojas impresas) o guardadas en hojas de cálculo Excel en una
computadora. Todo este proceso que se lleva a cabo es deficiente ya que se genera
lentitud al realizar alguna búsqueda de los registro de los estudiantes y genera mucha
operativa administrativa para certificar los datos de los estudiantes. También no existe
un medio de respaldo de los datos que ayude a recuperar los datos en caso que algún
documento físico se pierda o deteriore con el paso de los años.
Otro inconveniente de la Facultad es la falta de transparencia de información de forma
pública ya que no tienen un mecanismo o un portal web donde publicar cualquier
anuncio o información para los estudiantes de la facultad.
Según el LOTAIP en la Universidad de Guayaquil y todas sus facultades y carreras
deben hacer públicas informaciones presentando el POA y PEDI, según lo que este
acorde con las exigencias desarrolladas por la CEAACES
Cabe recalcar que estos problemas mencionados en este apartado constituyen un
requisito necesario que debe cumplir la Facultad para poder ser acreditada por el
CEAACES.
6
CAUSAS Y CONSECUENCIAS DEL PROBLEMA
Principales causas y consecuencias para el desarrollo de la presente tesis, se presenta a

continuación para su respectiva consideración.
CUADRO N° 1 CAUSAS Y CONSECUENCIAS

CAUSAS CONSECUENCIAS
 Manejo de los registros de los  Existe desorden y confusión entre

estudiantes en hojas Excel. los registros nuevos y antiguos y
que a la hora de la búsqueda
existe lentitud.
 Manejo de registro de estudiantes  Con el tiempo se llega a perder

de manera física (hojas impresas). claridad y validez de la
información o llegar a perderse
algún registro.
 Estudiantes buscan información  El estudiante puede obtener

sobre la carrera en redes sociales información falsa o
o por medios electrónicos no desactualizada sobre la carrera.
oficiales.
 Personas externa a la institución  Incumplimiento con el LOES y

buscan información sobre el esto puede perjudicar la
manejo financiero de la Facultad acreditación de la Carrera.
de Piloto de odontología y no
logran obtenerlo
ELABORACIÓN: OMAR XAVIER ROMERO LÓPEZ -2015

FUENTE: OMAR XAVIER ROMERO LÓPEZ - 2015
7
DELIMITACIÓN DEL PROBLEMA
Campo: TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN
Área: GESTIÓN ACADÉMICA
Aspecto: “CONTROL DE PRÁCTICAS PRE-PROFESIONALES E IMPLEMENTACIÓN

DEL SITIO WEB
DE LA FACULTAD PILOTO DE ODONTOLOGÍA DE LA UNIVERSIDAD DE GUAYAQUIL
COMO CONTRIBUCIÓN EN EL MEJORAMIENTO DE LOS PROCESOS ADMINISTRATIVOS
Y DE ACREDITACIÓN DE LA INSTITUCIÓN”
Tema: “ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE CONTROL DE

PRÁCTICAS PRE-PROFESIONALES E IMPLEMENTACIÓN DEL SITIO WEB
DE LA FACULTAD PILOTO DE ODONTOLOGÍA DE LA UNIVERSIDAD DE GUAYAQUIL COMO
CONTRIBUCIÓN EN EL MEJORAMIENTO DE LOS PROCESOS ADMINISTRATIVOS Y DE
FORMULACIÓN DEL PROBLEMA
¿Con la implementación de un programa informático para controlar las prácticas pre-
profesionales y un portal web se podrá contribuir con la acreditación de la Facultad
Piloto de Odontología de la Universidad de Guayaquil?
EVALUACIÓN DEL PROBLEMA
Los aspectos generales que más se ajustan a esta investigación son los siguientes:
Delimitado, Claro, Evidente, Relevante, Contextual y Factible.
Delimitado: Con la aplicación de los Sistemas de Información en el presente proyecto
de tesis se ayudará en el control de las actividades que los estudiantes realicen en las
8
diferentes instituciones que se lo asignen como Practica Pre-Profesional esto facilitará
en los registros y reportes de manera automatizada con el objeto de servir de apoyo y
mejorar actualizando tecnológicamente procesos que antes se los hacia manualmente.
También con la aplicación de los sistemas de información se mejorara la transparencia
de la información ya que para esto se implementará una página web con la cual se
podrá hacer pública cualquier información relacionada con la Facultad Piloto de
Odontología.
Este proyecto de tesis está desarrollado bajo los criterios dispuestos por el CEAACES
hasta la presente fecha de publicación del proyecto de Tesis.
Claro: El problema es claro porque tratamos de demostrar que con el uso de los
Sistemas de Información podemos ayudar con cubrir requerimientos necesarios para la
acreditación a la Facultad Piloto de Odontología.
Evidente: Es evidente la necesidad de mejorar la calidad de servicio al estudiante en la
Facultad Piloto de Odontología ya que existe varios reclamos de estudiantes que
reportan problemas sobre sus horas realizadas en sus prácticas profesionales o también
a estudiantes que no se les informa a tiempo sobre temas o reuniones que se realizan ya
que esta facultad no tiene una página web oficial que se actualice diariamente en el cual
pueda el estudiante consultar diariamente.
Relevante: Es de suma importancia para la Carrera de Odontología ya que actualmente
esta Facultad no cuenta con sistemas de información que sirvan de apoyo a la gestión
institucional, específicamente a la orientada hacia el control de las Prácticas Pre-
Profesionales.
9
Contextual: Los puntos a tratar son muy importantes para el ámbito educativo ya que
el objetivo principal es contribuir con el cumplimiento de los indicadores de
acreditación del CEAACES.
En el presente proyecto de tesis se contribuirá en mejorar el indicador “calidad de la
Información” de la gestión académica.
Factible: Según los estudios que se realizaron a nivel de recursos y tiempo se puede
referir que la implementación de estos Sistemas de Información para la Facultad en
cuestión de costos es casi nula ya que se trabaja con herramientas open source que son
de libre acceso y muy eficientes en su funcionamiento con gran aceptación en la
comunidad informática. A nivel de recursos materiales la facultad ya cuenta con
recursos de conexión como por ejemplo ya cuentan con una intranet. En cuestión de
tiempo gracias a estas herramientas que se usan el tiempo de implementación de estos
Sistemas de Información es muy corto.
10
OBJETIVOS
OBJETIVO GENERAL
Desarrollar un programa informático que controle las prácticas pre-profesionales realizadas
por los estudiantes, e implementar la página web oficial de la Facultad como canal de
comunicación que transparente la información para contribuir con la acreditación de la
odontología.
OBJETIVOS ESPECÍFICOS
 Levantar la información necesaria relacionada con el tópico de estudio, mediante
cuestionario y entrevistas con los interesados para realizar análisis la información
recopilada, seleccionándola y organizándola detalladamente.
 Diseñar la aplicación con la información y la especificación levantadas en las
reuniones para realizar el desarrollo la aplicación en el Área de Prácticas Pre-
profesionales.
 Elaborar las pruebas o correcciones necesarias, conjuntamente con el personal del
área, con la finalidad de verificar que cumpla con las expectativas deseadas.
 Implantar el Sitio Web definiendo el diseño con reuniones en el vicerrectorado
académico para que sirva como medio de difusión de la información de la carrera.
11
ALCANCES DEL PROBLEMA
Todos los alcances escritos en esta parte fueron analizados y aprobados por parte de los
interesados con sus pruebas de funcionalidad respectivas hasta lograr total satisfacción.
PÁGINA WEB DE LA FACULTAD DE ODONTOLOGÍA

La implementación de la página web este proyecto se realizó bajo el control de la
Vicerrectora Académica Dra. Sonia Ordoñez Dueñas y bajo las especificaciones del centro
de cómputo principal de Universidad de Guayaquil.
Durante casi dos meses hubo reuniones sobre la plantilla a utilizar y unificar entre todas las
facultades un solo diseño o modelo de diseño.
Para la implementación del sitio web se utiliza el CMS (gestor de contenidos) llamado
WordPress que fue establecido por el Centro de Cómputo según los análisis entre varias
tecnologías.
Los temas principales en las reuniones son los siguientes:
 Implementación de los Diseño (Colores de fondos, tamaño de letras, etc.)
 Implementación de Menús y estructura interna.
 Implementación de las Redes Sociales y su contenido.
 Implementación de Plug-in Externos.
 Seguimiento de subida de información y Fecha límite para presentación.
SISTEMA DE CONTROL DE PRÁCTICAS PRE-PROFESIONALES

El Sistema de Información funcionará en una intranet y su página principal tendrá un login
con el cual por medio de un usuario y una contraseña se obtendrá el acceso al sistema. Para
esto habrá un usuario creado con anticipación el cual será llamado “admin” y su clave por
defecto seria “12345” este usuario es fijo y solo se lo utilizará para la primera vez de uso del
sistema o en caso de emergencia este usuario servirá para acceder.
12
Roles de Usuarios
 Super-Administrador
 Administrador
 Lector
Los módulos del sistema son los siguientes:
MÓDULO SUPER-ADMINISTRADOR
Luego de iniciar sesión como Super-Administrador del Sitio podrán:
 Guardar, actualizar e inhabilitar los datos estudiante.
 Guardar, actualizar e inhabilitar los datos grupo.
 Guardar, actualizar e inhabilitar los datos institución.
 Guardar, actualizar e inhabilitar los datos actividades.
 Guardar, actualizar e inhabilitar los datos de la práctica pre-profesional.
 Consultar el reporte General.
 Consultar el reporte Vigentes-Totalizados.
 Consultar el reporte Finalizados-Totalizados.
 Consultar el reporte Persona-Grupos.
 Consultar el reporte Persona-Grupos-Institución.
 Guardar, actualizar e inhabilitar los datos de los Usuario del Sistema.
 Configurar foto y cambiar clave del Sistema.
MÓDULO ADMINISTRADOR
13
Luego de iniciar sesión como Administrador del Sitio podrán:
 Guardar, actualizar e inhabilitar los datos estudiante.
 Guardar, actualizar e inhabilitar los datos grupo.
 Guardar, actualizar e inhabilitar los datos institución.
 Guardar, actualizar e inhabilitar los datos actividades.
 Guardar, actualizar e inhabilitar los datos de la práctica pre-profesional
MÓDULO LECTOR
Luego de iniciar sesión como Lector del Sitio podrán:
DESCRIPCIÓN DE LAS OPCIONES.-
14
 Guardar, actualizar e inhabilitar los datos del estudiante.-
En esta opción se guardaran los datos de los estudiantes que van realizar sus prácticas
profesionales y solo se guardaran los siguientes campos: cedula, nombres, apellido paterno y
materno, paralelo, año lectivo, activo.
Y solo se validarán los siguientes campos:
CUADRO N° 2 ESTUDIANTE
Campos Valores
Cédula  Solo se permite el ingreso de números.

 Solo se permite de 10 dígitos.
Nombres  Campo se permite el ingreso hasta 100 caracteres
Apellido Paterno  Permite el ingreso de hasta 40 caracteres.
Apellido Materno  Permite el ingreso de hasta 40 caracteres.
Paralelo  Permite el ingreso de hasta 6 caracteres.
Año Lectivo  Permite el ingreso de hasta 4 dígitos
Elaboración: Omar Xavier Romero López -2015

Fuente: Omar Xavier Romero López - 2015
 Guardar, actualizar e inhabilitar los datos del Grupo
En esta opción se guardaran los datos de los grupos que se utilizaran o asignaran cuando al
estudiante se lo registre para realizar alguna práctica pre-profesional.
Solo se validarán los siguientes campos:
CUADRO N° 3 GRUPO
Campos Valores
15
Grupo  Permite el ingreso de hasta 40 caracteres.

 Guardar, actualizar e inhabilitar los datos de Institución
En esta opción se guardaran los datos de las instituciones que se utilizaran o asignaran
cuando al vaya a realizar alguna práctica pre-profesional.
CUADRO N° 4 INSTITUCIÓN
Campos Valores
Institución  Campo se permite el ingreso hasta 100

caracteres(obligatorio)
Dirección  Campo se permite el ingreso hasta 100
caracteres(obligatorio)
Teléfono  Permite el ingreso de hasta 10 dígitos(obligatorio)
Celular  Permite el ingreso de hasta 10 dígitos.(opcional)

 Guardar, actualizar e inhabilitar los datos de las Actividades
En esta opción se guardaran los datos o información referente a las actividades que realicen
los estudiantes y luego se esta información se la utilizara o asignará a algún registro de
práctica pre-profesional.
CUADRO N° 5 ACTIVIDADES
Campos Valores
Todos los Campos  Solo se permite números y todos son obligatorios.
16
 Guardar, actualizar e inhabilitar los datos de registro de práctica.-
En esta opción se la usa cuando se vaya a registrar alguna práctica que el estudiante haya
hecho o este por hacer. Para poder completar este registro se necesita que este registrado el
estudiante, grupo, institución y actividades.
Y solo se validarán los siguientes campos:
CUADRO N° 6 PRÁCTICA
Campos Valores
Cedula  Solo se permite el ingreso de números.

 Solo se permite de 10 dígitos. (Obligatorio)
Grupo  Selección de ítem (Obligatorio)
Institución  Selección de ítem
Actividades  Selección de ítem
Fecha Inicio  Permite el ingreso de fecha del siguiente formato

 “AAAA-MM-DD” ejemplo : “2015-06-29”
Fecha Fin  Permite el ingreso de fecha del siguiente formato

“AAAA-MM-DD” ejemplo : “2015-06-29”
Horas Acreditadas  Permite el ingreso de solo dígitos

Reportes:
Los reportes que se generan son pedidos exclusivamente por parte de los interesados.
 Consultar el reporte general
En este reporte solo se presentaran la siguiente información: cedula, nombres y apellidos,
17
grupo institución, fecha inicio, fecha fin, actividades, sexo, horas acreditadas.
- Se podrá realizar búsquedas y filtrados.
- Se podrá ordenar en orden alfabético o numérico el reporte.
- Se podrá imprimir los reportes generados, el diseño del reporte fue aprobado
por el Jefe de Área.
- No se genera ningún PDF
 Consultar el reporte Vigentes-Totalizados
En este reporte solo se presentara la siguiente información: cedula, nombres y apellidos,
Total de actividades, Total de personas, Total de horas acreditadas.
- Se mostrara solo a los estudiantes que no haya cumplido las 240
horas de prácticas pre-profesionales.
- Se podrá imprimir los reportes generados, el diseño del reporte fue aprobado
por el Jefe de Área.
 Consultar el reporte Finalizados-Totalizados
En este reporte solo se presentara la siguiente información: cedula, nombres y apellidos,
Total de actividades, Total de personas, Total de horas acreditadas.
- Se mostrara solo a los estudiantes que ya haya cumplidos con sus 240 horas
de prácticas pre-profesionales.
18
- Se podrá imprimir los reportes generados reporte, el diseño del reporte fue
aprobado por el Jefe de Área..
JUSTIFICACION E IMPORTANCIA
Mediante la presentada Disposición Transitoria de la Ley Orgánica de Educación Superior
(LOES 2010), Se ha dispuesto un tiempo plazo de cinco años entrando en conteo desde la
Constitución de la República del Ecuador vigente (2008), indicando que todas las entidades
Universitarias y Escuelas Politécnicas incluyendo de manera general sus extensiones tanto
públicas como privadas, deberán hasta entonces haber cumplido con la respectiva evaluación
y acreditación dirigido por el Consejo de Evaluación, Acreditación y Aseguramiento de la
Calidad de Educación Superior (CEAACES).
Una de las funciones del CEAACES es establecer y aprobar mediante sus estándares los
indicadores y calidad de herramientas que les servirá como patrón para aplicar la
autoevaluación y evaluación externa de las entidades educativas formadores de profesionales.
Expuesto esto, la Facultad Piloto de Odontología debe implementar un Sistema de Control de
Práctica Profesionales que le permita llevar el control de manera asistida y ordenada las
actividades que los pre-profesionales están desarrollando en sus diferentes campos
ocupacionales de su distinguida formación.
Manteniendo así la pertinencia e integridad orgánica de la información dentro de los
subsistemas y su debido entorno de supra sistemas, ya que no es suficiente contar con
19
registros de dichas actividades mediante documentos físicos.
En la actualidad, la sociedad tanto Socio-Económico, cultural político y educacional está
evolucionando a grandes escalas, haciendo que este régimen impulse la revolución académica
mediante un plan de estudio que garantice la calidad de que se está entregando.
En el año 2014 se realizó el examen de carácter obligatorio en la Universidad de Guayaquil,
en las Facultades de Medicina, Enfermería y Odontología el cual está dirigido a todos los
estudiantes de los últimos semestres y egresados desde el año 2010 en adelante.
Mencionando el Art. 103 (LOES).- “Para efectos de evaluación se deberá establecer un
examen para estudiantes de último año de los programas o carreras. EL examen será
complementario a otros mecanismos de evaluación y medición de calidad.” (LOES, 2010)
Este examen será diseñado y aplicado por el Consejo de Evaluación, Acreditación y
Aseguramiento de la Calidad de Educación Superior. El examen estará centrado en los
conocimientos establecidos por el programa o carrera respectiva.
Mediante esta métrica aplicada a los estudiantes se probará con juicio la calidad y experiencia
de sus horas de prácticas profesionales impartidas en sus rurales, siendo así el debido uso de
esta información registrar en dicha implementación del Sistema de Control de Prácticas
Profesionales de la Facultad de Odontología, no obstante esta información se reservará
internamente en el sistema para sus posteriores verificación de los hechos.
En tanto la creación del Sitio Web de la Facultad Piloto de Odontología ayudará a visualizar
la transparencia de las actividades y mejorará la difusión de información hacia los
estudiantes. De esta manera se está respondiendo académicamente con criterios tanto
coyunturales y profesionales de la puesta en marcha dentro del plazo establecido y dispuesto
20
por la (LOES) para la respectiva acreditación.
CAPÍTULO II
MARCO TEÓRICO
ANTECEDENTES DEL ESTUDIO
La Ley orgánica de Educación Superior vigente desde el año 2010 (LOES 2010)
en el capítulo II que se refiere instituciones públicas que posean información, en
el artículo 43, se refiere a publicación de información en portal electrónico y
dice los siguiente: Que todas las instituciones que conforman el sistema de
educación superior deben regirse al cumplimiento de la Ley y obligatoriamente
estas deberán publicar en su sitio web o portal web oficial las remuneraciones de
los empleados que laboren en su institución. (LOES, 2010)
Esto quiere decir que toda institución que forma parte del sistema de educación
superior está obligado a publicar esta información en su portal electrónico.
El principio de la pertinencia según (LOES, 2010)dice lo siguiente:
La educación superior deberá responder a las expectativas y necesidades de
la sociedad, a la planificación nacional, al régimen de desarrollo y a la
perspectiva de desarrollo científico, humanístico y tecnológico mundial, y a
la diversidad cultural. Por lo cual todas las instituciones de educación
superior acoplaran su oferta docente, de investigación y actividades de
vinculación con la sociedad, a la demanda académica, a las necesidades de
desarrollo local, regional y nacional, a la innovación y diversificación de
profesionales y grados académicos, a las tendencias del mercado ocupacional
21
local, regional y nacional, a la vinculación con la estructura productiva actual
y potencial de la provincia y la región, y , a las políticas nacionales de ciencia
y tecnología.
En estos momentos se vive en un mundo globalizado en donde el uso de las TIC
en la educación es indispensable y un punto clave en los principios de la
pertinencia de nuestra educación superior ya lograr estar al nivel de los países
del primer mundo.
En la actualidad la Universidad de Guayaquil se encuentra intervenida por el
CES, el cual se busca la eficiencia administrativa y el fortalecimiento
académico, y uno de los puntos más importantes en esto es tener una eficiente
apoyo de herramientas de TIC (Tecnología de la Información y Comunicación)
y que según las investigaciones hechas por el CES en el año 2013 se tiene los
siguientes datos:
CUADRO N° 7 SITUACIÓN TIC
APLICACIÓN ESPECIFICACIÓN OBSERVACIÓN
ANCHO DE BANDA 128000

EDIFICACIONES 73% DEL TOTAL DE
CON COVERTURA 44 EDIFICACIONES
INALAMBRICA
SISTEMA DE MATRÍCULAS,
APLICACIONES REGISTRO ACADÉMICO,
INFORMÁTICAS 5 REGISTRO Y CONSULTAS DE
NOTAS, CURRÍCULO
ACADÉMICO Y PLATAFORMA
VIRTUAL.
22
Según lo expuesto en la tabla “Situación TIC” en la innovación tecnológica solo
posee 5 aplicaciones informáticas para la gestión académica e institucional.
Actualmente en el 2015 se está utilizando el Sistema Integrado de la
Universidad de Guayaquil (SIUG) este sistema fue desarrollado para ayudar a
todas la facultades de manera general en aspectos de impresión de órdenes de
pago, consultar notas, matriculas en línea, registrar sus datos personales, etc.
Gracias al SIUG ayuda en gran medida a la mayoría de facultades y se
centraliza todo el registro académico a nivel de un solo sistema.
Mediante esto el estudio presente de esta tesis se enfoca en ayudar a la Facultad
Piloto de Odontología de la Universidad de Guayaquil en la innovación y
actualización tecnológica de la aplicaciones ya que la mayoría de procesos
actualmente se los maneja manualmente en hojas físicas o por medio de
archivos informáticos Excel o documentos Word de manera desordenada sin
tener un medio de respaldo ante cualquier eventualidad que produzca una
pérdida de la información. Al implementar un Sistema de información se
ayudará a mejorar y agilitar los procesos en el área que se lo implemente, en
presente caso de estudio se ayudará al área de prácticas pre-profesionales de la
Faculta de Odontología la cual carece de un sistema que adecuadamente
controle el registro de los estudiantes que realizan sus prácticas.
En la presente tesis se colabora con la implementación del Sitio Web de la
Facultad de Odontología de la Universidad de Guayaquil que es un requisito
fundamental de toda facultad tener un medio electrónico en el cual publiquen
23
noticas o información de la carrera para que los estudiantes estén informados,
así también de manera obligatoria cada institución deben publicar sus POA
(Plan Operativo Anual), PEDI (Plan Estratégico de Desarrollo Institucional) que
es un requisito pedido por el CES (Consejo de Educación Superior).
FUNDAMENTACIÓN TEÓRICA
PROCESO DE ACREDITACIÓN DE LA U.G

La necesidad de estas evaluaciones proviene del derecho fundamental que
tienen las personas de recibir una educación superior de calidad.
La educación al ser un servicio público debe estar regido por parámetros de
calidad establecidos por el organismo competente en el caso de la educación
superior el CEAACES.
CEAACES elaboro un modelo genérico de evaluación de carreras y fue
presentado a todas las universidades y escuelas politécnicas del país que fueron
llamadas para entrar en el proceso de acreditación.
Este modelo es un instrumento fundamental para la evaluación de las carreras,
con lo cual se lo podrá utilizar tanto internamente por cada institución
(evaluación interna) y externamente por parte del CEAACES (evaluación
externa).
Según (LOES, capitulo 1, articulo 94) expone lo siguiente:
24
“Acreditación.- La Acreditación es una validación de vigencia quinquenal
realizada por el Consejo de Evaluación, Acreditación y Aseguramiento de la
Calidad de la Educación Superior, para certificar la calidad de las
instituciones de educación superior, de una carrera o programa educativo,
sobre la base de una evaluación previa. La Acreditación es el producto de una
evaluación rigurosa sobre el cumplimiento de lineamientos, estándares y
criterios de calidad de nivel internacional, a las carreras, programas,
postgrados e instituciones, obligatoria e independiente, que definirá el
Consejo de Evaluación, Acreditación y Aseguramiento de la Calidad de la
Educación Superior. El procedimiento incluye una autoevaluación de la
propia institución, así como una evaluación externa realizada por un equipo
de pares expertos, quienes a su vez deben ser acreditados periódicamente. El
Consejo de Evaluación, Acreditación y Aseguramiento de la Calidad de la
Educación Superior es el organismo responsable del aseguramiento de la
calidad de la Educación Superior, sus decisiones en esta materia obligan a
todos los Organismos e instituciones que integran el Sistema de Educación
Superior del Ecuador.”
Según (LOES, capitulo 2, articulo 174) expone lo siguiente:
“Funciones del Consejo de Evaluación, Acreditación y Aseguramiento de la
Calidad de la Educación Superior, dispone como funciones del CEAACES:
Planificar, coordinar y ejercer las actividades del proceso de evaluación,
acreditación, clasificación académica y aseguramiento de la calidad de la
educación superior; así como aprobar la normativa para dichos procesos.”
25
Además, la ley establece que se debe priorizar las carreras de interés público, es
decir, las que comprometen el interés de la sociedad, como Medicina,
Odontología, Educación, Derecho, entre otras.
SITIO WEB DE LA FACULTAD PILOTO DE ODONTOLOGÍA

En años anteriores los sitios web de las instituciones educativas públicas no
había un control en la información que se presentaba inclusive algunas
instituciones no tenían un sitio web en el cual presentaran sus servicios o alguna
noticia relacionada con la institución si no que solo se comunicaban por medio
de redes sociales o algún otro medio informativo, por lo cual a las personas que
deseaban buscar o consultar alguna información o noticia sobre esta institución
se tornaba tedioso y casi imposible de encontrar por medio del internet y si se
llegaba a encontrar alguna noticia muchas veces era falsa o inventada, esto se
daba porque no procedía de un sitio web oficial de la institución, por este
motivo lo único que quedaba era ir personalmente a la institución a preguntar,
eso era una pérdida de tiempo para la persona y causaba mala imagen a la
institución.
Ahora si nos enfocamos en la historia universitaria del Ecuador en años
anteriores casi no se usaba mucho la tecnología de sitios web, esto era porque
no había una buena organización y falta de profesionales que se encarguen de
implementarlos.
Generalmente solo existía el sitio web principal de la universidad que englobaba
a todas las facultades pero si deseábamos saber sobre alguna información o
26
notica sobre alguna facultad específicamente la mayoría no usaban un sitio web
o si lo tenía el sitio no era actualizado nunca y carecía de poca credibilidad.
Según la Ley Orgánica de la Comunicación en su artículo 16 dice lo siguiente:
“Principio de transparencia.- Los medios de comunicación social difundirán sus
políticas editoriales e informativas y su código deontológico en portales web o
en un instrumento a disposición del público.” (LEY ORGÁNICA DE
COMUNICACIÓN, 2013)
El principio de transparencia ayuda a mejorar la calidad de la información que
se muestra y a su vez facilita el conocimiento de cómo actúan estos órganos
institucionales y así se podría controlar cualquier acto de corrupción.
Todo lo anterior se ve apoyado según LOES que dice lo siguiente:
“Publicación de información en portal electrónico.- Las instituciones que
conforman el Sistema de Educación Superior, en cumplimiento de la Ley,
obligatoriamente deberán publicar en su portal electrónico las remuneraciones de
sus autoridades, profesores, investigadores, servidores y trabajadores” (LOES,
2010).
Por todo lo antes expuesto la Vicerrectora Académica de la Universidad de
Guayaquil la Dra. Sonia Ordoñez Dueñas y el Departamento de Centro de
Computo (C.C) decidieron que en toda facultad era necesario disponer de un
medio que ayude a la difusión de las noticias o servicios que ofrecen cada
27
institución, por tal motivo es de carácter obligatorio que toda facultad goce de
un sitio web.
ÁREA DE GESTIÓN Y CONTROL DE LAS PRÁCTICAS PRE-

PROFESIONALES DE LA FACULTAD PILOTO DE ODONTOLOGÍA DE LA
Se analizó la situación actual que se encuentra la Facultad Piloto de Odontología
se evidencio varias deficiencias a nivel de procesos, entre ellos se pudo observar
que en el área donde se registran los estudiantes para realizar sus prácticas pre-
profesionales la mayoría de sus procesos son manuales.
Se puedo observar que guardan o actualizan el registro de algún estudiante de
forma manual o por medio de en una Hoja de Excel o Word para luego hacer la
impresión para entregarle al estudiante o guardarlo como evidencia del proceso
que se realizó.
Entre los problemas que frecuentemente tiene esta área administrativa son los
siguientes:
 Documentos físicos (hojas impresas) en mal estado.
 Confusión de datos entre los documentos lógicos y físicos.
 Perdida de documentos de los registros de los estudiantes.
 Falta de control en las horas acreditadas de los alumnos que se
encuentran haciendo sus prácticas pre-profesionales.
28
 Confusión entre los grupos asignados de estudiantes.
 Lentitud al registrar al estudiante.
Estos procesos administrativos son muy importantes en esta área por ende la
información que se maneja debe ser ordenada, confiable, precisa y en caso si
llega a faltar o fallar algún proceso anterior puede generar muchos problemas a
los estudiantes y a la universidad y con ello mostrar un mala imagen de la
institución antes las personas.
PROCESO DE DESARROLLO DE SOFTWARE
El proceso de desarrollo de software tiene como propósito la producción
eficaz y eficiente de un producto de software que reúna los requisitos
del cliente. (Tituana Vera, 2009)
En el proceso de desarrollo de software no existe un proceso universal que sea
efectivo para todo tipo de desarrollo ya que existen diversos contextos de
proyectos lo cual resulta difícil automatizar todo un proceso.
En la investigación de (Tituana Vera, 2009) define un modelo de proceso de
software como “Una representación simplificada de un proceso de software,
representada desde una perspectiva específica. Por su naturaleza los modelos
son simplificados, por lo tanto un modelo de procesos de software es una
abstracción de un proceso real. ”
29
A continuación describimos algunos modelos de desarrollo:
Codificar y corregir.-
Es un modelo antiguo y básico que se utilizaba cuando se inició el desarrollo de
software y se componía de dos fases codificar y corregir los errores del código.
Modelo en cascada.-
Este modelo también es conocido como ciclo de vida del software y su
implementación se basa en etapas con tareas en cada etapa por lo cual se sigue
un orden, para avanzar a la siguiente etapa se debe terminar todas las tareas de
la etapa anterior.
GRÁFICO N° 1 MODELO EN CASCADA
Elaboración: Tituana Vera Freddy

Fuente: (Tituana Vera, 2009)
Desarrollo Evolutivo.-
30
Se basa en la desarrollo de un producto inicial de software a partir de
especificaciones abstractas sobre lo que necesitan luego a través de pruebas y
entrevistas con los interesados modificarlo al gusto y necesidad del cliente.
GRÁFICO N° 2 DESARROLLO EVOLUTIVO

Desarrollo formal de sistemas.-
Este modelo se basa en varias transformaciones formales hasta llegar a un
programa ejecutable. (Tituana Vera, 2009)
GRÁFICO N° 3 DESARROLLO FORMAL DE SISTEMA
31
Desarrollo basado en la reutilización.-
Los sistemas y componentes software son entidades reutilizables, pero su
naturaleza específica significa a veces que el costo de modificarlos para una
nueva situación resulta elevado. Una forma complementaria de reutilización es
el reuso de conceptos, en el que la entidad reutilizada es más abstracta y se
diseña para ser configurada y adaptada a una variedad de situaciones.
Este modelo consta de 4 fases que son: Definición de requerimientos, Análisis
de los componentes, Modificación de requerimientos, y diseño del Sistema de
reutilización que a su vez se subdivide en desarrollo e integración y validación
del sistema.
GRÁFICO N° 4 DESARROLLO BASADO EN REUTILIZACIONES DE

COMPONENETES
32
Desarrollo incremental.-
En una visión genérica, el proceso se divide en 4 partes: Análisis, Diseño,
Código y Prueba. Sin embargo, para la producción del Software, se usa el
principio de trabajo en cadena o “Pipeline”, utilizado en muchas otras formas de
programación. Con esto se mantiene al cliente en constante contacto con los
resultados obtenidos en cada incremento. Es el mismo cliente el que incluye o
desecha elementos al final de cada incremento a fin de que el software se adapte
mejor a sus necesidades reales. El proceso se repite hasta que se elabore el
producto completo. Es una combinación del modelo cascada y evolutivo.
(Julieth Vázquez, 2011)
GRÁFICO N° 5 DESARROLLO INCREMENTAL
33
Desarrollo Espiral.-
Es un modelo de ciclo de vida del software propuesto por Barry
Boehm , utilizado generalmente en la Ingeniería de software.
Las actividades de este modelo se conforman en una espiral, en la que cada
bucle o iteración representa un conjunto de actividades. Las actividades no están
fijadas a ninguna prioridad, sino que las siguientes se eligen en función
del análisis de riesgo, comenzando por el bucle interior. (Gonzales CCente &
Castro Buleje, 2010)
El modelo se tiene 4 fases principales:
 Determinación de objetivos
 Análisis de riegos
 Planificación
 Desarrollar y probar
GRÁFICO N° 6 DESARROLLO ESPIRAL
34
Para el desarrollo de la presente tesis se utilizó el desarrollo evolutivo ya que
nos pareció más adecuado porque el cliente no conocía bien los requerimientos
completos solo los más importantes, con estos requerimientos iniciales se
desarrolla y se presenta una primera versión de la aplicación, la cual es
evaluada y luego implementada, luego sobre esa versión se adaptan los nuevos
requerimientos para sacar las siguientes versiones. Todo esto se establecía en las
entrevistas y reuniones con los interesados mediante un cronograma establecido
con anticipación.
FUNDAMENTACIÓN LEGAL
Según la constitución del de la República del Ecuador dice lo siguiente:
INCLUSIÓN Y EQUIDAD
SECCIÓN OCTAVA
Ciencia, tecnología, innovación y saberes ancestrales
Art. 385.- El sistema nacional de ciencia, tecnología, innovación y saberes
ancestrales, en el marco del respeto al ambiente, la naturaleza, la vida, las
culturas y la soberanía, tendrá como finalidad:
1. Generar, adaptar y difundir conocimientos científicos y tecnológicos.
2. Recuperar, fortalecer y potenciar los saberes ancestrales.
35
3. Desarrollar tecnologías e innovaciones que impulsen la producción nacional,
eleven la eficiencia y productividad, mejoren la calidad de vida y contribuyan a
la realización del buen vivir.
Art. 386.- El sistema comprenderá programas, políticas, recursos, acciones, e
incorporará a instituciones del Estado, universidades y escuelas politécnicas,
institutos de investigación públicos y particulares, empresas públicas y privadas,
organismos no gubernamentales y personas naturales o jurídicas, en tanto
realizan actividades de investigación, desarrollo tecnológico, innovación y
aquellas ligadas a los saberes ancestrales. El Estado, a través del organismo
competente, coordinará el sistema, establecerá los objetivos y políticas, de
conformidad con el Plan Nacional de Desarrollo, con la participación de los
actores que lo conforman.
Art. 387.- Será responsabilidad del Estado:
1. Facilitar e impulsar la incorporación a la sociedad del conocimiento para
alcanzar los objetivos del régimen de desarrollo.
2. Promover la generación y producción de conocimiento, fomentar la
investigación científica y tecnológica, y potenciar los saberes ancestrales, para
así contribuir a la realización del buen vivir, al sumak kawsay.
3. Asegurar la difusión y el acceso a los conocimientos científicos y
tecnológicos, el usufructo de sus descubrimientos y hallazgos en el marco de lo
establecido en la Constitución y la Ley.
36
4. Garantizar la libertad de creación e investigación en el marco del respeto a la
ética, la naturaleza, el ambiente, y el rescate de los conocimientos ancestrales.
5. Reconocer la condición de investigador de acuerdo con la Ley.
Art. 388.- El Estado destinará los recursos necesarios para la investigación
científica, el desarrollo tecnológico, la innovación, la formación científica, la
recuperación y desarrollo de saberes ancestrales y la difusión del conocimiento.
Un porcentaje de estos recursos se destinará a financiar proyectos mediante
fondos concursables. Las organizaciones que reciban fondos públicos estarán
sujetas a la rendición de cuentas y al control estatal respectivo.
PREGUNTAS CIENTÍFICAS A CONTESTARSE
 ¿Con la implementación del sistema de control de prácticas pre-
profesionales y el sitio web de la facultad de piloto de odontología de la
Universidad de Guayaquil se contribuirá en el mejoramiento de los procesos
administrativos y de acreditación de la institución. ?
VARIABLES DE LA INVESTIGACIÓN
V.I Sistema de control de prácticas pre-profesionales e implementación del
sitio web de la Facultad Piloto de Odontología de la Universidad de
Guayaquil (Variable independiente).-
Son Sistemas de información que ayudarán con la administración de los
horarios de los estudiantes que realicen sus prácticas pre-profesionales además
37
con la implementación sitio web de la facultad ayudará mejorar la difusión de
información de servicios o noticas referente a la carrera
Contribución en el mejoramiento de los procesos administrativos y de
acreditación de la institución (Variable dependiente).-
Procesos realizados por el área administrativa y de acreditación de la Facultad
Piloto de Odontología de la Universidad de Guayaquil. Dentro de los procesos
administrativos consta el control de las prácticas pre-profesionales, y dentro de
la acreditación se incluye al indicador de cumplimiento de transparencia de la
información (exposición de la información pública de la Facultad a través de un
sitio web).
DEFINICIONES CONCEPTUALES
Hosting web.- Significa hospedaje o alojamiento generalmente se les da este
nombre a los lugares donde te ofrecen publicar tu sitio web o página web
aunque también cumplen la función de guardar cualquier tipo de archivo.
Free software o Software libre. - Permite el uso del software el cual puede ser
modificado y retribuido libremente su principal impulsadora es Free Software
Foundation.
Servidor dedicado.- Es una computadora con una gran capacidad de
procesamiento de varios núcleos dependiendo la aplicación que se ejecute.
Normalmente un servidor atiende peticiones de otras máquinas en este caso
serían los clientes.
38
Usuario.- Generalmente es el nombre que se le da a la persona que utiliza algún
sistema informático.
Login.- Login o inicio de sesión es la forma en la cual se accede a un sistema
informático que protege ciertas funcionalidades según el rol del usuario que
inicia sesión.
CMS (Content Management System o Sistema de Administrador de
Contenidos).- Es un Sistema Informático estructurado que permite el manejo
independiente del contenido y el diseño se lo usa para publicar páginas web o
blog en el internet.
Blog.-Un blog es un sitio web que está enfocado de manera personal en donde
la persona dueña hace publicaciones sobre algún tema es especifico de su propio
interés.
Plug-ins.- Es lo mismo que decir complementos (Español) son pequeñas
aplicaciones que son ejecutadas por una aplicación principal que la contiene y
esta ayuda a extender la funcionalidad de la principal.
Licencia BSD.- Es una licencia de software libre que permite el uso del código
fuente si ningún tipo de restricción.
Licencia GPL.- Es una licencia de software libre que permite el uso del código
fuente y permite modificarlo y distribuirlo con la misma licencia manteniendo
los nombres y créditos de los autores finales
39
Unicode.-El Unicode es un formato estándar de caracteres, dentro de este se
encuentran todos los caracteres del teclado común, es utilizado para la
representación de texto para procesamiento del equipo.
Framework.- En español significa “Macro de Trabajo” es un conjunto
estandarizados de conceptos que ayuda a resolver una problemática en el
ámbito de la informática y que dentro de este incluye una infraestructura de
bibliotecas o módulos que ayudan a simplificar la tarea de un desarrollador.
Es un esquema (un esqueleto, un patrón) que sirve para el desarrollo y/o la
implementación de una aplicación. Son un conjunto de archivos, que están
preparados y organizados para soportar el desarrollo de varios tipos de
proyectos de gran escala. (Sierra, Acosta, Ariza, & Salas, 2013)
Proxy.- Es también conocido como un servidor que tiene un programa o sistema
que se encarga de hacer intermediario en las peticiones que realiza un cliente a
otro servidor.
Reverse Proxy.-También conocido como servidor proxy inverso sirve para
proteger los servidores HTTP internos proporcionando un único punto de acceso
a la red interna.
Kernel.- En la Informática es el núcleo y es software principal de un sistema
operativo.
Cache web.- La cache en un Sitio Web es el encargado de almacenar
documentos web (imágenes, páginas, etc.,) y ayuda a mejorar la velocidad de
carga de una página web ya que la primera vez que se llaman los documentos se
40
guardan en cache y la segunda vez que es llamada esa misma página
inmediatamente llama lo guardado en la cache y así se ahorra banda ancha.
Intranet.- Es una red informática privada y solo tienen acceso los usuarios que
estén dentro de la organización que tiene este sistema de red instalado, con lo
cual se puede compartir información de manera segura entre usuarios de la
misma red privada.
WordPress.- es un sistema de gestión de contenidos y sirve para crear cualquier
sitio web este sistema está desarrollado con lenguaje de programación PHP. Su
administración es extremadamente sencilla debido a esto es uno de los más
populares CMS (Content Management System) o Sistema de Administración de
Contenido en el mercado.
Eclipse.-Es una herramienta que sirve de entorno de desarrollo integrado para
facilitar el desarrollo de aplicativos ofreciéndonos herramientas como editores,
autocompleta de etiquetas, depurador de errores, coloreo de etiquetas etc.
PgAdminIII.- es una herramienta de diseño y mantenimiento de bases de datos
PostgreSQL escrita en C++ y es por excelencia es la herramienta Open source
de administración para sus bases de datos existen otras que tratan de emular su
función pero no superan a la oficial.
Apache.- es el servidor de páginas web. Un servidor de páginas web es un
programa que permite acceder a páginas web alojadas en un ordenador. Es el
más utilizado seguido de Microsoft Information Services. Nosotros vamos a
emplear el servidor HTTPD de Apache por múltiples razones como
41
disponibilidad, facilidad de instalación, pocos recursos necesarios, precio,
disponibilidad del código fuente, ... Existen muchos otros aunque suelen estar
especializados en nichos concretos de mercado.” (GeNeura Team, n.d.)
XAMPP.- es un servidor que se encarga de la administración de todas estas
tecnologías dando grandes facilidades en la instalación y configuración, con tan
solo instalar XAMPP se instalan automáticamente todos sus componentes y en
cuestión de minutos por lo cual se puede desplegar cualquier aplicación web
basada en PHP y MySql en cuestión de minutos. Actualmente XAMPP cuenta
con dos ramas de versiones de servidores web la v5.5.x y v5.6.x. La diferencia
entre estas dos versiones de XAMPP es que versión 5.5.x trabaja con PHP 5.5.x
mientras que la versión 5.6.x trabaja con PHP 5.6.x. Para este proyecto de tesis
se trabaja con la versión de XAMPP 5.6.
PHP.- Sus siglas significan Hypertext Preprocessor y en español lo conocemos
como Pre-Procesador de Hipertexto es un lenguaje de programación
interpretado no necesita compilación alguna. (Mora Guevara, 2015). Es uno de
los lenguajes más populares en la creación de páginas web según
wikipedia.com, PHP se encuentra instalado en más de 20 millones de sitio web
y en un millón de servidores ,entre los sitio web más destacados se encuentran
Wikipedia.org, Facebook.com y Wordpress.com.
Bootstrap.- Es un framework originalmente creado por Twitter y en el 2011
liberado como código abierto y contiene plantillas de diseño, tipografía,
formularios, menús de navegación botones, cuadros y otros elementos basados
en HTML y CSS.
42
CSS (Cascading Style Sheets).- También conocido como Hoja de estilo en
Cascada es un lenguaje que se lo usa para la presentación del contenido de una
página web o un comento HTML.
La idea principal de la creación de CSS es para separar el contenido de la
presentación, así cuando se quiera dar un estilo a un contenido HMTL solo
habría que modificar el documento CSS.
JQuery.- Es una biblioteca de JavaScript que nos sirve de complemento en el
desarrollo web. El creador de esta biblioteca es el estadounidense John Resig es
un programador y también es conocido como el evangelista de JavaScript.
JavaScript.- Es un lenguaje de programación interpretado que nos ayuda a
crear o elaborar contenidos dinámicos en una página web. El termino leguaje de
programación interpretado se refiere que necesita compilarse antes de
ejecutarse, esta compilación la hace a través de cualquier navegador web.
HTML.- Es un lenguaje de marcas de hipertexto y se lo utiliza como base para
la elaboración de las páginas web. Este lenguaje sirve para programar a nivel de
etiquetas y sirve como base para la construcción de una página web en la cual se
le puede añadir contenido estático y dinámico.
Indicadores de Acreditación.-
43
Los indicadores de acreditación se los usan para obtener pruebas que puedan
demostrar si el programa o la institución cumplen o no con los estándares
predeterminados. Estos indicadores difieren de los estándares en que su
incumplimiento normalmente no es suficiente para negar la acreditación, y la
evaluación negativa de estándares básicos puede ocasionar una denegación o
retiro del estatus de acreditado (Scheele, 2009)
En el Reino Unido las organizaciones de acreditación y los consejos de
evaluación de calidad trabajan con Indicadores Claves de Performance
(ICPs) que sirven para indicar los puntos fuertes y débiles de un programa o
institución. En general, un número de diez ICPs es suficiente para hacer una
adecuada evaluación, pero la mayoría de las universidades utiliza entre diez
y veinte indicadores (Scheele, 2009)
Sistema.-Un sistema es un conjunto de arreglos ordenados con elementos o
rutinas de un todo. (Garcia, 2015)
WWW.-
“El World Wide Web Consortium (W3C) es una comunidad internacional
donde las organizaciones miembro trabajan conjuntamente para desarrollar
los estándares Web. Liderados por el inventor Web Tim Berners -Lee y CEO
Jeffrey Jaffe, la misión del W3C es guiar la Web hacia su máximo potencial.”
(W3C, n.d.)
Egresado.-Persona que termina todas las materias de la malla curricular de su
Carrera
44
Sitio Web, Web Site o Portal Web.- El sitio web, website o portal web es el
lugar donde se alojan un grupo de páginas web que generalmente están
asociadas a un dominio y tiene como alojamiento un servidor dedicado o
hosting.
Sitio Web a un agrupación de Páginas Web que guardan una relación entre
sí, pertenecientes dentro de un dominio web, que es frecuentemente conocido
como World Wide Web (WWW), al cual se accede lógicamente con
conexión a esta red lejana, utilizando un Navegador Web, que permite utilizar
el protocolo HTTP (por sus siglas en inglés, HyperText Transfer Protocol)
para poder acceder a documentos de tipo HTML (en inglés, HyperText
Markup Language). (mastermagazine.info, n.d.)
Sistema de Información.-
Un sistema de información es la unión de varios elementos
interrelacionados con el objetivo de ayudar en la atención a las demandas de
información de una organización, para elevar el nivel de conocimientos y
que nos ayuden en la toma de decisiones y desarrollo de acciones.
(DUARTE ACOSTA & RAMÍREZ CASTRO , 2013)
Información.- (Suárez, 2015) Afirma que la información:
Es un conjunto de datos con un significado, esto quiere decir que reduce la
incertidumbre o que genera el aumento del conocimiento de algo con lo cual
se deduce que la información es un mensaje con significado en un
determinado contexto, disponible para uso inmediato y que proporciona
45
orientación a las acciones al reducir el margen de incertidumbre con
respecto a nuestras decisiones.
Según (MALAGÓN MORENO & TREJO ALONSO, 2014) la información

consiste en seleccionar y ordenar datos con un propósito específico.
CAPÍTULO III
METODOLOGÍA
DISEÑO DE LA INVESTIGACIÓN
MODALIDAD DE LA INVESTIGACIÓN
El presente trabajo es un proyecto Factible y esto consiste en la elaboración de una propuesta
viable de solución de un problema el cual debe resolverse en un determinado tiempo todo
esto se lo realizará mediante una metodología en la cual nosotros investigamos cual es el
problema para luego de un análisis profundo, elaborar y desarrollar una propuesta viable de
solución.
46
TIPO DE INVESTIGACIÓN
Se utiliza la investigación de campo porque nosotros nos basamos en información que
obtuvimos después de entrevistas, cuestionarios con las personas que están implicadas dentro
del proceso que se quiere mejorar.
También se usa el tipo de investigación descriptiva, a través de la revisión de literatura
necesaria para obtener los fundamentos teóricos y técnicos usados para el desarrollo de los
sistemas de información.
En la carrera de Odontología se entrevista con los implicados que se encargan del manejo de
los procesos administrativos en el área de prácticas pre-profesionales dentro de la institución,
cuál sería la mejor manera de llevar el proceso para evitar el uso hojas físicas y mejorar la
administración de la información horaria de los estudiantes que realizan su prácticas pre-
profesionales.
POBLACIÓN Y MUESTRA
Sistema de control de prácticas pre-profesionales.-
La población que es objeto de observación y estudio son los colaboradores de la
institución que trabajan en el área administrativa y los estudiantes que realizan las
prácticas pre-profesionales.
Población en área administrativa:
En el área administrativa tenemos 3 operarios y el 1 jefe del área, esta población se
estableció mediante un censo.
47
CUADRO N° 8 POBLACIÓN DE PERSONAL ADMINISTRATIVO
Cargo Población
Jefe 1
Operarios 3
Total 4
Elaboración: Romero López Omar

Fuente: Romero López Omar
Muestra en área administrativa:
 En el caso de sistema de control de las prácticas pre-profesionales el tamaño
de la muestra será igual al tamaño de la población por el motivo de todos los
que conforman el área están inmersos en el proceso que se va a mejorar, por
lo cual ellos participan directamente en el proceso de ejecución de las
actividades de gestión de las prácticas pre-profesionales.
CUADRO N° 9 MUESTRA DE PERSONAL ADMINISTRATIVO

Total de Población Muestra
4 4

Población estudiantil que hacen sus prácticas
La población estudiantil de estudio fueron 300 estudiantes que están realizando sus
CUADRO N° 10 POBLACIÓN ESTUDIANTIL PRÁTICANTE

Estudiantes Cantidad
48
Estudiantes 300
Total 300

Muestra:
 En la muestra se consideró a todos los estudiantes que están realizando sus
MUESTRA
m= Tamaño de Población (300)

m
𝑛= e= error de estimación (6%)
𝑒 2 ∗(𝑚−1)+1 n= Tamaño de la muestra
Aplicando la fórmula el tamaño de la muestra quedaría:
300
𝑛=
0.062 ∗ (300 − 1) + 1
300
𝑛=
1.0764 + 1
300
𝑛=
2.0764
𝑛 = 144.4
𝑛 = 144
Cálculo del factor de proporción:

𝑛
𝑓=
𝑁
49
144
𝑓 = 300 = 0.48
El tamaño de la muestra es de 144 estudiantes.
CUADRO N° 11 MUESTRA ESTUDIANTIL PRÁTICANTE

POBLACIÓN DE ALUMNOS n(Tamaño de la Muestra)
PERIODO 2015 144

Fuente: Romero López Omar Xavier
Sitio web de la Facultad Piloto de Odontología.-
La población está constituida por los estudiantes de la Carrera de Odontología de la
Facultad.
Población:
CUADRO N° 12 POBLACIÓN DE PERSONAL ESTUDIANTIL

Estudiantes Cantidad
Estudiantes 500
Total 500

Tamaño de la población aproximado 500 estudiantes.
Muestra:
50
 La muestra para implementación de sitio web se consideró a todos los
estudiantes y personas externas.
MUESTRA
m= Tamaño de Población (500)

m
𝑛= e= error de estimación (6%)
𝑒 2 ∗(𝑚−1)+1 n= Tamaño de la muestra
Aplicando la fórmula el tamaño de la muestra quedaría:
500
𝑛=
0.062 ∗ (500 − 1) + 1
500
𝑛=
1.7964 + 1
500
𝑛=
2.7964
𝑛 = 178.80
𝑛 = 179
Cálculo del factor de proporción:

𝑛
𝑓=
𝑁
179
𝑓 = 500 = 0.358
Tamaño de muestra 179 estudiantes
CUADRO N° 13 MUESTRA DE PERSONAL ESTUDIANTIL

POBLACIÓN DE ALUMNOS n(tamaño muestra)
PERIODO 2015 179
51
OPERACIONALIZACIÓN DE VARIABLES
CUADRO N° 14 MATRIZ DE OPERACIONALIZACIÓN DE VARIABLES

Variables Dimensiones Indicadores Técnicas y/o
Instrumentos
V. I. Accesibilidad Encuestas y
SISTEMA DE CONTROL DE Área de Prácticas entrevistas
PRÁCTICAS PRE- Profesionales. Usabilidad
PROFESIONALES E
Disponibilidad
IMPLEMENTACIÓN DEL SITIO
WEB DE LA FACULTAD
Accesibilidad Encuestas
PILOTO DE ODONTOLOGÍA
DE LA UNIVERSIDAD DE Facultad Piloto de Usabilidad
Odontología
GUAYAQUIL
Disponibilidad
Mejoramiento de los Accesibilidad Entrevistas y

V.D. procesos internos encuestas
CONTRIBUCIÓN EN EL
MEJORAMIENTO DE LOS
administrativos. Usabilidad
PROCESOS
ADMINISTRATIVOS Y DE Disponibilidad
ACREDITACIÓN DE LA
INSTITUCIÓN
Facilidad en la difusión Disponibilidad Entrevistas y

de información sobre Accesibilidad encuestas
la facultad hacia el
público en general
INSTRUMENTOS DE RECOLECCIÓN DE DATOS
La técnica de recolección de datos que se aplicarán en la investigación de este proyecto son:
DE CAMPO:
Los instrumentos son los siguientes:
52
Técnica Instrumento
- Encuesta - Cuestionario
- Entrevista - Banco de preguntas
INSTRUMENTOS DE LA INVESTIGACIÓN
La entrevista es una técnica que la usamos para obtener información sobre algún tema o
investigación.
La encuesta esta técnica es utilizada para obtener una visión o perspectiva sobre el
pensamiento de las personas sobre el problema.
LA ENCUESTA Y EL CUESTIONARIO
FORMATO DEL CUESTIONARIO
CUESTIONARIO SOBRE MEJORAMIENTO DE LOS PROCESOS

ADMINISTRATIVOS
Este cuestionario está dirigido al personal que trabaja en el área de prácticas pre-
profesionales de la Facultad Piloto de Odontología de Universidad de Guayaquil:
Por favor dedique 5 minutos de su tiempo para completar este cuestionario, la misma que nos
ayudará a entender de la mejor manera si es necesario la implementación de un sistema.
1.- ¿CONSIDERA USTED IMPORTANTE LA EVALUACIÓN INSTITUCIONAL EN

LA FACULTAD PILOTO DE ODONTOLOGÍA?
53
MUY IMPORTANTE ☐
IMPORTANTE ☐
POCO IMPORTANTE ☐
NADA IMPORTANTE ☐
2.- ¿USTED MANEJA ALGUN SISTEMA INFORMATICO QUE LE AYUDE CON

SUS TAREAS EN EL TRABAJO?
SI ☐
NO ☐
3.- ¿USTED CONSIDERA QUE EL PROCESO ACTUAL DE BUSQUEDA Y

REGISTRO DE ESTUDIANTES PARA SUS PRÁCTICAS ES ALGO TEDIOSO Y SE
PODRÍA MEJORAR Y AGILIAR CON LA AYUDA DE UN SISTEMA
INFORMÁTICO?
TOTALMENTE DE ACUERDO ☐
MUY DE ACUERDO ☐
LIGERAMENTE DE ACUERDO ☐
COMPLETAMENTE EN DESACUERDO ☐
4.- ¿ACTUALMENTE CUAL ES EL TIEMPO PROMEDIO QUE SE DEMORA EN

LA BUSQUEDA DE ALGUN REGISTRO DIGITAL DE UN ESTUDIANTE QUE
REALIZA SU PRACTICA PRE-PROFESIONAL?
ENTRE 3 A 5 MINUTOS ☐
5.- ¿USTED CONSIDERA QUE ES NECESARIO TENER UN MEDIO DE

RESPALDO DIGITAL FIABLE Y CONFIABLE QUE BRINDE UNA VERACIDAD
EN LOS DATOS PRESENTADOS?
MUY DE ACUERDO ☐
54
6- ¿USTED CONSIDERA QUE ES NECESARIO LA COLABORACION DE UN

SISTEMA DE INFORMÁTICO EN EL ÁREA DE PRÁCTICAS PRE-
PROFESIONALES?
MUY DE ACUERDO ☐
7.- ¿USTED CONSIDERA QUE CON EL NUEVO SISTEMA INFORMÁTICO

AYUDARÍA A MEJORAR EL PROCESO ACTUAL DE CONTROL DE
PRÁCTICAS PRE-PROFESIONALES?
MUY DE ACUERDO ☐
8- ¿USTED CONSIDERA QUE CON EL NUEVO SISTEMA INFORMÁTICO

AYUDARÍA A COLABORAR CON LOS INDICADORES DE GESTION EN LA
ACREDITACIÓN DE LA FACULTAD?
MUY DE ACUERDO ☐
El siguiente cuestionario está dirigido a los estudiantes que hacen sus prácticas pre-
profesionales de la Facultad Piloto de Odontología de Universidad de Guayaquil:
55

MUY IMPORTANTE ☐
IMPORTANTE ☐
POCO IMPORTANTE ☐
NADA IMPORTANTE ☐
2.- ¿USTED PIENSA QUE EL PROCESO ACTUAL DE REGISTRO Y

ACTUALIZACIÓN DE LAS PRÁCTICAS PRE-PROFESIONALES ES LENTO?
MUY DE ACUERDO ☐

REALIZAR ALGUNA CONSULTA O ACTUALIZACIÓN DE SUS REGISTROS DE
4.- ¿USTED CONSIDERA QUE ES NECESARIO LA COLABORACIÓN DE UN

SISTEMA DE INFORMÁTICO QUE AYUDE A MEJORAR LA GESTIÓN DE
REGISTRO Y BUSQUEDA DE REGISTROS EN EL ÁREA DE PRÁCTICAS PRE-
PROFESIONALES?
MUY DE ACUERDO ☐
56
CUESTIONARIO SOBRE IMPLEMENTACION DE UN SITIO WEB

Este cuestionario está dirigido a los estudiantes de la Facultad Piloto de Odontología de la
Universidad de Guayaquil:
1.- ¿CONSIDERA USTED QUE CON LA ACREDITACIÓN DE LA FACULTAD
PILOTO DE ODONTOLOGÍA AYUDARÁ A MEJORAR LA CALIDAD DE LA
EDUCACIÓN Y CORREGIRÁ PROCESOS INTERNOS DEFICIENTES?
MUY DE ACUERDO ☐
2.- ¿USTED TIENE ALGÚN MEDIO INFORMÁTICO QUE LE BRINDE
INFORMACIÓN VERAZ Y ACTUALIZADA SOBRE LA FACULTAD PILOTO DE
ODONTOLOGÍA?
SI ☐
NO ☐
3.- ¿USTED CONSIDERA QUE ES NECESARIO LA IMPLEMENTACIÓN DE UN
SITIO WEB OFICIAL PARA LA FACULTAD PILOTO DE ODONTOLOGÍA Y QUE
SEA ACCESIBLE PARA TODA PERSONA?
57
MUY DE ACUERDO ☐
4.- ¿USTED CONSIDERA QUE CON IMPLEMENTACIÓN DEL SITIO WEB EN LA
FACULTAD PILOTO DE ODONTOLOGÍA AYUDARÍA A MEJORAR LA
TRANSPARENCIA INSTITUCIONAL Y A SU VEZ EL ESTUDIANTE ESTARÍA
MEJOR INFORMADO SOBRE LAS NOVEDADES QUE OCURRAN DE LA
INSTITUCIÓN?
MUY DE ACUERDO ☐
PROCEDIMIENTOS DE LA INVESTIGACIÓN
El problema:
Planteamiento del problema
Interrogantes de la investigación
Objetivos de la Investigación
Justificación o importancia de la investigación
Marco teórico:
58
Fundamentación teórica
Fundamentación legal
Preguntas a contestarse
Definición de términos
Metodología:
Diseño de Investigación (Tipo de Investigación)
Población y Muestra
Instrumentos de recolección de datos
Operacionalización de variables, dimensiones e indicadores
Procedimiento de la Investigación
Recolección de la información
Procesamiento y Análisis de los datos recolectados
Criterios para la elaboración de la propuesta
RECOLECCIÓN DE LA INFORMACIÓN
Se utilizará técnicas de encuestas y entrevistas al personal que labora en el departamento de
prácticas pre-profesionales para poder evaluar la situación actual del problema que afecta a
esta área.
Para implementación del Sitio Web de la Facultad de Odontología se recoge información con
encuestas a los estudiantes para ver su punto de vista sobre la creación del nuevo portal web
oficial de la institución.
PROCESAMIENTO Y ANÁLISIS
Mediante las entrevistas y encuestas realizadas se obtuvieron los siguientes datos:
59
Las entrevistas se las realizaron en la Facultad de Odontología de la Universidad de
Guayaquil y cada entrevista dura aproximadamente 8 minutos.
ENTREVISTA AL PERSONAL DEL AREA DE ADMINISTRACIÓN DE LAS

PRÁCTICAS PRE-PROFESIONLES
JEFE DEL AREA
1.- ¿Es importante que se automatice el actual proceso de administración en el control
de las prácticas pre-profesionales? ¿Por qué?
Sí, porque esto ayudaría a mejorar el agilitar el proceso actual que se maneja en el
departamento.
2.- ¿Cuál sería el principal beneficio de implementar este nuevo sistema?
El principal beneficio seria que mejoraría la administración de los estudiantes que están
haciendo sus prácticas.
3.- ¿Cree usted que habría problemas en la adaptación al nuevo sistema?
No creo que haya inconveniente siempre y cuando se nos dé una excelente capacitación.
4.- ¿Qué recomendación o consideración debería tener el nuevo sistema?
Que el sistema sea de fácil manejo.
PRIMER OPERARIO ENTREVISTADO
60
Sí, porque nuestro trabajo sería más eficiente.
La rapidez y actualización tecnológica en nuestra institución.
No si el sistema es de fácil uso y no capacitan bien no habrá problema.
Que sea amigable y de fácil manejo.
SEGUNDO OPERARIO ENTREVISTADO
Sí, porque de esta manera sería más rápido y evitaríamos estar haciéndolo manualmente y
guardando los documentos físicamente con el peligro de perder los documentos físicos.
La rapidez en el proceso.
No creo que haya inconvenientes.
61
Fácil manejo.
ENCUESTA REALIZADA AL PERSONAL DEL ÁREA DE ADMINISTRACIÓN

DE LAS PRÁCTICAS PRE-PROFESIONLES
PREGUNTA 1: ¿CONSIDERA USTED IMPORTANTE LA EVALUACIÓN

INSTITUCIONAL EN LA FACULTAD PILOTO DE ODONTOLOGÍA?
CUADRO N° 15 TABULACIÓN PREGUNTA 1 SCPP

FRECUENCIA FRECUENCIA
ABSOLUTA RELATIVA
MUY IMPORTANTE 3 75%
IMPORTANTE 1 25%
POCO IMPORTANTE 0 0%
NADA IMPORTANTE 0 0%
TOTAL 4 100%
GRÁFICO N° 7 PASTEL PREGUNTA 1
0% 0%
25
75
MUY IMPORTANTE IMPORTANTE POCO IMPORTANTE NADA IMPORTANTE

62
Análisis: El resultado de la encuesta indico que el 75% de las 4 personas de esta área, creen
que es muy importante la evaluación, el 25% piensa que es importante.
PREGUNTA 2: ¿USTED MANEJA ALGÚN SISTEMA INFORMÁTICO QUE LE

AYUDE CON SUS TAREAS EN EL TRABAJO?

ABSOLUTA RELATIVA
SI 0 0%
NO 4 100%
TOTAL 4 100%
100%
SI NO

Respuesta de encuestados:
63
Análisis: El resultado de la encuesta indico que 100% de 4 personas de esta área, no maneja
ningún sistema informático, con lo que se puede apreciar la necesidad de implementar uno
para ayudar a mejorar y agilitar los procesos en esta área.
PREGUNTA 3: ¿USTED CONSIDERA QUE EL PROCESO ACTUAL DE

BUSQUEDA Y REGISTRO DE ESTUDIANTES PARA SUS PRÁCTICAS ES ALGO
TEDIOSO Y SE PODRÍA MEJORAR Y AGILIAR CON LA AYUDA DE UN
SISTEMA INFORMÁTICO?

ABSOLUTA RELATIVA
TOTALMENTE DE ACUERDO 3 75%
MUY DE ACUERDO 1 25%
LIGERAMENTE DE ACUERDO 0 0%
COMPLETAMENTE EN DESACUERDO 0 0%
TOTAL 4 100%
0% 0%
25%
75%
TOTALMENTE DE ACUERDO MUY DE ACUERDO

LIGERAMENTE DE ACUERDO COMPLETAMENTE EN DESACUERDO

64
Análisis: El resultado de la encuesta indicó que el 75% de las 4 personas de esta área están
totalmente de acuerdo, el 25% están muy de acuerdo.
PREGUNTA 4.- ¿ACTUALMENTE CUAL ES EL TIEMPO PROMEDIO QUE SE

DEMORA EN LA BÚSQUEDA DE ALGÚN REGISTRO DIGITAL DE UN
ESTUDIANTE QUE REALIZA SU PRÁCTICA PRE-PROFESIONAL?

ABSOLUTA RELATIVA
ENTRE 3 A 5 MINUTOS 1 25%
TOTAL 4 100%
0%
25%
75%
ENTRE 3 A 5 MINUTOS ENTRE 6 A 8 MINUTOS ENTRE 9 A 11 MINUTOS

Análisis: El resultado de la encuesta indicó que 75% de 4 personas de esta área se tardan
entre 6 a 8 minutos en hacer una búsqueda entre los registro digitales guardados en la PC, el
25% restante se tarda entre 3 a 5 minutos.
65
PREGUNTA 5: ¿USTED CONSIDERA QUE ES NECESARIO TENER UN MEDIO
DE RESPALDO DIGITAL FIABLE Y CONFIABLE QUE BRINDE UNA
VERACIDAD EN LOS DATOS PRESENTADOS?

ABSOLUTA RELATIVA
MUY DE ACUERDO 0 0%
COMPLETAMENTE EN 0
DESACUERDO 0%
TOTAL 4 100%
COMPLETAMENTE
LIGERAMENTE DE
MUY
EN DESACUERDO
ACUERDO
DE ACUERDO
0%
TOTALMENTE DE ACUERDO
MUY DE ACUERDO
LIGERAMENTE DE ACUERDO
COMPLETAMENTE EN
DESACUERDO
TOTALMENTE DE
ACUERDO
100%

Análisis: El resultado de la encuesta indicó que el 100% de 4 personas de esta área están
totalmente de acuerdo en que es necesario de tener un medio de respaldo fiable y confiable
que brinde veracidad en la información presentada.
66
6- ¿USTED CONSIDERA QUE ES NECESARIO LA COLABORACION DE UN
SISTEMA DE INFORMÁTICO EN EL ÁREA DE PRÁCTICAS PRE-
PROFESIONALES?

ABSOLUTA RELATIVA
MUY DE ACUERDO 0 0%
TOTAL 4 100%
COMPLETAMENTE
LIGERAMENTE DE
MUY
EN DESACUERDO
ACUERDO
DE ACUERDO
0%
MUY DE ACUERDO
COMPLETAMENTE EN
DESACUERDO
TOTALMENTE DE
ACUERDO
100%

totalmente de acuerdo en que es necesario de tener sistema informático.
67
7.- ¿USTED CONSIDERA QUE CON EL NUEVO SISTEMA INFORMÁTICO
AYUDARÍA A MEJORAR EL PROCESO ACTUAL DE CONTROL DE

ABSOLUTA RELATIVA
TOTAL 4 100%
0% 0%
25%
75%
MUY DE ACUERDO
COMPLETAMENTE EN DESACUERDO

totalmente de acuerdo en que el nuevo sistema informático ayudaría a mejorar los procesos y
el 25% están de acuerdo.
68
8- ¿USTED CONSIDERA QUE CON EL NUEVO SISTEMA INFORMÁTICO
AYUDARÍA A COLABORAR CON LOS INDICADORES DE GESTIÓN EN LA
ACREDITACIÓN DE LA FACULTAD?
ABSOLUTA RELATIVA
TOTAL 4 100%

0% 0%
50%
50%
MUY DE ACUERDO

totalmente de acuerdo en que el nuevo sistema informático ayudaría a mejorar indicadores de
gestión en la acreditación de la facultad y el 25% solo están muy de acuerdo.
69
ENCUESTA REALIZADA A LOS ESTUDIANTES QUE REALIZAN SUS
PRÁCTICAS PRE-PROFESIONALES

CUADRO N° 23 TABULACIÓN PREGUNTA 1 SCPP ESTUDIANTES

ABSOLUTA RELATIVA
MUY IMPORTANTE 92 64%
IMPORTANTE 26 18%
POCO IMPORTANTE 16 11%
NADA IMPORTANTE 10 7%
TOTAL 144 100%
GRÁFICO N° 15 PASTEL PREGUNTA 1 SCPP ESTUDIANTES

NADA
POCO IMPORTANTE
IMPORTANTE 7%
11%
IMPORTANTE
18%
MUY
IMPORTANTE
64%
MUY IMPORTANTE IMPORTANTE POCO IMPORTANTE NADA IMPORTANTE

Análisis: El resultado de la encuesta indico que el 64% de las 144 personas, creen que es
muy importante la evaluación, el 18% piensa que es importante, el 11% poco importante y el
7% piensa que es nada importante.
70
2.- ¿USTED PIENSA QUE EL PROCESO ACTUAL DE REGISTRO Y
ACTUALIZACIÓN DE LAS PRÁCTICAS PRE-PROFESIONALES ES LENTO?

ABSOLUTA RELATIVA
TOTAL 144 100%


COMPLETAMENTE
EN DESACUERDO
LIGERAMENTE DE 10%
ACUERDO
15%
TOTALMENTE DE
ACUERDO
54%
MUY DE ACUERDO
21%


Análisis: El resultado de la encuesta indicó que el 54% de 144 personas están totalmente de
acuerdo, el 21% están muy de acuerdo, el 15%, están ligeramente de acuerdo y el 10% están
completamente en desacuerdo.
71
REALIZAR ALGUNA CONSULTA O ACTUALIZACIÓN DE SUS REGISTROS DE

ABSOLUTA RELATIVA
TOTAL 144 100%

ENTRE 9 A 11
MINUTOS
8%
ENTRE 6 A 8
MINUTOS
21%
ENTRE 3 A 5
MINUTOS
71%
ENTRE 3 A 5 MINUTOS ENTRE 6 A 8 MINUTOS

ENTRE 9 A 11 MINUTOS

Análisis: El resultado de la encuesta indicó que 71% de 45 personas tardan entre 6 a 8
minutos, el 21% tarda entre 3 a 5 minutos y el 8% restante tarda de 9 a 11 minutos.
72
4.- ¿USTED CONSIDERA QUE ES NECESARIO LA COLABORACIÓN DE UN
SISTEMA DE INFORMÁTICO QUE AYUDE A MEJORAR LA GESTIÓN DE
REGISTRO Y BUSQUEDA DE REGISTROS EN EL ÁREA DE PRÁCTICAS PRE-
PROFESIONALES?

ABSOLUTA RELATIVA
TOTAL 144 100%

completamente
Ligeramente de
en desacuerdo
acuerdo
6%
12%
MUY de acuerdo
17%
totalmente de
acuerdo
65%


Análisis: El resultado de la encuesta indicó que el 64% de 45 personas están totalmente de
acuerdo, el 20% están muy de acuerdo, el 5%, están ligeramente de acuerdo y el 11% están
completamente en desacuerdo.
73
ENCUESTA REALIZADA A LOS ESTUDIANTES DE ODONTOLOGIA
PREGUNTA 1: ¿CONSIDERA USTED QUE CON LA ACREDITACIÓN DE LA
FACULTAD PILOTO DE ODONTOLOGÍA AYUDARÁ A MEJORAR LA CALIDAD
DE LA EDUCACIÓN Y CORREGIRÁ PROCESOS INTERNOS DEFICIENTES?
CUADRO N° 27 TABULACIÓN PREGUNTA 1 WEB

ABSOLUTA RELATIVA
113 63%
MUY DE ACUERDO
23 13%
12 7%
31 17%
TOTAL 179 100%
GRÁFICO N° 19 PASTEL PREGUNTA 1 WEB
7% 17%
13%
63%


Análisis: El resultado de la encuesta indicó que el 63% personas están totalmente de acuerdo
y creen que se mejoraría la calidad de la educación, el 13% de personas están muy de
acuerdo, el 7% están ligeramente de acuerdo y el 17% están completamente en desacuerdo y
piensan que no se ayudaría en nada.
74
PREGUNTA 2: ¿USTED TIENE ALGÚN MEDIO INFORMÁTICO QUE LE
BRINDE INFORMACIÓN VERAZ Y ACTUALIZADA SOBRE LA FACULTAD
PILOTO DE ODONTOLOGÍA?

FRECUENCIA ABSOLUTA FRECUENCIA RELATIVA
SI
35 20%
NO
144 80%
TOTAL 179 100%
20%
80%
SI NO

Análisis: El resultado de la encuesta indicó que 80% de personas de 179 encuestadas no
tienen un medio informático que le brinde información, y 20% de personas dijeron que si
tienen.
PREGUNTA 3: ¿USTED CONSIDERA QUE ES NECESARIO LA
IMPLEMENTACIÓN DE UN SITIO WEB OFICIAL PARA LA FACULTAD
PILOTO DE ODONTOLOGÍA Y QUE SEA ACCESIBLE PARA TODA PERSONA?
75
ABSOLUTA RELATIVA
TOTAL 179 100%
8% 8%
10%
74%


Análisis: El resultado de la encuesta indicó que el 74% de personas encuestadas si creen que
es necesario la creación del sitio web, 10% de personas dijeron que están muy de acuerdo,
8% ligeramente de acuerdo y el 8% de personas están completamente en desacuerdo.
76
PREGUNTA 4.- ¿USTED CONSIDERA QUE CON IMPLEMENTACIÓN DEL
SITIO WEB EN LA FACULTAD PILOTO DE ODONTOLOGÍA AYUDARÍA A
MEJORAR LA TRANSPARENCIA INSTITUCIONAL Y A SU VEZ EL
ESTUDIANTE ESTARÍA MEJOR INFORMADO SOBRE LAS NOVEDADES QUE
OCURRAN DE LA INSTITUCIÓN?

ABSOLUTA RELATIVA
TOTAL 179 100%

8%
8%
12%
72%


77
Análisis: El resultado de la encuesta indicó que el 72% de personas encuestadas si creen que
es necesario la creación del sitio web y se mejoraría la transparencia y ayudaría al estudiante
a estar mejor informado, 12% de personas dijeron que están muy de acuerdo, 8%
ligeramente de acuerdo y el 8% de personas están completamente en desacuerdo.
CRITERIOS PARA LA ELABORACIÓN DE LA PROPUESTA
Se definieron criterios dentro del contexto de la propuesta que ayudaron a llevar a cabo el
desarrollo del proyecto que se mencionó anteriormente con esto se verificó que el proyecto es
factible y que la institución se beneficiará con la ayuda propuesta.
Entre unos de los criterios se tuvo en cuenta la pertinencia ya que la propuesta debe
solucionar un problema prioritario, importante para el área que está ubicado.
Se tomó en cuenta los criterios de Ausencia de Duplicación y la viabilidad, se verifico o
indago si la propuesta ya ha sido objeto de investigación, también se verifico su viabilidad
tomando en cuenta la complejidad del problema y recursos necesarios para llevarlo a cabo el
estudio con lo que se concluyó que es un tema viable y que no existe otro tema igual
propuesto.
También se tomó en cuenta el asentimiento de las autoridades de la Facultad Piloto de
Odontología y ellos están interesados y dispuestos a apoyar el proyecto presente.
78
CRITERIOS DE VALIDACIÓN DE LA PROPUESTA
La respuesta se obtuvo después de realizar las encuestas, entrevistas mediante esto se pudo
analizar que era viable la propuesta y que la metodología aplicada resulto exitosa porque se
llegó a conocer de manera clara y objetiva la opiniones de las personas que se sienten
afectadas con el problema.
DESARROLLO DEL SISTEMA DE CONTROL DE PRÁCTICAS PRE-

PROFESIONALES
Luego de realizar el levantamiento de información por medio de entrevistas y cuestionarios
procedemos a definir los procesos actuales como podremos observar en el siguiente diagrama
de procesos:
79
Diagrama de Procesos actual del Departamento de Prácticas-Pre-profesionales
GRÁFICO N° 23 DIAGRAMA DE PROCESOS ÁREA PRÁCTICAS
80
ADMINISTRACIÓN DE LAS PRÁCTICAS PRE-PROFESIONALES
JEFE DEL ÁREA
SECRETARIA
DEPT. PRÁCTICAS AYUDANTES REUNIÓN
DEPT. PRÁCTICAS PRE-PROFESIONALES
PRE-PROFESIONALES
IMPRESIONES DE
LOS GRUPOS SE ESTABLECEN LOS
GRUPOS DE
ESTUDIANTES CON
SUS RESPECTIVAS
INSTITUCIONES Y
PROFESORES
ENCARGADOS
SOLICITA Proceso que Toma tiempo

INICIO INFORMACION DE RECIBEN EL LISTADO
ESTUDIANTES DE LOS GRUPOS
INSCRITOS
SE GENERAN LAS
IMPRESIONES DE
LISTA DE LOS GRUPOS
GENERAN EL
ESTUDIANTES REGISTRO SEMANAL
INSCRITOS EN UN
DATOS DEL DOCUMENTO
ESTUDIANTE WORD SOBRE
CONTROL DE LAS
HORAS
ACREDITADAS
REALIZA REUNIÓN
CON SECRETARIA Proceso que Toma tiempo
REGISTRA LOS
DATOS EN UNA
HOJA DE CALCULO
ENVIO DE HOJAS A
EXCEL
LAS SECRETARIA
IMPRESIONES DE
LOS GRUPOS
HACE UNA
BUSQUEDA EN SUS
DOCUMENTOS
EXCEL
LISTADO
ACTUALIZADO DE
Proceso que Toma tiempo LAS HORAS
ACREDITADAS A LOS
ESTUDIANTES
IMPRIME LA
INFORMACIÓN
ENVIA LO IMPRESO
VALIDA QUE LAS

HORAS
ACREDITADAS SEAN
LAS CORRECTAS
IMPRESIONES DE
LOS GRUPOS
Proceso que Toma tiempo
IMPRIME Y SE LAS SE LO ENVIA A LOS

ENVIA AL JEFE DEL AYUDANTES O
ÁREA PRACTICANTES
Fase
Elaboración: Romero López Omar Xavier

Como podemos observar la mayor parte de las tareas recaen en la secretaria y en los
ayudantes que son 3 o 2 estudiantes que están haciendo sus horas comunitarias o servicio
comunitario. Existe lentitud a la hora de buscar o localizar algún expediente de un estudiante
81
que llega a consultar su horas acreditadas, también existe mucho problemas con asignaciones
de grupos o instituciones a los estudiante inclusive hay problemas con los cálculos de las
horas acreditadas de los estudiantes.
Luego de definir los procesos actuales procedemos al diseño de la aplicación en la cual lo
primero que definimos el diagrama entidad relación de la base de datos que lo podemos
observar a continuación.
GRÁFICO N° 24 DIAGRAMA ENTIDAD RELACIÓN

Metodología de Ingeniería de Software aplicada al proyecto de tesis

La metodología aplicada para el desarrollo este software es del Modelo Evolutivo en el cual
nosotros presentamos un modelo preliminar o proyecto fase beta lo analizan y nos indica los
82
nuevos requerimientos según lo que ellos necesiten y con esto estamos en constante contacto
con el cliente.
Módulos del Sistema de Control de Practicas pre-profesionales
Módulo de Mantenimiento de Registros
El sistema contará con un módulo donde se podrá dar el mantenimiento a las diferentes tablas
que conforma los reportes.
GRÁFICO N° 25 MÓDULO DE MANTENIMIENTO DE REGISTRO

GRÁFICO N° 26 MANTENIMIENTO DE USUARIOS
83
Módulo de Mantenimiento de Usuarios
El módulo de mantenimientos de usuarios servirá para crear, asignar o deshabilitar a usuarios
y asignar privilegios según los roles que se les asignen al crearlos.
GRÁFICO N° 27 MÓDULO DE MANTENIMIENTO DE USUARIOS

84
GRÁFICO N° 28 MANTENIMIENTO DE USUARIOS

Módulo de Reportes de Internado
El módulo de internado estará formado por los reportes de los estudiantes que realizan sus
prácticas y sus horas asignada por cada actividad.
GRÁFICO N° 29 MÓDULO DE REPORTE DE INTERNADO

85
GRÁFICO N° 30 REPORTE DE INTERNADO

Módulo de Reportes de Grupos
El módulo de grupo estará formado por los reportes estudiantes con su respectivo grupo
asociado o con sus institución asociada.
GRÁFICO N° 31MÓDULO DE REPORTES DE GRUPOS

86
GRÁFICO N° 32 REPORTES DE GRUPOS

Para elaboración del sistema nuestro estudio se basó en (LOES, capitulo 1, articulo 94) que
dice lo siguiente:
“Evaluación de la calidad.- La Evaluación de la Calidad es el proceso para
determinar las condiciones de la institución, carrera o programa académico,
mediante la recopilación sistemática de datos cuantitativos y cualitativos que
permitan emitir un juicio o diagnóstico, analizando sus componentes,
funciones, procesos, a fin de que sus resultados sirvan para reformar y
mejorar el programa de estudios, carrera o institución.” (LOES, 2010).
El sistema propuesto como solución a la problemática que esta área actualmente padece,
mejoraría y agilitaría los procesos que actualmente realizan los operarios además este sistema
le ayudará a mantener la información asegurada en una base de datos con su debido respaldo.
Además este sistema solucionaría el proceso tedioso al tener que buscar a un determinado
estudiante y obtener su reporte de horas acreditadas o a que institución acude a realizar sus
prácticas, entre otros reportes estos son los que por falta de un sistema los operarios pierden
87
más tiempo en la búsqueda ya que deben manejarse por medio de archivos físicos y su
respaldo en hojas de Excel en un pc sin tener algún respaldo que nos ayude a recuperar los
datos en caso de alguna emergencia.
PATRÓN DE ARQUITECTURA DE SOFTWARE EMPLEADA EN EL

APLICATIVO SCCP
El patrón de diseño empleado para el aplicativo es el MVC (Modelo-Vista-Controlador) el
desarrollo de aplicativo se lo realizará por capas estableciendo un orden que beneficiará tanto
al diseñador como al desarrollador permitiendo a cada uno trabajar de manera independiente
cada uno así el diseñador no tendrá que conocer sobre el lenguaje de servidor empleado y el
programador no tendrá que conocer mucho sobre diseño.
Como se puede observar en el Grafico No.6 este patrón está separado por capas la vista será
la carpeta View y aquí estarán todo los HMTL el diseño de presentación de la aplicación, en
la carpeta Controller será el controlador aquí se desarrollara toda la lógica de negocio del
aplicativo y cuando se necesite hacer una consulta a la base de datos se lo hará por medio de
la capa Modelo en este caso está en la carpeta entity.
GRÁFICO N° 33 PATRÓN DE DISEÑO MVC

88
ARQUITECTURA DE LA APLICACIÓN WEB ACTUAL
Se hizo un pedido con anticipación a las autoridades por la comprar de servidores pero por
falta de presupuesto el sistema se instaló en el computador del jefe del área de Prácticas Pre-
profesionales con autorización del mismo. La arquitectura que actualmente se encuentra
instalado el Sistema de Control de Prácticas Pre-Profesionales es un modelo 2 capas en el
cual el servidor web y el de base de datos están en el mismo servidor con lo que todas las
demás computadoras que estén en la red pueden ingresar al sistema.
GRÁFICO N° 34 ARQUITECTURA WEB DOS CAPAS
Servidor Web y BD

89
ARQUITECTURA DE LA APLICACIÓN WEB PROPUESTA
Se propuso una arquitectura de 3 capas en la cual el servidor web este separado del servidor
de base de datos con el fin que en un futuro si llegan a haber más clientes conectados pueda
saturarse el servidor y no responder debidamente por falta de memoria esto hace que los
clientes tengan una mala experiencia la navegación se pondría lenta.
GRÁFICO N° 35 ARQUITECTURA WEB 3 CAPAS
Cliente 1
Cliente 2
Servidor Web Servidor de BD

90
CAPÍTULO IV
MARCO ADMINISTRATIVO
CRONOGRAMA
91
92
PRESUPUESTO
Detalle de egresos del proyecto
CUADRO N° 31 PRESUPUESTO
EGRESOS DÓLARES
Suministros de oficina y computación $ 200.00
Impresiones de Hojas de Encuestas 50.00
Computadora y Servicio de Internet 200.00
Transporte 400.00
Refrigerio 200.00
Empastado, anillado de tesis de grado 150.00
TOTAL……………………………………… $1200

CUADRO N° 32 PRESUPUESTO – USO DE RECURSOS HUMANOS

Cantidad Horas Valor
Sub-Total
Detalle por
(Dólares)
Hora
Líder de Proyecto 1 80 $ 35 2800
Analista de Sistema (Análisis y
1 24 $ 30 720
Diseño)
Desarrolladores 1 80 $ 25 2000
Asesoría Técnica (Infraestructura) 1 5 $ 35 175
Asesoría Técnica (Software) 1 8 $ 35 280
Implementación 1 5 $ 15 75
TOTAL $ 6.050
Ingresos
 No existe ingreso alguno en este proyecto.
Egresos
Egresos de tipo de adquisición de licencias de software para el servidor y aplicaciones no

existen ya que se trabaja con aplicaciones de licencia Libre y los servidores (hardware)
fueron dados por la Facultad Piloto de Odontología.
En el cuadro N°31 se indica un aproximado del presupuesto por los servicios prestados en el
presente proyecto de tesis.
93
CAPÍTULO V
CONCLUSIONES Y RECOMENDACIONES
CONCLUSIONES
Se cumplió con objetivo general de la presente tesis y se desarrolló un sistema informático
que ayudará al control las prácticas pre-profesionales de los estudiantes y a su vez
contribuirá en agilitar los procesos de registro y actualización de las prácticas. También se
logró implementar la página web oficial de la Facultad Piloto de odontología que servirá
como canal de comunicación que transparente la información y a la vez contribuir con la
acreditación de la institución.
En el primer objetivo específico de la tesis se lo cumple realizando el levantamiento de la
información mediante cuestionarios y entrevistas con las personas que intervienen en el
problema, luego con esa información recopilada se la analiza y se la tabula por medio de
cuadros y gráficos estadísticos logrando como resultado información precisa sobre el
problema que nos servirá como solución para del problema.
En el segundo objetivo específico se realiza el diseño de la aplicación con la información y
las especificaciones levantadas en el primer objetivo específico, y con esto logramos cumplir
con desarrollo de la aplicación del sistema de control de prácticas pre-profesionales.
94
En el tercer objetivo específico se realizaron las pruebas y correcciones con las personas que
laboran en el departamento de prácticas pre-profesionales, con lo que se logra cumplir con las
expectativas deseadas por el usuario.
En el cuarto objetivo específico se realiza su cumplimiento realizando la implementación del
sitio web de la Facultad Piloto de Odontología de la Universidad de Guayaquil según los
lineamientos establecidos por la Vicerrectora Académica Dra. Sonia Ordóñez y por Centro de
Cómputo del rectorado.
95
RECOMENDACIONES
Con base al trabajo de tesis realizado las recomendaciones van dirigidas hacia los dos
sistemas propuestos.
En cuanto a la página web debido a que se usa un sistema gestor de contenido (WordPress),
es necesario establecer políticas o niveles de acceso a la plataforma como también políticas
de contraseñas para evitar modificaciones inesperadas o que no hayan sido autorizadas por la
Facultad, así mismo es necesario establecer la periodicidad de actualización del contenido.
Adicionalmente al ser WordPress un sistema de gestor de contenidos ampliamente usado en
el mercado actual, se recomienda al centro de cómputo donde es alojado el servicio considere
aspectos tales como el cambio de la configuración predeterminada para reducir el riesgo de
que personas ajenas exploten la vulnerabilidad que provoca el usar una configuración
estándar o predeterminada.
En el Sistema de Control de Prácticas Pre-Profesionales se recomienda considerar la
instauración de controles de acceso al sistema como una correcta asignación de los usuarios
finales y los roles de los sistemas para cumplir con el principio de la seguridad de la
información de la integridad. Así mismo se recomienda el uso de un certificado SSL como
método transparente para establecer una sesión segura entre los ordenadores que se conecten
con el aplicativo.
Adicionalmente para un funcionamiento óptimo del sistema de control de prácticas pre-
profesionales se recomendó la adquisición de un servidor con Procesador Core i7 4.0+GHz.o
comparable con memoria de 8 GB y 1 Tera de disco duro. Así también para un óptimo
funcionamiento o rendimiento de la base de datos Postgresql según las recomendaciones de
96
http://www.postgresql.org.es/node/219 se recomienda configurar el archivo postgresql.conf
modificando las siguientes variables:
max_connections= 100
shared_buffers= 2048MB
work_mem=8MB
maintenance_work_mem = 256MB
effective_cache_size = 2048MB
checkpoint_segments = 64
97
BIBLIOGRAFÍA
Budiel, P. (25 de 05 de 2015). Sistemas de Información. Obtenido de

http://sistemas1deinformacion.blogspot.com/2015_05_01_archive.html
Delgado, J. (29 de 08 de 2015). Gestiopolis. Obtenido de

http://www.gestiopolis.com/sistemas-
transaccionales-sistemas-de-apoyo-a-las-decisiones-y-sistemas-estrategicos/
Di Biase F., A., & Di Biase D, F. (s.f.). SISTEMA DE INFORMACIÓN COMPUTACIONAL.

Obtenido de
http://www.dbf.cl/Material%20Docente/Libro/Capitulo%2008%20Sistemas%20de%20info
rmacion%20aplicados%20a%20las%20areas%20funcionales.pdf
DUARTE ACOSTA , M. M., & RAMÍREZ CASTRO , J. J. (2013). Repositorio Institucional

Universidad de Cartagena. Obtenido de
http://190.25.234.130:8080/jspui/bitstream/11227/483/1/REDISE%C3%91O%20DEL%20S
ISTEMA%20DE%20INFORMACI%C3%93N%20PARA%20LA%20GESTI%C3%93N%2
0DE%20ALMAC%C3%89N%20EN%20LA%20UDC.pdf
Elblogdemercado's Blog. (2010). Elblogdemercado's Blog. Obtenido de

https://elblogdemercado.files.wordpress.com
Gallini, S., & Noiret, S. (2011). SCIELO. Obtenido de

http://www.scielo.org.co/scielo.php?pid=S0121-16172011000100003&script=sci_arttext
Gamma, E., & Wesley, A. (1995). Design Patterns.
Garcia, A. M. (25 de 02 de 2015). Sistemas Administrativos. Obtenido de

http://sistemasadministrativosuptaeb.blogspot.com/
GeNeura Team. (s.f.). Obtenido de http://geneura.ugr.es/~gustavo/apache/
Gonzales CCente, L., & Castro Buleje, C. (12 de 05 de 2010). http://proyect-

is.wikispaces.com/. Obtenido de http://proyect-is.wikispaces.com/2.2.-+Modelo+Espiral
Jquery. (s.f.). Jquery. Obtenido de https://jquery.com/
Julieth Vázquez, D. R. (2011). Obtenido de

https://sites.google.com/site/programacion1electronica/metodologias-de-desarrollo-de-
software/modelo-incremental-o-evolutivo
LEY ORGÁNICA DE COMUNICACIÓN. (25 de 06 de 2013). Obtenido de

http://www.presidencia.gob.ec/wp-
content/uploads/downloads/2013/08/LeyDeComunicacion-espaniol.pdf
98
LOES. (12 de 10 de 2010). LEY ORGANICA DE EDUCACIÓN SUPERIOR. Obtenido de
http://www.ces.gob.ec/doc/gaceta_ces/loes/loes.pdf
LOTAIP. (2004). LEY ORGANICA DE TRANSPARENCIA Y ACCESO A LA

INFORMACIÓN
PUBLICA. Obtenido de
http://www.vicepresidencia.gob.ec/wp-
content/uploads/downloads/2013/09/Ley-Org%C3%A1nica-de-Transparencia-y-Acceso-a-la-
Informaci%C3%B3n-P%C3%BAblica-publicada-en-el-Registro-Oficial-Suplemento-No.-
337-del-18-de-mayo-de-2004.pdf
MALAGÓN MORENO, E., & TREJO ALONSO, B. F. (2014). Fundación dialnet. Obtenido
de http://dialnet.unirioja.es/descarga/articulo/4866893.pdf
mastermagazine.info. (s.f.). mastermagazine.info. Obtenido de

http://www.mastermagazine.info/termino/15383.php
monografias.com. (s.f.). monografias.com. Obtenido de

http://www.monografias.com/trabajos55/analisis-sistemas-informacion/analisis-sistemas-
informacion.shtml
Mora Guevara, K. A. (2015). dspace. Obtenido de

https://www.dspace.espol.edu.ec/retrieve/89080/D-84659.pdf
Oltra , B., & Oltra Badenes, R. F. (20 de 05 de 2015). Universitat Politecnica de Valencia.
Obtenido de
https://riunet.upv.es/bitstream/handle/10251/50530/Art_Docente_SI_Def_Cast.pdf?sequence
=1&isAllowed=y
Portilla, S. (2012). Calameo. Obtenido de

http://en.calameo.com/read/0022244242f9cf79959b8
PostgreSQL. (s.f.). Postgresql. Obtenido de http://www.postgresql.org.es/sobre_postgresql
Scheele, J. (09 de 2009). CNA. Obtenido de http://www.cna.gov.co/1741/articles-

186502_JScheele.pdf
Sierra, F., Acosta, J., Ariza, J., & Salas, M. (15 de Octubre de 2013). Universidad Simón
Bolívar. Obtenido de
http://publicaciones.unisimonbolivar.edu.co/rdigital/inovacioning/index.php/identic/article/do
wnload/73/91
Suárez, F. (2015). Revistas Electrónicas URBE. Obtenido de

http://publicaciones.urbe.edu/index.php/cicag/article/viewFile/4008/5118
Tituana Vera, F. G. (2009). dspace.espol.edu.ec. Obtenido de

https://www.dspace.espol.edu.ec/bitstream/123456789/7735/1/D-39464.pdf
W3C. (s.f.). W3C. Obtenido de http://www.w3.org/Consortium/
99
ANEXOS
EVIDENCIA SOBRE LA CAPACITACIÓN AL PERSONAL ENCARGADO DEL

SITIO WEB DE LA FACULTAD DE PILOTO DE ODONTOLOGÍA
El Administrador del Sitio Web Odón. José González
GRÁFICO N° 36 CAPACITACIÓN WEB

GRÁFICO N° 37 CAPACITACIÓN WEB PANTALLA
100
GRÁFICO N° 38 CAPACITACIÓN WEB 2

101
EVIDENCIA SOBRE LA CAPACITACIÓN AL PERSONAL ENCARGADO DEL SISTEMA
DE CONTROL DE PRÁCTICAS PRE-PROFESIONALES
Fotos con el Jefe del Área del Dept. Prácticas Pre-profesionales
GRÁFICO N° 39 CAPACITACIÓN SCPP

GRÁFICO N° 40 CAPACITACIÓN SCPP 2

102
Fotos con la secretaria del Área del Dept. Prácticas Pre-profesionales
GRÁFICO N° 41 CAPACITACÍON SECRETARIA

GRÁFICO N° 42 CAPACITACIÓN PANTALLA SCPP

103
ACTA DE ENTREGA DEL PROYECTO “ANÁLISIS DISEÑO E IMPLEMENTACIÓN DEL
SISTEMA DE CONTROL DE PRÁCTICAS PROFESIONALES”
104
105
ACTA DE ENTREGA DEL PROYECTO “IMPLEMENTACIÓN DEL SITIO WEB DE LA
FACULTAD PILOTO DE ODONTOLOGÍA”
106
107

COMPUTACIONALES

MEJORAMIENTO DE LOS PROCESOS ADMINISTRATIVOS Y
DE ACREDITACIÓN DE LA INSTITUCIÓN”
MANUAL DE USUARIO
Previa a la obtención del Título de:
INGENIERO EN SISTEMAS COMPUTACIONALES
2015
I
ÍNDICE
SISTEMA DE CONTROL DE PRÁCTICAS PRE-PROFESIONALES .................................. VII

Funcionamiento del Sistema .................................................................................................. VII
Roles de usuarios................................................................................................................ VII
Ingreso al Sistema ................................................................................................................ VIII
Configuración del sistema ....................................................................................................... IX
MÓDULO DE USUARIO ....................................................................................................... X
Mantenimiento de Usuarios ................................................................................................. X
MÓDULO DE GRUPO ........................................................................................................ XV
Mantenimiento de Grupos ................................................................................................. XV
MÓDULO DE ESTUDIANTE ............................................................................................ XIX
Mantenimiento de Estudiantes ......................................................................................... XIX
MÓDULO DE INSTITUCIÓN ......................................................................................... XXIV
Mantenimiento de Instituciones .................................................................................... XXIV
MÓDULO DE ACTIVIDADES .....................................................................................XXVIII
Mantenimiento de Actividades....................................................................................XXVIII
MÓDULO DE PRÁCTICAS PROFESIONALES .......................................................... XXXII
Mantenimiento de Práctica Profesional........................................................................ XXXII
MÓDULO DE REPORTES ................................................................................................ XLII
Reportes de Grupos ......................................................................................................... XLII
Reportes de Internados ................................................................................................... XLIII
Opciones de los reportes .............................................................................................. XLVII
SITIO WEB DE LA FACULTAD PILOTO DE ODONTOLOGÍA .................................. XLVIII
Áreas Modificables: ........................................................................................................ XLVIII
Ingreso al Administrador del Sitio Web .......................................................................... XLVIII
Creación de Usuarios para acceder al Administrador .................................................... XLIX
Publicar una página ............................................................................................................. LI
Editar o borrar publicaciones. ........................................................................................... LIII
Uso de editor de contenido ................................................................................................LIV
Menús ............................................................................................................................. LXIII
Wonder Plugin Carousel ............................................................................................. LXVIII
Revolution Sliders .......................................................................................................... LXXI
Widgets ........................................................................................................................ LXXII
Usuarios y Claves de Acceso ...................................................................................... LXXIV
II
GRÁFICO N° 1 LOGIN DEL SISTEMA................................................................................ VIII
GRÁFICO N° 2 ÁREA PRINCIPAL ...................................................................................... VIII
GRÁFICO N° 3 CONFIGURACIÓN DEL SISTEMA .............................................................. IX
GRÁFICO N° 4 CONFIGURACIÓN DE CLAVE Y LOGIN ................................................... IX
GRÁFICO N° 5 MENÚ REGISTRO DE USUARIO ................................................................. X
GRÁFICO N° 6 LISTADO DE USUARIO ................................................................................. X
GRÁFICO N° 7 FORMULARIO NUEVO USUARIO .............................................................. XI
GRÁFICO N° 8 USUARIO A EDITAR.................................................................................. XIII
GRÁFICO N° 9 FORMULARIO EDITAR USUARIO .......................................................... XIII
GRÁFICO N° 10 MENÚ REGISTRO DE GRUPO ................................................................. XV
GRÁFICO N° 11 LISTADO DE GRUPO ................................................................................ XV
GRÁFICO N° 12 NUEVO GRUPO ....................................................................................... XVI
GRÁFICO N° 13 FORMULARIO NUEVO GRUPO ............................................................. XVI
GRÁFICO N° 14 EDITAR GRUPO ....................................................................................... XVII
GRÁFICO N° 15 FORMULARIO EDITAR GRUPO ........................................................... XVII
GRÁFICO N° 16 BOTONES ACTIVAR E INACTIVAR GRUPOS .................................. XVIII
GRÁFICO N° 17 MENÚ REGISTRO DE ESTUDIANTE .................................................... XIX
GRÁFICO N° 18 LISTA DE ESTUDIANTE ......................................................................... XIX
GRÁFICO N° 19 NUEVO ESTUDIANTE .............................................................................. XX
GRÁFICO N° 20 FORMULARIO NUEVO ESTUDIANTE ................................................... XX
GRÁFICO N° 21 EDITAR ESTUDIANTE ............................................................................ XXI
GRÁFICO N° 22 FORMULARIO EDITAR ESTUDIANTE ................................................ XXII
GRÁFICO N° 23 BOTONES ACTIVAR E INACTIVAR ESTUDIANTE........................... XXII
GRÁFICO N° 24 MENÚ REGISTRO DE INSTITUCIÓN ................................................. XXIV
GRÁFICO N° 25 LISTA DE INSTITUCIÓNES ................................................................. XXIV
GRÁFICO N° 26 NUEVA INSTITUCIÓN ............................................................................XXV
GRÁFICO N° 27 FORMULARIO NUEVA INSTITUCIÓN ................................................XXV
GRÁFICO N° 28 EDITAR INSTITUCIÓN ......................................................................... XXVI
GRÁFICO N° 29 FORMULARIO EDITAR INSTITUCIÓN ............................................. XXVII
GRÁFICO N° 30 BOTONES ACTIVAR E INACTIVAR INSTITUCIÓN ....................... XXVII
GRÁFICO N° 31 MENÚ REGISTRO DE ACTIVIDADES .............................................XXVIII
GRÁFICO N° 32 LISTADO DE ACTIVIDADES ............................................................... XXIX
GRÁFICO N° 33 NUEVA ACTIVIDAD ............................................................................. XXIX
GRÁFICO N° 34 FORMULARIO NUEVA ACTIVIDAD ...................................................XXX
GRÁFICO N° 35 EDITAR ACTIVIDAD ..............................................................................XXX
GRÁFICO N° 36 FORMULARIO EDITAR ACTIVIDAD ................................................. XXXI
GRÁFICO N° 37 BOTONES ACTIVAR E INACTIVAR ACTIVIDAD .......................... XXXI
GRÁFICO N° 38 MENÚ REGISTRO DE PRÁCTICA PROFESIONAL.......................... XXXII
GRÁFICO N° 39 LISTADO DE REGISTROS DE LAS PRÁCTICAS PROFESIONALES
.............................................................................................................................................XXXIII
GRÁFICO N° 40 NUEVA PRÁCTICA PROFESIONAL .................................................XXXIII
GRÁFICO N° 41 FORMULARIO DE PRÁCTICA PROFESIONAL ............................. XXXIV
GRÁFICO N° 42 FORMULARIO DE PRÁCTICA PROFESIONAL CAMPO CEDULA
............................................................................................................................................ XXXIV
GRÁFICO N° 43 FORMULARIO DE PRÁCTICA PROFESIONAL CAMPO GRUPO .. XXXV
GRÁFICO N° 44 FORMULARIO DE PRÁCTICA PROFESIONAL CAMPO INSTITUCIÓN
.............................................................................................................................................. XXXV
GRÁFICO N° 45 FORMULARIO DE PRÁCTICA PROFESIONAL CAMPO ACTIVIDADES
............................................................................................................................................ XXXVI
III
GRÁFICO N° 46 FORMULARIO DE PRÁCTICA PROFESIONAL CAMPO CALENDARIO
............................................................................................................................................ XXXVI
GRÁFICO N° 47 FORMULARIO DE PRÁCTICA PROFESIONAL CAMPO CALENDARIO
........................................................................................................................................... XXXVII
GRÁFICO N° 48 BOTONES ACTIVAR E INACTIVAR PRÁCTICA PROFESIONAL
........................................................................................................................................... XXXVII
GRÁFICO N° 49 EDITAR PRÁCTICA PROFESIONAL ............................................. XXXVIII
GRÁFICO N° 50 FORMULARIO EDITAR PRÁCTICA PROFESIONAL .................. XXXVIII
GRÁFICO N° 51 FORMULARIO EDITAR PRÁCTICA PROFESIONAL CAMPO GRUPO
............................................................................................................................................ XXXIX
GRÁFICO N° 52 FORMULARIO EDITAR PRÁCTICA PROFESIONAL CAMPO
INSTITUCIÓN .................................................................................................................. XXXIX
ACTIVIDADES ......................................................................................................................... XL
CALENDARIO .......................................................................................................................... XL
CALENDARIO .........................................................................................................................XLI
GRÁFICO N° 56 BOTONES ACTIVAR E INACTIVAR PRÁCTICA PROFESIONAL ......XLI
GRÁFICO N° 57 MENÚ PERSONAS-GRUPOS.................................................................. XLII
GRÁFICO N° 58 REPORTES PERSONAS-GRUPOS ......................................................... XLII
GRÁFICO N° 59 MENÚ PERSONAS-GRUPOS-INSTITUCION ...................................... XLIII
GRÁFICO N° 60 REPORTES PERSONAS-GRUPOS-INSTITUCION .............................. XLIII
GRÁFICO N° 61 MENU REPORTE GENERAL ................................................................. XLIV
GRÁFICO N° 62 REPORTE GENERAL ........................................................................... XLIV
GRÁFICO N° 63 MENÚ REPORTE VIGENTES-TOTALIZADOS .................................... XLV
GRÁFICO N° 64 REPORTE VIGENTES-TOTALIZADOS................................................. XLV
GRÁFICO N° 65 MENÚ REPORTE FINALIZADOS-TOTALIZADOS ........................... XLVI
GRÁFICO N° 66 REPORTE FINALIZADOS-TOTALIZADOS ........................................ XLVI
GRÁFICO N° 67 OPCIONES EN REPORTES .................................................................. XLVII
GRÁFICO N° 68 ÁREAS MODIFICABLES .................................................................... XLVIII
GRÁFICO N° 69 LOGIN SITIO WEB ................................................................................. XLIX
GRÁFICO N° 70 ESCRITORIO DEL ADMINISTRADOR ................................................ XLIX
GRÁFICO N° 71 AÑADIR NUEVO USUARIO ......................................................................... L
GRÁFICO N° 72 FORMULARIO AÑADIR NUEVO USUARIO ........................................... LI
GRÁFICO N° 73 AÑADIR NUEVA PÁGINA FORMA 1 ...................................................... LII
GRÁFICO N° 74 AÑADIR NUEVA PÁGINA FORMA 2 ...................................................... LII
GRÁFICO N° 75 EDITOR DE AÑADIR NUEVA PÁGINA ................................................. LIII
GRÁFICO N° 76 TODAS LAS PÁGINAS ............................................................................. LIII
GRÁFICO N° 77 EDITAR PÁGINA ......................................................................................LIV
GRÁFICO N° 78 EDITOR DE PÁGINA .................................................................................LIV
GRÁFICO N° 79 BARRA DE HERRAMIENTAS................................................................... LV
GRÁFICO N° 80 ALTERNAR BARRA DE HERRAMIENTAS ...........................................LVI
GRÁFICO N° 81 ENLACES ....................................................................................................LVI
GRÁFICO N° 82 FORMULARIO DE ENLACE .................................................................. LVII
GRÁFICO N° 83 MOSTRAR RESULTADO DE ENLACE ................................................. LVII
GRÁFICO N° 84 AÑADIR OBJETO ................................................................................... LVIII
GRÁFICO N° 85 BIBLIOTECA MULTIMEDIA ................................................................ LVIII
GRÁFICO N° 86 INSERTAR MULTIMEDIA........................................................................LIX
GRÁFICO N° 87 INSERTAR MULTIMEDIA EDITOR DE PÁGINA ..................................LIX
GRÁFICO N° 88 LOGIN SCRIBD ........................................................................................... LX
IV
GRÁFICO N° 89 UPLOAD SCRIBD ....................................................................................... LX
GRÁFICO N° 90 SELECCIONAR ARCHIVOS UPLOAD ....................................................LXI
GRÁFICO N° 91 GUARDAR ARCHIVOS UPLOAD ...........................................................LXI
GRÁFICO N° 92 CÓDIGO EMBEBIDO ................................................................................LXI
GRÁFICO N° 93 CÓDIGO EMBEBIDO MODO TEXTO ................................................... LXII
GRÁFICO N° 94 DRIVE GOOGLE ...................................................................................... LXII
GRÁFICO N° 95 OBTENER ENLACE ................................................................................ LXIII
GRÁFICO N° 96 BARRA HERRAMIENTA DE EDITOR ................................................. LXIII
GRÁFICO N° 97 MENÚS ..................................................................................................... LXIII
GRÁFICO N° 98 MENÚ EDITAR ....................................................................................... LXIV
GRÁFICO N° 99 MENÚ EDITAR AÑADIR ....................................................................... LXIV
GRÁFICO N° 100 GUARDAR MENÚ EDITAR .................................................................. LXV
GRÁFICO N° 101 PUBLICACIÓN DE MENÚ .................................................................... LXV
GRÁFICO N° 102 EDITAR NOMBRE DE MENÚ ............................................................. LXVI
GRÁFICO N° 103 RESULTADO DE EDITAR NOMBRE DE MENÚ .............................. LXVI
GRÁFICO N° 104 SUBMENÚ EN MENÚ SERVICIOS ................................................... LXVII
GRÁFICO N° 105 GESTIONAR MENÚ ........................................................................... LXVII
GRÁFICO N° 106 AGREGAR MENÚ .............................................................................. LXVIII
GRÁFICO N° 107 MOVER MENÚ ................................................................................... LXVIII
GRÁFICO N° 108 WONDER PLUGIN CAROUSEL .......................................................... LXIX
GRÁFICO N° 109 ADMINISTRADOR WONDER PLUGIN CAROUSEL ....................... LXIX
GRÁFICO N° 110 EDITAR WONDER PLUGIN CAROUSEL ........................................... LXX
GRÁFICO N° 111 CAMBIO VIDEOS/IMÁGENES EN WONDER PLUGIN CAROUSEL
................................................................................................................................................. LXX
GRÁFICO N° 112 AGREGAR VIDEO YOUTUBE EN WONDER PLUGIN CAROUSEL
................................................................................................................................................. LXX
GRÁFICO N° 113 REVOLUTION SLIDERS ...................................................................... LXXI
GRÁFICO N° 114 REVOLUTION SLIDERS EDITAR ...................................................... LXXI
GRÁFICO N° 115 REVOLUTION SLIDERS NUEVO ..................................................... LXXII
GRÁFICO N° 116 WIDGETS ............................................................................................. LXXII
GRÁFICO N° 117 WIDGETS CONFIGURACIÓN .......................................................... LXXIII
GRÁFICO N° 118 AGREGAR WIDGETS........................................................................ LXXIII
V
ÍNDICE DE CUADROS
CUADRO N° 1 CUADRO DE LÍMITE Y RESTRICCIONES 1 ............................................. XII
CUADRO N° 2 CUADRO DE LÍMITE Y RESTRICCIONES 2 ........................................... XIV
CUADRO N° 3 CUADRO DE LÍMITE Y RESTRICCIONES 3 .......................................... XVII
CUADRO N° 4 CUADRO DE LÍMITE Y RESTRICCIONES 4 ........................................ XVIII
CUADRO N° 5 CUADRO DE LÍMITE Y RESTRICCIONES 5 ........................................... XXI
CUADRO N° 6 CUADRO DE LÍMITE Y RESTRICCIONES 6 ........................................ XXIII
CUADRO N° 7 CUADRO DE LÍMITE Y RESTRICCIONES 7 ........................................ XXVI
CUADRO N° 8 CUADRO DE LÍMITE Y RESTRICCIONES 8 ......................................XXVIII
CUADRO N° 9 CUADRO DE LÍMITE Y RESTRICCIONES 9 ..........................................XXX
CUADRO N° 10 CUADRO DE LÍMITE Y RESTRICCIONES 10 ................................... XXXII
VI
SISTEMA DE CONTROL DE PRÁCTICAS PRE-
PROFESIONALES
FUNCIONAMIENTO DEL SISTEMA

El sistema ayudará a controlar el cumplimiento de las horas, actividades y el lugar donde
realizan sus prácticas pre-profesionales los estudiantes.
El sistema se compone de cuatro zonas importantes que son el “Reporte de Internados”,
“Reporte de Grupos”, “Registros”, “Mantenimiento de Usuarios”.
Las Zonas de “Reporte de Internados” y “Reporte de Grupos” funcionan dependiendo

la información que se ingrese en la zona de “Registros”.
La zona “Mantenimiento de Usuarios” es donde se registran a los usuarios que accederán
al sistema.
Para el correcto funcionamiento del sistema primero hay que dirigirnos a la Zona de
“Registros” y registrar el o los Estudiantes que harán las prácticas, luego hay que
registrar los grupos, instituciones y las actividades.
Para poder registrar la “Práctica Profesional” se tiene que haber llenado los como
mínimo de forma obligatoria los registros de estudiantes y grupos.
Roles de usuarios
El sistema cuenta con 3 tipos de usuarios que son súper-administrador, administrador,
lector.
Súper-administrador.-
Este rol de usuario permite crear usuarios con roles de súper-administradores,
administradores y lectores, es el usuario más poderoso del sistema y tiene acceso a todos
los módulos.
Administrador.-
Este usuario solo puede registrar información las prácticas profesionales y ver los reportes
que se generen. No tiene acceso a crear usuarios.
Lector.-
Este usuario solo puede ver los reportes que se generen. No tiene acceso a crear usuarios
ni ningún otro modulo relacionado con el registro información de las prácticas pre-
profesionales.
VII
INGRESO AL SISTEMA
Para ingresar al sistema por primera vez se utiliza el cómo usuario admin y clave
“12345”. En caso de que ya se tenga un usuario y contraseña se ingresa con el asignado.
GRÁFICO N° 1 LOGIN DEL SISTEMA

Al iniciar sesión esta será el área principal donde se trabajará:
GRÁFICO N° 2 ÁREA PRINCIPAL

VIII
CONFIGURACIÓN DEL SISTEMA
En la configuración del sistema nos permite cambiar la clave del usuario y la foto del
perfil.
Esta opción la podemos encontrar en la parte superior izquierda del sistema luego de
haber iniciado sesión.
GRÁFICO N° 3 CONFIGURACIÓN DEL SISTEMA

Luego de dar clic en “Configuración” se podrá apreciar lo siguiente:

GRÁFICO N° 4 CONFIGURACIÓN DE CLAVE Y LOGIN

Como se puede apreciar en la imagen en el formulario “Cambiar clave” podremos

cambiar la clave de acceso al sistema ingresando una clave que tenga como mínimo 6
caracteres que puede ser letras o números.
En la opción de “Cambiar imagen de perfil” tenemos la forma de cambiar la imagen
que se muestra en nuestro perfil.
IX
MÓDULO DE USUARIO
Mantenimiento de Usuarios
Se realizan operaciones de ingreso, modificación e inhabilitación de los usuarios que
aceden al sistema.
Esta opción de mantenimiento solo tienen acceso los usuarios que tiene privilegios de
Súper-Administrador.
Esta opción la podemos encontrar en Mantenimiento de Usuario  Usuarios
GRÁFICO N° 5 MENÚ REGISTRO DE USUARIO

Luego de presionar usuarios se mostrara la lista de usuarios registrados en este caso por
ser la primera vez observará a un solo usuario el que usted está utilizando.
GRÁFICO N° 6 LISTADO DE USUARIO

Se puede apreciar el listado de usuarios en el cual solo existe un usuario que tiene un
nombre de usuario, rol, clave email, nombres, apellidos, telefono, usuario creador ,fecha
modificación y un estado todo estos datos se lo ingresa al registrar al usuario pero solo el
campo fecha modificación aparecera cuando el usuario creado sea modificado o editado
en alguno de sus campos mientras tanto aparecera vacio.
X
Creación de usuario.-
Procederemos a crear un usuario presionando en “Nuevo” como lo podemos apreciar
en la siguiente imagen:
GRÁFICO N° 7 FORMULARIO NUEVO USUARIO

Se mostrara un formulario con los campos en color rojo que son obligatorios de llenar y
con al final un botón “Guardar” que se lo presiona cuando se haya llenado todos los
campos obligatorios o “Cancelar” si no de desea realizar ninguna acción.
Algo muy importante siempre luego de crear un usuario se envía automáticamente un

email al correo notificando la creación de su cuenta y la clave que se le genero por
defecto para acceder al sistema la cual podrá ser cambiada luego.
XI
Límite y restricciones de los campos del formulario “Nuevo Usuario del Sistema”
CUADRO N° 1 CUADRO DE LÍMITE Y RESTRICCIONES 1
Campos Limite y restricciones Observación
Usuario -Solo se permite hasta 30 Si tu email de la universidad es por
caracteres entre letras y ejemplo: pepito.roldanl@ug.edu.ec tu
números. usuario sería : pepito.roldanl
-El campo es obligatorio.
Rol Se debe seleccionar entre el rol Súper Administrador.-
de : - Puede Crear, modificar y ver
reportes de internados.
- Súper Administrador - Puede Crear, modificar y ver
reportes de grupos.
- Administrador - Puede Crear, modificar, usuarios
que necesiten ingresar al
- Lector sistema.
Administrador.-
El campo es obligatorio. - Puede Crear, modificar y ver
- Puede Crear, modificar y ver
reportes de grupos.
Lector.-
- Puede ver reportes de
internados.
- Puede ver reportes de los
grupos.
Email Solo se permite un email con 60 El email a ingresar debería ser el

caracteres como máximo. Esta institucional de la Universidad de
validado para ingresar solo Guayaquil.
formato de email:
xxxxxxxxxx@ug.edu.ec
El campo es obligatorio
Nombres Se permite hasta 60 caracteres El campo es obligatorio
y solo se permiten letras.
Apellidos Se permite hasta 60 caracteres y El campo es obligatorio
solo se permiten letras.
Teléfono - Solo se permiten números. El campo es obligatorio
- Se permiten hasta 10 dígitos
Subir Foto -El campo es opcional. En este campo es necesario presionar el
-Solo se permiten foto tipo Jpg botón Elija foto para deber selecciona
y png y que pesen hasta 100KB. una foto que usted requiera.
Estado Permite seleccionar el estado Activo.- Este estado permite al usuario

del usuario entre: “Activo” e iniciar sesión en la aplicación.
“Inactivo”. Inactivo.- Este estado no deja iniciar
Este campo es obligatorio sesión en la aplicación al usuario.
XII
Modificación o edición de usuario.-
Para la edición de los usuarios no dirigimos al menú
1) Clic izquierdo sobre el usuario que vamos a editar.
GRÁFICO N° 8 USUARIO A EDITAR

2) Luego presionamos el botón Editar y se nos abre el formulario con los datos del usuario que
vamos a modificar.
GRÁFICO N° 9 FORMULARIO EDITAR USUARIO

Se mostrara un formulario con los campos y los datos del usuario y al final un botón
“Guardar” que se lo presiona cuando se haya modificado algún campo o “Cancelar”
si no de desea realizar ninguna acción.
XIII
Límite y restricciones de los campos del formulario “Editar Usuario del Sistema”
Usuario Este campo no se puede
modificar
Clave Si seleccionamos esta opción
“resetearemos la clave” del
usuario enviándole una nueva
clave al email.
Rol Se debe seleccionar entre el rol Súper Administrador.-
de : - Puede Crear, modificar y ver
- Súper Administrador - Puede Crear, modificar y ver
reportes de grupos.
- Administrador - Puede Crear, modificar,
usuarios que necesiten ingresar
- Lector al sistema.
Administrador.-
El campo es obligatorio. - Puede Crear, modificar y ver
- Puede Crear, modificar y ver
reportes de grupos.
Lector.-
- Puede ver reportes de
internados.
- Puede ver reportes de los
grupos.
Email Solo se permite un email con El email a ingresar debería ser el

60 caracteres como máximo. institucional de la Universidad de
Esta validado para ingresar Guayaquil.
solo formato de email:
xxxxxxxxxx@ug.edu.ec
El campo es obligatorio
Nombres Se permite hasta 60 caracteres El campo es obligatorio.
Apellidos Se permite hasta 60 caracteres El campo es obligatorio.
Teléfono - Solo se permiten números. El campo es obligatorio.
Estado Permite seleccionar el estado Activo.- Este estado permite al
del usuario entre: “Activo” e usuario iniciar sesión en la aplicación.
“Inactivo”. Inactivo.- Este estado no deja iniciar
Este campo es obligatorio sesión en la aplicación al usuario.
XIV
MÓDULO DE GRUPO
Mantenimiento de Grupos
Se realizan operaciones de ingreso, modificación e inhabilitación de grupos.
Esta opción la podemos encontrar en Registros  damos clic en “Registro de Grupo”.
GRÁFICO N° 10 MENÚ REGISTRO DE GRUPO

Luego de dar clic nos muestra una lista de todos los grupos que actualmente están
registrados.
GRÁFICO N° 11 LISTADO DE GRUPO

XV
Creación de grupo
1) Clic en “Nuevo”
GRÁFICO N° 12 NUEVO GRUPO

2) Se abre un formulario en el cual hay que ingresar el nombre del grupo se presiona el
botón “guardar” para guardar los cambios y cancelar si no se desea guardar.
GRÁFICO N° 13 FORMULARIO NUEVO GRUPO

XVI
Límite y restricciones de los campos del formulario “Nuevo Registro de Grupo”:
Nombre de -Se ingresa el nombre del El campo es obligatorio.
Grupo grupo.
- Se permite máximo 30
caracteres

Modificación o edición de grupo

1) Clic sobre el usuario que se va a editar.
GRÁFICO N° 14 EDITAR GRUPO

2) Luego presionamos el botón Editar y se nos abre el formulario con los datos del grupo
que vamos a modificar.
GRÁFICO N° 15 FORMULARIO EDITAR GRUPO

XVII
Se mostrará un formulario con los campos y los datos del grupo y al final un botón
“Guardar” que se lo presiona cuando se haya modificado algún campo o “Cancelar”
si no de desea realizar ninguna acción.
3) En caso que se quiera inactivar algún grupo se debe seleccionar el registro del
grupo, dar clic sobre el botón “Inactivar”. Para activar el grupo se debe dar clic
sobre botón “Activar”.
Hay que poner mucha atención en caso “Inactivar” algún grupo que este siendo
utilizado todo reporte relacionado con este grupo no se lo podrá apreciar hasta
que se vuelva activar al grupo.
GRÁFICO N° 16 BOTONES ACTIVAR E INACTIVAR GRUPOS

Límite y restricciones de los campos del formulario “Editar Registro de Grupo”:

Nombre de - Se permite máximo 30 El campo es obligatorio.
Grupo caracteres

XVIII
MÓDULO DE ESTUDIANTE
Mantenimiento de Estudiantes
Se realizan operaciones de ingreso, modificación e inhabilitación de estudiantes.
Esta opción la podemos encontrar en Registros  damos clic en “Registro de
Estudiante”.
GRÁFICO N° 17 MENÚ REGISTRO DE ESTUDIANTE

Luego de dar clic nos muestra una lista de todos los estudiantes que actualmente están
registrados
GRÁFICO N° 18 LISTA DE ESTUDIANTE

XIX
Creación de estudiante
GRÁFICO N° 19 NUEVO ESTUDIANTE

2) Se mostrara un formulario con los campos en color rojo que son obligatorios de
llenar y con al final un botón “Guardar” que se lo presiona cuando se haya
llenado todos los campos obligatorios o “Cancelar” si no de desea realizar
ninguna acción.
GRÁFICO N° 20 FORMULARIO NUEVO ESTUDIANTE

XX
Límite y restricciones de los campos del formulario “Nuevo Estudiante”
Cedula -Solo se permite 10 dígitos Si es cedula repetida no permite el
-El campo es obligatorio. ingreso.
Apellido Se permite hasta 60 caracteres El campo es obligatorio

paterno y solo se permiten letras.
Apellido Se permite hasta 60 caracteres
materno y solo se permiten letras.
Paralelo -Solo se permite 6 caracteres y El campo es obligatorio
se permiten letras y números.
Año Lectivo - Solo se permiten números. El campo es obligatorio
- Solo se permiten 4 dígitos

Modificación o edición de estudiante

1) Clic sobre el Estudiante que se va a editar.
GRÁFICO N° 21 EDITAR ESTUDIANTE

2) Luego presionamos el botón Editar y se nos abre el formulario con los datos del estudiante
que vamos a modificar.
XXI
GRÁFICO N° 22 FORMULARIO EDITAR ESTUDIANTE

Se mostrara un formulario con los campos y los datos del estudiante y al final un
botón “Guardar” que se lo presiona cuando se haya modificado algún campo o
“Cancelar” si no de desea realizar ninguna acción.
3) En caso que se quiera inactivar algún estudiante se debe seleccionar el registro del
estudiante, dar clic sobre el botón “Inactivar”. Para activar al estudiante se debe
dar clic sobre botón “Activar”.
Hay que poner mucha atención en caso “Inactivar” algún estudiante y que este
siendo utilizado en algún reporte, porque no se lo podrá apreciar hasta que se
vuelva activar al estudiante.
GRÁFICO N° 23 BOTONES ACTIVAR E INACTIVAR ESTUDIANTE

XXII
Límite y restricciones de los campos del formulario “Editar Estudiante”
Cedula No se permite modificar

Apellido Se permite hasta 60 caracteres El campo es obligatorio

paterno y solo se permiten letras.
Apellido Se permite hasta 60 caracteres
materno y solo se permiten letras.
Paralelo -Solo se permite 6 caracteres y El campo es obligatorio
se permiten letras y números.
Año Lectivo - Solo se permiten números. El campo es obligatorio
XXIII
MÓDULO DE INSTITUCIÓN
Mantenimiento de Instituciones
Se realizan operaciones de ingreso, modificación e inhabilitación de las instituciones.
Esta opción la podemos encontrar en Registros  damos clic en “Registro de
Institución”.
GRÁFICO N° 24 MENÚ REGISTRO DE INSTITUCIÓN

Luego de dar clic nos muestra una lista de todas las instituciones que actualmente están
registradas.
GRÁFICO N° 25 LISTA DE INSTITUCIÓNES

XXIV
Creación de institución
GRÁFICO N° 26 NUEVA INSTITUCIÓN

2) Se mostrará un formulario con los campos en color rojo que son obligatorios de
llenar y con al final un botón “Guardar” que se lo presiona cuando se haya
llenado todos los campos obligatorios o “Cancelar” si no de desea realizar
ninguna acción.
GRÁFICO N° 27 FORMULARIO NUEVA INSTITUCIÓN

XXV
Límite y restricciones de los campos del formulario “Nueva Institución”
Institución -Se permite hasta 90 caracteres El campo es obligatorio.
-Se permiten letras y números.
Dirección -Se permite hasta 100 El campo es obligatorio

caracteres.
Teléfono Se permite solo 10 dígitos El campo es obligatorio
Celular Se permite solo 10 dígitos.
Modificación o edición de institución

1) Clic sobre el Institución que se va a editar.
GRÁFICO N° 28 EDITAR INSTITUCIÓN

2) Luego presionamos el botón Editar y se nos abre el formulario con los datos de la
institución que vamos a modificar.
XXVI
GRÁFICO N° 29 FORMULARIO EDITAR INSTITUCIÓN

Se mostrara un formulario con los campos y los datos de la institución y al final un

3) En caso que se quiera inactivar alguna institución se debe seleccionar el registro

del instituto, dar clic sobre el botón “Inactivar”. Para activar a la institución se
debe dar clic sobre botón “Activar”.
Hay que poner mucha atención en caso de “Inactivar” alguna institución, la cual
este siendo utilizada en algún reporte, porque esta no se lo podrá apreciar hasta
que se vuelva a activar.
GRÁFICO N° 30 BOTONES ACTIVAR E INACTIVAR INSTITUCIÓN

XXVII
Límite y restricciones de los campos del formulario “Editar Institución”
Institución -Se permite hasta 100 El campo es obligatorio.
caracteres -Se permiten letras y
números.
Dirección -Se permite hasta 80 El campo es obligatorio

caracteres.
Teléfono Se permite solo 9 dígitos El campo es obligatorio
Celular Se permite solo 10 dígitos.
MÓDULO DE ACTIVIDADES
Mantenimiento de Actividades
Se realizan operaciones de ingreso, modificación e inhabilitación de las Actividades.
Esta opción la podemos encontrar en Registro  damos clic en “Registro de
Actividades”.
GRÁFICO N° 31 MENÚ REGISTRO DE ACTIVIDADES

Luego de dar clic nos muestra una lista de todas las Actividades que actualmente están
registradas.
XXVIII
GRÁFICO N° 32 LISTADO DE ACTIVIDADES

Creación de Actividades.-
GRÁFICO N° 33 NUEVA ACTIVIDAD

llenar y con al final un botón “Guardar” que se lo presiona cuando se haya llenado
todos los campos obligatorios o “Cancelar” si no de desea realizar ninguna acción.
XXIX
GRÁFICO N° 34 FORMULARIO NUEVA ACTIVIDAD

Límite y restricciones de los campos del formulario “Nueva Actividad”

Todos los -Se permiten solo dígitos Todos los campos son obligatorios.
campos (*)
Modificación o edición de actividades

1) Clic sobre la actividad que se va a editar.
GRÁFICO N° 35 EDITAR ACTIVIDAD

2) Luego presionamos el botón Editar y se nos abre el formulario con los datos de la
actividad que vamos a modificar.
XXX
GRÁFICO N° 36 FORMULARIO EDITAR ACTIVIDAD

Se mostrara un formulario con los campos y los datos de la actividad y al final un

3) En caso que se quiera inactivar alguna actividad se debe seleccionar el registro

de la actividad, dar clic sobre el botón “Inactivar”. Para activar un registro de
actividad se debe dar clic sobre botón “Activar”.
Hay que poner mucha atención en caso de “Inactivar” alguna actividad, la cual
este siendo utilizada en algún reporte, porque esta no se lo podrá apreciar hasta
que se vuelva a activar.
GRÁFICO N° 37 BOTONES ACTIVAR E INACTIVAR ACTIVIDAD

Límite y restricciones de los campos del formulario “Editar Actividad”
XXXI
Todos los -Se permiten solo dígitos Todos los campos son obligatorios.
campos (*)
MÓDULO DE PRÁCTICAS PROFESIONALES
Mantenimiento de Práctica Profesional

Se realizan operaciones de ingreso, modificación e inhabilitación de las Prácticas
Profesionales.
Esta opción la podemos encontrar en Registro  damos clic en “Registro de Prácticas
Profesionales”.
GRÁFICO N° 38 MENÚ REGISTRO DE PRÁCTICA PROFESIONAL

Luego de dar clic nos muestra una lista de todos los registros de las prácticas
profesionales que actualmente están registradas.
XXXII
GRÁFICO N° 39 LISTADO DE REGISTROS DE LAS PRÁCTICAS PROFESIONALES

Creación de una Práctica Profesional

GRÁFICO N° 40 NUEVA PRÁCTICA PROFESIONAL

llenar en este registro se tienen 4 campos que son combo box y 2 campos de tipo
fecha.
XXXIII
GRÁFICO N° 41 FORMULARIO DE PRÁCTICA PROFESIONAL

Para ingresar la cedula se debe dar clic en la flecha como lo indica la imagen
siguiente:
GRÁFICO N° 42 FORMULARIO DE PRÁCTICA PROFESIONAL CAMPO CEDULA

Luego se debe seleccionar entre los estudiantes registrados que aparecen en el

listado dando clic sobre el registro del estudiante que realizara la práctica. Hay
que tener en cuenta que antes hay que tener registrado a los estudiantes y eso se
lo hacen en la opción Registros Registro de Estudiante.
Para ingresar el grupo se debe dar clic en la flecha como lo indica la imagen
siguiente:
XXXIV
GRÁFICO N° 43 FORMULARIO DE PRÁCTICA PROFESIONAL CAMPO GRUPO

Luego se debe seleccionar entre los grupos registrados que aparecen en el listado
dando clic sobre el registro del grupo que estará ubicado el estudiante. Hay que
tener en cuenta que antes hay que tener registrados los grupos y eso se lo hacen
en la opción Registros Registro de Grupos.
Para ingresar una institución se debe dar clic en la flecha como lo indica la
imagen siguiente:
GRÁFICO N° 44 FORMULARIO DE PRÁCTICA PROFESIONAL CAMPO
INSTITUCIÓN

Luego se debe seleccionar entre las instituciones registradas que aparecen en el

listado dando clic sobre la institución en la cual estará haciendo su práctica el
estudiante. Hay que tener en cuenta que antes hay que tener registrados las
instituciones y eso se lo hacen en la opción Registros Registro de Institución.
XXXV
Para ingresar una actividad se debe dar clic en la flecha como lo indica la imagen
siguiente:
ACTIVIDADES

Luego se debe seleccionar entre las actividades registradas que aparecen en el

listado dando clic sobre la actividad que realizó el estudiante. Hay que tener en
cuenta que antes hay que tener registradas las actividades del estudiante y eso se
lo hace en la opción Registros Registro de Actividades.
Para ingresar la fecha de inicio se debe dar clic en la imagen que aparece en la
parte derecha del campo como se puede apreciar en la siguiente imagen:
CALENDARIO

Para ingresar la fecha de fin se debe dar clic en la imagen que aparece en la parte
derecha del campo como se puede apreciar en la siguiente imagen:
XXXVI
CALENDARIO

El campo horas acreditadas solo admite números.
3) En caso que se quiera inactivar algún registro de práctica del estudiante, se debe
seleccionar el registro y dar clic sobre el botón “Inactivar”. Para activar un
registro de práctica del estudiante se debe dar clic sobre botón “Activar”.

XXXVII
Modificación o edición de una Práctica Profesional
1) Clic sobre la actividad que se va a editar.
GRÁFICO N° 49 EDITAR PRÁCTICA PROFESIONAL

2) Luego presionamos el botón Editar y se nos abre el formulario con los datos del registro
de que vamos a modificar.
GRÁFICO N° 50 FORMULARIO EDITAR PRÁCTICA PROFESIONAL

No se puede modificar el campo de cédula
XXXVIII
Para modificar el grupo se debe dar clic en la flecha como lo indica la imagen
siguiente:

GRUPO

Luego se debe seleccionar entre los grupos registrados que aparecen en el listado
dando clic sobre el registro del grupo que estará ubicado el estudiante. Hay que
tener en cuenta que antes hay que tener registrados los grupos y eso se lo hacen
en la opción Registros Registro de Grupos.
Para modificar una institución se debe dar clic en la flecha como lo indica la
imagen siguiente:
INSTITUCIÓN
XXXIX
Luego se debe seleccionar entre las instituciones registradas que aparecen en el

listado dando clic sobre la institución en la cual estará haciendo su práctica el
estudiante. Hay que tener en cuenta que antes hay que tener registrados las
instituciones y eso se lo hacen en la opción Registros Registro de Institución.
Para modificar una actividad se debe dar clic en la flecha como lo indica la
imagen siguiente:
ACTIVIDADES

Luego se debe seleccionar entre las actividades registradas que aparecen en el

listado dando clic sobre la actividad que realizó el estudiante. Hay que tener en
cuenta que antes hay que tener registradas las actividades del estudiante y eso se
lo hace en la opción Registros Registro de Actividades.
Para modificar la fecha de inicio se debe dar clic en la imagen que aparece en la
CALENDARIO
XL
Para modificar la fecha de fin se debe dar clic en la imagen que aparece en la

CALENDARIO

3) En caso que se quiera inactivar algún registro de práctica del estudiante, se debe
seleccionar el registro y dar clic sobre el botón “Inactivar”. Para activar un
registro de práctica del estudiante se debe dar clic sobre botón “Activar”.

XLI
MÓDULO DE REPORTES
Reportes de Grupos
Personas-Grupos
En este reporte solo aparecen los estudiantes registrados que tengan solo asignados
grupos y no tengas ningún otro registro.
Esta opción la podemos ver Reportes de Grupos Personas-Grupos
GRÁFICO N° 57 MENÚ PERSONAS-GRUPOS

Luego de dar clic nos muestra una lista de todos los registros de los estudiantes que
tienen sus grupos asignados.
GRÁFICO N° 58 REPORTES PERSONAS-GRUPOS

Persona-Grupos-Institución
En este reporte solo aparecen los estudiantes registrados que tengan solo asignados su
grupo y la institución en la que van a realizar su prácticas profesionales.
XLII
Esta opción la podemos ver Reportes de Grupos Persona-Grupos-Institución
GRÁFICO N° 59 MENÚ PERSONAS-GRUPOS-INSTITUCION

Luego de dar clic nos muestra una lista de todos los registros de las Personas con sus
grupos y la institución donde fueron asignados.
GRÁFICO N° 60 REPORTES PERSONAS-GRUPOS-INSTITUCION

Reportes de Internados
General
Este reporte muestra a los estudiantes que pertenecen a un grupo que realizan sus
actividades en determinada institución también nos indica a cuantas personas atendió por
departamento con su respetiva fecha que inicio de la actividad y la fecha que finalizo,
XLIII
adicionalmente muestra el sexo de la persona y sus horas que fueron acreditadas en tal
actividad del estudiante.
Esta opción la podemos ver Reportes de Internado General
GRÁFICO N° 61 MENU REPORTE GENERAL

Luego de dar clic nos muestra una lista de todos los estudiantes con sus respectivas
horas acreditadas por rango de fechas:
GRÁFICO N° 62 REPORTE GENERAL

XLIV
Vigentes-Totalizados
Este reporte muestra a los estudiantes que están realizando sus actividades y nos indica
cuantas personas atendió por departamento con su respetiva fecha que inicio de la
actividad y la fecha que finalizo, adicionalmente muestra el total de sus horas acreditadas
del estudiante.
Esta opción la podemos ver Reportes de Internado Vigentes-Totalizados
GRÁFICO N° 63 MENÚ REPORTE VIGENTES-TOTALIZADOS

horas acreditadas:
GRÁFICO N° 64 REPORTE VIGENTES-TOTALIZADOS

XLV
Finalizados-Totalizados
Este reporte muestra a los estudiantes que han finalizado y han completado sus 240 horas
de prácticas pre-profesionales y nos indica cuantas personas atendió por departamento
con su respetiva fecha que inicio de la actividad y la fecha que finalizo, adicionalmente
muestra el total final de sus horas acreditadas del estudiante.
Esta opción la podemos ver Reportes de Internado Finalizados-Totalizados
GRÁFICO N° 65 MENÚ REPORTE FINALIZADOS-TOTALIZADOS

horas acreditadas:
GRÁFICO N° 66 REPORTE FINALIZADOS-TOTALIZADOS

XLVI
Opciones de los reportes
Todos reportes que se utilizan en este sistema tienen las siguientes opciones que
facilitan el manejo de la información las cuales explicaremos a continuación:
GRÁFICO N° 67 OPCIONES EN REPORTES

1) Botones Copiar,CSV,Excel,Imprimir
Botón “copiar”
Esto hace una copia del texto que se muestra en el reporte.
Botón “CSV”
Esto permite guardar como un archivo de valores separado por comas del
reporte.
Botón “Excel”
Esto permite guardar como un archivo Excel todo el reporte.
Botón “Imprimir”
Esto manda a imprimir el reporte generado.
2) Botones de Paginación
Ayudan a pasar de página en página mostrando las entradas.
3) Mostrar Entradas
Esto te permite seleccionar cuantas entradas o estudiantes se mostraran por
página.
4) Ordenamiento de mayor a menor y viceversa
Te permite ordenar de mayor a menor y viceversa las columnas.
5) Caja de texto buscar
XLVII
Permite que escribas un texto y al presionar “enter” lo busca dentro del
reporte.
SITIO WEB DE LA FACULTAD PILOTO DE

ODONTOLOGÍA
ÁREAS MODIFICABLES:
En Sitio Web de la Facultad Piloto de Odontología ir a => http://www.fo.ug.edu.ec ,
proporciona un diseño inicial proporcionado y unificado entre todas las facultades de la
Universidad de Guayaquil. Pero dentro de este diseño existen áreas la cuales pueden ser
modificadas y las podemos observar en el siguiente gráfico:
GRÁFICO N° 68 ÁREAS MODIFICABLES

INGRESO AL ADMINISTRADOR DEL SITIO WEB

Ingresar a la dirección http://www.fo.ug.edu.ec/wp-admin en caso que no hayas
iniciado sesión te re-direcciona automáticamente a http://www.fo.ug.edu.ec/wp-
login.php ver GRÁF. No.68, aquí debes ingresar tu usuario y contraseña. Para este
manual utilizaremos el usuario jgonzalez y la clave jgonzalez777 y presionamos el botón
Acceder.
XLVIII
GRÁFICO N° 69 LOGIN SITIO WEB

Este sería nuestro Escritorio del Administrador del Sitio Web en el cual trabajaremos a
los largo de este manual ver GRÁF. No.69
GRÁFICO N° 70 ESCRITORIO DEL ADMINISTRADOR

Creación de Usuarios para acceder al Administrador

1.- Nos situamos en usuario y luego damos clic en “Añadir nuevo” ver GRÁF. No.70
XLIX
GRÁFICO N° 71 AÑADIR NUEVO USUARIO

2.- Llenamos los datos que nos piden, pero por llevar un estándar para toda cuenta que
se registre se deberán llenar obligatoriamente los siguientes campos:
Nombre de usuario: (El usuario el cual utilizaras cuando inicies sesión)
Correo electrónico: (El correo donde se avisara y se enviará la clave del usuario
cuando se lo registre al administrador)
Nombre: (Este Campo no es obligatorio, pero por seguir un estándar lo llenaremos con
nuestro nombre)
Apellidos: (Este Campo no es obligatorio, pero por seguir un estándar lo llenaremos
con nuestro apellido)
Contraseña: (Escribimos la contraseña que nos servirá para ingresar al administrador)
Confirmar Contraseña:( Repetimos la contraseña)
L
GRÁFICO N° 72 FORMULARIO AÑADIR NUEVO USUARIO

Luego que hemos llenados los datos que se les indicó, presionamos el botón añadir nuevo
usuario y estará listo el usuario para usarlo al iniciar sesión en el Administrador del Sitio
Web, Ver GRÁF. No.71
Publicar una página
Al igual que para las entradas se puede realizar la publicación de una página desde diferentes
secciones.
 Forma 1: Desde el escritorio de administración dirigirse al menú {Páginas /Añadir Nueva}
LI
GRÁFICO N° 73 AÑADIR NUEVA PÁGINA FORMA 1

 Forma 2: Dirigirse al menú {Nuevo/Página}
GRÁFICO N° 74 AÑADIR NUEVA PÁGINA FORMA 2

Se desplegara un editor para redactar la página, donde se debe ingresar el título de la página y el
contenido, una vez que se termine se pulsa en el botón Publicar para que la página esté disponible
en tu sitio.
LII
GRÁFICO N° 75 EDITOR DE AÑADIR NUEVA PÁGINA

Editar o borrar publicaciones

Para esto primero se debe listar todas las páginas dependiendo de cuál sea la que deseemos
cambiar para ello.
En el caso de las páginas vamos al menú {Páginas /Todas las páginas}
GRÁFICO N° 76 TODAS LAS PÁGINAS

LIII
Se desplegara una lista de todas las publicaciones, en ese listado se pueden ver algunos detalles
adicionales de la publicación como fecha, categoría, etc.
GRÁFICO N° 77 EDITAR PÁGINA

Al pasar el cursor sobre la publicación se despliega los botones para Editar o borrar (Papelera).
Uso de editor de contenido

Tanto para la creación de páginas y entradas se dispone de un editor en el que se puede redactar
e insertar el contenido a publicar.
GRÁFICO N° 78 EDITOR DE PÁGINA

Componentes del editor

1.- Enlace permanente: URL con la que se puede acceder a la publicación, es recomendable que
guarde relación con el título y contenido de la publicación.
LIV
2.- Botones de inserción de objetos: Permiten insertar contenidos multimedia (imágenes y
videos) o elementos prediseñados.
3.- Barra de herramientas: Herramientas para la edición del contenido de la publicación,
permiten manipular el formato del contenido.
4.- Pestañas de tipo de perspectiva: Cambiar la forma en que se visualiza el contenido.
5.- Botón de vista en pantalla completa: Permite ver el editor en pantalla completa
6.- Panel de contenido: Donde se visualiza la disposición del contenido a publicarse
Tipos de perspectiva de editor

 Perspectiva Visual: Permite ver el contenido de la misma manera en que se visualizara al
publicarla, Se recomienda trabajar en esta vista o perspectiva del contenido ya que su manejo
e interacción es más amigable y sencillo.
 Perspectiva Texto: Permite ver el código fuente del contenido a ser publicado. Es
recomendable siempre y cuando se tenga conocimientos de etiquetas HTML.
Activar todas las opciones de la barra de herramientas

Por defecto la barra de herramientas del editor no visualiza todas las opciones de edición, se ve
similar a:
GRÁFICO N° 79 BARRA DE HERRAMIENTAS

Para activar las demás opciones damos clic en el botón (1) “Alternar barra de herramientas”, lo
cual visualizara más opciones de la barra de herramientas como se aprecia en la siguiente imagen
en la sección (2)
LV
GRÁFICO N° 80 ALTERNAR BARRA DE HERRAMIENTAS

Insertar enlace
Estando en la perspectiva “Visual” solo basta con escribir un texto, marcarlo y dar clic en el botón
(2) “Insertar/Editar enlace”
GRÁFICO N° 81 ENLACES

Se desplegara una ventana que en la sección (1) permite ingresar la URL a la cual hacer referencia
conjuntamente con el título que se pondrá, también permite seleccionar una de las publicaciones
existentes en la sección (2), existe una casilla de verificación (3) que permite configurar si al dar
clic en el enlace se abrirá en una pestaña nueva o no.
LVI
GRÁFICO N° 82 FORMULARIO DE ENLACE

Una vez ingresado los parámetros correctos, se debe dar clic en el botón “Añadir enlace” para
terminar. El resultado es el siguiente:
GRÁFICO N° 83 MOSTRAR RESULTADO DE ENLACE

Insertar objetos
Se puede insertar contenido multimedia, como video, imágenes, etc. dentro de las entradas o
páginas a publicarse, para ello se debe dar clic en el botón “Añadir objeto”.
LVII
GRÁFICO N° 84 AÑADIR OBJETO

Al dar clic en el botón se desplegara la ventana para seleccionar el contenido a insertar. Se tiene
diferentes opciones para seleccionar el contenido:
Desde la Biblioteca multimedia:
GRÁFICO N° 85 BIBLIOTECA MULTIMEDIA

En la pestaña de (1)“Biblioteca Multimedia” se puede seleccionar contenido que se ha cargado

con anterioridad, además se cuenta con un filtro (2) que permite listar el contenido de acuerdo al
tipo, una vez que se selecciona el elemento, se da clic en el botón (3) “Insertar en la entrada” para
terminar.
Subir un archivo: También se puede cargar un archivo desde el ordenador, subiéndolo a la
“Librería multimedia” en ese momento.
LVIII
GRÁFICO N° 86 INSERTAR MULTIMEDIA

Podemos utilizar el navegador de archivos del navegador si pulsamos en el botón “Selecciona

archivos”, o podemos arrastrar el archivo hacia la zona indicada en la ventana.
Desde una URL: Se puede insertar contenido que este publicado en otro sitio web o en algún
repositorio multimedia al que se tenga acceso a través de internet usando el link de acceso, por
ejemplo si queremos insertar un video desde youtube.com debemos seguir el siguiente proceso:
 Abrir el video de YouTube que deseemos insertar en nuestra publicación
 Damos clic derecho sobre el video y seleccionamos “Copiar código de inserción” o “obtener
código de inserción o embebido”
El código será similar a este: <iframe width="520" height="293"
src="https://www.youtube.com/embed/PBQkdseELPg" frameborder="0"
allowfullscreen></iframe>
 Seleccionamos la perspectiva tipo (1) “Texto” y pegamos el código de inserción que copiamos
en YouTube en nuestro Panel de Contenido (2).
GRÁFICO N° 87 INSERTAR MULTIMEDIA EDITOR DE PÁGINA

 Luego damos clic en publicar y se publica el contenido.

Ejemplo de cómo insertar un PDF en nuestro Panel de Contenido:
 Forma 1: Entramos a nuestra cuenta de https://www.scribd.com/login
LIX
GRÁFICO N° 88 LOGIN SCRIBD

Damos click en Upload

GRÁFICO N° 89 UPLOAD SCRIBD

Luego presionamos el botón “Select Files To Upload” y elegimos muestro archivo con formato
de PDF.
LX
GRÁFICO N° 90 SELECCIONAR ARCHIVOS UPLOAD

En este proceso también podemos subir archivos de tipo Excel, Word.

Luego completamos los campos Titulo y descripción y presionamos Save & Continue.
GRÁFICO N° 91 GUARDAR ARCHIVOS UPLOAD

Luego de esto copiamos el código Embed que nos genera:

GRÁFICO N° 92 CÓDIGO EMBEBIDO

Nos dirigimos a nuestro Panel de Contenido seleccionamos modo texto y pegamos el código
Embed.
LXI
GRÁFICO N° 93 CÓDIGO EMBEBIDO MODO TEXTO

 Forma 2:
Entramos y iniciamos sesión en Google con nuestra cuenta fpo.redessociales@gmail.com y
clave Odontologia9 y no dirigimos a Google Drive o entramos directamente a esta URL
https://drive.google.com/drive/
GRÁFICO N° 94 DRIVE GOOGLE

Aquí en la parte de Nuevo podemos subir archivos PDF,Word,Excel,etc.

Luego que hayamos subido nuestro archivo nos dirigimos a Mi Unidad y damos click derecho
en el archivo y seleccionamos obtener enlace.
LXII
GRÁFICO N° 95 OBTENER ENLACE

Barra de Herramientas de Editor

Además de las opciones detalladas anteriormente, se dispone de botones que permiten ajustar la
alineación y tabulación del texto:
GRÁFICO N° 96 BARRA HERRAMIENTA DE EDITOR

Menús
Creación de Submenús
 Paso 1: Vamos a Apariencia y luego presionamos Menús.
GRÁFICO N° 97 MENÚS

 Paso 2: Entre las Paginas (1) hay las siguientes pestañas:
LXIII
Más recientes (2): son las páginas que fueron creadas recientemente es un
resumen.
Ver Todo (3): Son todas las páginas que han sido creadas de manera general.
Buscar (4): Digitamos el texto y nos busca alguna página que hayamos creado.
GRÁFICO N° 98 MENÚ EDITAR

 Paso 3: Entre las Paginas (1) seleccionamos “página de prueba” luego

presionamos el botón “Añadir Menú”(2)
GRÁFICO N° 99 MENÚ EDITAR AÑADIR

Automáticamente aparecerá en la parte derecha la página web (3).

Presionamos “Guardar Menú”
LXIV
GRÁFICO N° 100 GUARDAR MENÚ EDITAR

Y verificamos en la página principal
GRÁFICO N° 101 PUBLICACIÓN DE MENÚ

Ahora si deseamos modificar el nombre del menú damos click en Pagina(1) y

modificamos “página de prueba” .
LXV
GRÁFICO N° 102 EDITAR NOMBRE DE MENÚ

Y vemos el resultado:
GRÁFICO N° 103 RESULTADO DE EDITAR NOMBRE DE MENÚ

Realicemos un ejercicio en el cual crearemos un nuevo submenú en el menú

“Servicios”
LXVI
GRÁFICO N° 104 SUBMENÚ EN MENÚ SERVICIOS

1) Seleccionamos el “Menú Horizontal” y presionamos el botón Elegir.
GRÁFICO N° 105 GESTIONAR MENÚ

2) Luego creamos una nueva página web como vimos en el ejemplo anterior y la
agregamos al menú
LXVII
GRÁFICO N° 106 AGREGAR MENÚ

3) Luego damos click sobre el menú creado y lo arrastramos hacia el nivel donde
están los demás submenús del Menú Servicios que se puede apreciar en la
imagen.
GRÁFICO N° 107 MOVER MENÚ

Wonder Plugin Carousel

Modificación de los videos de la página principal
LXVIII
GRÁFICO N° 108 WONDER PLUGIN CAROUSEL

1) Hacemos click en Wonder Plugin Carousel y seleccionamos Manage Carousels
GRÁFICO N° 109 ADMINISTRADOR WONDER PLUGIN CAROUSEL

2) Luego presionamos Edit
LXIX
GRÁFICO N° 110 EDITAR WONDER PLUGIN CAROUSEL

3) Para Cambiar los video que actualmente están presionamos “Images & Videos”
GRÁFICO N° 111 CAMBIO VIDEOS/IMÁGENES EN WONDER PLUGIN CAROUSEL

4) Luego le damos click al Botón “Add YouTube” con esto agregamos cualquier video que
subamos a YouTube.
GRÁFICO N° 112 AGREGAR VIDEO YOUTUBE EN WONDER PLUGIN CAROUSEL

LXX
Revolution Sliders
Modificación de las imágenes de la página principal
GRÁFICO N° 113 REVOLUTION SLIDERS

1) Hacemos click en Revolution Slider(1) y luego damos click en Edit Sliders(2) .

GRÁFICO N° 114 REVOLUTION SLIDERS EDITAR

2) Tendremos las siguientes opciones :
LXXI
GRÁFICO N° 115 REVOLUTION SLIDERS NUEVO

 New Slider: Esta opción es para cuando quieras agregar una nueva imagen al
Slide de imágenes.
 Delete: Cuando quieras borrar una imagen del Slide.
Widgets
GRÁFICO N° 116 WIDGETS

LXXII
WIDGETS CONFIGURACIÓN
Para ver su configuración nos dirigimos a Apariencia ->Widgets
GRÁFICO N° 117 WIDGETS CONFIGURACIÓN

AGREGAR WIDGETS
Si deseamos agregar un menú nuevo en la parte derecha de nuestra página web debemos tener
creado con anterioridad un menú y asignarlo al widgets menú. Seleccionamos en la parte
Izquierda el menú personalizado y lo arrastramos al Primary Sidebar y el resultado sería el
siguiente:
GRÁFICO N° 118 AGREGAR WIDGETS

Luego seleccionamos o elegimos el menú que se va a mostrar y le ponemos un Titulo o nombre

al menú y luego presionamos “Guardar”.
LXXIII
Usuarios y Claves de Acceso
ESTAS CLAVES SERAN DE PRUEBA Y DEBERÁN SER CAMBIADAS POR EL
ADMINISTRADOR DE SITIO WEB LUEGO QUE SE ENTREGE EL MANUAL.
Para ingresar a https://www.scribd.com/
Usuario: fpo.redessociales@ug.edu.ec
Clave: odontologia9
Para ingresar a https://www.facebook.com/ y https://twitter.com/
Clave: Odontologia9
Para ingresar a https://drive.google.com/ y https://youtube.com/
Usuario: fpo.redessociales@gmail.com
Clave: Odontologia9
Para ingresar a https://login.microsoftonline.com/
Clave: Odontologia9
Para ingresar a https://www.flickr.com
Usuario: fpo.redessociales@yahoo.com
Clave: odontologia9
LXXIV
LXXV

COMPUTACIONALES

MEJORAMIENTO DE LOS PROCESOS ADMINISTRATIVOS Y
DE ACREDITACIÓN DE LA INSTITUCIÓN”
MANUAL DE TÉCNICO
2015
LXXVI
ÍNDICE GENERAL
INTRODUCCIÓN ........................................................................................................................ 1
OBJETIVOS DEL MANUAL ...................................................................................................... 1
REQUERIMENTOS DE HARDWARE ....................................................................................... 2
REQUERIMENTOS DE SOFTWARE ........................................................................................ 2
Versiones de navegadores admitidas......................................................................................... 3
herramientas para el desarrollo del sistema ................................................................................... 3
XAMPP ..................................................................................................................................... 4
Instalación de XAMPP.- ....................................................................................................... 4
INICIAR EL SERVICIO DeL XAMPP.- ............................................................................. 8
verificar que servicio de php esta funcionando correctamente en el xampp.- ....................... 9
POSTGRESQL ....................................................................................................................... 11
Instalación de postgresql y pgadmin iii.-............................................................................. 12
DIAGRAMA ENTIDAD RELACIÓN DE LA BASE DE DATOS ......................................... 17
DESCRIPCIÓN DE LAS TABLAS UTILIZADAS ................................................................... 18
Diagrama de Actividades ............................................................................................................ 22
arquitectura de la aplicación web actual...................................................................................... 46
arquitectura de la aplicación web PROPUESTA ........................................................................ 47
patrón de arquitectura de software EMPLEADA EN EL APLICATIVO .................................. 48
CODIFICACIÓN QUE SE USO EN EL SISTEMA .................................................................. 49
LXXVII
GRÁFICO N° 1 EJECUTABLE DEL XAMPP ........................................................................... 4

GRÁFICO N° 2 CONTROL DE CUENTAS DE USUARIO ...................................................... 5
GRÁFICO N° 3 SETUP................................................................................................................ 5
GRÁFICO N° 4 SETUP SELECCIONAR COMPONENTES ..................................................... 6
GRÁFICO N° 5 SETUP CARPETA DE INSTALACIÓN .......................................................... 6
GRÁFICO N° 6 SETUP LEER ACERCA DE XAMPP .............................................................. 7
GRÁFICO N° 7 SETUP INSTALL .............................................................................................. 7
GRÁFICO N° 8 SETUP COMPLETO ......................................................................................... 8
GRÁFICO N° 9 ÍCONO DEL XAMPP ........................................................................................ 8
GRÁFICO N° 10 ADMINISTRACIÓN DEL XAMPP_1............................................................ 9
GRÁFICO N° 11 ADMINISTRACIÓN DEL XAMPP_2............................................................ 9
GRÁFICO N° 12 ADMINISTRACIÓN DEL XAMPP_3.......................................................... 10
GRÁFICO N° 13 ADMINISTRACIÓN INTERNA DEL XAMPP ........................................... 10
GRÁFICO N° 14 SERVICIO DE PHP FUNCIONANDO......................................................... 11
GRÁFICO N° 15 EJECUTABLE DEL POSTGRESQL ............................................................ 12
GRÁFICO N° 16 INSTALACION DEL POSTGRESQL .......................................................... 12
GRÁFICO N° 17 DIRECTORIO POSTGRESQL ..................................................................... 13
GRÁFICO N° 18 DIRECTORIO POSTGRESQL ..................................................................... 13
GRÁFICO N° 19 CONTRASEÑA SUPERUSUARIO .............................................................. 14
GRÁFICO N° 20 PUERTO POSTGRESQL .............................................................................. 14
GRÁFICO N° 21 OPCIONES AVANZADAS POSTGRESQL ................................................ 15
GRÁFICO N° 22 PROGRAMA INSTALACIÓN LISTO ......................................................... 15
GRÁFICO N° 23 INSTALACIÓN POSTGRESQL FINALIZADA .......................................... 16
GRÁFICO N° 24 DIAGRAMA ENTIDAD RELACIÓN .......................................................... 17
GRÁFICO N° 25 ARQUITECTURA WEB 2 CAPAS .............................................................. 46
GRÁFICO N° 26 ARQUITECTURA WEB 3 CAPAS .............................................................. 47
GRÁFICO N° 27 PATRÓN DE DISEÑO MVC ........................................................................ 48
LXXVIII
ÍNDICE DE CUADROS
CUADRO N° 1 CARACTERÍSTICAS TÉCNICAS DEL SERVIDOR ACTUAL ..................... 2
CUADRO N° 2 CARACTERÍSTICAS TÉCNICAS DEL SERVIDOR PROPUESTO .............. 2
CUADRO N° 3 VERSIONES DE LOS COMPONENTES DEL XAMPP .................................. 4
CUADRO N° 4 VERSIONES DE LOS COMPONENTES DEL POSTGRESQL .................... 11
CUADRO N° 5 DESCRIPCIÓN DE TABLA ROL ................................................................... 18
CUADRO N° 6 DESCRIPCIÓN DE TABLA USUARIO ......................................................... 18
CUADRO N° 7 DESCRIPCIÓN DE TABLA GRUPOS ........................................................... 19
CUADRO N° 8 DESCRIPCIÓN DE TABLA ESTUDIANTES ................................................ 19
CUADRO N° 9 DESCRIPCIÓN DE TABLA INSTITUCIÓN ................................................. 20
CUADRO N° 10 DESCRIPCIÓN DE TABLA ACTIVIDADES .............................................. 20
CUADRO N° 11 DESCRIPCIÓN DE TABLA REGISTRO ..................................................... 21
CUADRO N° 12 DIAGRAMA DE INCIO DE SESIÓN AL SISTEMA................................... 22
CUADRO N° 13 DIAGRAMA DE REGISTRO DE USUARIO ............................................... 23
CUADRO N° 14 DIAGRAMA DE EDICIÓN DEL USUARIO ............................................... 24
CUADRO N° 15 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DEL USUARIO .... 25
CUADRO N° 16 DIAGRAMA DE REGISTRO DE GRUPO ................................................... 26
CUADRO N° 17 DIAGRAMA DE EDICIÓN DE GRUPO ...................................................... 27
CUADRO N° 18 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DEL GRUPO ........ 28
CUADRO N° 19 DIAGRAMA DE REGISTRO DEL ESTUDIANTE ..................................... 29
CUADRO N° 20 DIAGRAMA DE EDICIÓN DEL ESTUDIANTE ........................................ 30
CUADRO N° 21 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DEL ESTUDIANTE
..................................................................................................................................................... 31
CUADRO N° 22 DIAGRAMA DE REGISTRO DE INSTITUCIÓN ....................................... 32
CUADRO N° 23 DIAGRAMA DE EDICIÓN DE INSTITUCIÓN .......................................... 33
CUADRO N° 24 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DE INSTITUCIÓN 34
CUADRO N° 25 DIAGRAMA DE REGISTRO DE ACTIVIDAD .......................................... 35
CUADRO N° 26 DIAGRAMA DE EDICIÓN DE ACTIVIDAD ............................................. 36
CUADRO N° 27 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DE ACTIVIDAD .. 37
CUADRO N° 28 DIAGRAMA DE REGISTRO DE PRÁCTICA PROFESIONAL ................. 38
CUADRO N° 29 DIAGRAMA DE EDICIÓN PRÁCTICA PROFESIONAL .......................... 39
CUADRO N° 30 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DE PRÁCTICA
PROFESIONAL .......................................................................................................................... 40
CUADRO N° 31 DIAGRAMA DE REPORTES DE INTERNADOS OPCIÓN BUSCAR ...... 41
CUADRO N° 32 DIAGRAMA DE REPORTES DE INTERNADOS BOTÓN IMPRIMIR .... 42
CUADRO N° 33 DIAGRAMA DE REPORTES BOTÓN EXCEL ........................................... 43
CUADRO N° 34 DIAGRAMA DE REPORTES BOTÓN CSV ................................................ 44
CUADRO N° 35 DIAGRAMA DE REPORTES BOTÓN COPIAR ......................................... 45
LXXIX
MANUAL TÉCNICO
SISTEMA DE CONTROL DE PRÁCTICAS PRE-PROFESIONALES
INTRODUCCIÓN
El siguiente manual técnico tiene como objetivo mostrar las especificaciones técnicas,
estructura, y el funcionamiento de la aplicación de tal manera que otro programador pueda
ajustarlo o cambiarlo a la medida que se lo indiquen.
OBJETIVOS DEL MANUAL

Este manual tiene como su principal objetivo brindar o aportar una explicación técnica
del funcionamiento del sistema de control de prácticas pre-profesionales y de los
programas y plataformas que se utilizaron para su puesta en producción.
 Explicar de forma técnica y metodológica la correcta implementación del
sistema.
 Mostrar los recursos, herramientas utilizadas en el desarrollo del sistema.
1
REQUERIMENTOS DE HARDWARE
Se hizo el pedido a los directivos de la facultad por un servidor que propusimos pero no
hubo por falta de recursos financieros con lo cual se lo intalo en un servidor o una PC que
nos facilitarón.
CUADRO N° 11 CARACTERÍSTICAS TÉCNICAS DEL SERVIDOR ACTUAL
COMPONENTE MÍNIMO
Procesador Procesador Core i7
3.4GHz x64
Memoria Memoria Ram 4 GB
Disco Duro 400GB
CUADRO N° 12 CARACTERÍSTICAS TÉCNICAS DEL SERVIDOR PROPUESTO

COMPONENTE MÍNIMO
Procesador Procesador Core i7
4.0+GHz.o comparable
Memoria Memoria Ram 8 GB

Disco Duro 1 Tera
REQUERIMENTOS DE SOFTWARE
Sistemas operativos compatibles con el sistema de control de prácticas pre-
profesionales:
Windows 10
Windows 8.1 Empresarial(Versión acualmente instalada con el sistema)
Windows 8(Todas las versiones)
Windows 7(Todas las versiones)
Windows XP Professional SP3
Windows server 2012
2
Linux (Todas sus versiones)
VERSIONES DE NAVEGADORES ADMITIDAS
Microsoft Edge v20.10240
Internet Explorer (última versión lanzada)
Google Chrome (última versión lanzada) v 44.0 (Actualmente se la usa con la aplicación)
Mozilla Firefox (última versión lanzada)
herramientas para el desarrollo del sistema
Para el desarrollo del sistema se utilizó como lenguaje de programación del lado del
servidor PHP y como herramientas para la elaboración de las pantallas y maqueteado se
utilizó HTML, CSS y JavaScript.
Como ayuda para agilitar el desarrollo en los diseño con el CSS se utilizó el framework
Bootstrap al igual que con JavaScript se utilizó Jquery.
La base de datos se utilizó fue Postgresql con su IDE llamado PgAdmin III.
Para como ayuda se utilizó el entorno de desarrollo XAMPP que viene automáticamente
integrado con Apache y PHP lo cual con unos cuantos clics se los instala de manera fácil
y rápida.
3
XAMPP
XAMPP es un conjunto de herramientas pre-configuradas que funcionan como servidor
web, esta liberado bajo la licencia GNU por lo cual se lo puede usar de forma gratuita
para nuestros proyectos.
Para la instalación se usó la versión XAMPP v5.6.8-0-VC11 y entre sus componentes
internos que utilizaremos y se instalarán serán los siguientes:
CUADRO N° 13 VERSIONES DE LOS COMPONENTES DEL XAMPP

COMPONENTES VERSIÓN
APACHE 2.4.10
PHP 5.6.8

Instalación de XAMPP.-
La instalación se la hizo en Windows 8 a continuación los pasos a seguir para una correcta
instalación:
1) Doble clic sobre el instalador
GRÁFICO N° 119 EJECUTABLE DEL XAMPP

2) Presionamos que “SI”
4
GRÁFICO N° 120 CONTROL DE CUENTAS DE USUARIO

3) Presionamos “Next”
GRÁFICO N° 121 SETUP

4) Seleccionamos los componentes como esta en la imagen y damos clic en “Next”
5
GRÁFICO N° 122 SETUP SELECCIONAR COMPONENTES

5) Indicamos la ruta donde se instalarán los archivos de nuestro servidor web y luego
presionamos “Next”
GRÁFICO N° 123 SETUP CARPETA DE INSTALACIÓN

6) Deseleccionamos la opción que se indica en la imagen y presionamos “Next”
6
GRÁFICO N° 124 SETUP LEER ACERCA DE XAMPP

7) Presionamos “Next” y comenzará la instalación.
GRÁFICO N° 125 SETUP INSTALL

8) Presionamos “Finish” para finalizar y XAMPP quedara estará instalado.
7
GRÁFICO N° 126 SETUP COMPLETO

INICIAR EL SERVICIO DeL XAMPP.-

Para iniciar el servicio nos dirigimos a la parte inferior derecha del escritorio de Windows
y damos doble clic sobre el icono con el nombre de XAMPP.
GRÁFICO N° 127 ÍCONO DEL XAMPP

Se abre una ventana de administración del XAMPP en la cual damos clic en “Start” para
iniciar el servicio.
8
GRÁFICO N° 128 ADMINISTRACIÓN DEL XAMPP_1

En la siguiente ventana se muestra el servicio iniciado.

verificar que servicio de php esta funcionando correctamente en el xampp.-

Para verificar que el servicio PHP esté funcionando correctamente abrimos la consola de
administración del XAMPP y damos clic en el botón “Admin” como lo indica la imagen.
9

Se nos abre el administrador interno de XAMPP y damos clic en phpinfo ().
GRÁFICO N° 131 ADMINISTRACIÓN INTERNA DEL XAMPP

Como se muestra en la imagen el servicio de PHP se encuentra instalado y funcionando
correctamente.
10
GRÁFICO N° 132 SERVICIO DE PHP FUNCIONANDO

POSTGRESQL
Para el desarrollo de este sistema se utiliza este potente gestor de base de datos objeto-
relacional de código abierto lo cual lo hace accesible para toda la comunidad. Esta base
de datos es usada para todo tipo de proyectos sean pequeños, medianos y grandes es una
de las mejores opciones cuando se trata de buscar un gestor de base de datos que sea
gratuito.
Para la instalación se usó la versión Postgresql 9.4 y se la descargó desde la página web
oficial http://www.enterprisedb.com/.
Entre los componentes que instalaremos son:
CUADRO N° 14 VERSIONES DE LOS COMPONENTES DEL POSTGRESQL

COMPONENTES VERSIÓN
POSTGRESQL 9.4
11
PGADMIN III 1.2

Instalación de postgresql y pgadmin iii.-

1) Doble clic sobre el instalador, con este instalador se instalará Postgresql y el
PgAdmin III.
GRÁFICO N° 133 EJECUTABLE DEL POSTGRESQL

2) Presionamos “Siguiente”
GRÁFICO N° 134 INSTALACION DEL POSTGRESQL

3) Indicamos la ruta donde se instalarán los archivos de nuestra base de datos
Postgresql y luego presionamos “Siguiente”.
12
GRÁFICO N° 135 DIRECTORIO POSTGRESQL

4) Indicamos la ruta donde se almacenarán los datos y luego presionamos
“Siguiente”.
GRÁFICO N° 136 DIRECTORIO POSTGRESQL

5) Ingresamos la contraseña para nuestra base de datos y luego presionamos
“Siguiente”.
13
GRÁFICO N° 137 CONTRASEÑA SUPERUSUARIO

6) Ingresamos el puerto por el cual funcionará postgresql y luego presionamos
“Siguiente”.
GRÁFICO N° 138 PUERTO POSTGRESQL

7) Seleccionamos la configuración regional con la funcionará postgresql en este
caso se seleccionó por defecto y luego presionamos “Siguiente”.
14
GRÁFICO N° 139 OPCIONES AVANZADAS POSTGRESQL

8) El programa de instalación está listo para instalar todo lo configurado
presionamos “Siguiente”.
GRÁFICO N° 140 PROGRAMA INSTALACIÓN LISTO

15
9) Se instaló correctamente Postgresql y su IDE PgAdmin III si no se desea
instalar nada más adicional se deselecciona el check box y se da clic en
“Terminar”
GRÁFICO N° 141 INSTALACIÓN POSTGRESQL FINALIZADA

16
DIAGRAMA ENTIDAD RELACIÓN DE LA BASE DE
DATOS
GRÁFICO N° 142 DIAGRAMA ENTIDAD RELACIÓN

17
DESCRIPCIÓN DE LAS TABLAS UTILIZADAS
CUADRO N° 15 DESCRIPCIÓN DE TABLA ROL

TABLA:ROL
DESCRIPCIÓN: Almacenamiento de los roles del usuarios que inician sesión al
sistema
CAMPO TIPO DE DATO DESCRIPCCIÓN
id serial Se almacena el identificador del rol
nombre character varying Se almacenará nombre del rol.
descripcion character varying Se almacena la descripción de ese rol
estado character Se almacena el estado si está activo
“1” si no “0”
CUADRO N° 16 DESCRIPCIÓN DE TABLA USUARIO

TABLA:USUARIO
DESCRIPCIÓN: Almacenamiento de los datos del usuarios que inician sesión al
sistema
id serial Se almacenará el número de
identificación del registro.
rol_id integer Se almacena el identificador del rol
del usuario.
usuario character varying Se almacena el usuario
clave character varying Se almacena el nombre la clave
email character varying Se almacena el email
estado bit Se almacena el estado si está activo
“1” si no “0”
usuariocreacion character varying Se almacena el usuario de creación
fechacreacion timestamp without Se almacena la fecha de creación de
time zone primera vez que se usó este campo
fechamodificacion timestamp without Se almacena la fecha de modificación
time zone cada vez que se actualice este campo
foto character varying Se almacena la ruta de la foto en se
encuentra en nuestro sistema.
nombres character varying Se almacena los nombres del usuario
apellidos character varying Se almacena los apellidos del usuario
telefono character varying Se almacena el teléfono
18
CUADRO N° 17 DESCRIPCIÓN DE TABLA GRUPOS
TABLA:GRUPOS
DESCRIPCIÓN: Almacenamiento de los datos de los grupos que los estudiantes
tendrán acceso a formar.
id serial Se almacena el identificador del grupo

descripcion character varying Se almacenará la descripción del grupo
fecha_creacion timestamp with Se almacena la fecha de creación de
fecha_modificacion timestamp with Se almacena la fecha de modificación
estado character Se almacena el estado si está activo “1” si
no “0”
CUADRO N° 18 DESCRIPCIÓN DE TABLA ESTUDIANTES

TABLA:ESTUDIANTE
DESCRIPCIÓN: Almacenamiento de los datos de los estudiantes que serán los que
participarán en las prácticas pre-profesionales.
cedula character varying Se almacena el identificador del estudiante

nombres character varying Se almacenará los nombres del estudiante
apellidop character varying Se almacenará el apellido paterno del
estudiante
apellidom character varying Se almacenará el apellido materno del
estudiante
paralelo character varying Se almacenará el paralelo donde está el
estudiante matriculado
anolectivo character varying Se almacenará el año lectivo del
estudiante.
fecha_creacion timestamp with Se almacena la fecha de creación de
fecha_modificacion timestamp with Se almacena la fecha de modificación cada
time zone vez que se actualice este campo
no “0”
19
CUADRO N° 19 DESCRIPCIÓN DE TABLA INSTITUCIÓN
TABLA: INSTITUCIÓN
DESCRIPCIÓN: Almacenamiento de los datos de instituciones que los estudiantes
acudirán a realizar sus prácticas
codigo serial Se almacenará el identificador de las

instituciones
descripcion character varying Se almacenará la descripción de la
institución
direccion character varying Se almacenará la dirección de la
institución
telefonolocal character varying Se almacenará el teléfono local del
estudiante
celular character varying Se almacenará el celular del estudiante
fecha_creacion timestamp with Se almacenará la fecha de creación de
fecha_modificacion timestamp with Se almacenará la fecha de modificación
no “0”
CUADRO N° 20 DESCRIPCIÓN DE TABLA ACTIVIDADES

TABLA: ACTIVIDADES
DESCRIPCIÓN: Almacenamiento de los datos de las actividades que los estudiantes
realizan en sus respectivas instituciones donde hacen sus prácticas
codigo serial Se almacenará el identificador de las

actividades
diagnostico integer Se almacenará el número de veces que se
realizaron los diagnostico
profilaxis integer Se almacenará el número de veces que se
realizaron las profilaxis
operatoria integer Se almacenará el número de veces que se
realizaron las operatoria
endodoncia integer Se almacenará el número de veces que se
realizaron las endodoncia
exodoncia integer Se almacenará el número de veces que se
realizaron las exodoncia
rx integer Se almacenará el número de veces que se
realizaron los rx
sellantes integer Se almacenará el número de veces que se
realizaron los sellantes
fluorizacion integer Se almacenará el número de veces que se
realizaron las fluorizaciones
20
periodoncia integer Se almacenará el número de veces que se
realizaron las periodoncia
numpacientesh integer Se almacenará el número de pacientes
hombre atendidos
numpacientesm integer Se almacenará el número de pacientes
mujeres atendidas
charlas integer Se almacenará el número de veces que se
realizaron charlas
no “0”
CUADRO N° 21 DESCRIPCIÓN DE TABLA REGISTRO

TABLA: REGISTRO
DESCRIPCIÓN: Almacenamiento de los datos de los registros de los estudiantes
que están dentro de alguna práctica pre-profesional
id serial Se almacenará el identificador del registro

institucion serial Se almacenará el identificador del registro
de instituciones
actividades serial Se almacenará el identificador del registro
de las actividades
grupo serial Se almacenará el identificador del registro
del grupo
cedula character varying Se almacenará el número cedula del
estudiante
horasacreditadas integer Se almacenará el número de horas
acreditadas por cada práctica
fecha_inicio date Se almacenará la fecha que inicia una
actividad de práctica pre-profesional
fecha_fin date Se almacenará la fecha que finaliza una
actividad de práctica pre-profesional
no “0”
21
Diagrama de Actividades
CUADRO N° 22 DIAGRAMA DE INCIO DE SESIÓN AL SISTEMA
Solicita Usuario y
Ingresa al Sistema
Contraseña
Inicia Proceso
Ingresa el usuario y
Mensaje de Error
contraseña
Verificar que usuario y contraseña sean correctos
OK
Inicia sesión en el
sistema
Finaliza Proceso

22
CUADRO N° 23 DIAGRAMA DE REGISTRO DE USUARIO
Seleccionar la opción de
Mostrar el listado de
Mantenimiento de
usuarios del Sistema
Usuarios/Usuarios
Inicia Proceso
Clic en el Boton Solicita los datos del

"Nuevo" nuevo usuario
OK
ingresa los datos

NOK Mensaje de error
del usuario
Verifica que los datos ingresados sean correctos

OK
Mensaje que alerta

que el proceso se
realizó con éxito
NOK Finaliza Proceso

23
CUADRO N° 24 DIAGRAMA DE EDICIÓN DEL USUARIO
Mantenimiento de
Usuarios/Usuarios
Inicia Proceso
Clic sobre el Clic en el Boton Solicita los datos a

usuario a editar "Editar" modificar
OK
Modificar los
datos del usuario

OK
Mensaje que alerta

que el proceso se
realizó con éxito
Finaliza Proceso

24
CUADRO N° 25 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DEL USUARIO
Mantenimiento de
Usuarios/Usuarios
Inicia Proceso

usuario "Editar" modificar
OK
Selecciona el estado
"Activar/Inactivar"

OK
Mensaje que alerta

que el proceso se
realizó con éxito
NOK
Finaliza Proceso

25
CUADRO N° 26 DIAGRAMA DE REGISTRO DE GRUPO
Seleccionar la opción de Mostrar el listado de

Registro/Registro de Grupo grupos
Inicia Proceso

"Nuevo" grupo
OK
Ingresar los datos

del grupo

OK
Mensaje que alerta

NOK que el proceso se
realizó con éxito
Finaliza Proceso

26
CUADRO N° 27 DIAGRAMA DE EDICIÓN DE GRUPO

Registros/Registro Grupo los grupos
Inicia Proceso

grupo a editar "Editar" modificar
OK
Modificar los
datos del grupo

OK
Mensaje que alerta

que el proceso se
realizó con éxito
NOK
Finaliza Proceso

27
CUADRO N° 28 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DEL GRUPO

Registros/Registro Grupo grupos
Inicia Proceso
Clic sobre el Clic en el Botón

grupo "Activar/Inactivar"

OK
Mensaje que alerta que el

proceso se realizó con
éxito
Finaliza Proceso

28
CUADRO N° 29 DIAGRAMA DE REGISTRO DEL ESTUDIANTE
Registros/Registro de
estudiantes
Estudiantes
Inicia Proceso

"Nuevo" estudiante
OK
Ingresar los datos

del estudiante

OK
Mensaje que alerta

realizó con éxito
Finaliza Proceso

29
CUADRO N° 30 DIAGRAMA DE EDICIÓN DEL ESTUDIANTE
Seleccionar la opción de Registros/ Mostrar el listado de los

Registro Estudiante estudiantes
Inicia Proceso
Clic sobre el estudiante a editar Clic en el Boton "Editar" Solicita lo s datos a modificar
OK
Modificar los datos del estudiante NOK Mensaje de error

OK
Mensaje que alerta que el proceso

se realizó con éxito
NOK
Fin aliza Proceso

30
CUADRO N° 31 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DEL
ESTUDIANTE
Registros/Registro
los Estudiantes
Estudiante
Inicia Proceso
Clic sobre el
Clic en el Botón
estudiante a NOK Mensaje de error
"Activar/Inactivar"
modificar
OK

éxito
Finaliza Proceso

31
CUADRO N° 32 DIAGRAMA DE REGISTRO DE INSTITUCIÓN
Instituciones
Institución
Inicia Proceso
Clic en el Boton Solicita los datos de la

"Nuevo" Institución
OK
Ingresar los datos

de la institución

OK
Mensaje que alerta

realizó con éxito
Finaliza Proceso

32
CUADRO N° 33 DIAGRAMA DE EDICIÓN DE INSTITUCIÓN
Registros/Registro
Instituciones
Institucón
Inicia Proceso
Clic sobre la
Clic en el Boton Solicita los datos a
institución a
"Editar" modificar
editar
OK
Modificar los datos la NOK Mensaje de error

institución
OK
Mensaje que alerta

que el proceso se
realizó con éxito
NOK
Finaliza Proceso

33
CUADRO N° 34 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DE
INSTITUCIÓN
Registros/Registro
los Institución
Institución
Inicia Proceso
Clic sobre la
Clic en el Botón
institución NOK Mensaje de error
"Activar/Inactivar"
modificar
OK

éxito
Finaliza Proceso

34
CUADRO N° 35 DIAGRAMA DE REGISTRO DE ACTIVIDAD
Actividades
Activdades
Inicia Proceso

"Nuevo" Actividad
OK
Ingresar los datos

de la Actividad

OK
Mensaje que alerta

realizó con éxito
Finaliza Proceso

35
CUADRO N° 36 DIAGRAMA DE EDICIÓN DE ACTIVIDAD
Registros/Registro
Actividades
Actividades
Inicia Proceso
Clic sobre la Clic en el Boton Solicita los datos a

actividad a editar "Editar" modificar
OK

Actividad
OK
Mensaje que alerta

que el proceso se
realizó con éxito
NOK
Finaliza Proceso

36
CUADRO N° 37 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DE ACTIVIDAD
Registros/Registro
las Actividades
Actividades
Inicia Proceso
Clic sobre la
Clic en el Botón
Actividad NOK Mensaje de error
"Activar/Inactivar"
modificar
OK

éxito
Finaliza Proceso

37
CUADRO N° 38 DIAGRAMA DE REGISTRO DE PRÁCTICA PROFESIONAL
práctica profesional
práctica profesional
Inicia Proceso

"Nuevo" práctica profesional
OK
Ingresar los datos de

la práctica profesional
OK
Mensaje que alerta

realizó con éxito
Finaliza Proceso

38
CUADRO N° 39 DIAGRAMA DE EDICIÓN PRÁCTICA PROFESIONAL
Registros/Registro
Práctica Profesional
Pracctica Profesional
Inicia Proceso
Clic sobre la Clic en el Boton Solicita los datos a

Práctica a editar "Editar" modificar
OK

Práctica Profesional
OK
Mensaje que alerta

que el proceso se
realizó con éxito
NOK
Finaliza Proceso

39
CUADRO N° 40 DIAGRAMA DE ACTIVACIÓN O INACTIVACIÓN DE PRÁCTICA
PROFESIONAL
Mostrar el listado de las
Registros/Registro Práctica
Prácticas Profesionales
Profesional
Inicia Proceso
Clic sobre la Clic en el Botón

Práctica modificar "Activar/Inactivar"

OK

éxito
Finaliza Proceso

40
CUADRO N° 41 DIAGRAMA DE REPORTES DE INTERNADOS OPCIÓN BUSCAR
Reportes de Internados/
"General" ,"Vigentes-
los Reportes
Totalizados" o "Finalizados
Totalizados"
Inicia Proceso
Ingresar el texto a Solicita los datos del

buscar en el reporte reporte que se busca
No muestra
NOK
ningun registro

OK
Muestra el Reporte con los

datos de busqueda
especificada
Finaliza Proceso

41
CUADRO N° 42 DIAGRAMA DE REPORTES DE INTERNADOS BOTÓN IMPRIMIR
Reportes de Internados/ Mostrar el listado de
"General" ,"Vigentes- los Reportes
Totalizados"
Inicia Proceso
Clic en el Boton Mostrar Vista de

"Imprimir" Impresión
Presiona "ESC" y sale de

la vista de Impresián NOK
Decisión del usuario
OK
Imprimir
Finaliza Proceso

42
CUADRO N° 43 DIAGRAMA DE REPORTES BOTÓN EXCEL
Totalizados"
Inicia Proceso
Mostrar Opción de
Clic en el Botón "Excel"
Guardar

la Opción de Guardado NOK
OK
Guardar
Finaliza Proceso

43
CUADRO N° 44 DIAGRAMA DE REPORTES BOTÓN CSV
Totalizados"
Inicia Proceso
Mostrar Opción de
Clic en el Botón "CSV"
Guardar

la Opción de Guardado NOK
OK
Guardar
Finaliza Proceso

44
CUADRO N° 45 DIAGRAMA DE REPORTES BOTÓN COPIAR
Totalizados"
Inicia Proceso
Clic en el Botón "Copiar"
OK
Finaliza Proceso

45
arquitectura de la aplicación web actual
Se hizo un pedido con anticipación a las autoridades por la comprar de servidores pero
por falta de presupuesto el sistema se instaló en el computador del jefe del área de
Prácticas Pre-profesionales con autorización del mismo. La arquitectura que actualmente
se encuentra instalado el Sistema de Control de Prácticas Pre-Profesionales es un modelo
2 capas en el cual el servidor web y el de base de datos están en el mismo servidor con lo
que todas las demás computadoras que estén en la red pueden ingresar al sistema.
Servidor Web y BD

46
arquitectura de la aplicación web PROPUESTA
Se propuso una arquitectura de 3 capas en la cual el servidor web este separado del
servidor de base de datos con el fin que en un futuro si llegan a haber más clientes
conectados pueda saturarse el servidor y no responder debidamente por falta de memoria
esto hace que los clientes tengan una mala experiencia la navegación se pondría lenta.
Cliente 1
Cliente 2
Servidor Web Servidor de BD

47
patrón de arquitectura de software EMPLEADA EN EL
APLICATIVO
El patrón de diseño empleado para el aplicativo es el MVC (Modelo-Vista-Controlador)
el desarrollo de aplicativo se lo realizará por capas estableciendo un orden que beneficiará
tanto al diseñador como al desarrollador permitiendo a cada uno trabajar de manera
independiente cada uno así el diseñador no tendrá que conocer sobre el lenguaje de
servidor empleado y el programador no tendrá que conocer mucho sobre diseño.
Como se puede observar en el Grafico No.27 este patrón está separado por capas la vista
será la carpeta View y aquí estarán todo los HMTL el diseño de presentación de la
aplicación, en la carpeta Controller será el controlador aquí se desarrollara toda la lógica
de negocio del aplicativo y cuando se necesite hacer una consulta a la base de datos se lo
hará por medio de la capa Modelo en este caso está en la carpeta entity.
GRÁFICO N° 145 PATRÓN DE DISEÑO MVC

48
CODIFICACIÓN QUE SE USO EN EL SISTEMA
Conexión a la Base de datos
Clase Model
class Model
{
protected $conexion;
public function
__construct($mvc_bd_hostname,$mvc_bd_nombre,$mvc_bd_usuario,$mvc_bd_clave,$
puerto)
{
$mvc_bd_conexion = pg_connect("host=".$mvc_bd_hostname." port=".$puerto."

dbname=".$mvc_bd_nombre." user=".$mvc_bd_usuario." password=".$mvc_bd_clave)
or die('No se ha podido conectar: ' . pg_last_error());
if (!$mvc_bd_conexion){
echo "Conexion fallida";
exit;
}
$this->conexion = $mvc_bd_conexion;
}
public function consultar($sql)

{
$result = pg_query($sql) or die('La consulta fallo: ' . pg_last_error());
$data = array();
while ($row = pg_fetch_assoc($result))
{
$data[] = $row;
}
return $data;
}
public function consultarJSON($sql)
{
$items = array();
while ($row = pg_fetch_object($result))
49
{
array_push($items, $row);
}
return json_encode($items);
}
public function insertar($sql)

{
return $result;
}
public function editar($sql)
{
return $result;
}
public function eliminar($sql)
{
return $result;
}
Clase ActividadController
include_once './config/Config.php';
include_once './src/entity/Model.php';
class ActividadController
{
public function RegistroActividad($arg)

{
$presentar="
<div id='cuadroRegistro'>
<table id='dg' title='ACTIVIDADES DEL

ESTUDIANTES' class='easyui-datagrid' style='width:1000px;height:550px'
url='ajax.php?opc=getActivi'
50
toolbar='#toolbar' pagination='true'
rownumbers='true' fitColumns='true'
singleSelect='true'>
<thead>
<tr>
<th field='codigo'
width='50'>Codigo</th>
<th field='diagnostico'
width='55'>Diagnóstico</th>
<th field='profilaxis'
width='50'>Profilaxis</th>
<th field='operatoria'
width='50'>Operatoria</th>
<th field='endodoncia'
width='50'>Endodoncia</th>
<th field='exodoncia'
width='50'>Exodoncia</th>
<th field='rx' width='25'>Rx</th>
<th field='sellantes'
width='50'>Sellantes</th>
<th field='fluorizacion'
width='55'>Fluorización</th>
<th field='periodoncia'
width='50'>Periodoncia</th>
<th field='numpacientesh'
width='50'>#Hombres</th>
<th field='numpacientesm'
width='50'>#Mujeres</th>
<th field='charlas'
width='50'>Charlas</th>
<th field='estado'
width='150'>Estado</th>
</tr>
</thead>
</table>
<div id='toolbar'>
<a href='javascript:void(0)' class='easyui-
linkbutton' iconCls='icon-add' plain='true' onclick='newActivi()'>Nuevo</a>
linkbutton' iconCls='icon-edit' plain='true' onclick='editActivi()'>Editar</a>
linkbutton' iconCls='icon-ok' plain='true' onclick='activarActivi()'>Activar</a>
linkbutton' iconCls='icon-no' plain='true' onclick='destroyActivi()'>Inactivar</a>
</div>
51
<div id='dlg' class='easyui-dialog'
style='width:500px;height:530px;padding:10px 20px'
closed='true' buttons='#dlg-buttons'>
<div class='ftitle'>Registro de
Actividad</div>
<form id='fm' method='post' novalidate>
<div class='fitem'>
<label>Diagnóstico:</label>
<input name='diagnostico'
class='easyui-textbox' required='true'>
</div>
<div class='fitem'>
<label>Profilaxis:</label>
<input name='profilaxis'
</div>
<div class='fitem'>
<label>Operatoria:</label>
<input name='operatoria'
</div>
<div class='fitem'>
<label>Endodoncia:</label>
<input name='endodoncia'
</div>
<div class='fitem'>
<label>Exodoncia:</label>
<input name='exodoncia'
</div>
<div class='fitem'>
<label>Rx:</label>
<input name='rx'
</div>
<div class='fitem'>
<label>Sellantes:</label>
<input name='sellantes'
</div>
<div class='fitem'>
<label>Fluorización:</label>
<input name='fluorizacion'
52
</div>
<div class='fitem'>
<label>Periodoncia:</label>
<input name='periodoncia'
</div>
<div class='fitem'>
<label>Charlas:</label>
<input name='charlas'
</div>
<div class='fitem'>
<label>#Hombres:</label>
<input
name='numpacientesh' class='easyui-textbox' required='true'>
</div>
<div class='fitem'>
<label>#Mujeres:</label>
<input
name='numpacientesm' class='easyui-textbox' required='true'>
</div>
<div class='fitem'>
<input type='hidden' name='codigo' >
</div>
</form>
</div>
<div id='dlg-buttons'>
linkbutton c6' iconCls='icon-ok' onclick='saveActivi()' style='width:90px'>Guardar</a>
linkbutton' iconCls='icon-cancel' onclick=javascript:$('#dlg').dialog('close')
style='width:90px'>Cancelar</a>
</div>
</div>
";
return $presentar;
}
public function
saveActividades($diagnostico,$profilaxis,$operatoria,$endodoncia,$exodoncia,$rx,$sell
antes,$fluorizacion,$periodoncia,$numpacientesh,$numpacientesm,$charlas)
{
if(!is_numeric($diagnostico) || !is_numeric($profilaxis) || !is_numeric($operatoria)
|| !is_numeric($endodoncia) || !is_numeric($exodoncia) || !is_numeric($rx) ||
!is_numeric($sellantes) || !is_numeric($fluorizacion) || !is_numeric($periodoncia) ||
!is_numeric($numpacientesh) || !is_numeric($numpacientesm) || !is_numeric($charlas))
53
{
return json_encode(array('errorMsg'=>'Todos los campos del Formulario son
numéricos por favor corríjalo he intente de nuevo.'));
}
$sql="SELECT
sp_insertarActividad(".$diagnostico.",".$profilaxis.",".$operatoria.",".$endodoncia.",".$
exodoncia.",".$rx.",".$sellantes.",".$fluorizacion.",".$periodoncia.",".$numpacientesh.",
".$numpacientesm.",".$charlas.");";
$m = new Model( Config::$mvc_bd_hostname,Config::$mvc_bd_nombre,
Config::$mvc_bd_usuario,Config::$mvc_bd_clave,Config::$puerto);
$m->insertar($sql);
return json_encode(array('success'=>true, 'message'=>'La actividad fue

ingresada con éxito'));
}
public function getActividades($page,$rows)

{
$page = isset($page) ? intval($page) : 1;
$rows = isset($rows) ? intval($rows) : 10;
$offset = ($page-1)*$rows;
$result = array();
$rs = pg_query("select count(*) from actividades");
$row = pg_fetch_row($rs);
$result["total"] = $row[0];
$rs = pg_query("SELECT codigo, diagnostico, profilaxis, operatoria,
endodoncia, exodoncia,
rx, sellantes, fluorizacion, periodoncia, fecha_modificacion,
fecha_creacion, CASE
WHEN ESTADO = '0' THEN 'Inactivo'
WHEN ESTADO = '1' THEN 'Activo'
ELSE 'Inactivo'
END AS ESTADO, numpacientesh, numpacientesm, charlas
FROM actividades order by codigo ASC limit $rows offset $offset");
$items = array();
while($row = pg_fetch_object($rs)){
}
$result["rows"] = $items;
echo json_encode($result);
54
public function
editActividades($codigo,$diagnostico,$profilaxis,$operatoria,$endodoncia,$exodoncia,
$rx,$sellantes,$fluorizacion,$periodoncia,$numpacientesh,$numpacientesm,$charlas)
{
if(!is_numeric($diagnostico) || !is_numeric($profilaxis) ||
!is_numeric($operatoria) || !is_numeric($endodoncia) || !is_numeric($exodoncia) ||
!is_numeric($rx) || !is_numeric($sellantes) || !is_numeric($fluorizacion) ||
!is_numeric($periodoncia) || !is_numeric($numpacientesh) ||
!is_numeric($numpacientesm) || !is_numeric($charlas))
{
return json_encode(array('errorMsg'=>'Todos los campos del Formulario son
numéricos por favor corríjalo he intente de nuevo.'));
}
$sql="SELECT
sp_modificarActividad(".$codigo.",".$diagnostico.",".$profilaxis.",".$operatoria.",".$en
dodoncia.",".$exodoncia.",".$rx.",".$sellantes.",".$fluorizacion.",".$periodoncia.",".$nu
mpacientesh.",".$numpacientesm.",".$charlas.");";
$m->editar($sql);
return json_encode(array('success'=>true, 'message'=>'La actividad fue

modificada con éxito'));
}
public function destroyActividades($codigo)
{
$sql="SELECT sp_eliminarActividad(".$codigo.");";
$result=$m->eliminar($sql);
if ($result != FALSE){
echo json_encode(array('success'=>true));
} else {
echo json_encode(array('errorMsg'=>'Some errors occured.'));
}
return;
}
public function activarActividades($codigo)
{
$sql="update actividades set estado='1' where codigo=".$codigo;
$result=$m->editar($sql);
55
} else {
}
return;
}
Clase AdminController
<?php
include './src/Controller/UsuarioController.php';
include './src/Controller/TagController.php';
include './src/Controller/AcercaController.php';
include './src/Controller/ReportController.php';
include './src/Controller/EstudianteController.php';
include './src/Controller/InstitucionController.php';
include './src/Controller/ActividadController.php';
include './src/Controller/RegistroController.php';
include './src/Controller/GrupoController.php';
class AdminController extends TagController

{
public function presentarContenido($action,$arg)

{
//$presentar=$this->obtSaludo();
$presentar=$this->leerArchivoPlantilla($action);
// $presentar=str_replace("_elLogin_",$this-
>extraerLogin(),$presentar);
$presentar=str_replace("_elUsuario_",$this-
>extraerUsuario(),$presentar);
$presentar=str_replace("_elContenido_",$this-
>extraerContenido($action,$arg),$presentar);
$presentar=str_replace("_ZonaSuperAministrador_",$this-
>extraerZonaMantenimientoUsuarios(),$presentar);
$presentar=str_replace("_extraerZonaMatenimientoRegistros_",$this-
>extraerZonaMatenimientoRegistros(),$presentar);
$presentar=str_replace("_footer_",$this-
>extraerFooter(),$presentar);
/*$presentar=str_replace("_copyright_",$this-
>extraerCopyright(),$presentar);*/
return $presentar;
56
}
public function msjExitoso()

{
$presentar=" </br>"
. "<div id='msjExitoso'> Se subió el archivo de forma correcta</div>"
. ""
. "";
return $presentar;
}
public function msjError()

{
$presentar=" </br>"
. "<div id='msjExitoso'> Ocurrió un error el subir el archivo inténtelo de
nuevo </div>"
. "";
return $presentar;
}
public function extraerContenido($action,$arg)
{
switch ($action) {
case "subirExcel":
$presentar = $this->subirExcel();
break;
case "procesarExcel":
$presentar = $this->procesarExcel($arg);
break;
case "estudiante":
$presentar=(new EstudianteController)->registroEstudiante($arg);
break;
case "institucion":
$presentar=(new InstitucionController)->registroInstitucion($arg);
break;
case "actividades":
$presentar=(new ActividadController)->registroActividad($arg);
break;
case "registro":
$presentar=(new RegistroController)->RegistroTrabajoEstudiante($arg);
break;
case "grupo":
$presentar=(new GrupoController)->RegistroGrupo($arg);
break;
case "reporteGeneral":
$presentar=(new ReportController)->reporteGeneral();
57
break;
case "vigentes-totalizados":
$presentar=(new ReportController)->vigentesTotalizados();
break;
case "finalizados-totalizados":
$presentar=(new ReportController)->finalizadosTotalizados();
break;
case "reporteGrupos":
$presentar=(new ReportController)->reportePersonaGrupo();
break;
case "reporteGruposInstitucion":
$presentar=(new ReportController)->reporteGrupoInstitucion();
break;
case "perfilUsuario":
$presentar=(new UsuarioController)->perfilUsuario();
break;
case "listaUsuarios":
$presentar=(new UsuarioController)->listaUsuario();
break;
case "ajustes":
$presentar=$this->extraerAjustes();
break;
default:
$presentar= $this->principal();
break;
}
return $presentar;
}
public function principal()

{
$presentar="
<div id='imagen-segundaria'></div>
<div id='imagen-principal'></div>
<div id='calendario'>
<div id='cc' class='easyui-calendar'
style='width:180px;height:180px;'></div>
</div>
";
return $presentar;
}
58
public function extraerAjustes()
{
$presentar="
<div id='CambioClave'>
<div class='easyui-panel' title='Cambiar Clave'
style='width:300px;padding:10px;'>
<form id='ff' class='easyui-form' enctype='multipart/form-data'

data-options='novalidate:true'>
<table>
<tr>
<td>Clave Nueva </td>
<td><input type='password' id='nuevaClave'
name='nuevaClave' class='f1 easyui-textbox'></input></td>
</tr>
<tr>
<td>Repita Clave </td>
<td><input type='password' id='nuevaClave1'
name='nuevaClave1' class='f1 easyui-textbox'></input></td>
</tr>
</table>
<input type='hidden' id='opc' name='opc'
value='ajustes'></input>
</form>
<div style='text-align:center;padding-top:15px'>
<a href='javascript:void(0)' class='easyui-linkbutton'
onclick='submitForm()'>Guardar</a>
</div>
</div>
<div class='easyui-panel' title='Cambiar Imagen de Login'

style='width:500px;height:200px;' data-options=\"footer:'#ft'\">
<div id='ft' >
<div id='wraper'>
<section class='contentLayout' id='contentLayout'>

<div id='contenedorImagen'>
59
<img id='fotografia' class='fotografia'
src='./public/images/usuarioNoRegistrado.png'>
</div>
<button class='boton' id='addImage'>Cambiar

Imagen</button>
<div class='loaderAjax' id='loaderAjax'>

<img src='./public/images/default-loader.gif'>
<span>Publicando Fotografía...</span>
</div>
</section>
</div>
</div>
</div>
</div>
";
return $presentar;
}
public function ajustes($nuevaClave,$nuevaClave1)
{
if (empty($nuevaClave))
{
return json_encode(array('errorMsg'=>'No existe datos en el campo Nueva

Clave .'));
}
if (empty($nuevaClave1))
{
return json_encode(array('errorMsg'=>'No existe datos en el campo repetir

nueva clave .'));
}
if (strcmp($nuevaClave, $nuevaClave1))
{
return json_encode(array('errorMsg'=>'Las contraseñas ingresadas no son

iguales, por favor corríja he intente de nuevo .'));
60
}
else
{
session_start();
$sql="UPDATE usuario SET clave='". sha1($nuevaClave)."' WHERE usuario
='".$_SESSION["usuario"]."'";
$m->editar($sql);
session_destroy(); // destruyo la sesión
//header("Location: welcome.php"); //envío al usuario a la pag. de autenticación
return json_encode(array('success'=>true, 'message'=>'Su Clave fue actualizada
con éxito'));
}
public function extraerFooter()

{
$presentar="
<p>© 2010 OXRL | <a href='#'>Privacy policy</a> almost <a
href='#'>valid HTML5</a> and <a href='#'>CSS</a> design by <a
href='#'>OXRL</a></p>
";
return $presentar;
}
public function subirExcel()

{
$presentar="
<div id ='subir'>
<form action='./subirExcel.php' method='post' enctype='multipart/form-
data'>
<label for='archivo'>Subir Excel :</label>
<input type='file' name='archivo' id='archivo' />
<br/>
<input type='submit' value='Procesar' id='procesar' />
</form>
</div>
61
";
return $presentar;
public function extraerZonaMantenimientoUsuarios()

{
session_start();
$ROL_USUARIO=(new UsuarioController)-
>getRolUsuario($_SESSION["usuario"]);
if($ROL_USUARIO[0]['rol_id'] == 2)
{
$presentar.=" <a href='#'><i class='fa fa-files-o fa-fw'></i> Mantenimiento de
Usuarios <span class='fa arrow'></span></a>
<ul class='nav nav-second-level'>
<li>
<a href='./welcome.php?p=listaUsuarios'>Usuarios</a>
</li>
</ul>
";
}
return $presentar;
public function extraerZonaMatenimientoRegistros()

{
session_start();
$ROL_USUARIO=(new UsuarioController)-
>getRolUsuario($_SESSION["usuario"]);
if($ROL_USUARIO[0]['rol_id'] == 2 || $ROL_USUARIO[0]['rol_id']==
1)//Super Aministrador y Administrador
{
$presentar.=" <a href='#'><i class='fa fa-files-o fa-fw'></i> Registros <span
class='fa arrow'></span></a>
<ul class='nav nav-second-level'>
<li>
<a href='./welcome.php?p=grupo'>Registro de Grupo</a>
</li>
<li>
62
<a href='./welcome.php?p=estudiante'>Registro de
Estudiante</a>
</li>
<li>
<a href='./welcome.php?p=institucion'>Registro de
Institucion</a>
</li>
<li>
<a href='./welcome.php?p=actividades'>Registro de Actividades
</a>
</li>
<li>
<a href='./welcome.php?p=registro'>Registro de Práctica
Profesional </a>
</li>
</ul>
";
}
return $presentar;
}
public function extraerUsuario()
{
session_start();
$presentar="Bienvenido <b>".$_SESSION["usuario"]."</b>";
return $presentar;
}
Clase Controller
<?php
include './lib/Plantilla.php';
class Controller
{
public function leerArchivoPlantilla($NombrePlantilla)

{
$objPlantilla=new Plantilla($NombrePlantilla);
//$presentar=$objPlantilla->obtPlantilla();
$elArchivo = $objPlantilla->obtPlantilla();
63
$gestor=fopen($elArchivo,"r");
$presentar=fread($gestor,filesize($elArchivo));
fclose($gestor);
return $presentar;
}
public function consultarTodosLosPost()

{
$sql="select p.titulo_post,p.contenido_post,monthname(p.fecha_post) as
mes,dayname(p.fecha_post) as dia,day(p.fecha_post) as dianum,year(p.fecha_post) as
año,a.nombre_autor,c.url_categoria,c.nombre_categoria,p.id_post from b_post
p,b_autor a,b_categoria c where p.id_autor=a.id_autor and
p.id_categoria=c.id_categoria";
$objConexion=new mysql();
$resultado=$objConexion->consultar($sql);
while($fila= mysql_fetch_array($resultado))
{
// $texto_cortado= array( "texto_cortado" => explode("\n",
$fila['contenido_post']) );
$texto_cortado=explode("\n", $fila['contenido_post']);
$presentar .="
<article class='noticia_blog'>
<div class='autor_post'><h2>Publicado por :<a href='#'
class='href_autor'>".$fila['nombre_autor']."</a> el ".$fila['dianum']." de ".$fila['mes']."
de ".$fila['año']."</h2></div>
<header class='cabecera_articulo'>
<div class='titulo_post_foto'><img src='".$fila['url_categoria']."'
alt='logo' /><div id='titulo_post'><h1>".$fila['titulo_post']."</h1></div></div>


</header>
<div class='contenido_p'><p>".$texto_cortado[0]."[....]</p></div>
<footer class='pie_ver_mas'><a href='./?action=".$fila['id_post']."'
class='enlace_leer_mas' >Leer más >></a></footer>

</article>
";
}
return $presentar;
64
}
public function consultarPost($categoria)
{
año,a.nombre_autor,c.url_categoria,c.nombre_categoria,p.id_post from b_post
p,b_autor a,b_categoria c where p.id_autor=a.id_autor and
p.id_categoria=c.id_categoria and c.nombre_categoria='".$categoria."'";
{
$texto_cortado=explode("\n", $fila['contenido_post']);
$presentar .="
class='href_autor'>".$fila['nombre_autor']."</a> el ".$fila['dianum']." de ".$fila['mes']."
</header>
<div class='contenido_p'><p>".$texto_cortado[0]."[....]</p></div>
<footer class='pie_ver_mas'><a href='./?action=".$fila['id_post']."'
class='enlace_leer_mas' >Leer más >></a></footer>
</article>
";
}
return $presentar;
}
public function ver_nota_completa($id_post)
{
año,a.nombre_autor,c.url_categoria,c.nombre_categoria from b_post p,b_autor
a,b_categoria c where p.id_autor=a.id_autor and p.id_categoria=c.id_categoria and
p.id_post=".$id_post."";
65
{
$presentar .="
class='href_autor'>".$fila['nombre_autor'] ."</a> el ".$fila['dianum']." de ".$fila['mes']."
</header>
<div
class='contenido_p'><p>".$fila['contenido_post']."</p></div>
<footer><a href='#'>Comentarios</a> | Archivado en :<a
href='#'>".$fila['nombre_categoria']."</a></footer>
";
}
$sql="select com.autor_comentario,monthname(com.fecha_comentario) as
mes,dayname(com.fecha_comentario) as dia,day(com.fecha_comentario) as
dianum,year(com.fecha_comentario) as año,com.contenido_comentario from
b_comentario com where com.id_post=".$id_post."";
$presentar .="
<div id='comentarios'>
<div id='comentarios_titulo'>".$num_comen++."
Comentarios:</div>";
$c=0;
{
$c++;
$presentar .= "
<div class='comentario' >
<div class='contenido_izq'>
<img src='./public/images/avatar.jpg' alt='tu imagen'
/>
<p
class='autor_comentario'>".$fila['autor_comentario']."</p>
</div>
<div class='contenido_der'>
<div class='fecha'><p>Publicado el :
".$fila['dianum']." de ".$fila['mes']." de ".$fila['año']."</p></div>
66
<div class='msj'>
<p>".$fila['contenido_comentario']."</p>
</div>
</div>
</div>";
}
if($c==0)
{
$presentar .=" No hay Comentarios ...
</div>";
}
$presentar .="
</div>
<div id='publicar_comentario'>
<h1>Publicar Comentario </h1>
<form action='./src/Controller/ajax.php'
name='form_comentario' id='form_comentario' method='post'>
<input type='hidden' id='id_post'
name='id_post' value='".$id_post."' />
<label>Nombre
<span class='small'>Deja tu
nombre</span>
</label>
<input type='text' name='name' id='name'
/>
<label>Email
<span class='small'>Deja tu Correo</span>
</label>
<input type='text' name='email' id='email'
/>
<textarea rows='10'
name='comentario_textarea' id='comentario_textarea'></textarea>
<input type='submit'
id='comentario_boton' value='Publicar' />
</form>
</div>
</article>
";
return $presentar;
}
67
public function consultarTodosLosTags()
{
$sql="select *from b_categoria";
$presentar=$objConexion->consultar($sql);
return $presentar;
}
public function obtTitulo()
{
$sql="SELECT valor_opc FROM b_opc where nombre_opc='Nombre'";
return $objConexion->consultar($sql);
}
?>
Clase EstudianteController
<?php
class EstudianteController
{
public function RegistroEstudiante($arg)

{
$presentar="
<table id='dg' title='REGISTRO DE ESTUDIANTES' class='easyui-datagrid'
style='width:1100px;height:600px' url='ajax.php?opc=getUsers' toolbar='#toolbar' data-
options='
singleSelect:true,rownumbers:true'>
<thead>
<tr>
<th field='cedula1',width='100'>CEDULA</th>
<th field='nombres',width=300>NOMBRES</th>
<th field='apellidop',width=200>APELLIDO PATERNO</th>
<th field='apellidom',width=200>APELLIDO MATERNO</th>
<th field='paralelo',width=200>PARALELO</th>
68
<th field='anolectivo',width=200>AÑOS LECTIVO</th>
<th field='estado' width='150'>ESTADO</th>
</tr>
</thead>
</table>
<div id='toolbar'>
<a href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-add'
plain='true' onclick='newUser()'>Nuevo</a>
<a href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-edit'
plain='true' onclick='editUser()'>Editar</a>
<a href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-ok'
plain='true' onclick='activarUser()'>Activar</a>
<a href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-no'
plain='true' onclick='destroyUser()'>Inactivar</a>
</div>
<div id='dlg' class='easyui-dialog' style='width:500px;height:400px;padding:10px
20px'
<div class='ftitle'>Registro Estudiante</div>
<div class='fitem'>
<label>Cedula:</label>
<input id='cedula1' name='cedula1' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
<label>Nombres:</label>
<input name='nombres' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
<label>Apellido Paterno:</label>
<input name='apellidop' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
<label>Apellido Materno:</label>
<input name='apellidom' class='easyui-textbox' >
</div>
<div class='fitem'>
<label>Paralelo:</label>
<input name='paralelo' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
<label>Año lectivo:</label>
69
<input name='anolectivo' class='easyui-textbox'
required='true'>
</div>
</form>
</div>
<a href='javascript:void(0)' class='easyui-linkbutton c6' iconCls='icon-ok'
onclick='saveUser()' style='width:90px'>Guardar</a>
<a href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-
cancel' onclick=javascript:$('#dlg').dialog('close') style='width:90px'>Cancelar</a>
</div>
<div id='dlg-buttons1'>
onclick='saveUser()' style='width:90px'>Guardar</a>
cancel' onclick=javascript:$('#dlg1').dialog('close') style='width:90px'>Cancelar</a>
</div>
<div id='dlg1' class='easyui-dialog'
closed='true' buttons='#dlg-buttons1'>
<div class='ftitle'>Registro Estudiante</div>
<form id='fm1' method='post' novalidate>
<div class='fitem'>
<label>Cedula:</label>
<input id='cedula1' name='cedula1' class='easyui-textbox'
editable='false' required='true'>
</div>
<div class='fitem'>
<label>Nombres:</label>
<input name='nombres' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
<label>Apellido Paterno:</label>
<input name='apellidop' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
<label>Apellido Materno:</label>
<input name='apellidom' class='easyui-textbox' >
</div>
<div class='fitem'>
<label>Paralelo:</label>
<input name='paralelo' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
70
<label>Año lectivo:</label>
<input name='anolectivo' class='easyui-textbox'
required='true'>
</div>
</form>
</div>
</div>
";
return $presentar;
}
public function
saveUser($cedula,$nombres,$apellidop,$apellidom,$paralelo,$anolectivo)
{
$validacion=$this->validarExistenciaEstudiante($cedula);
if($validacion[0]['count'] == 1)
{
return json_encode(array('errorMsg'=>'El Estudiante ya existe por favor digite
otra cédula.'));
}
if($this->validarCedula($cedula)== 1)
{
return json_encode(array('errorMsg'=>'El numero de cédula ingresado contiene
errores por favor corríjalo he intente de nuevo.'));
}
if(is_null($nombres) || $nombres == '')
{
return json_encode(array('errorMsg'=>'El campo nombres es obligatorio.'));
}
if(strlen($nombres) < 2 || strlen($nombres) > 60)
{
return json_encode(array('errorMsg'=>'El campo de nombres solo admite entre 4
a 30 caracteres, por favor corregir y volver a intentarlo.'));
}
if(is_null($apellidop) || $apellidop == '')
{
return json_encode(array('errorMsg'=>'El campo Apellido Paterno es
obligatorio.'));
}
if(strlen($apellidop) < 2 || strlen($apellidop) > 60)
{
return json_encode(array('errorMsg'=>'El campo de Apellido Paterno solo
admite entre 4 a 30 caracteres, por favor corregir y volver a intentarlo.'));
}
if(is_null($apellidom) || $apellidom == '')
71
{
return json_encode(array('errorMsg'=>'El campo Apellido Materno es
obligatorio.'));
}
if(strlen($apellidom) < 2 || strlen($apellidom) > 60)
{
return json_encode(array('errorMsg'=>'El campo de Apellido Materno solo
}
if(strlen($paralelo) > 6)
{
return json_encode(array('errorMsg'=>'El campo paralelo debe contener como
maximo 6 caracteres.'));
}
if(is_numeric($anolectivo))
{
if(strlen($anolectivo) != 4)
{
return json_encode(array('errorMsg'=>'El año ingresado debe contener 4
digitos.'));
}
}
else{
return json_encode(array('errorMsg'=>'El año ingresado debe contener solo

números por favor corríjalo he intente de nuevo.'));
}
$sql="SELECT
sp_insertarestudiante('".$nombres."','".$apellidop."','".$apellidom."','".$cedula."','".$para
lelo."','".$anolectivo."');";
$m->insertar($sql);
return json_encode(array('success'=>true, 'message'=>'El Estudiante fue

ingresado con éxito'));
}
public function getEstudiantes()

{
72
$result = array();
$rs = pg_query("SELECT nombres, apellidop, apellidom, cedula as cedula1,
paralelo, anolectivo,
fecha_creacion, fecha_modificacion, CASE
WHEN ESTADO = '0' THEN 'Inactivo'
WHEN ESTADO = '1' THEN 'Activo'
ELSE 'Inactivo'
END AS ESTADO
FROM estudiante order by nombres,apellidop,apellidom");
;
$items = array();
}
echo json_encode($items);
}
public function
editUser($cedula,$nombres,$apellidop,$apellidom,$paralelo,$anolectivo)
{
if(is_null($nombres) || $nombres == '')
{
return json_encode(array('errorMsg'=>'El campo nombres es obligatorio.'));
}
if(strlen($nombres) < 2 || strlen($nombres) > 60)
{
return json_encode(array('errorMsg'=>'El campo de nombres solo admite entre 2
}
if(is_null($apellidop) || $apellidop == '')
{
return json_encode(array('errorMsg'=>'El campo Apellido Paterno es
obligatorio.'));
}
if(strlen($apellidop) < 2 || strlen($apellidop) > 60)
{
return json_encode(array('errorMsg'=>'El campo de Apellido Paterno solo
}
if(is_null($apellidom) || $apellidom == '')
{
73
return json_encode(array('errorMsg'=>'El campo Apellido Materno es
obligatorio.'));
}
if(strlen($apellidom) < 2 || strlen($apellidom) > 60)
{
return json_encode(array('errorMsg'=>'El campo de Apellido Materno solo
}
if(strlen($paralelo) > 6)
{
return json_encode(array('errorMsg'=>'El campo paralelo debe contener como
maximo 6 caracteres.'));
}
if(is_numeric($anolectivo))
{
if(strlen($anolectivo) != 4)
{
return json_encode(array('errorMsg'=>'El año ingresado debe contener 4
digitos.'));
}
}
else{
return json_encode(array('errorMsg'=>'El año ingresado debe contener solo

números por favor corríjalo he intente de nuevo.'));
}
$sql="SELECT
sp_modificarEstudiante('".$nombres."','".$apellidop."','".$apellidom."','".$paralelo."','".$
anolectivo."','".$cedula."');";
$m->editar($sql);
return json_encode(array('success'=>true, 'message'=>'El Estudiante fue
modificado con éxito'));
}
public function destroyUser($cedula)
{
$sql="SELECT sp_eliminarEstudiante('".$cedula."');";
74
} else {
}
return;
}
public function activarUser($cedula)

{
$sql="UPDATE estudiante SET estado='1'
WHERE cedula='".$cedula."'";
} else {
}
return;
}
public function validarExistenciaEstudiante($cedula)
{
$sql="select count(*) from estudiante where cedula='".$cedula."'";

$resp = $m->consultar($sql);
return $resp;
}
public function validarCedula($cedula)
{
$resp=0;
if(!is_numeric($cedula))
{
$resp=1;
return $resp;
}
if(strlen($cedula) != 10)
{
$resp=1;
75
return $resp;
}
return $resp;
}
}
Clase InstitucionController
<?php
class InstitucionController
{
public function RegistroInstitucion($arg)

{
$presentar="
<table id='dg' title='REGISTRO DE LAS INSTITUCIONES' class='easyui-
datagrid' style='width:1100px;height:450px' url='ajax.php?opc=getInstitu'
toolbar='#toolbar' data-options='
singleSelect:true,rownumbers:true'>
<thead>
<tr>
<th field='descripcion' width='320'>Institución</th>

<th field='direccion' width='320'>Dirección</th>
<th field='telefonolocal' width='100'>Telefono</th>
<th field='celular' width='100'>Celular</th>
<th field='estado' width='150'>Estado</th>
</tr>
</thead>
</table>
<div id='toolbar'>
<a href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-add'
plain='true' onclick='newInstitu()'>Nuevo</a>
<a href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-edit'
plain='true' onclick='editInstitu()'>Editar</a>
<a href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-ok' plain='true'
onclick='activarInstitu()'>Activar</a>
<a href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-no'
plain='true' onclick='destroyInstitu()'>Inactivar</a>
</div>
76
<div id='dlg' class='easyui-dialog'
<div class='ftitle'>Registro de Institución</div>
<div class='fitem'>
<label>Institución:</label>
<input name='descripcion' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
<label>Dirección:</label>
<input name='direccion' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
<label>Telefono:</label>
<input name='telefonolocal' class='easyui-textbox'
required='true'>
</div>
<div class='fitem'>
<label>Celular:</label>
<input name='celular' class='easyui-textbox' >
</div>
<div class='fitem'>
<input type='hidden' name='codigo' >
</div>
</form>
</div>
onclick='saveInstitu()' style='width:90px'>Guardar</a>
cancel' onclick=javascript:$('#dlg').dialog('close') style='width:90px'>Cancelar</a>
</div>
</div>
";
return $presentar;
}
public function saveInstitucion($descripcion,$direccion,$telefonolocal,$celular)
{
if(is_null($descripcion) || $descripcion == '')
{
return json_encode(array('errorMsg'=>'El campo descripción es obligatorio.'));
}
if(strlen($descripcion) < 2 || strlen($descripcion) > 100)
{
77
return json_encode(array('errorMsg'=>'El campo descripción solo admite entre 2
}
if(is_null($direccion) || $direccion == '')
{
return json_encode(array('errorMsg'=>'El campo dirección es obligatorio.'));
}
if(strlen($direccion) < 2 || strlen($direccion) > 80)
{
return json_encode(array('errorMsg'=>'El campo dirección solo admite entre 2 a
80 caracteres, por favor corregir y volver a intentarlo.'));
}
{
}
{
}
if(is_null($telefonolocal) || $telefonolocal == '')
{
return json_encode(array('errorMsg'=>'El campo telefono es obligatorio.'));
}
if(!is_numeric($telefonolocal))
{
return json_encode(array('errorMsg'=>'El campo telefono debe contener solo
dígitos, por favor corregir he intente de nuevo.'));
}
if( strlen($telefonolocal) != 9)
{
return json_encode(array('errorMsg'=>'El campo de Telefono solo admite solo 9
dígitos, por favor corregir y volver a intentarlo.'));
}
if($celular != '' || !is_null($celular) )

{
if(is_numeric($celular))
{
if( strlen($celular) != 10)

{
return json_encode(array('errorMsg'=>'El campo de celular solo admite 10
}
}
78
else
{
return json_encode(array('errorMsg'=>'El campo celular debe contener solo
dígitos, por favor corríjalo he intente de nuevo.'));
}
}
$sql="SELECT
sp_insertarInstitucion('".$descripcion."','".$direccion."','".$telefonolocal."','".$celular."');
";
$m->insertar($sql);
return json_encode(array('success'=>true, 'message'=>'La institución fue ingresada

con éxito'));
}
public function getInstituciones()

{
$result = array();
$rs = pg_query("select
I.codigo,I.descripcion,I.direccion,I.telefonolocal,I.celular,CASE
WHEN I.ESTADO = '0' THEN 'Inactivo'
WHEN I.ESTADO = '1' THEN 'Activo'
ELSE 'Inactivo'
END AS ESTADO from institucion I order by descripcion");
$items = array();
}
echo json_encode($items);
public function
editInstitucion($codigo,$descripcion,$direccion,$telefonolocal,$celular)
{
if(is_null($descripcion) || $descripcion == '')
{
return json_encode(array('errorMsg'=>'El campo descripción es obligatorio.'));
79
}
if(strlen($descripcion) < 2 || strlen($descripcion) > 100)
{
return json_encode(array('errorMsg'=>'El campo descripción solo admite entre 2
}
{
}
{
}
{
}
{
}
if(is_null($telefonolocal) || $telefonolocal == '')
{
return json_encode(array('errorMsg'=>'El campo telefono es obligatorio.'));
}
if(!is_numeric($telefonolocal))
{
return json_encode(array('errorMsg'=>'El campo telefono debe contener solo
dígitos, por favor corregir he intente de nuevo.'));
}
if( strlen($telefonolocal) > 9)
{
return json_encode(array('errorMsg'=>'El campo de Telefono solo admite hasta 9
}
if($celular != '' || !is_null($celular) )

{
if(is_numeric($celular))
{
if( strlen($celular) != 10)

{
80
return json_encode(array('errorMsg'=>'El campo de celular solo admite 10
}
}
else
{
return json_encode(array('errorMsg'=>'El campo celular debe contener solo
dígitos, por favor corríjalo he intente de nuevo.'));
}
}
$sql="SELECT
sp_modificarInstitucion(".$codigo.",'".$descripcion."','".$direccion."','".$telefonolocal."'
,'".$celular."');";
$m->editar($sql);
return json_encode(array('success'=>true, 'message'=>'La institución fue

modificada con éxito'));
}
public function destroyInstitucion($codigo)
{
$sql="SELECT sp_eliminarinstitucion(".$codigo.");";
} else {
}
return;
}
public function activarInstitu($codigo)
{
$sql="update institucion set estado='1' where codigo=".$codigo;
error_log("query-->".$sql);
$result=$m->editar($sql);
} else {
81
}
return;
}
Clase LoginController
<?php
require_once './src/Controller/AdminController.php';
require_once './src/Controller/TagController.php';
require_once './src/Controller/UsuarioController.php';
class LoginController extends TagController

{
public function presentarContenido()

{
//$presentar=$this->obtSaludo();
$presentar=$this->leerArchivoPlantilla("login");
$presentar=str_replace("_elContenido_",$this-
>extraerContenido(),$presentar);
return $presentar;
}
public function extraerContenido()

{
$presentar=" <div class='container' style='margin-top:180px'>
<div class='row'>
<div class='col-sm-6 col-md-4 col-md-offset-4'>
<div class='panel panel-default'>
<div class='panel-heading'>
<strong></strong>
</div>
<div class='panel-body'>
<form name='signIn' role='form'
action='./welcome.php' method='POST'>
<fieldset>
82
<div class='row'>
<div class='center-
block'>
<img
id='profile-img' class='profile-img'
src='./public/images/usuarioNoRegistrado.png' alt=''>
</div>
</div>
<div class='row'>
<div class='col-sm-12
col-md-10 col-md-offset-1'>
<div
class='form-group'>
<div
class='input-group'>
<span class='input-group-addon'>
<i class='glyphicon glyphicon-user'></i>
</span>
<input class='form-control' placeholder='Username' id='loginname'

name='loginname' type='text' autofocus>
</div>
</div>
<div
class='form-group'>
<div
class='input-group'>
<span class='input-group-addon'>
<i class='glyphicon glyphicon-lock'></i>
</span>
<input class='form-control' placeholder='Password' name='password'

id='password' type='password' value=''>
</div>
</div>
<div
class='form-group'>
<input
type='submit' name='signInBtn' id='signInBtn' class='btn btn-lg btn-primary btn-block'
value='Entrar'>
83
</div>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>";
return $presentar;
}
public function logout()

{
session_start();
session_destroy();
session_commit();
return 0;
public function cambiarFoto($USUARIO)

{
$sql="SELECT USUARIO,FOTO FROM USUARIO WHERE

USUARIO='".htmlspecialchars(stripcslashes(trim($USUARIO)))."'";

$resultado=$m->consultar($sql);
if($resultado === FALSE) {

die(mysql_error());
}
if(count($resultado[0]["foto"])!= 0)
{
return './public/images/'.$resultado[0]["foto"];
}
else
84
{
$resultado[0]["foto"]='./public/images/usuarioNoRegistrado.png';
return $resultado[0]["foto"];
}
Página Principal
<?php
require_once './src/Controller/LoginController.php';
session_start();
if(!empty($_SESSION['usuario'])) {
$host = $_SERVER['HTTP_HOST'];
$uri = rtrim(dirname($_SERVER['PHP_SELF']), '/\\');
$extra = 'welcome.php';
header("Location: http://$host$uri/$extra");
}
//$objetoContenido=new LoginController(); antes se debia hacer esto
$presentar=(new LoginController)->presentarContenido();//Lo actual en php 5.4
echo $presentar;
85

Cesar Vallejo Tesis Johan Pascual

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

Cesar Vallejo Tesis Johan Pascual

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS

Previa a la obtención del Título de:

INGENIERO EN SISTEMAS COMPUTACIONALES

AUTOR: OMAR XAVIER ROMERO LÓPEZ

TUTOR: JONATHAN STALIN DELGADO GUERRERO

En mi calidad de Tutor del trabajo de investigación, “ANÁLISIS, DISEÑO E

IMPLEMENTACIÓN DEL SISTEMA DE CONTROL DE PRÁCTICAS

Ing. JONATHAN STALIN DELGADO GUERRERO

La presente tesis se la dedico a Dios quien supo

Le agradezco a mi tutor de tesis

Ing. Jonathan Delgado Guerrero Ing. Francisco Palacios Ortiz

Ing. Héctor Lara Gavilánez Ab. Juan Chávez Atocha

“La responsabilidad del contenido de esta Tesis de Grado,

OMAR XAVIER ROMERO LÓPEZ

CARRERA DE INGENIERIA EN SISTEMAS COMPUTACIONALES

“ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE

Auto/a: Omar Xavier Romero López

Tutor: Jonathan Delgado Guerrero

Guayaquil, Diciembre de 2015

En mi calidad de Tutor de Tesis de Grado, nombrado por el Consejo Directivo de la Facultad

Que he analizado el Proyecto de Grado presentado por el estudiante OMAR

“ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE

Considero aprobado el trabajo en su totalidad.

OMAR XAVIER ROMERO LÓPEZ Cedula de Identidad N°0924976327

Tutor: Jonathan Delgado Guerrero

Guayaquil, Diciembre de 2015

Autorización para Publicación de Tesis en Formato Digital

Facultad: Ciencias Matemáticas y Físicas

Título de la Tesis: ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE

Temas Tesis: ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA

2. Autorización de Publicación de Versión Electrónica de la Tesis

CES Consejo de Educación Superior

CUADRO N° 1 Causas y consecuencias ................................................................................... 7

ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE CONTROL DE

Autor : Omar Xavier Romero López

calidad y estos están siendo regidos y establecidos por el CEAACES. Actualmente la

que se manejan en el registro y consultas que se realiza en el área de Prácticas Pre-

profesionales con el desarrollo de un sistema y adicionalmente ayudar con la implementación

información. El presente proyecto es factible y se aplicarán entrevistas y cuestionarios para

universitaria de la Facultad Piloto de Odontología.

ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL SISTEMA DE CONTROL DE

El texto del Resumen en Inglés

will benefit the university community of the Faculty of Dentistry.

“La Constitución Política de la República, garantiza, el derecho a acceder a las fuentes de

estado, y demás entidades obligadas por esta ley” (LOTAIP, 2004)

esta problemática con la implementación de un sitio web para la facultad Piloto de

Odontología de la Universidad de Guayaquil, ya que en la actualidad no existe un sitio web

oficial en donde se publique información referente a la carrera o servicios que se ofrecen en

un requisito pedido por el CES (Consejo de Educación Superior).

profesionales, ya que actualmente el proceso se lo realiza de una manera manual, no

A continuación hacemos una breve descripción de cada capítulo de la tesis:

ubicación del problema en un contexto sabiendo situación conflicto nudos críticos y

estableciendo las causas y consecuencias, delimitaciones formulación y evaluación del

los específicos con sus respectivos alcances que tendrá la solución.

El capítulo 2 se fundamentara teóricamente los componentes del objeto de la investigación

relacionados con la acreditación universitaria de la Facultad Piloto de Odontología y las

de instrumentos de recolección y análisis de datos, estableciendo la población y muestra de

estudio que se investigará, también se establece los instrumentos de recolección de datos y la

técnica que se utilizará.

El capítulo 4 se presenta el análisis del presupuesto para la implementación de los sistemas

así como el cronograma de actividades y tiempo de duración del proyecto.

solución del problema.