Manual de Usuario y Tecnico

UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMTICAS Y FSICAS

CARRERA DE INGENIERA EN SISTEMAS
COMPUTACIONALES
Implementacin y desarrollo de un Portal Web para la Unidad Educativa

LUIS FELIPE BORJA DEL ALCZAR y optimizacin de proceso
comunicacional basado en herramienta Open Source.
MANUAL TCNICO Y
MANUAL DE USUARIO
AUTORA: ROSA PATRICIA CASTILLO CHAGUAY
GUAYAQUIL ECUADOR
2013
NDICE GENERAL
Contenido
NDICE GENERAL ................................................................................................................1
CAPITULO I .......................................................................................................................11
MANUAL TCNICO ...........................................................................................................11
INTRODUCCIN ............................................................................................................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
CARACTERSTICA DE EQUIPOS ......................................................................................22
INSTALACION DE JOOMLA............................................................................................25
INSTALACIN DE ES-ES JOOMLA LANG FULL ...............................................................36
INSTALACIN FINALIZADA DE ES-ES JOOMLA LANG FULL ...........................................36
GESTOR DE IDIOMA JOOMLA ......................................................................................37
INSTALACIN DE DOCMAN..........................................................................................38
INSTALACIN DE JW SIMPLE IMAGE GALLERY.............................................................40
INSTALACIN DEL SISTEMA REMOTO ..........................................................................42
MODELO DE BASE DE DATO .........................................................................................49
DICCIONARIO DE DATO ................................................................................................53
CAPITULO II ......................................................................................................................60
MANUAL DE USUARIO .....................................................................................................60
PRESENTACIN ............................................................................................................60
INTRODUCCION ............................................................................................................60
INICIO ...........................................................................................................................62
QUIENES SOMOS ..........................................................................................................62
INFORMACIN .............................................................................................................68
CONSULTAS ..................................................................................................................70
RECURSOS ....................................................................................................................74
GALERA .......................................................................................................................78
SERVICIO ......................................................................................................................79
INGRESO COMO ADMINISTRADOR DE JOOMLA ........................................................130
SISTEMA REMOTO ......................................................................................................137
CONFIGURACIN DEL SERVIDOR REMOTO ................................................................139
CONFIGURACIN DEL SERVIDOR LOCAL ....................................................................140
NDICE DE GRFICO
GRFICO N 1
MAPA DE CONTENIDO DEL PORTAL WEB .........................................................................12
GRFICO N 2
DIAGRAMA DE CLASE .......................................................................................................15
GRFICO N 3
DIAGRAMA DE CONTEXTO ...............................................................................................16
GRFICO N 4
DIAGRAMA DE CASO DE USO - INICIAR SESIN ...............................................................17
GRFICO N 5
CONSULTAS DEL ADMINISTRADOR ..................................................................................18
GRFICO N 6
INGRESO Y ACTUALIZACIN DEL ADMINISTRADOR .........................................................19
GRFICO N 7
INGRESO, CONSULTA Y ACTUALIZACION DEL DOCENTE ..................................................19
GRFICO N 8
INCIAR SESIN DEL REPRESENTANTE ...............................................................................20
GRFICO N 9
CONSULTA Y ACTUALIZACIN DEL REPRESENTANTE .......................................................20
GRFICO N 10
INCIAR SESIN DEL ALUMNO ...........................................................................................21
GRFICO N 11
CONSULTA Y ACTUALIZACIN DEL ALUMNO ...................................................................21
GRFICO N 12
CONSULTA Y ACTUALIZACIN DEL ALUMNO ...................................................................25
GRFICO N 13
INSTALACIN DE JOOMLA................................................................................................26
GRFICO N 14
COMPROBACIONES PREVIAS DE INSTALANDO JOOMLA ..................................................27
GRFICO N 15
LICENCIA DE INSTALANDO JOOMLA .................................................................................28
GRFICO N 16
CONFIGURACIN DE LA BASE DE DATOS DE JOMMLA .....................................................29
GRFICO N 17
PGINA DE INGRESO AL CPANEL ......................................................................................30
GRFICO N 18
PGINA PRINCIPAL DEL CPANEL .......................................................................................30
GRFICO N 19
MySQL BASE DE DATO DEL CPANEL .................................................................................31
GRFICO N 20
CONFIGURACIN DE LA BASE DE DATO EN JOOMLA .......................................................32
GRFICO N 21
CONFIGURACIN PRINCIPAL DE LA INSTALACIN DE JOMMLA .......................................33
GRFICO N 22
PGINA DE INGRESO DEL ADMINISTRADOR DE JOMMLA ................................................34
GRFICO N 23
PGINA PRINCIPAL DEL ADMINISTRADOR DE JOMMLA...................................................35
GRFICO N 24
INSTALACIN DE ES-ES_JOOMLA_LANG_FULL ................................................................36
GRFICO N 25
INSTALACIN FINALIZADA DE ES-ES_JOOMLA_LANG_FULL ............................................36
GRFICO N 26
GESTOR DE IDIOMA JOOMLA ...........................................................................................37
GRFICO N 27
INSTALACIN DE DOCMAN ..............................................................................................38
GRFICO N 28
RUTA DE DOCMAN ...........................................................................................................39
GRFICO N 29
MENU PRINCIPAL DE DOCMAN ........................................................................................39
GRFICO N 30
INSTALACIN DE JW_SIMPLE_IMAGE_GALLERY ..............................................................40
GRFICO N 31
GRFICO N 32
GRFICO N 33
UBICACIN DEL INSTALADOR DEL SISTEMA REMOTO .....................................................43
GRFICO N 34
INSTALACIN DEL SISTEMA REMOTO ..............................................................................43
GRFICO N 35
UBICACIN DE INSTALACIN DEL SISTEMA REMOTO ......................................................44
GRFICO N 36
CONFIRMAR LA INSTALACIN DEL SISTEMA REMOTA .....................................................45
GRFICO N 37
INSTALANDO EL SISTEMA REMOTO .................................................................................45
GRFICO N 38
PANTALLA DE INSTALACIN COMPLETA DEL SISTEMA REMOTO .....................................46
GRFICO N 39
ICONO DEL SISTEMA REMOTO .........................................................................................46
GRFICO N 40
PANTALLA DE CONFIGURACIN DEL SISTEMA REMOTO .................................................47
GRFICO N 41
MODELO DE BASE DE DATO .............................................................................................49
GRFICO N 42
BASE DE DATO PARTE 1....................................................................................................50
GRFICO N 43
GRFICO N 44
GRFICO N 45
PANTALLA DE INICIO DEL PORTAL WEB ...........................................................................61
GRFICO N 46
PANTALLA DE HISTORIA DE LA INSTITUCIN ...................................................................63
GRFICO N 47
PANTALLA DE VISIN Y MISIN .......................................................................................63
GRFICO N 48
PANTALLA DE NUESTROS COLABORADORES....................................................................64
GRFICO N 49
PANTALLA CONSULTA DE NUESTROS COLABORADORES .................................................65
GRFICO N 50
PANTALLA DE COMIT DE PADRES DE FAMILIA ...............................................................66
GRFICO N 51
PANTALLA DE CONTCTENOS ..........................................................................................67
GRFICO N 52
MAPA DEL SITIO WEB .......................................................................................................67
GRFICO N 53
PATALLA DE REQUISITO DE MATRICULACIN ..................................................................68
GRFICO N 54
PANTALLA DE SOLICITUD DE MATRICULACIN ................................................................69
GRFICO N 55
PANTALLA DE INFORMACIN DE UNIFORME ..................................................................70
GRFICO N 56
PANTALLA DE HORARIO DE ATENCIN ............................................................................71
GRFICO N 57
PANTALLA DE HORARIO DE CLASE ...................................................................................71
GRFICO N 58
PANTALLA DE CONSULTA DE HORARIO DE CLASE ............................................................72
GRFICO N 59
PANTALLA DE CONSULTA DE HORARIO DE DOCENTE ......................................................73
GRFICO N 60
PANTALLA DE VISUALIZACIN DE EVENTOS ....................................................................73
GRFICO N 61
PANTALLA DESCARGA DE ARCHIVOS ...............................................................................74
GRFICO N 62
PANTALLA DE SUBCATEGORIA POR CURSO .....................................................................75
GRFICO N 63
PANTALLA DE DESCARGA .................................................................................................75
GRFICO N 64
PANTALLA DE FORO .........................................................................................................76
GRFICO N 65
PANTALLA PARA CREAR UNA CUENTA EN EL FORO .........................................................77
GRFICO N 66
PANTALLA DEL WEB MAIL ................................................................................................77
GRFICO N 67
VISUALIZACIN DE GALERIA ............................................................................................78
GRFICO N 68
VISUALIZACIN DE GALERIA ............................................................................................79
GRFICO N 69
PANTALLA INGRESO DEL SISTEMA ACADMICO DE NOTAS .............................................80
GRFICO N 70
PANTALLA INICIO DEL SISTEMA ACADMICO DE NOTAS .................................................81
GRFICO N 71
PANTALLA DE INGRESO DE NOTA ....................................................................................82
GRFICO N 72
PANTALLA DE INGRESO DE NOTAS POR MATERIA ...........................................................83
GRFICO N 73
PANTALLA DE CONSULTA POR ALUMNO .........................................................................85
GRFICO N 74
PANTALLA DE CONSULTA POR ALUMNO CON DATOS .....................................................86
GRFICO N 75
PANTALLA DE CONSULTA POR MATERIA..........................................................................88
GRFICO N 76
PANTALLA DE DATOS PERSONALES DEL USUARIO ...........................................................90
GRFICO N 77
PANTALLA DE ACTUALIZACIN DE CLAVE ........................................................................91
GRFICO N 78
PANTALLA DE ENVO E-MAIL Y SMS .................................................................................92
GRFICO N 79
PANTALLA DE INGRESO DEL ADMINISTRADOR ................................................................94
GRFICO N 80
PANTALLA DE PRINCIPAL DEL ADMINISTRADOR ..............................................................94
GRFICO N 81
PANTALLA DE APERTURA .................................................................................................95
GRFICO N 82
PANTALLA DE INGRESO DE APERTURA.............................................................................96
GRFICO N 83
PANTALLA DE INGRESO POR MATERIA ............................................................................97
GRFICO N 84
PANTALLA DE INGRESO DE NOTAS POR MATERIA ...........................................................98
GRFICO N 85
MODIFICACIN DE NOTA .................................................................................................99
GRFICO N 86
CONSULTA DE NOTA POR ALUMNO ...............................................................................101
GRFICO N 87
CONSULTA DE MATERIAS -ADMINISTRADOR .................................................................102
GRFICO N 88
PANTALLA DE CONSULTA DE COMPORTAMIENTO ........................................................103
GRFICO N 89
PANTALLA DE CONSULTA DE APERTURA ........................................................................104
GRFICO N 90
PANTALLA DE NOTAS CONFIRMADAS ............................................................................105
GRFICO N 91
PANTALLA DE AUDITORA DE NOTAS .............................................................................106
GRFICO N 92
CONSULTA DE HORARIO ................................................................................................107
GRFICO N 93
LISTADO DE DOCENTE ....................................................................................................108
GRFICO N 94
LISTADO DE ALUMNO ....................................................................................................109
GRFICO N 95
CONSULTA DE DATOS.....................................................................................................110
GRFICO N 96
CACTUALIZACIN DE CLAVE DEL USUARIO ....................................................................110
GRFICO N 97
PANTALLA DE ENVO E-MAIL Y SMS COMO ADMISNITRADOR .......................................111
GRFICO N 98
PANTALLA DE CONSULTA DE ENVO SMS .......................................................................113
GRFICO N 99
CONSULTA DE ENVO DE SMS ........................................................................................114
GRFICO N 100
INGRESO POR REPRESENTANTE .....................................................................................115
GRFICO N 101
PANTALLA PRINCIPAL DEL REPRESENTANTE ..................................................................116
GRFICO N 102
CONSULTA DE NOTAS DEDE EL REPRESENTANTE...........................................................117
GRFICO N 103
CONSULTA DE DATOS DEL REPRESENTANTE ..................................................................119
GRFICO N 104
ACTUALIZACIN DE CLAVE DEL REPRESENTANTE ..........................................................120
GRFICO N 105
PANTALLA DE INGRESO DEL ALUMNO ...........................................................................121
GRFICO N 106
PANTALLA PRINCIPAL DE ALUMNO ................................................................................122
GRFICO N 107
CONSULTA DE NOTAS ....................................................................................................123
GRFICO N 108
CONSULTA DE DATOS DEL ALUMNO ..............................................................................125
GRFICO N 109
ACTUALIZAIN DE CLAVE DEL ALUMNO ........................................................................126
GRFICO N 110
PANTALLA DE INICIO SESIN ..........................................................................................127
GRFICO N 111
INGRESO POR EL ADMINISTRADOR DE JOOMLA ............................................................128
GRFICO N 112
INGRESO COMO ADMINISTRADOR DE JOOMLA ............................................................129
GRFICO N 113
INGRESO COMO ADMINISTRADOR DE JOOMLA ............................................................130
GRFICO N 114
PANTALLA PARA MODIFICAR UN ARTCULO ..................................................................131
GRFICO N 115
MODIFICANDO UN ARTCULO ........................................................................................132
GRFICO N 116
PANTALLA SUBIENDO IMAGEN EN UN ARTICULO ..........................................................132
GRFICO N 117
PANTALLA DE DIRECCIN DE LA IMAGEN ......................................................................133
GRFICO N 118
PANTALLA DEL ARTCULO - FOTO...................................................................................134
GRFICO N 119
PANTALLA SUBIR UN ARCHIVO....................................................................................135
GRFICO N 120
SUBIR ARCHIVO DESDE UNA PC .....................................................................................136
GRFICO N 121
PANTALLA DE OBSERVACIN DEL ARCHIVO ..................................................................136
GRFICO N 122
VISUALIZACIN DE UN ARCHIVO DESDE UN ARTCULO .................................................137
GRFICO N 123
VISUALIZACIN DEL SISTEMA REMOTO .........................................................................138
GRFICO N 124
PANTALLA DE CONFIGURACIN REMOTA ......................................................................138
GRFICO N 125
PRUEBA DE CONEXIN CON EL SERVIDOR .....................................................................139
GRFICO N 126
PRUEBA DE CONEXIN CON EL SERVIDOR .....................................................................140
GRFICO N 127
CONFIGURACIN DE ARCHIVO DE TABLAS ....................................................................141
GRFICO N 128
CONFIGURACIN FTP .....................................................................................................142
NDICE DE CUADRO
CUADRO N 1
CARACTERSTICA DEL SERVIDOR LOCAL ...........................................................................23
CUADRO N 2
SOFTWARE UTILIZADOS ...................................................................................................24
CUADRO N 3
TABLA APERTURA .............................................................................................................53
CUADRO N 4
TABLA DETALLE NOTA ......................................................................................................54
CUADRO 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
10
CAPITULO I
MANUAL TCNICO
INTRODUCCIN
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 ms fcil.
OBJETIVO DEL MANUAL

