Manual de Usuario y Tecnico

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



Í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



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



Í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



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


GRÁFICO N° 32


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



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


GRÁFICO N° 44


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



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



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



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



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



Í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



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.



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



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).



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.



15

GRÁFICO N° 2

DIAGRAMA DE CLASE




16

GRÁFICO N° 3

DIAGRAMA DE CONTEXTO




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




18

GRÁFICO N° 5

CONSULTAS DEL ADMINISTRADOR

ELABORADO POR: Rosa Castillo

FUENTE: Tesis de la Universidad de Guayaquil



19

GRÁFICO N° 6

INGRESO Y ACTUALIZACIÓN DEL ADMINISTRADOR


GRÁFICO N° 7

INGRESO, CONSULTA Y ACTUALIZACION DEL DOCENTE




20

GRÁFICO N° 8

INCIAR SESIÓN DEL REPRESENTANTE


GRÁFICO N° 9

CONSULTA Y ACTUALIZACIÓN DEL REPRESENTANTE




21

GRÁFICO N° 10

INCIAR SESIÓN DEL ALUMNO


GRÁFICO N° 11

CONSULTA Y ACTUALIZACIÓN DEL ALUMNO




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



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




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.


http://es.wikipedia.org/wiki/Windows

http://es.wikipedia.org/wiki/Microsoft

http://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3n

http://es.wikipedia.org/wiki/Programaci%C3%B3n_dirigida_por_eventos




http://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3n

http://es.wikipedia.org/wiki/Microsoft

http://es.wikipedia.org/wiki/Windows



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




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


http://www.luisfelipeborjadelalcazar.com/





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


3. Licencia: en este paso va verificar la licencia de Joomla!



28

GRÁFICO N° 15

LICENCIA DE INSTALANDO JOOMLA


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.



29

GRÁFICO N° 16

CONFIGURACIÓN DE LA BASE DE DATOS DE JOMMLA


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

http://www.luisfelipeborjadelalcazar.com/cpanel





30

GRÁFICO N° 17

PÁGINA DE INGRESO AL CPANEL


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




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


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.



32

GRÁFICO N° 20

CONFIGURACIÓN DE LA BASE DE DATO EN JOOMLA


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).



33

GRÁFICO N° 21

CONFIGURACIÓN PRINCIPAL DE LA INSTALACIÓN DE JOMMLA


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.



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







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


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



36

GRÁFICO N° 24

INSTALACIÓN DE ES-ES_JOOMLA_LANG_FULL


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




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


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.



38

GRÁFICO N° 27

INSTALACIÓN DE DOCMAN


Ya instalado se puede observar donde se encuentra el menú de DOCman: se debe dar clic

en componentes / DOCman y se desplegará un submenu



39

GRÁFICO N° 28

RUTA DE DOCMAN


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




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


Luego damos clic en subir e instalar.



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



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á.



42

GRÁFICO N° 32



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.



43

GRÁFICO N° 33

UBICACIÓN DEL INSTALADOR DEL SISTEMA REMOTO


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


En esta pantalla se va iniciar con la instalación, damos clic en siguiente



44

GRÁFICO N° 35

UBICACIÓN DE INSTALACIÓN DEL SISTEMA REMOTO


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.



45

GRÁFICO N° 36

CONFIRMAR LA INSTALACIÓN DEL SISTEMA REMOTA


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




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


GRÁFICO N° 39

ICONO DEL SISTEMA REMOTO




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


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.



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



GRÁFICO N° 41

MODELO DE BASE DE DATO




50

GRÁFICO N° 42

BASE DE DATO PARTE 1




51

GRÁFICO N° 43





52

GRÁFICO N° 44





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





54

CUADRO N° 4

TABLA DETALLE NOTA

Tabla: tbl_det_nota


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




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




56

CUADRO N° 6

TABLA NOTAS

Tabla: tbl_notas


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




57

CUADRO N° 7

TABLA RANGO SUPLETORIO

Tabla: tbl_rango_supletorio


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




58

CUADRO N° 8

TABLA SERVICIO

Tabla: tbl_servicio


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




59

CUADRO N° 9

TABLA REMOTO ÚLTIMA FECHA

Tabla: tbl_remoto_ultima_fecha


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




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.



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








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”.



63

GRÁFICO N° 46

PANTALLA DE HISTORIA DE LA INSTITUCIÓN



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




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




65

GRÁFICO N° 49

PANTALLA CONSULTA DE NUESTROS COLABORADORES


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.



66

GRÁFICO N° 50

PANTALLA DE COMITÉ DE PADRES DE FAMILIA


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.



67

GRÁFICO N° 51

PANTALLA DE CONTÁCTENOS



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




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




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




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



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.



71

GRÁFICO N° 56

PANTALLA DE HORARIO DE ATENCIÓN


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




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


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.



73

GRÁFICO N° 59

PANTALLA DE CONSULTA DE HORARIO DE DOCENTE


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




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




75

GRÁFICO N° 62

PANTALLA DE SUBCATEGORIA POR CURSO


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




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


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.



77

GRÁFICO N° 65

PANTALLA PARA CREAR UNA CUENTA EN EL FORO


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




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




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


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.



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




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



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”.



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


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.



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




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.



85

GRÁFICO N° 73

PANTALLA DE CONSULTA POR ALUMNO


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.



86

GRÁFICO N° 74

PANTALLA DE CONSULTA POR ALUMNO CON DATOS


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



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.




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




89

Paleta de Estado

En este recuadro presenta un informe general de la cantidad de alumnos que se encuentraen cada estado.


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.


