7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 1/144
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS
COMPUTACIONALES
Implementación y desarrollo de un Portal Web para la Unidad Educativa
“LUIS FELIPE BORJA DEL ALCÁZAR” y optimización de proceso
comunicacional basado en herramienta Open Source.
MANUAL TÉCNICO Y
MANUAL DE USUARIO
AUTORA: ROSA PATRICIA CASTILLO CHAGUAY
GUAYAQUIL – ECUADOR
2013
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 2/144
ÍNDICE GENERAL
Contenido
ÍNDICE GENERAL ................................................................................................................ 1
CAPITULO I ....................................................................................................................... 11
MANUAL TÉCNICO ........................................................................................................... 11
INTRODUCCIÓN ............................................................................................................ 11
OBJETIVO DEL MANUAL ............................................................................................... 11
MAPA DE CONTENIDO DEL PORTAL WEB ..................................................................... 12
DIAGRAMA DE UML ..................................................................................................... 12
DIAGRAMA DE CLASE ................................................................................................... 13
DIAGRAMA DE CONTEXTO............................................................................................ 16
DIAGRAMA DE CASO DE USO ....................................................................................... 17
CARACTERÍSTICA DE EQUIPOS ...................................................................................... 22
INSTALACION DE JOOMLA ............................................................................................ 25
INSTALACIÓN DE ES-ES JOOMLA LANG FULL ............................................................... 36INSTALACIÓN FINALIZADA DE ES-ES JOOMLA LANG FULL ........................................... 36
GESTOR DE IDIOMA JOOMLA ...................................................................................... 37
INSTALACIÓN DE DOCMAN.......................................................................................... 38
INSTALACIÓN DE JW SIMPLE IMAGE GALLERY ............................................................. 40
INSTALACIÓN DEL SISTEMA REMOTO .......................................................................... 42
MODELO DE BASE DE DATO ......................................................................................... 49
DICCIONARIO DE DATO ................................................................................................ 53
CAPITULO II ...................................................................................................................... 60
MANUAL DE USUARIO ..................................................................................................... 60
PRESENTACIÓN ............................................................................................................ 60
INTRODUCCION ............................................................................................................ 60
INICIO ........................................................................................................................... 62
QUIENES SOMOS .......................................................................................................... 62
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 3/144
INFORMACIÓN ............................................................................................................. 68
CONSULTAS .................................................................................................................. 70
RECURSOS .................................................................................................................... 74
GALERÍA ....................................................................................................................... 78
SERVICIO ...................................................................................................................... 79
INGRESO COMO ADMINISTRADOR DE JOOMLA ........................................................ 130
SISTEMA REMOTO ...................................................................................................... 137
CONFIGURACIÓN DEL SERVIDOR REMOTO ................................................................ 139
CONFIGURACIÓN DEL SERVIDOR LOCAL .................................................................... 140
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 4/144
ÍNDICE DE GRÁFICO
GRÁFICO N° 1MAPA DE CONTENIDO DEL PORTAL WEB ......................................................................... 12
GRÁFICO N° 2
DIAGRAMA DE CLASE ....................................................................................................... 15
GRÁFICO N° 3
DIAGRAMA DE CONTEXTO ............................................................................................... 16
GRÁFICO N° 4
DIAGRAMA DE CASO DE USO - INICIAR SESIÓN ............................................................... 17
GRÁFICO N° 5
CONSULTAS DEL ADMINISTRADOR .................................................................................. 18
GRÁFICO N° 6
INGRESO Y ACTUALIZACIÓN DEL ADMINISTRADOR ......................................................... 19
GRÁFICO N° 7
INGRESO, CONSULTA Y ACTUALIZACION DEL DOCENTE .................................................. 19
GRÁFICO N° 8
INCIAR SESIÓN DEL REPRESENTANTE ............................................................................... 20
GRÁFICO N° 9
CONSULTA Y ACTUALIZACIÓN DEL REPRESENTANTE ....................................................... 20
GRÁFICO N° 10
INCIAR SESIÓN DEL ALUMNO ........................................................................................... 21GRÁFICO N° 11
CONSULTA Y ACTUALIZACIÓN DEL ALUMNO ................................................................... 21
GRÁFICO N° 12
CONSULTA Y ACTUALIZACIÓN DEL ALUMNO ................................................................... 25
GRÁFICO N° 13
INSTALACIÓN DE JOOMLA................................................................................................ 26
GRÁFICO N° 14
COMPROBACIONES PREVIAS DE INSTALANDO JOOMLA .................................................. 27
GRÁFICO N° 15
LICENCIA DE INSTALANDO JOOMLA ................................................................................. 28GRÁFICO N° 16
CONFIGURACIÓN DE LA BASE DE DATOS DE JOMMLA ..................................................... 29
GRÁFICO N° 17
PÁGINA DE INGRESO AL CPANEL ...................................................................................... 30
GRÁFICO N° 18
PÁGINA PRINCIPAL DEL CPANEL ....................................................................................... 30
GRÁFICO N° 19
MySQL BASE DE DATO DEL CPANEL ................................................................................. 31
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 5/144
GRÁFICO N° 20
CONFIGURACIÓN DE LA BASE DE DATO EN JOOMLA ....................................................... 32
GRÁFICO N° 21CONFIGURACIÓN PRINCIPAL DE LA INSTALACIÓN DE JOMMLA ....................................... 33
GRÁFICO N° 22
PÁGINA DE INGRESO DEL ADMINISTRADOR DE JOMMLA ................................................ 34
GRÁFICO N° 23
PÁGINA PRINCIPAL DEL ADMINISTRADOR DE JOMMLA ................................................... 35
GRÁFICO N° 24
INSTALACIÓN DE ES-ES_JOOMLA_LANG_FULL ................................................................ 36
GRÁFICO N° 25
INSTALACIÓN FINALIZADA DE ES-ES_JOOMLA_LANG_FULL ............................................ 36
GRÁFICO N° 26
GESTOR DE IDIOMA JOOMLA ........................................................................................... 37
GRÁFICO N° 27
INSTALACIÓN DE DOCMAN .............................................................................................. 38
GRÁFICO N° 28
RUTA DE DOCMAN ........................................................................................................... 39
GRÁFICO N° 29
MENU PRINCIPAL DE DOCMAN ........................................................................................ 39
GRÁFICO N° 30
INSTALACIÓN DE JW_SIMPLE_IMAGE_GALLERY .............................................................. 40GRÁFICO N° 31
GESTOR DE IDIOMA JOOMLA ........................................................................................... 41
GRÁFICO N° 32
GESTOR DE IDIOMA JOOMLA ........................................................................................... 42
GRÁFICO N° 33
UBICACIÓN DEL INSTALADOR DEL SISTEMA REMOTO ..................................................... 43
GRÁFICO N° 34
INSTALACIÓN DEL SISTEMA REMOTO .............................................................................. 43
GRÁFICO N° 35
UBICACIÓN DE INSTALACIÓN DEL SISTEMA REMOTO ...................................................... 44
GRÁFICO N° 36
CONFIRMAR LA INSTALACIÓN DEL SISTEMA REMOTA ..................................................... 45
GRÁFICO N° 37
INSTALANDO EL SISTEMA REMOTO ................................................................................. 45
GRÁFICO N° 38
PANTALLA DE INSTALACIÓN COMPLETA DEL SISTEMA REMOTO ..................................... 46
GRÁFICO N° 39
ICONO DEL SISTEMA REMOTO ......................................................................................... 46
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 6/144
GRÁFICO N° 40
PANTALLA DE CONFIGURACIÓN DEL SISTEMA REMOTO ................................................. 47
GRÁFICO N° 41MODELO DE BASE DE DATO ............................................................................................. 49
GRÁFICO N° 42
BASE DE DATO PARTE 1.................................................................................................... 50
GRÁFICO N° 43
BASE DE DATO PARTE 2.................................................................................................... 51
GRÁFICO N° 44
BASE DE DATO PARTE 3.................................................................................................... 52
GRÁFICO N° 45
PANTALLA DE INICIO DEL PORTAL WEB ........................................................................... 61
GRÁFICO N° 46
PANTALLA DE HISTORIA DE LA INSTITUCIÓN ................................................................... 63
GRÁFICO N° 47
PANTALLA DE VISIÓN Y MISIÓN ....................................................................................... 63
GRÁFICO N° 48
PANTALLA DE NUESTROS COLABORADORES.................................................................... 64
GRÁFICO N° 49
PANTALLA CONSULTA DE NUESTROS COLABORADORES ................................................. 65
GRÁFICO N° 50
PANTALLA DE COMITÉ DE PADRES DE FAMILIA ............................................................... 66GRÁFICO N° 51
PANTALLA DE CONTÁCTENOS .......................................................................................... 67
GRÁFICO N° 52
MAPA DEL SITIO WEB ....................................................................................................... 67
GRÁFICO N° 53
PATALLA DE REQUISITO DE MATRICULACIÓN .................................................................. 68
GRÁFICO N° 54
PANTALLA DE SOLICITUD DE MATRICULACIÓN ................................................................ 69
GRÁFICO N° 55
PANTALLA DE INFORMACIÓN DE UNIFORME .................................................................. 70
GRÁFICO N° 56
PANTALLA DE HORARIO DE ATENCIÓN ............................................................................ 71
GRÁFICO N° 57
PANTALLA DE HORARIO DE CLASE ................................................................................... 71
GRÁFICO N° 58
PANTALLA DE CONSULTA DE HORARIO DE CLASE ............................................................ 72
GRÁFICO N° 59
PANTALLA DE CONSULTA DE HORARIO DE DOCENTE ...................................................... 73
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 7/144
GRÁFICO N° 60
PANTALLA DE VISUALIZACIÓN DE EVENTOS .................................................................... 73
GRÁFICO N° 61PANTALLA DESCARGA DE ARCHIVOS ............................................................................... 74
GRÁFICO N° 62
PANTALLA DE SUBCATEGORIA POR CURSO ..................................................................... 75
GRÁFICO N° 63
PANTALLA DE DESCARGA ................................................................................................. 75
GRÁFICO N° 64
PANTALLA DE FORO ......................................................................................................... 76
GRÁFICO N° 65
PANTALLA PARA CREAR UNA CUENTA EN EL FORO ......................................................... 77
GRÁFICO N° 66
PANTALLA DEL WEB MAIL ................................................................................................ 77
GRÁFICO N° 67
VISUALIZACIÓN DE GALERIA ............................................................................................ 78
GRÁFICO N° 68
VISUALIZACIÓN DE GALERIA ............................................................................................ 79
GRÁFICO N° 69
PANTALLA INGRESO DEL SISTEMA ACADÉMICO DE NOTAS ............................................. 80
GRÁFICO N° 70
PANTALLA INICIO DEL SISTEMA ACADÉMICO DE NOTAS ................................................. 81GRÁFICO N° 71
PANTALLA DE INGRESO DE NOTA .................................................................................... 82
GRÁFICO N° 72
PANTALLA DE INGRESO DE NOTAS POR MATERIA ........................................................... 83
GRÁFICO N° 73
PANTALLA DE CONSULTA POR ALUMNO ......................................................................... 85
GRÁFICO N° 74
PANTALLA DE CONSULTA POR ALUMNO CON DATOS ..................................................... 86
GRÁFICO N° 75
PANTALLA DE CONSULTA POR MATERIA.......................................................................... 88
GRÁFICO N° 76
PANTALLA DE DATOS PERSONALES DEL USUARIO ........................................................... 90
GRÁFICO N° 77
PANTALLA DE ACTUALIZACIÓN DE CLAVE ........................................................................ 91
GRÁFICO N° 78
PANTALLA DE ENVÍO E-MAIL Y SMS ................................................................................. 92
GRÁFICO N° 79
PANTALLA DE INGRESO DEL ADMINISTRADOR ................................................................ 94
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 8/144
GRÁFICO N° 80
PANTALLA DE PRINCIPAL DEL ADMINISTRADOR .............................................................. 94
GRÁFICO N° 81PANTALLA DE APERTURA ................................................................................................. 95
GRÁFICO N° 82
PANTALLA DE INGRESO DE APERTURA............................................................................. 96
GRÁFICO N° 83
PANTALLA DE INGRESO POR MATERIA ............................................................................ 97
GRÁFICO N° 84
PANTALLA DE INGRESO DE NOTAS POR MATERIA ........................................................... 98
GRÁFICO N° 85
MODIFICACIÓN DE NOTA ................................................................................................. 99
GRÁFICO N° 86
CONSULTA DE NOTA POR ALUMNO ............................................................................... 101
GRÁFICO N° 87
CONSULTA DE MATERIAS -ADMINISTRADOR ................................................................. 102
GRÁFICO N° 88
PANTALLA DE CONSULTA DE COMPORTAMIENTO ........................................................ 103
GRÁFICO N° 89
PANTALLA DE CONSULTA DE APERTURA ........................................................................ 104
GRÁFICO N° 90
PANTALLA DE NOTAS CONFIRMADAS ............................................................................ 105GRÁFICO N° 91
PANTALLA DE AUDITORÍA DE NOTAS ............................................................................. 106
GRÁFICO N° 92
CONSULTA DE HORARIO ................................................................................................ 107
GRÁFICO N° 93
LISTADO DE DOCENTE .................................................................................................... 108
GRÁFICO N° 94
LISTADO DE ALUMNO .................................................................................................... 109
GRÁFICO N° 95
CONSULTA DE DATOS..................................................................................................... 110
GRÁFICO N° 96
CACTUALIZACIÓN DE CLAVE DEL USUARIO .................................................................... 110
GRÁFICO N° 97
PANTALLA DE ENVÍO E-MAIL Y SMS COMO ADMISNITRADOR ....................................... 111
GRÁFICO N° 98
PANTALLA DE CONSULTA DE ENVÍO SMS ....................................................................... 113
GRÁFICO N° 99
CONSULTA DE ENVÍO DE SMS ........................................................................................ 114
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 9/144
GRÁFICO N° 100
INGRESO POR REPRESENTANTE ..................................................................................... 115
GRÁFICO N° 101PANTALLA PRINCIPAL DEL REPRESENTANTE .................................................................. 116
GRÁFICO N° 102
CONSULTA DE NOTAS DEDE EL REPRESENTANTE........................................................... 117
GRÁFICO N° 103
CONSULTA DE DATOS DEL REPRESENTANTE .................................................................. 119
GRÁFICO N° 104
ACTUALIZACIÓN DE CLAVE DEL REPRESENTANTE .......................................................... 120
GRÁFICO N° 105
PANTALLA DE INGRESO DEL ALUMNO ........................................................................... 121
GRÁFICO N° 106
PANTALLA PRINCIPAL DE ALUMNO ................................................................................ 122
GRÁFICO N° 107
CONSULTA DE NOTAS .................................................................................................... 123
GRÁFICO N° 108
CONSULTA DE DATOS DEL ALUMNO .............................................................................. 125
GRÁFICO N° 109
ACTUALIZAIÓN DE CLAVE DEL ALUMNO ........................................................................ 126
GRÁFICO N° 110
PANTALLA DE INICIO SESIÓN .......................................................................................... 127GRÁFICO N° 111
INGRESO POR EL ADMINISTRADOR DE JOOMLA ............................................................ 128
GRÁFICO N° 112
INGRESO COMO ADMINISTRADOR DE JOOMLA ............................................................ 129
GRÁFICO N° 113
INGRESO COMO ADMINISTRADOR DE JOOMLA ............................................................ 130
GRÁFICO N° 114
PANTALLA PARA MODIFICAR UN ARTÍCULO .................................................................. 131
GRÁFICO N° 115
MODIFICANDO UN ARTÍCULO ........................................................................................ 132
GRÁFICO N° 116
PANTALLA SUBIENDO IMAGEN EN UN ARTICULO .......................................................... 132
GRÁFICO N° 117
PANTALLA DE DIRECCIÓN DE LA IMAGEN ...................................................................... 133
GRÁFICO N° 118
PANTALLA DEL ARTÍCULO - FOTO ................................................................................... 134
GRÁFICO N° 119
PANTALLA – SUBIR UN ARCHIVO.................................................................................... 135
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 10/144
GRÁFICO N° 120
SUBIR ARCHIVO DESDE UNA PC ..................................................................................... 136
GRÁFICO N° 121PANTALLA DE OBSERVACIÓN DEL ARCHIVO .................................................................. 136
GRÁFICO N° 122
VISUALIZACIÓN DE UN ARCHIVO DESDE UN ARTÍCULO ................................................. 137
GRÁFICO N° 123
VISUALIZACIÓN DEL SISTEMA REMOTO ......................................................................... 138
GRÁFICO N° 124
PANTALLA DE CONFIGURACIÓN REMOTA ...................................................................... 138
GRÁFICO N° 125
PRUEBA DE CONEXIÓN CON EL SERVIDOR ..................................................................... 139
GRÁFICO N° 126
PRUEBA DE CONEXIÓN CON EL SERVIDOR ..................................................................... 140
GRÁFICO N° 127
CONFIGURACIÓN DE ARCHIVO DE TABLAS .................................................................... 141
GRÁFICO N° 128
CONFIGURACIÓN FTP ..................................................................................................... 142
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 11/144
ÍNDICE DE CUADRO
CUADRO N° 1
CARACTERÍSTICA DEL SERVIDOR LOCAL ........................................................................... 23
CUADRO N° 2
SOFTWARE UTILIZADOS ................................................................................................... 24
CUADRO N° 3
TABLA APERTURA ............................................................................................................. 53
CUADRO N° 4
TABLA DETALLE NOTA ...................................................................................................... 54CUADRO N° 5
TABLA MATERIA SUPLETORIO .......................................................................................... 55
CUADRO N° 6
TABLA NOTAS ................................................................................................................... 56
CUADRO N° 7
TABLA RANGO SUPLETORIO ............................................................................................. 57
CUADRO N° 8
TABLA SERVICIO ............................................................................................................... 58
CUADRO N° 9
TABLA REMOTO ÚLTIMA FECHA ...................................................................................... 59
CUADRO N° 10
TABLA LOCAL ÚLTIMA FECHA ........................................................................................... 59
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 12/144
CAPITULO I
MANUAL TÉCNICO
INTRODUCCIÓN
El presente documento se constituye en una herramienta de soporte y ayuda para
los Ingenieros Desarrolladores. Se espera orientar al administrador y operadores
que vayan a utilizar el sistema y así puedan poner en funcionamiento el mismo, se
detallará las configuraciones necesarias para poner en funcionamiento el sistema,
de una forma bien estructurada y así hacerle una tarea más fácil.
OBJETIVO DEL MANUAL
Este manual tiene como principales objetivos brindar al lector una concepción
técnica del Portal Web, Sistema Académico de Nota y Sistema Remoto.
Explicar de forma específica y amplia los pasos previos para la
continuación del proceso comunicacional.
Dar a conocer los recursos que utilizaron para el respectivo diseño.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 13/144
12
MAPA DE CONTENIDO DEL PORTAL WEB
GRÁFICO N° 1
MAPA DE CONTENIDO DEL PORTAL WEB
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
DIAGRAMA DE UML
UML (Lenguaje Unificado de modelado) Es un lenguaje gráfico para visualizar,
especificar, construir y documentar el sistema. UML ofrece un estándar para describir un
"plano" del sistema (modelo), incluyendo aspectos conceptuales tales como procesos de
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 14/144
13
negocio, funciones del sistema, y aspectos concretos como expresiones de lenguajes de
programación, esquemas de bases de datos y compuestos reciclados.
DIAGRAMA DE CLASE
Es un tipo de diagrama estático que describe la estructura del sistema mostrando sus clases,
atributos y las relaciones entre ellos. Los diagramas de clases son utilizados durante el
proceso de análisis y diseño del sistema, donde se crea el diseño conceptual de la
información que se manejará en el sistema, y los componentes que se encargarán del
funcionamiento y la relación entre uno y otro.
Representación de: - Requerimientos en entidades y actuaciones. - La arquitectura
conceptual de un dominio - Soluciones de diseño en una arquitectura - Componentes de
software orientados a objetos
En UML, una clase es representada por un rectángulo que posee tres divisiones:
En donde:
Superior: Contiene el nombre de la Clase
Intermedio: Contiene los atributos (o variables de instancia) que caracterizan a la Clase
(pueden ser private, protected o public).
Inferior: Contiene los métodos u operaciones, los cuales son la forma como interactúa el
objeto con su entorno (dependiendo de la visibilidad: private, protected o public).
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 15/144
14
Herencia (Especialización/Generalización):
Indica que una subclase hereda los métodos y atributos especificados por una Super Clase, por ende la Subclase además de poseer sus propios métodos y atributos, poseerá las
características y atributos visibles de la Súper Clase (public y protected), el símbolo que
utiliza es:
Presentación del diagrama de clase del proyecto
El modulo de nota se lo puede representar en el siguiente diagrama que serán utilizadodentro del sistema y las relaciones que existen entre ellas ya sean estructurales y de
herencia.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 16/144
15
GRÁFICO N° 2
DIAGRAMA DE CLASE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 17/144
16
GRÁFICO N° 3
DIAGRAMA DE CONTEXTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 18/144
17
DIAGRAMA DE CASO DE USO
Los diagramas de casos de uso documentan el comportamiento de un sistema desde el
punto de vista del usuario. Por lo tanto los casos de uso determinan los requisitos
funcionales del sistema, es decir, representan las funciones que un sistema puede ejecutar.
Su ventaja principal es la facilidad para interpretarlos, lo que hace que sean especialmente
útiles en la comunicación con el cliente.
GRÁFICO N° 4
DIAGRAMA DE CASO DE USO - INICIAR SESIÓN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 19/144
18
GRÁFICO N° 5
CONSULTAS DEL ADMINISTRADOR
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 20/144
19
GRÁFICO N° 6
INGRESO Y ACTUALIZACIÓN DEL ADMINISTRADOR
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
GRÁFICO N° 7
INGRESO, CONSULTA Y ACTUALIZACION DEL DOCENTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 21/144
20
GRÁFICO N° 8
INCIAR SESIÓN DEL REPRESENTANTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
GRÁFICO N° 9
CONSULTA Y ACTUALIZACIÓN DEL REPRESENTANTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 22/144
21
GRÁFICO N° 10
INCIAR SESIÓN DEL ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
GRÁFICO N° 11
CONSULTA Y ACTUALIZACIÓN DEL ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 23/144
22
CARACTERÍSTICA DE EQUIPOS
Característica del servidor del hosting
Para el Portal Web se utilizó el servicio de dominio y hosting brindado por Ecuahosting con
las siguientes característica.
DOMINIO
www.luisfelipeborjadelalcazar.com
HOSTING
Servidor php
4.000 MB de Almacenamiento HD de espacio
Transferencia mensual: Ilimitado
Velocidad del servidor 3100 mhz
Server – memoria (mínima) 2048 Mb
Sistema Operativo Centos5
Características de los servicios del hosting:
Uso del Ftp
Flash
Base de Datos-My sql 4 -5
Soporta CG Scripting
Soporta PHP 4 -5
Servidor Apache
Sendmail
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 24/144
23
Característica del servidor local (Sistema Remoto)
Característica servidor que se encontrar en la Unidad Educativa “LUIS FELIPE BORJA
DEL ALCÁZAR” donde se lleva la base de dato principal, es aquí donde se encontrar
ejecutando el sistema remoto.
CUADRO N° 1
CARACTERÍSTICA DEL SERVIDOR LOCAL
PROCESADOR Procesador Intel
XeonQuadCore
SISTEMA
OPERATIVO
Windows Sever 2003
MEMORIA 4 Giga o más
DISCO DURO 2 Disco Duro de 250
GB Hot Swap Raid
1+0
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 25/144
24
CUADRO N° 2
SOFTWARE UTILIZADOS
PAQUETE DESCRIPCIÓNServer 2003 Sistema operativo de la familia Windows de la marca
Microsoft (servidor local que utiliza la Unidad Educativa – Sistema Remoto).
Servidor Web Servidor que se encuentra en el hosting con sistemaOperativo Linux.
MySQL 5.5.28 MySQL es un sistema de gestión de bases de datosrelacional. (se encuentra usando en el hosting).
Apache 2.2.23 Apache es programa de servidor HTTP Web de códigoabierto. (Se encuentra usando en el hosting).
PHP 5.2.17 Lenguaje de Programación capaz de crearPáginas Web dinámicas.
Microsoft VisualStudio.NET 2008
Visual Basic: Lenguaje de programación dirigido poreventos (Utilizado para el Sistema Remoto e instalado en elservidor local).
Joomla 2.5.8 Sistema de Gestión de Contenidos (CMS) reconocidomundialmente, que nos ayuda a construir sitios web.
Simple_image_gallery_pro_ 2.5.7
plugin Galería de imágenes para Joomla en nuestro portal.
mod_xpertaccordion Plugin de modelo de orden de datos para joomla
DocMan-v1.6.7 DOCman es una solución de gestión de documentos y dedescarga de Joomla, ofreciendo documentos descargablesen el sitio web.
com_kunena_v1.7.2 Foro que se integra de forma nativa en Joomla!unite_horizontal_carousel1 Enlaces que nos permite relacionar lo más importante, la
misma que se encuentra presente en toda las páginas del portal web.
pkg_com_xmap-2.0 Xmap nos ayuda con una presentación del mapa del sitio.plugin_googlemap_J25_J30.
Plugin que nos permite visualizar el mapa de google map, para así tener una mejor ubicación de la Unidad Educativa.
mod_facebook_likebox Modulo que permite mostrar en una barra las publicaciones
de la página de facebook.es-ES_joomla_lang_full_2.5 Permite cambiar el idioma del portal de joomlaES_joomla2.5_front_admi Permite cambiar el idioma de la parte del administrador.
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 26/144
25
Para acceder al Portal se requiere contar con algunos de los siguientes navegadores:
Google Chrome (recomendado) Mozilla Firefox
Internet Explorer
Se adjunto con el documento un CD donde se encuentran los instaladores de joomla, losPlugin, Sistema Remoto y la carpeta del programa de SADN con su base de dato.
INSTALACION DE JOOMLA
Para instalar Joomla se puede hacer de dos forma una ella es desde la Web o realizar la
instalación localmente para luego subirla a la Web, en este caso se instalo desde la web.
Se debe abrir el FileZilla y copiar todos los archivos que se encuentra dentro de la carpeta
Clone_Installer-(Joomla-2.5.8) en la carpeta public_html. El archivo Clone_Installer-
(Joomla-2.5.8) lo encontrará en el CD dentro de la carpeta archivos de joomla.
GRÁFICO N° 12
CONSULTA Y ACTUALIZACIÓN DEL ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 27/144
26
Se debe abrir el navegador y escribir la siguiente dirección:
http://www.luisfelipeborjadelalcazar.com de esta forma accedemos al instalador de Joomla!2.5.8 y comenzaremos con los pasos:
1. Idioma: se selecciona el idioma en el cual queremos que nos guíe Joomla! para su
instalación. Automáticamente detecta en qué idioma tiene el navegador (o sistema
operativo) y marcará la opción adecuada.
GRÁFICO N° 13
INSTALACIÓN DE JOOMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 28/144
27
2. Comprobaciones: Joomla! Comprueba las versiones de PHP y MySQL instaladas y
sus configuraciones para ver que todo está correcto para su instalación. En caso deque algo no esté correcto, habrá que hacer modificaciones en la configuración del
servidor.
GRÁFICO N° 14
COMPROBACIONES PREVIAS DE INSTALANDO JOOMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
3. Licencia: en este paso va verificar la licencia de Joomla!
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 29/144
28
GRÁFICO N° 15
LICENCIA DE INSTALANDO JOOMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
4. Base de datos: se debe poner los datos de configuración de la base de datos (en
donde se va a instalar el contenido del sitio web). El hospedaje o servidor es
localhost, usuario es luisfeli y con su respectiva contraseña.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 30/144
29
GRÁFICO N° 16
CONFIGURACIÓN DE LA BASE DE DATOS DE JOMMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Se va a definir una base de dato para joomla! y para esto se crea una base de dato en
el cpanel.
Para ingresar al cpanel se debe escribir la siguiente dirección en un navegador
www.luisfelipeborjadelalcazar.com/cpanel
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 31/144
30
GRÁFICO N° 17
PÁGINA DE INGRESO AL CPANEL
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego se escribe el usuario y contraseña damos clic en acceder y mostrará la página
principal
GRÁFICO N° 18
PÁGINA PRINCIPAL DEL CPANEL
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 32/144
31
Luego damos clic en MySQL Bases de Datos y nos presenta la siguiente pantalla,
donde dice nueva base de dato se debe escribir el nombre de la base de dato que seva crear. Como vemos en la imagen una vez creada va a parecer en la parte inferior
(luisfeli_jm_borja).
GRÁFICO N° 19
MySQL BASE DE DATO DEL CPANEL
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Una vez creada la base de dato se debe continuar en el paso 4 de la instalación de
joomla! por lo que procedemos de ingresar los datos tal como nuestra en el siguiente
gráfico.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 33/144
32
GRÁFICO N° 20
CONFIGURACIÓN DE LA BASE DE DATO EN JOOMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
5. Configuración: datos del sitio (www.luisfelipeborjadelalcazar.com), y datos de la
cuenta de superadministrador (correo electrónico, nombre de usuario y contraseña).
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 34/144
33
GRÁFICO N° 21
CONFIGURACIÓN PRINCIPAL DE LA INSTALACIÓN DE JOMMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
6. Finalizar: pantalla de finalización del proceso de instalación de Joomla! 2.5.8 en la
cual se obliga, por temas de seguridad, a eliminar la carpeta “installation” de
nuestro directorio. Es decir que se debe ir a filezilla y eliminar esta carpeta.
Una vez ya instalado completamente Joomla! se empieza a configurar el sitio web y su
contenido. Se puedes elegir entre los botones Sitio (ver el sitio web) y Admin (ver la
interfaz de administración.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 35/144
34
FRONTEND
Es la parte pública, las áreas del sitio web tal y como los visitantes o los usuariosregistrados las ven. Un usuario registrado trabajará normalmente en el frontend.
BACKEND
Es el área de administración, y por eso a veces la llamaremos directamente 'administración'
o 'zona de administración'. Siendo la parte privada a la que sólo tienen acceso cierta
persona encargada de hacer mantenimientos al Portal Web quien se le otorgar un usuario
registrado con los permisos necesarios para trabajar en tu backend. El mismo que puede
acceder al formulario de acceso de la zona administrativa a través del directorio
/administrador
http://luisfelipeborjadelalcazar.com/administrator/
GRÁFICO N° 22
PÁGINA DE INGRESO DEL ADMINISTRADOR DE JOMMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 36/144
35
Después de haber iniciado sesión correctamente, tendrá acceso a la administración, tal
como se presenta en el siguiente gráfico.
GRÁFICO N° 23
PÁGINA PRINCIPAL DEL ADMINISTRADOR DE JOMMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Es-ES_joomla_lang_full_2.5
Este gestor nos permitirá cambiar el idioma, damos clic Extensiones/Gestor de extensiones
presentando la siguiente pantalla en la que buscamos el archivo con nombre:
es-ES_joomla_lang_full_2.5.10v1
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 37/144
36
GRÁFICO N° 24
INSTALACIÓN DE ES-ES_JOOMLA_LANG_FULL
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Seleccionamos el archivo y luego se da clic en subir e instalar
GRÁFICO N° 25
INSTALACIÓN FINALIZADA DE ES-ES_JOOMLA_LANG_FULL
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 38/144
37
Luego nos dirigimos al gestor de idioma y seleccionar el idioma que deseamos (escogiendo
el que se instalo.
GRÁFICO N° 26
GESTOR DE IDIOMA JOOMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego se vuelve hacer lo mismo con el archivo es-ES_joomla2.5.10_front_admin ya que
este gestor va cambiar el idioma de la parte del administrador.
Componente docman_v1.6.7
Este componente permite subir y bajar archivo, se de ir Extensiones y luego se da clic en
Gestor de Extensiones, luego selecciona el archivo y da clic en subir e instalar.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 39/144
38
GRÁFICO N° 27
INSTALACIÓN DE DOCMAN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Ya instalado se puede observar donde se encuentra el menú de DOCman: se debe dar clic
en componentes / DOCman y se desplegará un submenu
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 40/144
39
GRÁFICO N° 28
RUTA DE DOCMAN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Se da clic en home y presentará todas las opciones a realizar como subir archivo,
documento y categorías.
GRÁFICO N° 29
MENU PRINCIPAL DE DOCMAN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 41/144
40
Extensión de Simple_image_gallery
Esta extensión nos brinda una mejor visualización de las imágenes. Para su instalación debe
dar clic en Extensión/Gestor de Extensiones y buscamos el archivo de nombre:
JW_Simple_image_Gallery_Pro_2.5.7_J1.5_J25_RB[N]
GRÁFICO N° 30
INSTALACIÓN DE JW_SIMPLE_IMAGE_GALLERY
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego damos clic en subir e instalar.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 42/144
41
mod_facebook_likebox
En este modulo nos permite tener un espacio en el cual se visualiza las publicaciones de la
página de facebook. Para instalarlo se da clic en Extensión/Gestor de Extensiones y
buscamos el archivo de nombre: mod_facebook_likebox
GRÁFICO N° 31
GESTOR DE IDIOMA JOOMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego damos clic en subir e instalar. Luego vamos a gestor de modulo y damos clic sobre
Buscamos en Facebook presentando el siguiente gráfico donde se configura y define la
página que se encontrará.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 43/144
42
GRÁFICO N° 32
GESTOR DE IDIOMA JOOMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
INSTALACIÓN DEL SISTEMA REMOTO
Después del desarrollo del Sistema Remoto se genero su instalador, el mismo que vamos a
instalar a continuación, cabe recalcar que este sistema funciona en sistemas operativos de
Windows.
En la siguiente imagen se visualiza el instalador que se encuentra en la unidad de CD en la
carpeta del Instalador del Sistema Remoto.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 44/144
43
GRÁFICO N° 33
UBICACIÓN DEL INSTALADOR DEL SISTEMA REMOTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Damos dos clics en el icono de setup (Aplicación) y nos presentará la siguiente pantalla
GRÁFICO N° 34
INSTALACIÓN DEL SISTEMA REMOTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
En esta pantalla se va iniciar con la instalación, damos clic en siguiente
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 45/144
44
GRÁFICO N° 35
UBICACIÓN DE INSTALACIÓN DEL SISTEMA REMOTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego nos mostrará la ubicación donde se guardará el programa, si desea guárdala en otra
ruta puede dar clic en examinar y cambiar la ubicación. Además se mostrará dos opciones
de escoger, si desea instalarlo en todos los usuarios de su ordenador o sólo en el usuario
actual, de deberá escoger una de estas dos opciones y dar clic en siguiente.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 46/144
45
GRÁFICO N° 36
CONFIRMAR LA INSTALACIÓN DEL SISTEMA REMOTA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego nos presenta la pantalla de confirmación para la instalación, si estamos de acuerdo
damos clic en siguiente. Y esperamos hasta que se realice la instalación
GRÁFICO N° 37INSTALANDO EL SISTEMA REMOTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 47/144
46
Luego aparecerá la pantalla de confirmación, damos clic en cerrar finalizando la instalación
GRÁFICO N° 38
PANTALLA DE INSTALACIÓN COMPLETA DEL SISTEMA REMOTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
GRÁFICO N° 39
ICONO DEL SISTEMA REMOTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 48/144
47
Si damos doble clic sobre el icono de Sis_MysqlRemoto nos presenta la siguiente pantalla
de configuración, la misma que nos permite enviar datos desde el servidor del hosting alservidor local o viceversa, además permite editar el mensaje de alerta para los docentes.
GRÁFICO N° 40
PANTALLA DE CONFIGURACIÓN DEL SISTEMA REMOTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
SMS
Para el envió de SMS se utiliza el servicio de la Compañía Eclipsoft, el mismo que nos
permite conectar con su servidor de envió de SMS para cualquier operadora.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 49/144
48
BASE DE DATO JOOMLA
En esta base de dato se almacena los datos correspondientes contenido del portal web.
BASE DE DATO SISTEMA DE NOTA
En el servidor del hosting se encuentra una réplica de la base de dato que se encuentra en el
servidor local de la Unidad Educativa, con el desarrollo del Sistema Remoto envía y
recíbelos datos de un servidor a otro cada cierto tiempo. A continuación se mostrará el
diagrama de entidad relación. Las tablas de color fucsia fueron creadas para el Sistema
Académico de notas.
Lista de tipo de usuarios Base de dato que maneja el modulo de nota
Los usuario que ingresa al sistema de nota, se registra en el modulo de matrícula, es aquí
donde inicia la compatibilidad de base de dato. Por lo que el sistema va a verificar si el
usuario se encuentra registrado en el sistema de administrativo.
Solo cuatro tipos de usuario que van a poder ingresar al Sistema de nota y son.
Alumno
Representante
Docente
Administrador
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 50/144
GRÁFICO N° 41
MODELO DE BASE DE DATO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 51/144
50
GRÁFICO N° 42
BASE DE DATO PARTE 1
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 52/144
51
GRÁFICO N° 43
BASE DE DATO PARTE 2
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 53/144
52
GRÁFICO N° 44
BASE DE DATO PARTE 3
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 54/144
53
DICCIONARIO DE DATO
CUADRO N° 3
TABLA APERTURA
Tabla: tbl_apertura
Campo DescripciónTipo/Longitud
Observaciones
aper_id Código int(11) Cód. Identificador de
Apertura
ins_id Código Institución int(11) Cód. Identificador deInstitución
not_id Código Nota int(11) Cód. Identificador de Notas
aper_fecha_ini Fecha Inicial date Ej: 2012/02/05
aper_fecha_fin Fecha Final date Ej: 2012/02/07
aper_estado Estado char(1) Ej: Activo – Inactivo
aper_user_crea Usuario Creador varchar(20) Ej: Admin
aper_fech_crea Fecha Creación datetime Ej: 2012/01/04
aper_user_mod Usuario Editor varchar(20) Ej: Admin
aper_fech_mod Fecha Edición date Ej: 2012/01/15
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 55/144
54
CUADRO N° 4
TABLA DETALLE NOTA
Tabla: tbl_det_nota
Campo DescripciónTipo/Longitud
Observaciones
det_id Código int(11) Cód. IdentificadorDetalle Nota
mat_cur_esp_prof_id Cód. MateriaCurso Espc. Prof.
int(11) Cód. Identif. Mat.Curso Espc. Prof
matric_id Código Matricula int(11) Cód. IdentificadorMatricula
not_id Código Nota int(11) Cód. Identificador Nota
det_nota Valor de la Nota decimal(5,2) Ej: 10,15,20
det_nota_estado Estado tinyint(4) Ej: Activo - Inactivo
det_nota_user_mod Usuario Editor varchar(20) Ej: Admin
det_nota_fech_mod Fecha Edición datetime Ej: 2012/01/15
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 56/144
55
CUADRO N° 5
TABLA MATERIA SUPLETORIO
Tabla: tbl_materia_supletorio
Campo DescripciónTipo/
LongitudObservaciones
mat_sup_id Código int(11) Cód. Identificador MateriaSuplet.
matric_id CódigoMatricula
int(11) Cód. IdentificadorMatricula
mat_cur_esp_prof_idCód. MateriaCurso Espec.Prof.
int(11) Cód. Identif. Mat. CursoEspc. Prof.
mat_sup_estado Estado varchar(2) Ej:Aprob,Suplet,Remed,Graciaetc.
mat_sup_suma Suma deParciales
decimal(5,2) Ej:40
mat_sup_user_mod UsuarioEditor
varchar(20) Ej: Admin
mat_sup_fech_mod Fecha Edición datetime Ej: 2012/01/15
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 57/144
56
CUADRO N° 6
TABLA NOTAS
Tabla: tbl_notas
Campo DescripciónTipo/Longitud
Observaciones
not_id Código int(11) Cód. Identificador Notas
per_esc_id Código PeridoEscolar
int(11) Cód. IdentificadorPeriodo Escolar
not_desc Descripción Nota varchar(25) Ej:Nota1,Nota2,Suma,Promedio Etc.
not_abrev Abreviatura Nota varchar(10) Ej:N1,N2,Sum,PrmEtc.
not_sin_apertura Identificador deApertura
int(11) Ej: True,False
not_considerar_rfprm
Identif. Cosiderar
para Promedios
int(11) Ej: True,
False
not_estado Estado char(1) Ej: Activo – Inactivo
not_user_crea Usuario Creador varchar(20) Ej: Admin
not_fech_crea Fecha Creación datetime Ej: 2012/01/04
not_user_mod Usuario Editor varchar(20) Ej: Admin
not_fech_mod Fecha Edición datetime Ej: 2012/01/15
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 58/144
57
CUADRO N° 7
TABLA RANGO SUPLETORIO
Tabla: tbl_rango_supletorio
Campo DescripciónTipo/Longitud
Observaciones
rgs_id Código int(11) Cód. IdentificadorRango Supletorio
met_id Código Metodo int(11) Ej: Numerico,Alfabetico
rgs_min Rango Minimo decimal(5,2) Ej: 5
rgs_max Rango Maximo decimal(5,2) Ej: 6.99
rgs_nota_min_sup Nota Minima paraPase
decimal(5,2) Ej: 7
rgs_estado Estado char(1) Ej: Activo – Inactivo
rgs_user_crea Usuario Creador varchar(20) Ej: Admin
rgs_fech_crea Fecha Creación datetime Ej: 2012/01/04
rgs_user_mod Usuario Editor varchar(20) Ej: Admin
rgs_fech_mod Fecha Edición datetime Ej: 2012/01/15
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 59/144
58
CUADRO N° 8
TABLA SERVICIO
Tabla: tbl_servicio
Campo DescripciónTipo/Longitud
Observaciones
srv_id Código int(11) Cód. Identificador Servicio
srv_num_ref Numero deReferencia
varchar(12)
per_lec_id Código Periodo
Lectivo
int(11) Cód. Identificador Periodo
Lectivomatric_id Código
Matriculaint(11) Cód. Identificador Matricula
cur_esp_sec_id Código CursoEspec. Sección
int(11) Cód. Identif. Curso Espec.Sección
srv_tipo Tipo de Envió char(1) Ej: Emisor, Receptor.
srv_telefono NumeroTelefono
varchar(15) EJ: 0985274556
srv_mensaje Detalle deMensaje varchar(150) Ej: "Esto es una Prueba"
per_id Código dePersonal
int(11) Cód. Identificador Personal
srv_estado Estado char(1) Ej: Activo – Inactivo
srv_user_crea UsuarioCreador
varchar(20) Ej: Admin
srv_fech_crea Fecha Creación datetime Ej: 2012/01/04srv_user_mod Usuario Editor varchar(20) Ej: Adminsrv_fech_mod Fecha Edición datetime Ej: 2012/01/15
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 60/144
59
CUADRO N° 9
TABLA REMOTO ÚLTIMA FECHA
Tabla: tbl_remoto_ultima_fecha
Campo DescripciónTipo/Longitud
Observaciones
rem_ult_tabla Descripción Tabla varchar(30) Ej:Alumno,Perosonal,Matricula etc
rem_ult_fecha Ultima Fecha de Envió datetime Ej: 2012/02/12ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
CUADRO N° 10
TABLA LOCAL ÚLTIMA FECHA
Tabla: tbl_local_ultima_fecha
Campo DescripciónTipo/
LongitudObservaciones
loc_ult_tabla Descripción deTabla
varchar(30) Ej:Alumno,Personal,Repreentante.
loc_ult_fecha Ultima Fechade Envio
Datetime Ej: 2012/01/15
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 61/144
60
CAPITULO II
MANUAL DE USUARIO
PRESENTACIÓN
El presente documento es una guía práctica dirigido a los usuarios para el dominio y
manejo adecuado del Sistema Académico De Notas (SADN), también se detallan cada una
de las opciones del menú principal así como las instrucciones necesarias y las acciones a
realizar en cada pantalla.
INTRODUCCION
Se ha detectado la necesidad de una mayor comunicación entre los docentes y
representantes. Es por esta razón que se ha implementado un Portal Web donde optimiza el
proceso comunicacional.
El personal que apoya a la institución manteniendo actualizada la información como: datos
sobre la Unidad Educativa, actividades a realizar, horarios de examen, documentos de
estudio, circulares y foro serán guiado por este documento. Además se ha realizado el
SADN (Sistema Académico De Notas) que permite a los docentes el registro y consulta de
notas desde la web garantizando características de calidad como confiabilidad, integridad,
seguridad y disponibilidad. Esta aplicación será actualizada por los docentes activos que
facilita la información.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 62/144
61
En este capítulo se presenta el funcionamiento de los servicios que brinda el sitio web. Los
alumnos vía internet pueden consultar información sobres la institución, eventos, horariosde clase, notas y hacer descargo de deberes y temarios que el docente suba al portal web.
Diseño del sitio
A continuación se puede observar la distribución general de contenidos en la página
principal del sitio, el acceso del portal web es www.luisfelipeborjadelalcazar.com.
GRÁFICO N° 45
PANTALLA DE INICIO DEL PORTAL WEB
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 63/144
62
Página de Inicio
En la página inicio del área de contenidos se presenta los titulares de las noticias másrecientes, junto a una pequeña descripción y la opción de leer el texto completo de la
noticias a través del enlace “Leer más”. Al hacer clic en los enlaces “Leer más” presenta el
contenido completo de la noticia y además tiene un botón de “Imprimir” este botón permite
realizar la impresión del texto de la noticia, sin el diseño gráfico del sitio web.
En la parte superior del sitio web se presenta una pequeña galería de fotos seleccionas del
personal docente y otros eventos realizados,
INICIO
Acceso directo a la página principal del sitio web.
QUIENES SOMOS
Al dar pasar el cursor en el menú “QUIENES SOMOS” se despliega un submenú en el cual
nos brinda información relacionada con la Unidad Educativa “LUIS FELIPE BORJA DEL
ALCÁZAR”.
Historia de la Institución
Al dar clic en el sub menú “Historia de la Institución” presenta un pequeño relato desde
que se inicio la Unidad Educativa “LUIS FELIPE BORJA DEL ALCÁZAR”.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 64/144
63
GRÁFICO N° 46
PANTALLA DE HISTORIA DE LA INSTITUCIÓN
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
Misión y Visión
Al dar clic en el submenú “Misión y visión” presenta la misión y visión de la Unidad
Educativa.
GRÁFICO N° 47
PANTALLA DE VISIÓN Y MISIÓN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 65/144
64
Nuestros Colaboradores
Al dar clic en el submenú “Nuestros Colaboradores” presenta la siguiente pantalla, en laque se debe seleccionar la jornada, el curso que desea realizar la consulta después damos
clic en consultar, permitiendo visualizar la foto de cada docente de la Unidad Educativa
“LUIS FELIPE BORJA DEL ALCÁZAR” con su respetiva información.
GRÁFICO N° 48
PANTALLA DE NUESTROS COLABORADORES
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 66/144
65
GRÁFICO N° 49
PANTALLA CONSULTA DE NUESTROS COLABORADORES
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Comité de Padres de Familia
Al dar clic en el submenú “Comité de padre de familia” presenta la foto e información de
los señores que lo conforma.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 67/144
66
GRÁFICO N° 50
PANTALLA DE COMITÉ DE PADRES DE FAMILIA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Contáctenos
Al dar clic en el submenú “Contáctenos”, permite visualizar la información necesaria
como la dirección y contactos de la Unidad Educativa “LUIS FELIPE BORJA DEL
ALCÁZAR”. Permite visualizar por medio del google map la ubicación exacta de la
Unidad Educativa “LUIS FELIPE BORJA DEL ALCÁZAR”. Así como podemos
observar en siguiente gráfico.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 68/144
67
GRÁFICO N° 51
PANTALLA DE CONTÁCTENOS
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
Mapa del Sitio Web
Al dar clic en el submenú “Mapa del Sitio Web” permite visualizar el mismo.
GRÁFICO N° 52
MAPA DEL SITIO WEB
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 69/144
68
INFORMACIÓN
Al pasar sobre el menú “INFORMACIÓN” se despliega el siguiente listado de submenú.
Requisito de Matriculación
Al dar clic en el submenú “Requisito de Matriculación” presenta un informe en el que se
detalla los documentos necesarios para la matriculación de un alumno.
GRÁFICO N° 53
PATALLA DE REQUISITO DE MATRICULACIÓN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 70/144
69
Solicitud de Matriculación
Al dar clic en el submenú “SOLICITUD DE MATRICULACIÓN” permite visualizar eimprimir una hoja de solicitud de matrícula. La misma que deberá llenar con los datos del
alumno, para luego ser entregada en recepción con el resto de documento necesario para la
matriculación.
GRÁFICO N° 54
PANTALLA DE SOLICITUD DE MATRICULACIÓN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 71/144
70
Uniforme
Al dar clic en el submenú “UNIFORME” se detalla cada prenda del uniforme de la UnidadEducativa “LUIS FELIPE BORJA DEL ALCÁZAR”.
GRÁFICO N° 55
PANTALLA DE INFORMACIÓN DE UNIFORME
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
CONSULTAS
Al pasar por el menú “CONSULTAS” se despliega los siguientes submenús
Horario de Atención para Padres
Al dar clic sobre el submenú “HORARIO DE ATENCIÓN PARA PADRES” permite
visualizar el horario de atención, los días de recuperación pedagógica y días de
planificación. Así como lo presenta el siguiente Gráfico.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 72/144
71
GRÁFICO N° 56
PANTALLA DE HORARIO DE ATENCIÓN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Horario de Clases
Al dar clic en el submenú “HORARIO DE CLASES” se visualiza la siguiente pantalla.
Que nos permite escoger la jornada y curso del horario que se desea consultar.
GRÁFICO N° 57
PANTALLA DE HORARIO DE CLASE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 73/144
72
Luego damos clic en Consultar y nos presenta el siguiente gráfico, donde podemos
visualizar el horario del curso escogido.
GRÁFICO N° 58
PANTALLA DE CONSULTA DE HORARIO DE CLASE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Horario de Exámenes
Al dar clic en el submenú “Horario de Exámenes” se despliega un listado de menú con los
nombres de los cursos, se debe dar clic en el curso deseado para visualizará el horario de
examen.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 74/144
73
GRÁFICO N° 59
PANTALLA DE CONSULTA DE HORARIO DE DOCENTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Calendario de Eventos
Al dar clic sobre “Calendario de Eventos” Se visualiza un calendario en el cual según el día
y mes indicará el evento a realizar.
GRÁFICO N° 60
PANTALLA DE VISUALIZACIÓN DE EVENTOS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 75/144
74
RECURSOS
Al pasar sobre la palabra “RECURSOS” se despliega el siguiente listado de submenú.
Descarga
Al dar clic en el submenú “Descarga” presenta dos diferentes categorías que son Circulares
y Temarios. Tal como podemos observar en el siguiente Gráfico. Si damos clic en
cualquiera de estas categorías presenta un listado de subcategoría que son de todos los
cursos desde Educación inicial hasta el sexto año básico como lo observamos en siguiente
gráfico. En cada una de estas categorías dependiendo donde demos clic se encuentra varios
archivos que pertenece a la subcategoría seleccionado “curso” los mismos que podrán ser
descargados por el usuario.
GRÁFICO N° 61
PANTALLA DESCARGA DE ARCHIVOS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 76/144
75
GRÁFICO N° 62
PANTALLA DE SUBCATEGORIA POR CURSO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Son archivos que el administrador tiene la facilidad de subirlos a la web para que los
usuario puedan realizar los descargo respectivo, así como se lo presenta en el siguiente
gráfico. Adicional también tiene opción de búsqueda.
GRÁFICO N° 63
PANTALLA DE DESCARGA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 77/144
76
Foro
Al dar clic en este submenú “”Foro” permite al usuario poder comentar de un tema o hacer preguntas a los docentes, para así estar siempre comunicados con los estudiante,
representantes y docente. Como se presenta en el siguiente gráfico.
GRÁFICO N° 64
PANTALLA DE FORO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Para poder escribir un mensaje debe estar registrado, si no está registrado damos clic en la
palabra Crear cuenta tal como lo mostramos en el anterior gráfico. Se debe ingresar todos
los datos requerido además podrá subir una foto al perfil del foro.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 78/144
77
GRÁFICO N° 65
PANTALLA PARA CREAR UNA CUENTA EN EL FORO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Web Mail
Al dar clic en el submenú “WEB MAIL” nos enlaza a otra ventana que permite el ingreso
al correo electrónico de la Unidad Educativa.
GRÁFICO N° 66
PANTALLA DEL WEB MAIL
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 79/144
78
GALERÍA
Al pasar sobre el menú “GALERIA” se despliega un submenú: Vida estudiantil.
Vida Estudiantil
Al dar clic sobre el submenú “Vida Estudiantil” permite visualizar la galería de foto en
diferentes eventos.
GRÁFICO N° 67
VISUALIZACIÓN DE GALERIA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 80/144
79
Al dar clic en una foto permite visualizarla con una presentación animada. Así como lo
presenta en el siguiente gráfico
GRÁFICO N° 68
VISUALIZACIÓN DE GALERIA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
SERVICIO
Al pasar sobre la palabra “SERVICIO” se desplegará el siguiente submenú: Docente,
Representante y Alumno, al dar clic en una de estos submenúes permite ingresar al Sistema
Académico De Notas (SADN) con el respetivo usuario y contraseña.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 81/144
80
Docente
Al dar clic en el submenú “Docente” nos envía a una nueva ventana de ingreso, en la cual
deben ingresar el usuario, contraseña y captcha. En esta ventana de ingreso solo permite
ingresar los usuarios de tipo docente y administrador.
El botón “Restablecer” limpia los campos de usuario, contraseña y captcha.
El botón “Actualizar” si damos clic sobre este botón, permite cambiar el contenido
del captcha.
En el captcha debe ingresar el código que nos presenta para así confirma que el ingreso sea
de una persona que este frente del ordenador.
GRÁFICO N° 69
PANTALLA INGRESO DEL SISTEMA ACADÉMICO DE NOTAS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 82/144
81
Luego damos clic en el botón “Entrar” , si los datos fueron ingresados correctamente nos
presenta la siguiente pantalla de inicio del Sistema Académico De Notas.
GRÁFICO N° 70
PANTALLA INICIO DEL SISTEMA ACADÉMICO DE NOTAS
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
Al ingresar al Sistema Académico de Nota en la parte superior derecho de la pantalla nos
mostrará el usuario que ha iniciado sesión, como se lo presentó en el gráfico anterior.
Notas
En este menú presenta el siguiente submenú “Ingreso por Materia”.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 83/144
82
Notas/Ingreso por Materia
Al dar clic sobre el submenú “Ingreso por materia” nos permite el ingreso de notas pormateria, dependiendo de los cursos asignados del docente que inicio sesión y de la fecha
que se encuentre aperturada cada nota.
GRÁFICO N° 71
PANTALLA DE INGRESO DE NOTA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
El campo de periodo lectivo y docente se carga automáticamente con el periodo actual y
dependiendo del usuario que inicio sesión.
Para el ingreso de notas se debe seleccionar el Curso/Espc/Sec el mismo que despliega un
listado de los cursos asignados al docente.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 84/144
83
Luego de escoger el curso, procedemos a seleccionar la materia que se va ingresar las
notas.Luego presenta automáticamente el listado de los estudiantes del curso y materia
seleccionada, Permitiendo el ingreso de nota de cada uno de ellos (las notas a ingresar debe
ser mayor o igual a uno y menor o igual a 10).
Cabe mencionar que los casilleros que se encuentra lado de la nota son lo que permite
confirmar la nota ingresada, es decir que si damos clic en este cuadro activándolo con un
visto cuando se guarde la información se inactiva el campo de nota, por lo que el docente
ya no podrá realizar cambios (esta opción se debe seleccionar cuando está segura de la nota
ya asentada). Antes de culminar el plazo de ingreso de notas se deberá confirma todas las
notas ya ingresadas.
GRÁFICO N° 72
PANTALLA DE INGRESO DE NOTAS POR MATERIA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 85/144
84
Una vez ingresada las notas se dará clic en el botón “Guardar Notas”, luego nos presenta
un mensaje de confirmación “Esta seguro de Guardar Notas” damos clic en aceptar einmediatamente nos envía un mensaje indicando cuantos registros fueron guardados, damos
clic en aceptar.
Consulta
En este menú presentará los siguientes submenú Alumno y Materia.
Consulta / Alumno
Al dar clic en el submenú “Alumno” nos permite hacer la consulta por alumno.
Docente: En este campo automáticamente se cargara el nombre del docente que inicio
sesión.
Periodo Lectivo: En este campo se debe escoger el periodo que desea consultar.
Curso /Espc/Secc: Después de haber escogido el período lectivo se seleccionar el curso
que desea consultar.
Alumno: Escoger el curso luego selecciona el alumno que desea consultar.
Luego de escoger el alumno que desea consultar.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 86/144
85
GRÁFICO N° 73
PANTALLA DE CONSULTA POR ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
En el siguiente gráfico podemos observar una consulta tipo libreta en el cual nos detalla por
alumno el desglose de las notas de primero y segundo periodo del quimestre, además del
promedio como por materia y general.
Al finalizar el año presenta en la misma pantalla si el alumno fue promovido al siguiente
año.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 87/144
86
GRÁFICO N° 74
PANTALLA DE CONSULTA POR ALUMNO CON DATOS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
En esta consulta mostrará el aprobado por cada materia, el cual se detalla en la columna de
estado con los siguientes símbolos.
Paleta de Estado
En este recuadro representa un informe general de la cantidad de materias que se encuentra
en cada estado.
Detalle de cada uno de ellos
Con este icono se representa el Estado Aprobado, además debajo del mismo
aparece el número de materias Aprobadas que tiene el alumno.
Paleta de
Estado
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 88/144
87
Con este icono se representa el Estado Supletorio, además debajo delmismo aparece el número de materias que se encuentra en Supletorio.
Con este icono se representa el Estado Remedial, además debajo del mismo
aparece el número de materias que se encuentra en Remedial.
Con este icono se representa el Estado de Gracia, además debajo del mismo
aparece el número de materias que se encuentra en el Estado de Gracia.
Con este icono se representa el Estado Reprobado, además debajo del
mismo aparece el número de materias que se encuentra Reprobado.
Consulta / Materia
Al dar clic en el submenú “Materia” nos permite realizar consultas por materia, logrando
que los docentes tengan un mejor conocimiento global de las notas del alumnado. La
pantalla que presenta al dar clic en el submenú materia será la siguiente:
Docente: En este campo automáticamente se cargara el nombre del docente que inicio
sesión.
Periodo Lectivo: En este campo se debe escoger el periodo que desea consultar.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 89/144
88
Curso /Espc/Secc: Después de haber escogido el período lectivo debe seleccionar el curso
que desea consultar. Materia: Luego de escoger el curso, seleccionamos la materia que desea consultar,
permitiendo vitalizar el listado de los alumnos con sus respetivas notas dependiendo del
curso y materia seleccionada.
GRÁFICO N° 75
PANTALLA DE CONSULTA POR MATERIA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 90/144
89
Paleta de Estado
En este recuadro presenta un informe general de la cantidad de alumnos que se encuentraen cada estado.
Detalle de cada uno de ellos
Con este icono se representa el Estado Aprobado, además debajo del
mismo aparece el número de alumno Aprobadas de cada materia.
Con este icono se representa el Estado Supletorio, además debajo del mismo
aparece el número de alumno de estado Supletorio de cada materia.
Con este icono se representa el Estado Remedial, además debajo del
mismo aparece el número de alumno de estado Remedial de cada materia.
Con este icono se representa el Estado de Gracia, además debajo del mismo
aparece el número de alumno que se encuentra en el estado de gracia por cada materia.
Con este icono se representa el Estado Reprobado, además debajo del
mismo aparece el número de alumno que se encuentra Reprobado por cada materia.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 91/144
90
Cuenta
En este menú presenta el siguiente submenú Datos Personales y Cambiar Clave.
Cuenta / Datos Personales
Al dar clic en el submenú “DATOS PERSONALES” Presenta los datos del usuario que
inicio sesión.
GRÁFICO N° 76PANTALLA DE DATOS PERSONALES DEL USUARIO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Cuenta / Cambiar Clave
Al dar clic en el submenú “Cambiar clave” presenta la siguiente pantalla.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 92/144
91
GRÁFICO N° 77
PANTALLA DE ACTUALIZACIÓN DE CLAVE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Para realizar el cambio de clave se deberá llenar los tres campos, luego dar clic en guardar
y después nos presentará el siguiente mensaje “La nueva clave se guardo correctamente” .
Damos clic en aceptar
Servicios
En este menú presenta el siguiente submenú Envió SMS
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 93/144
92
Servicio/Envió SMS
Al dar clic en el submenú “Envió SMS” nos presentará la siguiente pantalla.
GRÁFICO N° 78
PANTALLA DE ENVÍO E-MAIL Y SMS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Periodo: Presenta automáticamente el periodo actual de la Unidad Educativa.
De: Presenta automáticamente el nombre del docente que inicio sesión.
Curso: Se debe seleccionar el curso del alumno que le va enviar el mensaje.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 94/144
93
Para: Una vez seleccionado el curso se presenta el listado del los alumno. Debe
seleccionar al alumno o alumnos que desea enviar el mensaje.Mensaje: Permite ingresar el texto a enviar.
Código de seguridad: Texto que presenta debe ser ingresado, para así confirmar que sea
un usuario.
Botón que permite enviar el mensaje.
Botón que permite limpiar los campos.
Salir
Si damos clic en esta opción nos permite cerrar la seccion, ademas se cerrará la ventana del
sistema.
Ingreso como Administrador
Para el ingreso del director debe dar un clic en el menú sistema clic en docente, después
nos presenta la pantalla de ingreso. En está pantalla se ingresará el usuario, contraseña y el
captcha luego daremos un clic Entrar.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 95/144
94
GRÁFICO N° 79
PANTALLA DE INGRESO DEL ADMINISTRADOR
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Después mostrará la siguiente pantalla.
GRÁFICO N° 80
PANTALLA DE PRINCIPAL DEL ADMINISTRADOR
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Notas
En este menú presenta el siguiente submenú Apertura/Notas, Ingreso por Materia y
Modificar Nota.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 96/144
95
Nota / Apertura de Notas
Al dar clic en el submenú Apertura de nota permite la apertura de notas para así que losdocentes puedan ingresar las notas dependiendo el rango de fecha que sea ingresar. En la
siguiente pantalla, debemos seleccionar el periodo escolar, nota y el rango de fecha.
GRÁFICO N° 81
PANTALLA DE APERTURA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Si al seleccionar una nota que ya ha tenido apertura se mostrará el rango de fecha así como
lo presenta en el siguiente gráfico.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 97/144
96
GRÁFICO N° 82
PANTALLA DE INGRESO DE APERTURA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego damos clic en guardar. Y nos presenta el siguiente mensaje “El registro se guardo
correctamente”, damos clic en aceptar.
Notas/Ingreso por Materia
Al dar clic sobre el submenú “Ingreso por materia”, como su nombre lo indica permite el
ingreso de nota, dependiendo de los cursos asignados del docente que inicio sesión y la
fecha que se encuentre aperturada cada nota, nos presenta la siguiente pantalla.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 98/144
97
GRÁFICO N° 83
PANTALLA DE INGRESO POR MATERIA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
El campo de periodo lectivo y docente se carga automáticamente con el periodo actual y el
docente que inicio sesión.
Para iniciar el ingreso se debe seleccionar el curso/Espc/Sec el mismo que despliega un
listado de los cursos asignado del docente que inicio sesión.
Luego de escoger el curso, procedemos a seleccionar la materia que se va ingresar las
notas.
Luego se mostrará automáticamente el listado de los estudiantes del curso y materia
seleccionada, Permitiendo el ingreso de nota de cada uno de ellos (la nota a ingresar debe
ser mayor o igual a uno y menor o igual a 10).
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 99/144
98
Cabe mencionar que los casillero que se encuentra lado de la nota son lo que permite
confirmar la nota, es decir que si damos clic en este cuadro (activando con un visto) seenviara la información dejando imposible realizar algún cambio a los docente (esta opción
se debe seleccionar cuando está segura de la nota ya asentada). Antes de culminar el rango
de fecha de apertura para el ingreso de nota se deberá confirma todas las notas ya
ingresadas.
GRÁFICO N° 84
PANTALLA DE INGRESO DE NOTAS POR MATERIA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Una vez ya ingresada las notas de cada alumno se dará clic en el botón “Guardar Notas”,
después nos enviará el siguiente mensaje de confirmación “Esta seguro de Guardar Notas”damos clic en aceptar e inmediatamente nos envía un mensaje indicando cuantos registros
fueron guardados damos clic en aceptar.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 100/144
99
Nota / Modificar Nota
Al dar clic en el submenú Modifica Nota nos presenta la pantalla que nos permite realizarcambios de notas al estudiante esta opción solo lo puede realizar el administrador
(Director).
Se debe seleccionar el periodo lectivo, curso, materia, periodo escolar, nota y alumno y
luego se da clic en buscar presentando el alumno con su calificación permitiendo modificar
esa nota.
GRÁFICO N° 85
MODIFICACIÓN DE NOTA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 101/144
100
Luego damos clic en guardar Nota y nos presenta los siguientes mensajes de confirmación
“Esta seguro de guardar la nota”. Se da clic en aceptar y luego presenta otro mensajeconfirmando que se guardo correctamente la nota modificada.
Consultas
En este menú presentará el siguiente submenú Alumnos, Materia, Docentes, Horarios.
Consulta / Alumnos
Al dar clic en submenú Alumnos nos permite hacer una consulta por alumno.
Periodo Lectivo: En este campo se debe escoger el periodo que desea consultar.
Curso /Espc/Secc: Después de haber escogido el período lectivo se seleccionar el curso
que desea consultar.
Alumno: Luego de escoger el curso podemos seleccionar el alumno que desea consultar.
Podemos observar que nos presenta una consulta tipo libreta en el cual nos detalla por el
alumno seleccionado el desglose de las notas de primero, segundo parcial quimestral,
además del promedio por materia y general.
Al finalizar el año se mostrará en la misma pantalla si el alumno fue promovido al siguiente
año.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 102/144
101
GRÁFICO N° 86
CONSULTA DE NOTA POR ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Consulta / Materia
Al dar clic en el submenú “Materia” nos permite realizar consultas por materia, logrando
que el administrador tenga un mejor conocimiento global de nota del alumnado. La pantalla
que presenta al dar clic en el submenú materia será la siguiente
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 103/144
102
GRÁFICO N° 87
CONSULTA DE MATERIAS -ADMINISTRADOR
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Periodo Lectivo: En este campo se debe escoger el periodo que desea consultar.
Curso /Espc/Secc: Después de haber escogido el período lectivo deberá seleccionar el
curso que desea consultar.
Materia: Luego de escoger el curso, seleccionamos la materia que desea consultar.
Luego presentará el listado de los alumnos con sus respetivas notas dependiendo del curso
y materia seleccionada.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 104/144
103
Comportamiento
Permite mostrar las observaciones y nota del comportamiento de cada parcial. Para realizaresta consulta se debe escoger el periodo lectivo, curso y alumno a consultar. Luego damos
clic en el botón buscar y presenta la información deseada.
GRÁFICO N° 88
PANTALLA DE CONSULTA DE COMPORTAMIENTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Consulta de aperturas
Permite mostrar todas las aperturas realizadas dependiendo el periodo lectivo y notaseleccionada.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 105/144
104
GRÁFICO N° 89
PANTALLA DE CONSULTA DE APERTURA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Notas Confirmadas
Permite realizar la consulta de los docente que están por confirmar o confirmado las notas
que fueron ingresadas. Para esto se debe seleccionar el periodo lectivo, docente, curso,
materia, periodo escolar, nota y estado de la nota. Presentando la siguiente pantalla.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 106/144
105
GRÁFICO N° 90
PANTALLA DE NOTAS CONFIRMADAS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Auditoría/Nota Modificada
Permite mostrar el alumno, materia, periodo escolar, nota, valor anterior, valor actual,
observación, fecha y usuario que realizo la modificación. Para realizar esta consulta debe
seleccionar periodo lectivo, docente, curso y alumno que desea.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 107/144
106
GRÁFICO N° 91
PANTALLA DE AUDITORÍA DE NOTAS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Consultas/Horario
Al dar clic en el submenú “Horario”, permite visualizar un reporte con los horario de clase
por curso de ese año lectivo. Para esto se debe seleccionar el periodo lectivo y curso luego
damos clic en el botón buscar y presenta el horario de clase del cuso seleccionado. Si
damos clic en el botón PDF se convertirá en un archivo de la misma extensión.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 108/144
107
GRÁFICO N° 92
CONSULTA DE HORARIO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Listado/Docentes
Al dar clic en el submenú Listado de Docentes permite visualizar un listado de los
docentes que se encuentran laborando en la Unidad Educativa. Cada docente con el curso y
materia asignada.
Para esta consulta debemos seleccionar periodo lectivo si luego damos clic en consulta
mostrará todo los docentes en ese periodo lectivo seleccionado, si escogemos curso
presenta los docente solo de ese curso, también se los puede seleccionar directamente
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 109/144
108
escogiendo el nombre del docente o filtrando la búsqueda escribiendo su apellido y damos
clic en buscar.
GRÁFICO N° 93
LISTADO DE DOCENTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Consulta / Listado de alumno
Al dar clic en el submenú Listado de Alumno permite visualizar un listado del alumno que
se encuentra matriculado en la Unidad Educativa. Cada alumno con sus datos personales y
número de matrícula.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 110/144
109
Para esta consulta debemos seleccionar periodo lectivo, si luego damos clic en consulta
mostrará todo los alumno en ese periodo lectivo seleccionado, si escogemos curso presentalos alumnos solo de ese curso, también se los puede seleccionar directamente escogiendo el
nombre del alumno o filtrando la búsqueda escribiendo su apellido y damos clic en buscar.
GRÁFICO N° 94
LISTADO DE ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Cuenta
En este menú presentará el siguiente submenú Datos Personales y Cambiar clave.
Cuenta / Datos Personales
Al dar clic en el submenú se presenta los datos personales del usuario que inicio sesión.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 111/144
110
GRÁFICO N° 95
CONSULTA DE DATOS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Cuenta / Cambiar Clave
Al dar clic en el submenú “Cambiar clave” se presentará la siguiente pantalla, visualizar
GRÁFICO N° 96
CACTUALIZACIÓN DE CLAVE DEL USUARIO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 112/144
111
Para realizar el cambio de clave se deberá llenar los tres campos, luego dar clic en guardar
y después nos presentará el siguiente mensaje “La nueva clave se guardo correctamente” Damos clic en aceptar
Servicios
En este menú presenta el siguiente submenú Envió SMS, Consulta
Servicio/Envió SMS
Al dar clic en el submenú “Envió SMS” nos presentará la siguiente pantalla
GRÁFICO N° 97
PANTALLA DE ENVÍO E-MAIL Y SMS COMO ADMISNITRADOR
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 113/144
112
Periodo: Presentará automáticamente el periodo actual de la Unidad Educativa.
De: Presentará automáticamente el nombre del docente que inicio sesión.Curso: Se deberá seleccionar el curso del alumno que le va enviar el mensaje.
Para: Una vez seleccionado el curso se presentará el listado del los alumno. Deberá
seleccionar al alumno o alumnos que desea enviar el mensaje.
Mensaje: Permitirá ingresar el texto a enviar.
Código de seguridad: Texto que presenta debe ser ingresado, para así confirmar que sea
un usuario.
Si seleccionamos dando clic en el cuadro donde dice mensaje o E-mail se enviará por el
medio seleccionado puede ser ambos o uno de los dos.
Servicios / Consulta
Al dar clic en el submenú Consultar nos permite consultar la cantidad de mensaje enviado
y el nombre del destinatario. Permite realizar la búsqueda por Periodo Lectivo, Remitente,
curso y alumno permitiendo a cada una de estas opciones realizar un filtro por rango de
fecha.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 114/144
113
GRÁFICO N° 98
PANTALLA DE CONSULTA DE ENVÍO SMS
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
La consulta lo puede realizar por:
Consulta por Periodo Lectivo Deberá seleccionar el periodo lectivo y dar un clic en
Buscar y presentará el listado de mensajes enviados durante todo el periodo lectivo.
Consulta por Remitente Deberá seleccionar el periodo lectivo luego el Remitente
(nombres de los docentes que tienen permiso para el envió de mensaje) y después damos un
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 115/144
114
clic en Buscar y presentará el listado de mensajes enviados durante todo el periodo lectivo
del remitente seleccionado.Consulta por Curso Deberá seleccionar el periodo lectivo, Remitente (nombres de los
docentes que tienen permiso para el envió de mensaje) y curso luego damos un clic en
Buscar y presentará el listado de mensajes enviados durante todo el periodo lectivo del
docente y curso seleccionado.
Además sobre esta base del registro ya seleccionado puede realizar la búsqueda por rango
de fecha que desee buscar, luego vuelve a dar clic en buscar.
GRÁFICO N° 99
CONSULTA DE ENVÍO DE SMS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 116/144
115
Salir
Si damos clic en esta opción nos permitirá cerrar la seccion, ademas se cerrará la ventana
del sistema.
Representante
Al dar clic en el submenú “Representante” nos envía a una nueva ventana de ingreso, en
la cual deben seleccionar la institución e ingresar el numero de cedula, clave y captcha.
En esta ventana solo permitirá el ingresar de los usuarios de tipo Representante.
GRÁFICO N° 100
INGRESO POR REPRESENTANTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
El botón “Restablecer” limpia los todos los campos.
El botón “Actualizar” si damos clic sobre este botón, permitirá cambiar el contenido
del captcha.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 117/144
116
Luego damos clic en Entrar, donde nos mostrará el menú del sistema de nota.
GRÁFICO N° 101
PANTALLA PRINCIPAL DEL REPRESENTANTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Notas
En este menú presenta el siguiente submenú Consulta
Consulta
Al dar clic en submenú “Consulta”, nos permite hacer una consulta por alumno,
mostrándonos la siguiente pantalla,
Representante: En este campo automáticamente, se cargara el nombre del usuario que
(nombre del representante).
Periodo Lectivo: En este campo se debe escoger el periodo lectivo que desea consultar.
Alumno: Luego de escoger el periodo lectivo podemos seleccionar el alumno que desea
consultar.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 118/144
117
Curso /Espc/Secc: Después de haber escogido el alumno, automáticamente presentará el
curso en el que se encuentra el alumno seleccionado. Luego se deberá dar clic en Buscar.Luego de dar clic en buscar, mostrará la siguiente pantalla.
Podemos observar que nos presentará una consulta tipo libreta en el cual nos detalla el
desglose de las notas de primero, segundo y tercer trimestre, además del promedio como
por materia y general.
Al finalizar el año se mostrará en la misma pantalla si el alumno fue promovido al siguiente
año.
GRÁFICO N° 102
CONSULTA DE NOTAS DEDE EL REPRESENTANTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 119/144
118
Paleta de Estado
En este recuadro representa un informe general de la cantidad de materias que se encuentraen cada estado.
Detalle de cada uno de ellos
Con este icono se representa el Estado Aprobado, además debajo del
mismo aparece el número de materias Aprobadas que tiene el alumno.
Con este icono se representa el Estado Supletorio, además debajo del
mismo aparece el número de materias que se encuentra en Supletorio.
Con este icono se representa el Estado Remedial, además debajo del
mismo aparece el número de materias que se encuentra en Remedial.
Con este icono se representa el Estado de Gracia, además debajo del
mismo aparece el número de materias que se encuentra en el Estado de Gracia.
Con este icono se representa el Estado Reprobado, además debajo del
mismo aparece el número de materias que se encuentra Reprobado.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 120/144
119
Cuenta
En este menú presenta el siguiente submenú Cuenta.
Cuenta / Datos Personales
Al dar clic en el submenú se presenta los datos personales del usuario que inicio sesión.
GRÁFICO N° 103
CONSULTA DE DATOS DEL REPRESENTANTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Cuenta / Cambiar Clave
Al dar clic en el submenú “Cambiar clave” se presenta la siguiente pantalla.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 121/144
120
GRÁFICO N° 104
ACTUALIZACIÓN DE CLAVE DEL REPRESENTANTE
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Para realizar el cambio de clave se deberá llenar los tres campos, luego se dar clic en
guardar y después nos presenta el siguiente mensaje “La nueva clave se guardo
correctamente”. Damos clic en aceptar
Salir
Si damos clic en esta opción nos permitirá cerrar la seccion, ademas se cerrará la ventana
del sistema.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 122/144
121
Alumno
Al dar clic en el submenú “Alumno” nos envía a una nueva ventana de ingreso, en la
cual deben seleccionar la institución e ingresar el usuario, clave y captcha. En esta
ventana solo permitirá el ingresar de los usuarios de tipo Alumno.
GRÁFICO N° 105
PANTALLA DE INGRESO DEL ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
El botón “Restablecer” limpia los todos los campos.
El botón “Actualizar” si damos clic sobre este botón, permitirá cambiar el contenido
del captcha. Luego damos clic en Entrar, donde nos presenta el menú del sistema de nota.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 123/144
122
GRÁFICO N° 106
PANTALLA PRINCIPAL DE ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
NotasEn este menú presenta el siguiente submenú
Consulta
Al dar clic en submenú “Consulta”, nos permite hacer una consulta por alumno que se
inicio sesión.
Alumno: Presenta el nombre del alumno.
Periodo Lectivo: En este campo se debe escoger el periodo lectivo que desea consultar.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 124/144
123
Luego de escoger el periodo lectivo se presenta automáticamente el curso y representante
del usuario que inicio sesión, luego de dar clic en buscar. Podemos observar que nos presentará una consulta tipo libreta en el cual nos detalla el
desglose de las notas de primero, segundo y tercer trimestre, además del promedio como
por materia y general.
Al finalizar el año presentará la misma pantalla si el alumno fue promovido al siguiente
año.
GRÁFICO N° 107
CONSULTA DE NOTAS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 125/144
124
Paleta de Estado
En este recuadro representa un informe general de la cantidad de materias que se encuentraen cada estado.
Detalle de cada uno de ellos
Con este icono se representa el Estado Aprobado, además debajo del mismo
aparece el número de materias Aprobadas que tiene el alumno.
Con este icono se representa el Estado Supletorio, además debajo del mismo
aparece el número de materias que se encuentra en Supletorio.
Con este icono se representa el Estado Remedial, además debajo del mismo
aparece el número de materias que se encuentra en Remedial.
Con este icono se representa el Estado de Gracia, además debajo del mismo
aparece el número de materias que se encuentra en el Estado de Gracia.
Con este icono se representa el Estado Reprobado, además debajo del
mismo aparece el número de materias que se encuentra Reprobado.
Cuenta
En este menú presenta el siguiente submenú Cuenta.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 126/144
125
Cuenta / Datos Personales
Al dar clic en el submenú se presenta los datos personales del usuario que inicio sesión.
GRÁFICO N° 108
CONSULTA DE DATOS DEL ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Cuenta / Cambiar Clave
Al dar clic en el submenú “Cambiar clave” se presenta la siguiente pantalla, visualizar en
el Gráfico.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 127/144
126
GRÁFICO N° 109
ACTUALIZAIÓN DE CLAVE DEL ALUMNO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Para realizar el cambio de clave se deberá llenar los tres campos, luego se dar clic en
guardar y después nos presentará el siguiente mensaje “La nueva clave se guardo
correctamente”. Damos clic en aceptar
Salir
Si damos clic en esta opción nos permitirá cerrar la seccion, ademas se cerrará la ventana
del sistema.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 128/144
127
Funcionamiento como administrador en Joomla
En este capítulo se presenta las principales características y funcionamientos para el ingreso
de informaciones generales de la institución. Esto nos permitirá mantener actualizado el
Porta Web, así como los docentes podrán brindar documento de estudio a los estudiantes
permitiendo el descargo del mismo.
Lo primero que se debe hacer para modificar un artículo es iniciar Sesión
INICIO DE SESIÓN
Se debe ingresar con el usuario y contraseña del administrador.
GRÁFICO N° 110
PANTALLA DE INICIO SESIÓN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 129/144
128
INICIO DE SESIÓN POR ADMINISTRADOR DE JOOMLA
Para la administración de Joomla también lo puede realizar desde la siguiente direcciónhttp://luisfelipeborjadelalcazar.com/administrator/ ingresando el usuario y clave en la siguiente
pantalla.
GRÁFICO N° 111
INGRESO POR EL ADMINISTRADOR DE JOOMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego de dar clic en aceptar nos presentara la siguiente pantalla en la cual podemosadministrar
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 130/144
129
GRÁFICO N° 112
INGRESO COMO ADMINISTRADOR DE JOOMLA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Añadir nuevo artículo
Para crear un artículo damos clic en Añadir un nuevo artículo, luego nos presenta la
siguiente pantalla.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 131/144
130
GRÁFICO N° 113
INGRESO COMO ADMINISTRADOR DE JOOMLA
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
Se le da un nombre al título y a la alias donde nos permitirá identificar cada artículo, la
Categoría.- Para poder mostrar los artículos de forma clara, se debes crear categorías, y
después asignar cada artículo uno de ellas. Cada artículo sólo puede tener asignada una
única categoría. Las categorías pueden anidarse hasta cualquier profundidad. En la parte de
bajo podemos escribir el texto que deseamos presentar en el portal.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 132/144
131
Editar un nuevo artículo
Para realizar alguna modificación de un articulo, se debe dirigir al mismo y dar clic en
editar
GRÁFICO N° 114
PANTALLA PARA MODIFICAR UN ARTÍCULO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego se presentara una pantalla igual a la anterior, en la que nos permite realizar las
modificaciones que deseamos.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 133/144
132
GRÁFICO N° 115
MODIFICANDO UN ARTÍCULO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Si se desea subir una imagen se debe dar clic en imagen
GRÁFICO N° 116
PANTALLA SUBIENDO IMAGEN EN UN ARTICULO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 134/144
133
Mostrará el siguiente gráfico donde ingresa en la carpeta donde se encuentre la imagen
guardada en el hosting. Si la imagen no se encuentra en el hosting debe subirla dando clicen seleccionar archivo
GRÁFICO N° 117
PANTALLA DE DIRECCIÓN DE LA IMAGEN
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Y luego debe seleccionar la imagen que desee subir y debe dar clic en subir
Luego la imagen que subió debe estar en unos de estos archivos. Para insertar la imagen se
debe seleccionar la imagen y dar clic en INSERTAR
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 135/144
134
GRÁFICO N° 118
PANTALLA DEL ARTÍCULO - FOTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego de realizar los cambios deseados damos clic en el botón GUARDAR.
Subir archivo en el área de descarga
Se debe ingresar hasta la carpeta que desea subir el archivo, luego dar clic en el botón
Enviar Nuevo documento
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 136/144
135
GRÁFICO N° 119
PANTALLA – SUBIR UN ARCHIVO
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
En este paso tenemos tres opción para subir el archivo ya sea
Desde una PC: insertar un archivo que se encuentra en tu PC
Transferir archivo desde otro: insertar un archivo que se encuentra en un dispositivo.
Vincular archivo: insertar un archivo que se encuentra en la web, en este método deberá
escribir la URL.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 137/144
136
GRÁFICO N° 120
SUBIR ARCHIVO DESDE UNA PC
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego de subir el archivo presenta la siguiente pantalla en la que podemos describir sobre
el archivo que se subió.
GRÁFICO N° 121
PANTALLA DE OBSERVACIÓN DEL ARCHIVO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Damos clic en guardar. Y el archivo ya se encontrará disponible
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 138/144
137
GRÁFICO N° 122
VISUALIZACIÓN DE UN ARCHIVO DESDE UN ARTÍCULO
ELABORADO POR: Rosa Castillo
FUENTE: Tesis de la Universidad de Guayaquil
SISTEMA REMOTO
El icono del Sistema Remoto es el siguiente:
Para ejecutar se debe dar doble clic sobre el icono y presenta en la parte inferior derecha de
su pantalla del monitor el icono de una PC pequeña.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 139/144
138
GRÁFICO N° 123
VISUALIZACIÓN DEL SISTEMA REMOTO
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Si damos doble clic en el icono, se abrirá una ventana de configuración
GRÁFICO N° 124
PANTALLA DE CONFIGURACIÓN REMOTA
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Configuración del servidor
En este botón nos permitirá realizar la configuración del servidor local y remoto.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 140/144
139
CONFIGURACIÓN DEL SERVIDOR REMOTO
Nos presentará la siguiente pantalla, en la misma se deberá escribir todos los datos
Servidor: Se debe escribir la IP del servido del hosting
Usuario: Se debe escribir el usuario de la base de dato del servidor del hosting
Contraseña: Se deberá escribir la contraseña del usuario de servidor del hosting
Base de dato: Se deberá escribir el nombre de la base de dato del hosting.
Tipo: se deberá escoger si es REMOTO o LOCAL
GRÁFICO N° 125
PRUEBA DE CONEXIÓN CON EL SERVIDOR
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego dar clic en el botón Probar Conexión para así estar seguro que todos los datos
fueron ingresados correctamente.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 141/144
140
CONFIGURACIÓN DEL SERVIDOR LOCAL
Nos presentará la siguiente pantalla, en la misma se deberá escribir todos los datos
Servidor: Se debe escribir localhost
Usuario: Se debe escribir el usuario de la base de dato del servidor local.
Contraseña: Se deberá escribir la contraseña del usuario del servidor local
Base de dato: Se deberá escribir el nombre de la base de dato local.
Tipo: se deberá escoger si es REMOTO o LOCAL
GRÁFICO N° 126
PRUEBA DE CONEXIÓN CON EL SERVIDOR
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Luego dar clic en el botón Probar Conexión para así estar seguro que todos los datos
fueron ingresados correctamente.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 142/144
141
Son coordenadas que se van a definir dependiendo de la transferencia de dato ya sea de
local a remoto o de remoto a loca de manera Automática.
TRANSFERENCIA DE TABLA DE MARERA AUTOMÁTICA
GRÁFICO N° 127
CONFIGURACIÓN DE ARCHIVO DE TABLAS
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Archivo Tablas: Se dará clic en los tres punto para seleccionar un archivo tablas_local.txt
En esta dirección C:\Program Files\Sistema Remoto\Tablas\tablas_local.txt esto
depende donde esté instalado el programa.
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 143/144
142
Modo: Deberá seleccionar si es diario o por intervalo el envió de la información
Tiempo: si se escogió diario se debe escribir la hora en el que iniciará a ejecutarse el programa y si escogió por Intervalos se escribirá cada qué tiempo se ejecutará el envió de
información. Cuando desee ejecutar deber dar clic en iniciar o si desea detener
Estado: si este programa se encuentra activo o desactivado para la ejecución del mismo.
Un visto es activo.
CONFIGURACIÓN FTP
Te opciones nos permitirá realizar la transferencia de fotos del personal del local al remoto.
GRÁFICO N° 128
CONFIGURACIÓN FTP
ELABORADO POR: Rosa CastilloFUENTE: Tesis de la Universidad de Guayaquil
Servidor: Se escribirá la conexión FTP.
Usuario: Se escribirá el nombre del usuario de la base de dato del hosting.
Contraseña: Se escribirá la contraseña del usuario de la base de dato del hosting
7/18/2019 Manual de Usuario y Tecnico
http://slidepdf.com/reader/full/manual-de-usuario-y-tecnico 144/144
Dir. Local: Se escribirá la dirección local donde se encuentra la carpeta de imagen del
personal docente y del alumno.Dir. Destino: Se escribirá la dirección remota donde se va a guardar la carpeta de imagen
del personal docente y del alumno.
Estado Se dará clic si desea que este activada esta configuración.
Si damos clic en este botón permitirá guardar la configuración de
toda la pantalla.
Si damos clic en este botón permitirá minimizar el programa pero de igual
manera se estará ejecutando según la configuración realizada.