Este manual tiene como principales objetivos brindar al lector una concepcin
tcnica del Portal Web, Sistema Acadmico de Nota y Sistema Remoto.
Explicar de forma especfica y amplia los pasos previos para la

continuacin del proceso comunicacional.
Dar a conocer los recursos que utilizaron para el respectivo diseo.
11
MAPA DE CONTENIDO DEL PORTAL WEB

GRFICO N 1
MAPA DE CONTENIDO DEL PORTAL WEB
ELABORADO POR: Rosa Castillo

FUENTE: Tesis de la Universidad de Guayaquil
DIAGRAMA DE UML
UML (Lenguaje Unificado de modelado) Es un lenguaje grfico para visualizar,
especificar, construir y documentar el sistema. UML ofrece un estndar para describir un
"plano" del sistema (modelo), incluyendo aspectos conceptuales tales como procesos de
12
negocio, funciones del sistema, y aspectos concretos como expresiones de lenguajes de

programacin, esquemas de bases de datos y compuestos reciclados.
DIAGRAMA DE CLASE
Es un tipo de diagrama esttico 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 anlisis y diseo del sistema, donde se crea el diseo conceptual de la
informacin que se manejar en el sistema, y los componentes que se encargarn del
funcionamiento y la relacin entre uno y otro.
Representacin de: - Requerimientos en entidades y actuaciones. - La arquitectura
conceptual de un dominio - Soluciones de diseo en una arquitectura - Componentes de
software orientados a objetos
En UML, una clase es representada por un rectngulo 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 mtodos u operaciones, los cuales son la forma como interacta el
objeto con su entorno (dependiendo de la visibilidad: private, protected o public).
13
Herencia (Especializacin/Generalizacin):
Indica que una subclase hereda los mtodos y atributos especificados por una Super Clase,
por ende la Subclase adems de poseer sus propios mtodos y atributos, poseer las
caractersticas y atributos visibles de la Sper Clase (public y protected), el smbolo que
utiliza es:
Presentacin del diagrama de clase del proyecto