aparece el número de alumno que se encuentra en el estado de gracia por cada materia.


mismo aparece el número de alumno que se encuentra Reprobado por cada materia.



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


Cuenta / Cambiar Clave

Al dar clic en el submenú “Cambiar clave” presenta la siguiente pantalla.



91

GRÁFICO N° 77

PANTALLA DE ACTUALIZACIÓN DE CLAVE


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



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


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.



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.



94

GRÁFICO N° 79

PANTALLA DE INGRESO DEL ADMINISTRADOR


Después mostrará la siguiente pantalla.

GRÁFICO N° 80

PANTALLA DE PRINCIPAL DEL ADMINISTRADOR


Notas

En este menú presenta el siguiente submenú Apertura/Notas, Ingreso por Materia y

Modificar Nota.



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


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.



96

GRÁFICO N° 82

PANTALLA DE INGRESO DE APERTURA


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.



97

GRÁFICO N° 83

PANTALLA DE INGRESO POR MATERIA


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).



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


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.



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




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.


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.



101

GRÁFICO N° 86

CONSULTA DE NOTA POR ALUMNO


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



102

GRÁFICO N° 87

CONSULTA DE MATERIAS -ADMINISTRADOR



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.



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


Consulta de aperturas

Permite mostrar todas las aperturas realizadas dependiendo el periodo lectivo y notaseleccionada.



104

GRÁFICO N° 89

PANTALLA DE CONSULTA DE APERTURA


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.



105

GRÁFICO N° 90

PANTALLA DE NOTAS CONFIRMADAS


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.



106

GRÁFICO N° 91

PANTALLA DE AUDITORÍA DE NOTAS


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.



107

GRÁFICO N° 92

CONSULTA DE HORARIO


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



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


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.



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


Cuenta

En este menú presentará el siguiente submenú Datos Personales y Cambiar clave.


Al dar clic en el submenú se presenta los datos personales del usuario que inicio sesión.



110

GRÁFICO N° 95

CONSULTA DE DATOS



Al dar clic en el submenú “Cambiar clave” se presentará la siguiente pantalla, visualizar

GRÁFICO N° 96

CACTUALIZACIÓN DE CLAVE DEL USUARIO




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




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.



113

GRÁFICO N° 98

PANTALLA DE CONSULTA DE ENVÍO SMS



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



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




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


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.



116

Luego damos clic en Entrar, donde nos mostrará el menú del sistema de nota.

GRÁFICO N° 101

PANTALLA PRINCIPAL DEL REPRESENTANTE


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.



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




118

Paleta de Estado

En este recuadro representa un informe general de la cantidad de materias que se encuentraen cada estado.


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.





119

Cuenta

En este menú presenta el siguiente submenú Cuenta.



GRÁFICO N° 103

CONSULTA DE DATOS DEL REPRESENTANTE



Al dar clic en el submenú “Cambiar clave” se presenta la siguiente pantalla.



120

GRÁFICO N° 104

ACTUALIZACIÓN DE CLAVE DEL REPRESENTANTE


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


del sistema.



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


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.



122

GRÁFICO N° 106

PANTALLA PRINCIPAL DE ALUMNO


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.



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




124

Paleta de Estado

En este recuadro representa un informe general de la cantidad de materias que se encuentraen cada estado.


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.


aparece el número de materias que se encuentra en el Estado de Gracia.



Cuenta

En este menú presenta el siguiente submenú Cuenta.



125



GRÁFICO N° 108

CONSULTA DE DATOS DEL ALUMNO



Al dar clic en el submenú “Cambiar clave” se presenta la siguiente pantalla, visualizar en

el Gráfico.



126

GRÁFICO N° 109

ACTUALIZAIÓN DE CLAVE DEL ALUMNO


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


del sistema.



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




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


Luego de dar clic en aceptar nos presentara la siguiente pantalla en la cual podemosadministrar



129

GRÁFICO N° 112

INGRESO COMO ADMINISTRADOR DE JOOMLA


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.



130

GRÁFICO N° 113

INGRESO COMO ADMINISTRADOR DE JOOMLA



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.



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


Luego se presentara una pantalla igual a la anterior, en la que nos permite realizar las

modificaciones que deseamos.



132

GRÁFICO N° 115

MODIFICANDO UN ARTÍCULO


Si se desea subir una imagen se debe dar clic en imagen

GRÁFICO N° 116

PANTALLA SUBIENDO IMAGEN EN UN ARTICULO




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


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



134

GRÁFICO N° 118

PANTALLA DEL ARTÍCULO - FOTO


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



135

GRÁFICO N° 119

PANTALLA – SUBIR UN ARCHIVO



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.



136

GRÁFICO N° 120

SUBIR ARCHIVO DESDE UNA PC


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


Damos clic en guardar. Y el archivo ya se encontrará disponible



137

GRÁFICO N° 122

VISUALIZACIÓN DE UN ARCHIVO DESDE UN ARTÍCULO



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.



138

GRÁFICO N° 123

VISUALIZACIÓN DEL SISTEMA REMOTO


Si damos doble clic en el icono, se abrirá una ventana de configuración

GRÁFICO N° 124

PANTALLA DE CONFIGURACIÓN REMOTA


Configuración del servidor

En este botón nos permitirá realizar la configuración del servidor local y remoto.



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


Luego dar clic en el botón Probar Conexión para así estar seguro que todos los datos

fueron ingresados correctamente.



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


Luego dar clic en el botón Probar Conexión para así estar seguro que todos los datos

fueron ingresados correctamente.



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


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.



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


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



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.

Documents

Manual de Usuario y Tecnico