El modulo de nota se lo puede representar en el siguiente diagrama que sern utilizado
dentro del sistema y las relaciones que existen entre ellas ya sean estructurales y de
herencia.
14
GRFICO N 2
DIAGRAMA DE CLASE

15
GRFICO N 3
DIAGRAMA DE CONTEXTO

16
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 comunicacin con el cliente.
GRFICO N 4
DIAGRAMA DE CASO DE USO - INICIAR SESIN

17
GRFICO N 5
CONSULTAS DEL ADMINISTRADOR

18
GRFICO N 6
INGRESO Y ACTUALIZACIN DEL ADMINISTRADOR

GRFICO N 7
INGRESO, CONSULTA Y ACTUALIZACION DEL DOCENTE

19
GRFICO N 8
INCIAR SESIN DEL REPRESENTANTE

GRFICO N 9
CONSULTA Y ACTUALIZACIN DEL REPRESENTANTE

20
GRFICO N 10
INCIAR SESIN DEL ALUMNO

GRFICO N 11
CONSULTA Y ACTUALIZACIN DEL ALUMNO

21
CARACTERSTICA DE EQUIPOS
Caracterstica del servidor del hosting

Para el Portal Web se utiliz el servicio de dominio y hosting brindado por Ecuahosting con
las siguientes caracterstica.
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 (mnima) 2048 Mb
Sistema Operativo Centos5
Caractersticas 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
22
Caracterstica del servidor local (Sistema Remoto)

Caracterstica servidor que se encontrar en la Unidad Educativa LUIS FELIPE BORJA
DEL ALCZAR donde se lleva la base de dato principal, es aqu donde se encontrar
ejecutando el sistema remoto.
CUADRO N 1
CARACTERSTICA DEL SERVIDOR LOCAL
PROCESADOR Procesador Intel

XeonQuadCore
SISTEMA
Windows Sever 2003
OPERATIVO
MEMORIA
DISCO DURO
4 Giga o ms
2 Disco Duro de 250
GB Hot Swap Raid
1+0

23
CUADRO N 2
SOFTWARE UTILIZADOS
PAQUETE
DESCRIPCIN
Sistema operativo de la familia Windows de la marca
Microsoft (servidor local que utiliza la Unidad Educativa
Sistema Remoto).
Servidor que se encuentra en el hosting con sistema
Operativo Linux.
MySQL es un sistema de gestin de bases de datos
relacional. (se encuentra usando en el hosting).
Apache es programa de servidor HTTP Web de cdigo
abierto. (Se encuentra usando en el hosting).
Lenguaje de Programacin capaz de crear
Pginas Web dinmicas.
Server 2003
Servidor Web
MySQL 5.5.28
Apache 2.2.23
PHP 5.2.17
Visual Basic: Lenguaje de programacin dirigido por

eventos (Utilizado para el Sistema Remoto e instalado en el
servidor local).
Sistema de Gestin de Contenidos (CMS) reconocido
Joomla 2.5.8
mundialmente, que nos ayuda a construir sitios web.
Simple_image_gallery_pro_ plugin Galera de imgenes para Joomla en nuestro portal.
2.5.7
Plugin de modelo de orden de datos para joomla
mod_xpertaccordion
DOCman es una solucin de gestin de documentos y de
DocMan-v1.6.7
descarga de Joomla, ofreciendo documentos descargables
en el sitio web.
Foro que se integra de forma nativa en Joomla!
com_kunena_v1.7.2
unite_horizontal_carousel1 Enlaces que nos permite relacionar lo ms importante, la
misma que se encuentra presente en toda las pginas del
portal web.
Xmap nos ayuda con una presentacin del mapa del sitio.
pkg_com_xmap-2.0
plugin_googlemap_J25_J30 Plugin que nos permite visualizar el mapa de google map,
para as tener una mejor ubicacin de la Unidad Educativa.
.
Modulo que permite mostrar en una barra las publicaciones
mod_facebook_likebox
de la pgina de facebook.
es-ES_joomla_lang_full_2.5 Permite cambiar el idioma del portal de joomla
Permite cambiar el idioma de la parte del administrador.
ES_joomla2.5_front_admi
Microsoft Visual
Studio.NET 2008

24
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, los

Plugin, 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
instalacin 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.
GRFICO N 12
CONSULTA Y ACTUALIZACIN DEL ALUMNO

25
Se
debe
abrir
el
navegador
escribir
la
siguiente
direccin:
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 gue Joomla! para su
instalacin. Automticamente detecta en qu idioma tiene el navegador (o sistema
operativo) y marcar la opcin adecuada.
GRFICO N 13
INSTALACIN DE JOOMLA

26
2. Comprobaciones: Joomla! Comprueba las versiones de PHP y MySQL instaladas y

sus configuraciones para ver que todo est correcto para su instalacin. En caso de
que algo no est correcto, habr que hacer modificaciones en la configuracin del
servidor.
GRFICO N 14
COMPROBACIONES PREVIAS DE INSTALANDO JOOMLA

3. Licencia: en este paso va verificar la licencia de Joomla!
27
GRFICO N 15
LICENCIA DE INSTALANDO JOOMLA

4. Base de datos: se debe poner los datos de configuracin 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 contrasea.
28
GRFICO N 16
CONFIGURACIN 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 direccin en un navegador

www.luisfelipeborjadelalcazar.com/cpanel
29
GRFICO N 17
PGINA DE INGRESO AL CPANEL

Luego se escribe el usuario y contrasea damos clic en acceder y mostrar la pgina

principal
GRFICO N 18
PGINA PRINCIPAL DEL CPANEL

30
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 se
va crear. Como vemos en la imagen una vez creada va a parecer en la parte inferior
(luisfeli_jm_borja).
GRFICO N 19
MySQL BASE DE DATO DEL CPANEL

Una vez creada la base de dato se debe continuar en el paso 4 de la instalacin de

joomla! por lo que procedemos de ingresar los datos tal como nuestra en el siguiente
grfico.
31
GRFICO N 20
CONFIGURACIN DE LA BASE DE DATO EN JOOMLA

5. Configuracin: datos del sitio (www.luisfelipeborjadelalcazar.com), y datos de la

cuenta de superadministrador (correo electrnico, nombre de usuario y contrasea).
32
GRFICO N 21
CONFIGURACIN PRINCIPAL DE LA INSTALACIN DE JOMMLA

6. Finalizar: pantalla de finalizacin del proceso de instalacin 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 administracin.
33
FRONTEND
Es la parte pblica, las reas del sitio web tal y como los visitantes o los usuarios
registrados las ven. Un usuario registrado trabajar normalmente en el frontend.
BACKEND
Es el rea de administracin, y por eso a veces la llamaremos directamente 'administracin'
o 'zona de administracin'. Siendo la parte privada a la que slo 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 travs del directorio
/administrador
http://luisfelipeborjadelalcazar.com/administrator/
GRFICO N 22
PGINA DE INGRESO DEL ADMINISTRADOR DE JOMMLA

34
Despus de haber iniciado sesin correctamente, tendr acceso a la administracin, tal

como se presenta en el siguiente grfico.
GRFICO N 23
PGINA 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
35
GRFICO N 24
INSTALACIN DE ES-ES_JOOMLA_LANG_FULL

Seleccionamos el archivo y luego se da clic en subir e instalar

GRFICO N 25
INSTALACIN FINALIZADA DE ES-ES_JOOMLA_LANG_FULL

36
Luego nos dirigimos al gestor de idioma y seleccionar el idioma que deseamos (escogiendo
el que se instalo.
GRFICO 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.
37
GRFICO N 27
INSTALACIN 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
38
GRFICO N 28
RUTA DE DOCMAN

Se da clic en home y presentar todas las opciones a realizar como subir archivo,
documento y categoras.
GRFICO N 29
MENU PRINCIPAL DE DOCMAN

39
Extensin de Simple_image_gallery
Esta extensin nos brinda una mejor visualizacin de las imgenes. Para su instalacin debe
dar clic en Extensin/Gestor de Extensiones y buscamos el archivo de nombre:
JW_Simple_image_Gallery_Pro_2.5.7_J1.5_J25_RB[N]
GRFICO N 30
INSTALACIN DE JW_SIMPLE_IMAGE_GALLERY

Luego damos clic en subir e instalar.
40
mod_facebook_likebox
En este modulo nos permite tener un espacio en el cual se visualiza las publicaciones de la
pgina de facebook. Para instalarlo se da clic en Extensin/Gestor de Extensiones y
buscamos el archivo de nombre: mod_facebook_likebox
GRFICO 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 grfico donde se configura y define la
pgina que se encontrar.
41
GRFICO N 32

INSTALACIN DEL SISTEMA REMOTO

Despus del desarrollo del Sistema Remoto se genero su instalador, el mismo que vamos a
instalar a continuacin, 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.
42
GRFICO N 33
UBICACIN DEL INSTALADOR DEL SISTEMA REMOTO

Damos dos clics en el icono de setup (Aplicacin) y nos presentar la siguiente pantalla
GRFICO N 34
INSTALACIN DEL SISTEMA REMOTO

En esta pantalla se va iniciar con la instalacin, damos clic en siguiente
43
GRFICO N 35
UBICACIN DE INSTALACIN DEL SISTEMA REMOTO

Luego nos mostrar la ubicacin donde se guardar el programa, si desea gurdala en otra
ruta puede dar clic en examinar y cambiar la ubicacin. Adems se mostrar dos opciones
de escoger, si desea instalarlo en todos los usuarios de su ordenador o slo en el usuario
actual, de deber escoger una de estas dos opciones y dar clic en siguiente.
44
GRFICO N 36
CONFIRMAR LA INSTALACIN DEL SISTEMA REMOTA

Luego nos presenta la pantalla de confirmacin para la instalacin, si estamos de acuerdo

damos clic en siguiente. Y esperamos hasta que se realice la instalacin
GRFICO N 37
INSTALANDO EL SISTEMA REMOTO

45
Luego aparecer la pantalla de confirmacin, damos clic en cerrar finalizando la instalacin

GRFICO N 38
PANTALLA DE INSTALACIN COMPLETA DEL SISTEMA REMOTO

GRFICO N 39
ICONO DEL SISTEMA REMOTO

46
Si damos doble clic sobre el icono de Sis_MysqlRemoto nos presenta la siguiente pantalla
de configuracin, la misma que nos permite enviar datos desde el servidor del hosting al
servidor local o viceversa, adems permite editar el mensaje de alerta para los docentes.
GRFICO N 40
PANTALLA DE CONFIGURACIN DEL SISTEMA REMOTO

SMS
Para el envi de SMS se utiliza el servicio de la Compaa Eclipsoft, el mismo que nos
permite conectar con su servidor de envi de SMS para cualquier operadora.
47
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 rplica de la base de dato que se encuentra en el
servidor local de la Unidad Educativa, con el desarrollo del Sistema Remoto enva y
recbelos datos de un servidor a otro cada cierto tiempo. A continuacin se mostrar el
diagrama de entidad relacin. Las tablas de color fucsia fueron creadas para el Sistema
Acadmico 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 matrcula, 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
48
GRFICO N 41
MODELO DE BASE DE DATO

49
GRFICO N 42
BASE DE DATO PARTE 1

50
GRFICO N 43

51
GRFICO N 44

52
DICCIONARIO DE DATO
CUADRO N 3
TABLA APERTURA
Tabla: tbl_apertura
Campo
Descripcin
Tipo/
Longitud
aper_id
Cdigo
int(11)
Cd. Identificador de
Apertura
ins_id
Cdigo Institucin
int(11)
Cd. Identificador de
Institucin
not_id
Cdigo Nota
int(11)
Cd. 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
char(1)
Ej: Activo Inactivo
Estado
Observaciones
aper_user_crea Usuario Creador
varchar(20) Ej: Admin
aper_fech_crea Fecha Creacin
datetime
aper_user_mod Usuario Editor
aper_fech_mod Fecha Edicin
date
Ej: 2012/01/04
Ej: 2012/01/15

53
CUADRO N 4
TABLA DETALLE NOTA
Tabla: tbl_det_nota
Campo
Descripcin
Tipo/
Longitud
det_id
Cdigo
int(11)
Cd. Identificador
Detalle Nota
mat_cur_esp_prof_id Cd. Materia

Curso Espc. Prof.
int(11)
Cd. Identif. Mat.

Curso Espc. Prof
matric_id
Cdigo Matricula
int(11)
Cd. Identificador
Matricula
not_id
Cdigo Nota
int(11)
Cd. 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 Edicin
datetime
Ej: 2012/01/15
Observaciones

54
CUADRO N 5
TABLA MATERIA SUPLETORIO
Tabla: tbl_materia_supletorio
Campo
Descripcin
Tipo/
Longitud
mat_sup_id
Cdigo
int(11)
Cd. Identificador Materia

Suplet.
matric_id
Cdigo
Matricula
int(11)
Cd. Identificador
Matricula
Cd. Materia
mat_cur_esp_prof_id Curso Espec.
Prof.
int(11)
Cd. Identif. Mat. Curso

Espc. Prof.
mat_sup_estado
Estado
varchar(2)
Ej:
Aprob,Suplet,Remed,Gracia
etc.
mat_sup_suma
Suma de
Parciales
decimal(5,2) Ej:40
mat_sup_user_mod
Usuario
varchar(20)
Editor
Fecha Edicin datetime
mat_sup_fech_mod
Observaciones
Ej: Admin
Ej: 2012/01/15

55
CUADRO N 6
TABLA NOTAS
Tabla: tbl_notas
Tipo/
Longitud
int(11)
Campo
Descripcin
not_id
Cdigo
per_esc_id
Cdigo Perido
Escolar
not_desc
Descripcin Nota varchar(25)
Ej:Nota1,Nota2,Suma,
Promedio Etc.
not_abrev
Abreviatura Nota varchar(10)
Ej:N1,N2,Sum,Prm
Etc.
not_sin_apertura
Identificador de
Apertura
Ej: True,False
int(11)
int(11)
Observaciones
Cd. Identificador
Notas
Cd. Identificador
Periodo Escolar
Identif. Cosiderar int(11)

not_considerar_rfprm para Promedios
Ej: True,
False
not_estado
Estado
char(1)
Ej: Activo Inactivo
not_user_crea
Usuario Creador
varchar(20)
Ej: Admin
not_fech_crea
Fecha Creacin
datetime
Ej: 2012/01/04
not_user_mod
Usuario Editor
varchar(20)
Ej: Admin
not_fech_mod
Fecha Edicin
datetime
Ej: 2012/01/15

56
CUADRO N 7
TABLA RANGO SUPLETORIO
Tabla: tbl_rango_supletorio
Campo
Descripcin
Tipo/
Longitud
rgs_id
Cdigo
int(11)
Cd. Identificador
Rango Supletorio
met_id
Cdigo 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
Nota Minima para

rgs_nota_min_sup Pase
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 Creacin
datetime
Ej: 2012/01/04
rgs_user_mod
Usuario Editor
varchar(20)
Ej: Admin
rgs_fech_mod
Fecha Edicin
datetime
Ej: 2012/01/15
Observaciones

57
CUADRO N 8
TABLA SERVICIO
Tabla: tbl_servicio
Tipo/
Longitud
int(11)
Campo
Descripcin
srv_id
Cdigo
srv_num_ref
Numero de
varchar(12)
Referencia
Cdigo Periodo int(11)
Cd. Identificador Periodo
Lectivo
Lectivo
per_lec_id
matric_id
Observaciones
Cd. Identificador Servicio
Cdigo
Matricula
cur_esp_sec_id Cdigo Curso
Espec. Seccin
int(11)
Cd. Identificador Matricula
int(11)
Cd. Identif. Curso Espec.

Seccin
srv_tipo
Tipo de Envi
char(1)
Ej: Emisor, Receptor.
srv_telefono
Numero
Telefono
Detalle de
Mensaje
Cdigo de
Personal
Estado
varchar(15) EJ: 0985274556
srv_mensaje
per_id
srv_estado
srv_user_crea
srv_fech_crea
srv_user_mod
srv_fech_mod
Usuario
Creador
Fecha Creacin
Usuario Editor
Fecha Edicin
Ej: "Esto es una Prueba"

varchar(150)
int(11)
Cd. Identificador Personal
char(1)
Ej: Activo Inactivo

datetime
Ej: 2012/01/04
datetime
Ej: 2012/01/15

58
CUADRO N 9
TABLA REMOTO LTIMA FECHA
Tabla: tbl_remoto_ultima_fecha
Campo
Descripcin
rem_ult_tabla
Descripcin Tabla
Tipo/
Longitud
varchar(30)
rem_ult_fecha
Ultima Fecha de Envi
datetime
Observaciones
Ej:
Alumno,Perosonal,Matri
cula etc
Ej: 2012/02/12

CUADRO N 10
TABLA LOCAL LTIMA FECHA
Tabla: tbl_local_ultima_fecha
Campo
loc_ult_tabla
loc_ult_fecha
Tipo/
Longitud
Descripcin de varchar(30)
Tabla
Ultima Fecha
Datetime
de Envio
Descripcin
Observaciones
Ej:
Alumno,Personal,Repreentante.
Ej: 2012/01/15

59
CAPITULO II
MANUAL DE USUARIO
PRESENTACIN
El presente documento es una gua prctica dirigido a los usuarios para el dominio y
manejo adecuado del Sistema Acadmico De Notas (SADN), tambin 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 comunicacin entre los docentes y
representantes. Es por esta razn que se ha implementado un Portal Web donde optimiza el
proceso comunicacional.
El personal que apoya a la institucin manteniendo actualizada la informacin como: datos
sobre la Unidad Educativa, actividades a realizar, horarios de examen, documentos de
estudio, circulares y foro sern guiado por este documento. Adems se ha realizado el
SADN (Sistema Acadmico De Notas) que permite a los docentes el registro y consulta de
notas desde la web garantizando caractersticas de calidad como confiabilidad, integridad,
seguridad y disponibilidad. Esta aplicacin ser actualizada por los docentes activos que
facilita la informacin.
60
En este captulo se presenta el funcionamiento de los servicios que brinda el sitio web. Los
alumnos va internet pueden consultar informacin sobres la institucin, eventos, horarios
de clase, notas y hacer descargo de deberes y temarios que el docente suba al portal web.
Diseo del sitio

A continuacin se puede observar la distribucin general de contenidos en la pgina
principal del sitio, el acceso del portal web es www.luisfelipeborjadelalcazar.com.
GRFICO N 45
PANTALLA DE INICIO DEL PORTAL WEB

61
Pgina de Inicio
En la pgina inicio del rea de contenidos se presenta los titulares de las noticias ms
recientes, junto a una pequea descripcin y la opcin de leer el texto completo de la
noticias a travs del enlace Leer ms. Al hacer clic en los enlaces Leer ms presenta el
contenido completo de la noticia y adems tiene un botn de Imprimir este botn permite
realizar la impresin del texto de la noticia, sin el diseo grfico del sitio web.
En la parte superior del sitio web se presenta una pequea galera de fotos seleccionas del
personal docente y otros eventos realizados,
INICIO
Acceso directo a la pgina 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 informacin relacionada con la Unidad Educativa LUIS FELIPE BORJA DEL
ALCZAR.
Historia de la Institucin
Al dar clic en el sub men Historia de la Institucin presenta un pequeo relato desde
que se inicio la Unidad Educativa LUIS FELIPE BORJA DEL ALCZAR.
62
GRFICO N 46
PANTALLA DE HISTORIA DE LA INSTITUCIN

Misin y Visin
Al dar clic en el submen Misin y visin presenta la misin y visin de la Unidad
Educativa.
GRFICO N 47
PANTALLA DE VISIN Y MISIN

63
Nuestros Colaboradores
Al dar clic en el submen Nuestros Colaboradores presenta la siguiente pantalla, en la
que se debe seleccionar la jornada, el curso que desea realizar la consulta despus damos
clic en consultar, permitiendo visualizar la foto de cada docente de la Unidad Educativa
LUIS FELIPE BORJA DEL ALCZAR con su respetiva informacin.
GRFICO N 48
PANTALLA DE NUESTROS COLABORADORES

64
GRFICO 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 informacin de
los seores que lo conforma.
65
GRFICO N 50
PANTALLA DE COMIT DE PADRES DE FAMILIA

Contctenos
Al dar clic en el submen Contctenos, permite visualizar la informacin necesaria
como la direccin y contactos de la Unidad Educativa LUIS FELIPE BORJA DEL
ALCZAR. Permite visualizar por medio del google map la ubicacin exacta de la
Unidad Educativa LUIS FELIPE BORJA DEL ALCZAR. As como podemos
observar en siguiente grfico.
66
GRFICO N 51
PANTALLA DE CONTCTENOS

Mapa del Sitio Web

Al dar clic en el submen Mapa del Sitio Web permite visualizar el mismo.
GRFICO N 52
MAPA DEL SITIO WEB

67
INFORMACIN
Al pasar sobre el men INFORMACIN se despliega el siguiente listado de submen.
Requisito de Matriculacin
Al dar clic en el submen Requisito de Matriculacin presenta un informe en el que se
detalla los documentos necesarios para la matriculacin de un alumno.
GRFICO N 53
PATALLA DE REQUISITO DE MATRICULACIN

68
Solicitud de Matriculacin
Al dar clic en el submen SOLICITUD DE MATRICULACIN permite visualizar e
imprimir una hoja de solicitud de matrcula. La misma que deber llenar con los datos del
alumno, para luego ser entregada en recepcin con el resto de documento necesario para la
matriculacin.
GRFICO N 54
PANTALLA DE SOLICITUD DE MATRICULACIN

69
Uniforme
Al dar clic en el submen UNIFORME se detalla cada prenda del uniforme de la Unidad
Educativa LUIS FELIPE BORJA DEL ALCZAR.
GRFICO N 55
PANTALLA DE INFORMACIN DE UNIFORME

CONSULTAS
Al pasar por el men CONSULTAS se despliega los siguientes submens
Horario de Atencin para Padres
Al dar clic sobre el submen HORARIO DE ATENCIN PARA PADRES permite
visualizar el horario de atencin, los das de recuperacin pedaggica y das de
planificacin. As como lo presenta el siguiente Grfico.
70
GRFICO N 56
PANTALLA DE HORARIO DE ATENCIN

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.
GRFICO N 57
PANTALLA DE HORARIO DE CLASE

71
Luego damos clic en Consultar y nos presenta el siguiente grfico, donde podemos
visualizar el horario del curso escogido.
GRFICO N 58
PANTALLA DE CONSULTA DE HORARIO DE CLASE

Horario de Exmenes
Al dar clic en el submen Horario de Exmenes 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.
72
GRFICO 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 segn el da
y mes indicar el evento a realizar.
GRFICO N 60
PANTALLA DE VISUALIZACIN DE EVENTOS

73
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 categoras que son Circulares
y Temarios. Tal como podemos observar en el siguiente Grfico. Si damos clic en
cualquiera de estas categoras presenta un listado de subcategora que son de todos los
cursos desde Educacin inicial hasta el sexto ao bsico como lo observamos en siguiente
grfico. En cada una de estas categoras dependiendo donde demos clic se encuentra varios
archivos que pertenece a la subcategora seleccionado curso los mismos que podrn ser
descargados por el usuario.
GRFICO N 61
PANTALLA DESCARGA DE ARCHIVOS

74
GRFICO 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
grfico. Adicional tambin tiene opcin de bsqueda.
GRFICO N 63
PANTALLA DE DESCARGA

75
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 grfico.
GRFICO 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 grfico. Se debe ingresar todos
los datos requerido adems podr subir una foto al perfil del foro.
76
GRFICO 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 electrnico de la Unidad Educativa.
GRFICO N 66
PANTALLA DEL WEB MAIL

77
GALERA
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 galera de foto en
diferentes eventos.
GRFICO N 67
VISUALIZACIN DE GALERIA

78
Al dar clic en una foto permite visualizarla con una presentacin animada. As como lo
presenta en el siguiente grfico
GRFICO N 68
VISUALIZACIN 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 submenes permite ingresar al Sistema
Acadmico De Notas (SADN) con el respetivo usuario y contrasea.
79
Docente
Al dar clic en el submen Docente nos enva a una nueva ventana de ingreso, en la cual
deben ingresar el usuario, contrasea y captcha. En esta ventana de ingreso solo permite
ingresar los usuarios de tipo docente y administrador.
El botn Restablecer limpia los campos de usuario, contrasea y captcha.
El botn Actualizar
si damos clic sobre este botn, permite cambiar el contenido
del captcha.
En el captcha debe ingresar el cdigo que nos presenta para as confirma que el ingreso sea
de una persona que este frente del ordenador.
GRFICO N 69
PANTALLA INGRESO DEL SISTEMA ACADMICO DE NOTAS

80
Luego damos clic en el botn Entrar, si los datos fueron ingresados correctamente nos
presenta la siguiente pantalla de inicio del Sistema Acadmico De Notas.
GRFICO N 70
PANTALLA INICIO DEL SISTEMA ACADMICO DE NOTAS

Al ingresar al Sistema Acadmico de Nota en la parte superior derecho de la pantalla nos

mostrar el usuario que ha iniciado sesin, como se lo present en el grfico anterior.
Notas
En este men presenta el siguiente submen Ingreso por Materia.
81
Notas/Ingreso por Materia

Al dar clic sobre el submen Ingreso por materia nos permite el ingreso de notas por
materia, dependiendo de los cursos asignados del docente que inicio sesin y de la fecha
que se encuentre aperturada cada nota.
GRFICO N 71
PANTALLA DE INGRESO DE NOTA

El campo de periodo lectivo y docente se carga automticamente con el periodo actual y

dependiendo del usuario que inicio sesin.
Para el ingreso de notas se debe seleccionar el Curso/Espc/Sec el mismo que despliega un
listado de los cursos asignados al docente.
82
Luego de escoger el curso, procedemos a seleccionar la materia que se va ingresar las

notas.
Luego presenta automticamente 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 activndolo con un
visto cuando se guarde la informacin se inactiva el campo de nota, por lo que el docente
ya no podr realizar cambios (esta opcin 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.
GRFICO N 72
PANTALLA DE INGRESO DE NOTAS POR MATERIA

83
Una vez ingresada las notas se dar clic en el botn Guardar Notas, luego nos presenta
un mensaje de confirmacin Esta seguro de Guardar Notas damos clic en aceptar e
inmediatamente nos enva 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 automticamente se cargara el nombre del docente que inicio
sesin.
Periodo Lectivo: En este campo se debe escoger el periodo que desea consultar.
Curso /Espc/Secc: Despus de haber escogido el perodo 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.
84
GRFICO N 73
PANTALLA DE CONSULTA POR ALUMNO

En el siguiente grfico 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, adems del
promedio como por materia y general.
Al finalizar el ao presenta en la misma pantalla si el alumno fue promovido al siguiente
ao.
85
GRFICO N 74
PANTALLA DE CONSULTA POR ALUMNO CON DATOS
Paleta de
Estado

En esta consulta mostrar el aprobado por cada materia, el cual se detalla en la columna de
estado con los siguientes smbolos.
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, adems debajo del mismo
aparece el nmero de materias Aprobadas que tiene el alumno.
86
Con este icono se representa el Estado Supletorio, adems debajo del

mismo aparece el nmero de materias que se encuentra en Supletorio.
Con este icono se representa el Estado Remedial, adems debajo del mismo
aparece el nmero de materias que se encuentra en Remedial.
Con este icono se representa el Estado de Gracia, adems debajo del mismo
aparece el nmero de materias que se encuentra en el Estado de Gracia.
Con este icono se representa el Estado Reprobado, adems debajo del

mismo aparece el nmero 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 automticamente se cargara el nombre del docente que inicio
sesin.
87
Curso /Espc/Secc: Despus de haber escogido el perodo lectivo debe seleccionar el curso
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.
GRFICO N 75
PANTALLA DE CONSULTA POR MATERIA

88
Paleta de Estado
En este recuadro presenta un informe general de la cantidad de alumnos que se encuentra
en cada estado.
Con este icono se representa el Estado Aprobado, adems debajo del

mismo aparece el nmero de alumno Aprobadas de cada materia.
Con este icono se representa el Estado Supletorio, adems debajo del mismo
aparece el nmero de alumno de estado Supletorio de cada materia.
Con este icono se representa el Estado Remedial, adems debajo del

mismo aparece el nmero de alumno de estado Remedial de cada materia.
aparece el nmero de alumno que se encuentra en el estado de gracia por cada materia.

mismo aparece el nmero de alumno que se encuentra Reprobado por cada materia.
89
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 sesin.
GRFICO N 76
PANTALLA DE DATOS PERSONALES DEL USUARIO

Cuenta / Cambiar Clave

Al dar clic en el submen Cambiar clave presenta la siguiente pantalla.
90
GRFICO N 77
PANTALLA DE ACTUALIZACIN DE CLAVE

Para realizar el cambio de clave se deber llenar los tres campos, luego dar clic en guardar
y despus 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
91
Servicio/Envi SMS
Al dar clic en el submen Envi SMS nos presentar la siguiente pantalla.
GRFICO N 78
PANTALLA DE ENVO E-MAIL Y SMS

Periodo: Presenta automticamente el periodo actual de la Unidad Educativa.

De: Presenta automticamente el nombre del docente que inicio sesin.
Curso: Se debe seleccionar el curso del alumno que le va enviar el mensaje.
92
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.
Cdigo de seguridad: Texto que presenta debe ser ingresado, para as confirmar que sea
un usuario.
Botn que permite enviar el mensaje.

Botn que permite limpiar los campos.
Salir
Si damos clic en esta opcin 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, despus
nos presenta la pantalla de ingreso. En est pantalla se ingresar el usuario, contrasea y el
captcha luego daremos un clic Entrar.
93
GRFICO N 79
PANTALLA DE INGRESO DEL ADMINISTRADOR

Despus mostrar la siguiente pantalla.

GRFICO N 80
PANTALLA DE PRINCIPAL DEL ADMINISTRADOR

Notas
En este men presenta el siguiente submen Apertura/Notas, Ingreso por Materia y
Modificar Nota.
94
Nota / Apertura de Notas

Al dar clic en el submen Apertura de nota permite la apertura de notas para as que los
docentes 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.
GRFICO 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 grfico.
95
GRFICO 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 sesin y la
fecha que se encuentre aperturada cada nota, nos presenta la siguiente pantalla.
96
GRFICO N 83
PANTALLA DE INGRESO POR MATERIA

El campo de periodo lectivo y docente se carga automticamente con el periodo actual y el

docente que inicio sesin.
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 sesin.
Luego de escoger el curso, procedemos a seleccionar la materia que se va ingresar las
notas.
Luego se mostrar automticamente 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).
97
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) se
enviara la informacin dejando imposible realizar algn cambio a los docente (esta opcin
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.
GRFICO N 84
PANTALLA DE INGRESO DE NOTAS POR MATERIA

Una vez ya ingresada las notas de cada alumno se dar clic en el botn Guardar Notas,
despus nos enviar el siguiente mensaje de confirmacin Esta seguro de Guardar Notas
damos clic en aceptar e inmediatamente nos enva un mensaje indicando cuantos registros
fueron guardados damos clic en aceptar.
98
Nota / Modificar Nota

Al dar clic en el submen Modifica Nota nos presenta la pantalla que nos permite realizar
cambios de notas al estudiante esta opcin 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 calificacin permitiendo modificar
esa nota.
GRFICO N 85
MODIFICACIN DE NOTA

99
Luego damos clic en guardar Nota y nos presenta los siguientes mensajes de confirmacin
Esta seguro de guardar la nota. Se da clic en aceptar y luego presenta otro mensaje
confirmando 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: Despus de haber escogido el perodo lectivo se seleccionar el curso
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,
adems del promedio por materia y general.
Al finalizar el ao se mostrar en la misma pantalla si el alumno fue promovido al siguiente
ao.
100
GRFICO 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
101
GRFICO N 87
CONSULTA DE MATERIAS -ADMINISTRADOR

Curso /Espc/Secc: Despus de haber escogido el perodo 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.
102
Comportamiento
Permite mostrar las observaciones y nota del comportamiento de cada parcial. Para realizar
esta consulta se debe escoger el periodo lectivo, curso y alumno a consultar. Luego damos
clic en el botn buscar y presenta la informacin deseada.
GRFICO N 88
PANTALLA DE CONSULTA DE COMPORTAMIENTO

Consulta de aperturas
Permite mostrar todas las aperturas realizadas dependiendo el periodo lectivo y nota
seleccionada.
103
GRFICO N 89
PANTALLA DE CONSULTA DE APERTURA

Notas Confirmadas
Permite realizar la consulta de los docente que estn 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.
104
GRFICO N 90
PANTALLA DE NOTAS CONFIRMADAS

Auditora/Nota Modificada
Permite mostrar el alumno, materia, periodo escolar, nota, valor anterior, valor actual,
observacin, fecha y usuario que realizo la modificacin. Para realizar esta consulta debe
seleccionar periodo lectivo, docente, curso y alumno que desea.
105
GRFICO N 91
PANTALLA DE AUDITORA DE NOTAS

Consultas/Horario
Al dar clic en el submen Horario, permite visualizar un reporte con los horario de clase
por curso de ese ao lectivo. Para esto se debe seleccionar el periodo lectivo y curso luego
damos clic en el botn buscar y presenta el horario de clase del cuso seleccionado. Si
damos clic en el botn PDF se convertir en un archivo de la misma extensin.
106
GRFICO 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, tambin se los puede seleccionar directamente
107
escogiendo el nombre del docente o filtrando la bsqueda escribiendo su apellido y damos

clic en buscar.
GRFICO 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
nmero de matrcula.
108
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 presenta
los alumnos solo de ese curso, tambin se los puede seleccionar directamente escogiendo el
nombre del alumno o filtrando la bsqueda escribiendo su apellido y damos clic en buscar.
GRFICO 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 sesin.
109
GRFICO N 95
CONSULTA DE DATOS


Al dar clic en el submen Cambiar clave se presentar la siguiente pantalla, visualizar
GRFICO N 96
CACTUALIZACIN DE CLAVE DEL USUARIO

110
Para realizar el cambio de clave se deber llenar los tres campos, luego dar clic en guardar
y despus 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
GRFICO N 97
PANTALLA DE ENVO E-MAIL Y SMS COMO ADMISNITRADOR

111
Periodo: Presentar automticamente el periodo actual de la Unidad Educativa.

De: Presentar automticamente el nombre del docente que inicio sesin.
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.
Cdigo 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 bsqueda por Periodo Lectivo, Remitente,
curso y alumno permitiendo a cada una de estas opciones realizar un filtro por rango de
fecha.
112
GRFICO N 98
PANTALLA DE CONSULTA DE ENVO 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 despus damos un
113
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.
Adems sobre esta base del registro ya seleccionado puede realizar la bsqueda por rango
de fecha que desee buscar, luego vuelve a dar clic en buscar.
GRFICO N 99
CONSULTA DE ENVO DE SMS

114
Salir
Si damos clic en esta opcin nos permitir cerrar la seccion, ademas se cerrar la ventana
del sistema.
Representante
Al dar clic en el submen Representante nos enva a una nueva ventana de ingreso, en
la cual deben seleccionar la institucin e ingresar el numero de cedula, clave y captcha.
En esta ventana solo permitir el ingresar de los usuarios de tipo Representante.
GRFICO N 100
INGRESO POR REPRESENTANTE

El botn Restablecer
El botn Actualizar
limpia los todos los campos.

si damos clic sobre este botn, permitir cambiar el contenido
del captcha.
115
Luego damos clic en Entrar, donde nos mostrar el men del sistema de nota.
GRFICO 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,
mostrndonos la siguiente pantalla,
Representante: En este campo automticamente, 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.
116
Curso /Espc/Secc: Despus de haber escogido el alumno, automticamente 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, adems del promedio como
por materia y general.
Al finalizar el ao se mostrar en la misma pantalla si el alumno fue promovido al siguiente
ao.
GRFICO N 102
CONSULTA DE NOTAS DEDE EL REPRESENTANTE

117
Paleta de Estado
en cada estado.
Con este icono se representa el Estado Aprobado, adems debajo del

mismo aparece el nmero de materias Aprobadas que tiene el alumno.
Con este icono se representa el Estado Supletorio, adems debajo del

mismo aparece el nmero de materias que se encuentra en Supletorio.
Con este icono se representa el Estado Remedial, adems debajo del

mismo aparece el nmero de materias que se encuentra en Remedial.
Con este icono se representa el Estado de Gracia, adems debajo del

mismo aparece el nmero de materias que se encuentra en el Estado de Gracia.

118
Cuenta
En este men presenta el siguiente submen Cuenta.
GRFICO N 103
CONSULTA DE DATOS DEL REPRESENTANTE


Al dar clic en el submen Cambiar clave se presenta la siguiente pantalla.
119
GRFICO N 104
ACTUALIZACIN DE CLAVE DEL REPRESENTANTE

Para realizar el cambio de clave se deber llenar los tres campos, luego se dar clic en
guardar y despus nos presenta el siguiente mensaje La nueva clave se guardo
correctamente. Damos clic en aceptar
Salir
del sistema.
120
Alumno
Al dar clic en el submen Alumno nos enva a una nueva ventana de ingreso, en la
cual deben seleccionar la institucin e ingresar el usuario, clave y captcha. En esta
ventana solo permitir el ingresar de los usuarios de tipo Alumno.
GRFICO N 105
PANTALLA DE INGRESO DEL ALUMNO

El botn Restablecer
El botn Actualizar
limpia los todos los campos.

si damos clic sobre este botn, permitir cambiar el contenido
del captcha. Luego damos clic en Entrar, donde nos presenta el men del sistema de nota.
121
GRFICO N 106
PANTALLA PRINCIPAL DE ALUMNO

Notas
En este men presenta el siguiente submen
Consulta
Al dar clic en submen Consulta, nos permite hacer una consulta por alumno que se
inicio sesin.
Alumno: Presenta el nombre del alumno.
Periodo Lectivo: En este campo se debe escoger el periodo lectivo que desea consultar.
122
Luego de escoger el periodo lectivo se presenta automticamente el curso y representante

del usuario que inicio sesin, 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, adems del promedio como
por materia y general.
Al finalizar el ao presentar la misma pantalla si el alumno fue promovido al siguiente
ao.
GRFICO N 107
CONSULTA DE NOTAS

123
Paleta de Estado
en cada estado.
Con este icono se representa el Estado Aprobado, adems debajo del mismo
aparece el nmero de materias Aprobadas que tiene el alumno.
Con este icono se representa el Estado Supletorio, adems debajo del mismo
aparece el nmero de materias que se encuentra en Supletorio.
Con este icono se representa el Estado Remedial, adems debajo del mismo
aparece el nmero de materias que se encuentra en Remedial.
aparece el nmero de materias que se encuentra en el Estado de Gracia.

Cuenta
En este men presenta el siguiente submen Cuenta.
124

GRFICO N 108
CONSULTA DE DATOS DEL ALUMNO


Al dar clic en el submen Cambiar clave se presenta la siguiente pantalla, visualizar en
el Grfico.
125
GRFICO N 109
ACTUALIZAIN DE CLAVE DEL ALUMNO

Para realizar el cambio de clave se deber llenar los tres campos, luego se dar clic en
guardar y despus nos presentar el siguiente mensaje La nueva clave se guardo
correctamente. Damos clic en aceptar
Salir
del sistema.
126
Funcionamiento como administrador en Joomla

En este captulo se presenta las principales caractersticas y funcionamientos para el ingreso
de informaciones generales de la institucin. Esto nos permitir mantener actualizado el
Porta Web, as como los docentes podrn brindar documento de estudio a los estudiantes
permitiendo el descargo del mismo.
Lo primero que se debe hacer para modificar un artculo es iniciar Sesin
INICIO DE SESIN
Se debe ingresar con el usuario y contrasea del administrador.
GRFICO N 110
PANTALLA DE INICIO SESIN

127
INICIO DE SESIN POR ADMINISTRADOR DE JOOMLA

Para la administracin de Joomla tambin lo puede realizar desde la siguiente direccin
http://luisfelipeborjadelalcazar.com/administrator/ ingresando el usuario y clave en la siguiente
pantalla.
GRFICO N 111
INGRESO POR EL ADMINISTRADOR DE JOOMLA

Luego de dar clic en aceptar nos presentara la siguiente pantalla en la cual podemos
administrar
128
GRFICO N 112
INGRESO COMO ADMINISTRADOR DE JOOMLA

Aadir nuevo artculo

Para crear un artculo damos clic en Aadir un nuevo artculo, luego nos presenta la
siguiente pantalla.
129
GRFICO N 113
INGRESO COMO ADMINISTRADOR DE JOOMLA

Se le da un nombre al ttulo y a la alias donde nos permitir identificar cada artculo, la

Categora.- Para poder mostrar los artculos de forma clara, se debes crear categoras, y
despus asignar cada artculo uno de ellas. Cada artculo slo puede tener asignada una
nica categora. Las categoras pueden anidarse hasta cualquier profundidad. En la parte de
bajo podemos escribir el texto que deseamos presentar en el portal.
130
Editar un nuevo artculo

Para realizar alguna modificacin de un articulo, se debe dirigir al mismo y dar clic en
editar
GRFICO N 114
PANTALLA PARA MODIFICAR UN ARTCULO

Luego se presentara una pantalla igual a la anterior, en la que nos permite realizar las
modificaciones que deseamos.
131
GRFICO N 115
MODIFICANDO UN ARTCULO

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

GRFICO N 116
PANTALLA SUBIENDO IMAGEN EN UN ARTICULO

132
Mostrar el siguiente grfico 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 clic
en seleccionar archivo
GRFICO N 117
PANTALLA DE DIRECCIN 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
133
GRFICO N 118
PANTALLA DEL ARTCULO - FOTO

Luego de realizar los cambios deseados damos clic en el botn GUARDAR.
Subir archivo en el rea de descarga

Se debe ingresar hasta la carpeta que desea subir el archivo, luego dar clic en el botn
Enviar Nuevo documento
134
GRFICO N 119
PANTALLA SUBIR UN ARCHIVO

En este paso tenemos tres opcin 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 mtodo deber
escribir la URL.
135
GRFICO 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.
GRFICO N 121
PANTALLA DE OBSERVACIN DEL ARCHIVO

Damos clic en guardar. Y el archivo ya se encontrar disponible
136
GRFICO N 122
VISUALIZACIN DE UN ARCHIVO DESDE UN ARTCULO

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 pequea.
137
GRFICO N 123
VISUALIZACIN DEL SISTEMA REMOTO

Si damos doble clic en el icono, se abrir una ventana de configuracin

GRFICO N 124
PANTALLA DE CONFIGURACIN REMOTA

Configuracin del servidor

En este botn nos permitir realizar la configuracin del servidor local y remoto.
138
CONFIGURACIN 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
Contrasea: Se deber escribir la contrasea 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
GRFICO N 125
PRUEBA DE CONEXIN CON EL SERVIDOR

Luego dar clic en el botn Probar Conexin para as estar seguro que todos los datos
fueron ingresados correctamente.
139
CONFIGURACIN 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.
Contrasea: Se deber escribir la contrasea 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
GRFICO N 126
PRUEBA DE CONEXIN CON EL SERVIDOR

Luego dar clic en el botn Probar Conexin para as estar seguro que todos los datos
fueron ingresados correctamente.
140
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 Automtica.
TRANSFERENCIA DE TABLA DE MARERA AUTOMTICA

GRFICO N 127
CONFIGURACIN DE ARCHIVO DE TABLAS

Archivo Tablas: Se dar clic en los tres punto para seleccionar un archivo tablas_local.txt
En esta direccin C:\Program Files\Sistema Remoto\Tablas\tablas_local.txt esto
depende donde est instalado el programa.
141
Modo: Deber seleccionar si es diario o por intervalo el envi de la informacin

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
informacin. Cuando desee ejecutar deber dar clic en iniciar o si desea detener
Estado: si este programa se encuentra activo o desactivado para la ejecucin del mismo.
Un visto es activo.
CONFIGURACIN FTP
Te opciones nos permitir realizar la transferencia de fotos del personal del local al remoto.
GRFICO N 128
CONFIGURACIN FTP

Servidor: Se escribir la conexin FTP.

Usuario: Se escribir el nombre del usuario de la base de dato del hosting.
Contrasea: Se escribir la contrasea del usuario de la base de dato del hosting
142
Dir. Local: Se escribir la direccin local donde se encuentra la carpeta de imagen del
personal docente y del alumno.
Dir. Destino: Se escribir la direccin 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 configuracin.
Si damos clic en este botn permitir guardar la configuracin de

toda la pantalla.
Si damos clic en este botn permitir minimizar el programa pero de igual

manera se estar ejecutando segn la configuracin realizada.
143

Manual de Usuario y Tecnico

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Manual de Usuario y Tecnico

Hochgeladen von

Copyright:

Verfügbare Formate

UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS MATEMTICAS Y FSICAS

Implementacin y desarrollo de un Portal Web para la Unidad Educativa

AUTORA: ROSA PATRICIA CASTILLO CHAGUAY

OBJETIVO DEL MANUAL

Explicar de forma especfica y amplia los pasos previos para la

Dar a conocer los recursos que utilizaron para el respectivo diseo.

MAPA DE CONTENIDO DEL PORTAL WEB

ELABORADO POR: Rosa Castillo

negocio, funciones del sistema, y aspectos concretos como expresiones de lenguajes de

Presentacin del diagrama de clase del proyecto

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

DIAGRAMA DE CASO DE USO

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

Caracterstica del servidor del hosting

4.000 MB de Almacenamiento HD de espacio

Transferencia mensual: Ilimitado

Velocidad del servidor 3100 mhz

Server memoria (mnima) 2048 Mb

Sistema Operativo Centos5

Caractersticas de los servicios del hosting:

Uso del Ftp

Base de Datos-My sql 4 -5

Caracterstica del servidor local (Sistema Remoto)

PROCESADOR Procesador Intel

Windows Sever 2003

ELABORADO POR: Rosa Castillo

Visual Basic: Lenguaje de programacin dirigido por

ELABORADO POR: Rosa Castillo

Google Chrome (recomendado)

Se adjunto con el documento un CD donde se encuentran los instaladores de joomla, los

ELABORADO POR: Rosa Castillo

http://www.luisfelipeborjadelalcazar.com de esta forma accedemos al instalador de Joomla!

ELABORADO POR: Rosa Castillo

2. Comprobaciones: Joomla! Comprueba las versiones de PHP y MySQL instaladas y

ELABORADO POR: Rosa Castillo

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

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

Para ingresar al cpanel se debe escribir la siguiente direccin en un navegador

ELABORADO POR: Rosa Castillo

Luego se escribe el usuario y contrasea damos clic en acceder y mostrar la pgina

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

Una vez creada la base de dato se debe continuar en el paso 4 de la instalacin de

ELABORADO POR: Rosa Castillo

5. Configuracin: datos del sitio (www.luisfelipeborjadelalcazar.com), y datos de la

ELABORADO POR: Rosa Castillo

6. Finalizar: pantalla de finalizacin del proceso de instalacin de Joomla! 2.5.8 en la

Una vez ya instalado completamente Joomla! se empieza a configurar el sitio web y su

ELABORADO POR: Rosa Castillo

Despus de haber iniciado sesin correctamente, tendr acceso a la administracin, tal

ELABORADO POR: Rosa Castillo

ELABORADO POR: Rosa Castillo

Seleccionamos el archivo y luego se da clic en subir e instalar

ELABORADO POR: Rosa Castillo