UPS-CT002147

Vista previa del material en texto

1 
 
 
 
 
FACULTAD DE INGENIERIAS 
CARRERA DE INGENIERIA DE SISTEMAS 
 
 
Tesis previa a la obtención del Título 
De Ingeniera en Sistemas 
 
 
“ANALISIS, DISEÑO E IMPLEMENTACION DEL 
PORTAL WEB DEL COLEGIO CESAR ANDRADE 
Y CORDERO” 
 
Autora: 
 Marithza del Rocío Siguencia Siguencia 
 
Directora: 
 Ing. Paola Ingavelez 
 
Cuenca-Ecuador 
2011 
 
2 
 
 
 
CERTIFICACIÓN 
 
 
Certifico que la Tesis “DISEÑO E IMPLEMENTACION DEL PORTAL WEB DEL 
COLEGIO CESAR ANDRADE Y CORDERO”, realizado por la estudiante Sra. Marithza 
del Rocío Siguencia Siguencia, se ha cumplido en su totalidad bajo mi supervisión. 
 
 
 
 
 
 
Cuenca, 22 de Agosto del 2011 
 
 
 
 
 
______________________ 
Ing. Paola Ingavelez 
 Directora de Tesis 
 
 
 
 
 
3 
 
 
 
DEDICATORIA 
 
Mi tesis la dedico con mucho amor y cariño: 
A Dios por darme la oportunidad de vivir y de regalarme una gran familia. Por darme 
las ganas y voluntad de luchar día a día. 
A mis queridos padres que me dieron el don de la vida y estar en todo momento y por 
darme una carrera para mi futuro. 
A mí querida hija Danna y mi esposo Juan Francisco por estar siempre conmigo 
brindándome su amor, confianza y apoyo. 
A mis hermanas y hermano por su apoyo constante y sus consejos 
 
 
 
 Marithza Siguencia S. 
 
 
 
 
 
 
 
4 
 
 
AGRADECIMIENTOS 
 
En primer lugar agradezco a Dios por darme la fortaleza para enfrentar todo 
obstáculo ante mi presentado, la sabiduría para tomar la mejor decisión, el coraje para 
no desmayar jamás, la inteligencia y la salud necesaria para la elaboración del 
proyecto 
Agradezco a mis queridos padres, quienes siempre me apoyaron en lo moral y 
económicamente durante mi carrera universitaria, y en todos mis estudios, y siempre 
estuvieron pendientes de lo que yo necesitaba, además de siempre brindarme su amor y 
confianza. 
A Juan Francisco, mí amado esposo por formar parte de mi vida y estar conmigo 
siempre en los buenos y malos momentos, por su apoyo y paciencia que ha tenido 
conmigo durante el tiempo que he empleado para desarrollar este proyecto, 
A Danna mi querida hija, el regalo más bello que Dios me ha dado, por ser mi 
fortaleza, mis ganas de seguir adelante, y por llenar mi corazón de alegría con su 
dulzura. 
A mis hermanas y hermano por brindarme siempre su apoyo y cariño. A mi hermana 
Ninfa, por confiar en mí y brindarme su apoyo incondicional sin importar la distancia 
ni el tiempo, siempre estuvo allí cuando la necesitaba y siendo un pilar fundamental 
para la realización de este proyecto. Y a toda mi familia por su constante apoyo 
A mi directora de tesis Ing. Paola Ingavelez, quien, con su ayuda, su tiempo, 
dedicación y orientación contribuyo al desarrollo de la presente. Gracias por 
compartir su conocimiento. 
Agradezco a mis profesores quienes con responsabilidad supieron guiar e impartir sus 
valiosos conocimientos 
A todos aquellos compañeros y profesores que me ayudaron durante la carrera. Y a todos 
quienes hicieron posible la elaboración y culminación de este proyecto. 
 
Marithza Siguencia S. 
 
5 
 
ÍNDICE 
CAPITULO I ................................................................................................................ 13 
1. INTRODUCCION DEL COLEGIO ................................................................... 13 
1.1 JUSTIFICACION ............................................................................................ 13 
1.2 DEFINICION DE OBJETIVOS ...................................................................... 15 
1.2.1 Objetivo General....................................................................................... 15 
1.2.2 Objetivos Específicos ............................................................................... 15 
1.3 ESTRUCTURA ORGANIZACIONAL .......................................................... 15 
1.4 DESCRIPCION DE LA SITUACIÓN ACTUAL DEL COLEGIO................ 17 
CAPÍTULO II ............................................................................................................... 22 
2. INTRODUCCION TEORICA ............................................................................ 22 
2.1 PORTALES WEB ........................................................................................... 22 
2.1.1 Definiciones Generales ............................................................................. 22 
2.1.2 Características ........................................................................................... 23 
2.1.3 Servicios ................................................................................................... 23 
2.1.4 Tipos De Portales Web ............................................................................. 24 
2.1.5 Ventajas .................................................................................................... 25 
2.1.6 Desventajas ............................................................................................... 25 
2.2 SISTEMA GESTOR DE CONTENIDOS (CMS) ........................................... 26 
2.2.1 Definición ................................................................................................. 26 
2.2.2 Funcionamiento ........................................................................................ 27 
2.2.3 Tipos De Gestores De Contenidos ........................................................... 27 
2.3 SISTEMA GESTOR DE CONTENIDOS JOOMLA ...................................... 29 
2.3.1 Definición ................................................................................................. 29 
2.3.2 Características ........................................................................................... 29 
2.3.3 Ventajas .................................................................................................... 30 
2.3.4 Extensiones ............................................................................................... 30 
2.4 PATRON MVC ............................................................................................... 33 
2.4.1 Elementos ................................................................................................. 33 
2.5 SOFTWARE DE LIBRE DISTRIBUCIÓN .................................................... 34 
2.5.1 Definición De Software Libre .................................................................. 34 
2.5.2 Tipos De Licencia De Software................................................................ 34 
2.5.3 Copyright .................................................................................................. 37 
2.5.4 Ventajas De Software Libre ..................................................................... 37 
2.5.5 Desventajas De Software Libre ................................................................ 38 
2.5.6 Licencia De Software Libre A Utilizar En El Portal Web ....................... 39 
CAPÍTULO III ............................................................................................................. 40 
6 
 
3. ANALISIS DE REQUERIMIENTOS ............................................................... 40 
3.1 DEFINICIÓN DE REQUERIMIENTO .......................................................... 40 
3.2 TIPOS DE REQUERIMIENTOS .................................................................... 41 
3.3 ANÁLISIS DE REQUERIMIENTOS PARA EL PORTAL WEB A 
DESARROLLAR ....................................................................................................... 41 
3.4 DIAGRAMAS DE ANALISIS ........................................................................ 45 
3.4.1 Diagramas De Casos De Uso.................................................................... 46 
3.4.2 Diagramas De Secuencia ..........................................................................60 
3.4.3 Diagrama De Estados ............................................................................... 65 
3.5 DISEÑO DE LA BASE DE DATOS .............................................................. 68 
3.5.1 Diagrama De Entidad-Relación ................................................................ 69 
CAPÍTULO IV .............................................................................................................. 72 
4. ESTUDIO Y ELECCION DEL SOFTWARE DE DESARROLLO ............... 72 
4.1 SERVIDOR WEB ............................................................................................ 72 
4.1.1 Definición ................................................................................................. 72 
4.2 SERVIDOR WEB APACHE ........................................................................... 72 
4.2.1 Arquitectura .............................................................................................. 73 
4.2.2 Características ........................................................................................... 73 
4.3 LENGUAJE DE PROGRAMACIÓN ............................................................. 74 
4.3.1 PHP ........................................................................................................... 74 
4.3.2 ASP ........................................................................................................... 75 
4.3.3 JSP ............................................................................................................ 76 
4.3.4 Elección y Justificación Del Lenguaje De Programación ........................ 77 
CAPÍTULO V ............................................................................................................... 79 
5. COMPARACION Y ELECCION DE BASE DE DATOS ............................... 79 
5.1 DEFINICIÓN DE BASE DATOS ................................................................... 79 
5.2 TIPOS DE BASE DE DATOS ........................................................................ 79 
5.3 BASE DE DATOS ........................................................................................... 81 
5.3.1 ORACLE .................................................................................................. 81 
5.3.2 MYSQL .................................................................................................... 82 
5.3.3 SQL SERVER .......................................................................................... 83 
5.4 ELECCIÓN Y JUSTIFICACIÓN DE LA BASE DE DATOS ....................... 84 
CAPITULO VI .............................................................................................................. 86 
6. INSTALACIÓN DE LAS HERRAMIENTAS ................................................. 86 
6.1 PAQUETE WAMP SERVER ......................................................................... 86 
6.1.1 Funcionalidades ........................................................................................ 86 
6.1.2 Programas que Contiene Wamp Server .................................................... 87 
6.1.3 Requerimientos Para La Instalación ......................................................... 88 
7 
 
6.1.4 Manual De Instalación De WampServer .................................................. 88 
6.2 GESTOR DE CONTENIDOS JOOMLA. ....................................................... 88 
6.2.1 Requisitos Para Instalar Joomla ................................................................ 88 
6.2.2 Manual De Instalación De Joomla Sobre Wampserver ............................ 88 
6.2.3 Frontend y Backend de Joomla. ............................................................... 89 
6.2.4 Componentes, Módulos Y Plugins De Joomla ..................................... 92 
CAPÍTULO VII ............................................................................................................ 96 
7. INTERFAZ GRAFICA DEL PORTAL ............................................................. 96 
7.1 DISEÑO DE LA INTERFAZ GRAFICA DEL PORTAL WEB .................... 96 
7.1.1 Estándares de Colores ............................................................................ 100 
7.1.2 Secciones ................................................................................................ 100 
7.2 DESARROLLO DEL FRONTEND DEL PORTAL .................................... 105 
7.3 DESARROLLO DEL COMPONENTE NOTAS .......................................... 106 
7.4 DESARROLLO DEL COMPONENTE EVALUACIONES ........................ 111 
CAPÍTULO VIII ........................................................................................................ 114 
8. INSTALACION, INTEGRACION, SEGURIDAD Y PRUEBAS ................. 114 
8.1 INSTALACIÓNES ........................................................................................ 114 
8.1.1 Instalación y Configuración De La Base De Datos ................................ 114 
8.1.2 Configuración Del Servidor.................................................................... 117 
8.2 INTEGRACION ............................................................................................ 117 
8.2.1 Integración del Componente Consultar Notas ........................................ 117 
8.2.2 Integración del Componente Evaluaciones ............................................ 120 
8.3 SEGURIDAD EN EL PORTAL .................................................................... 122 
8.4 PRUEBAS ..................................................................................................... 124 
8.4.1 Pruebas del Portal con todos los servicios que ofrece ............................ 124 
8.4.2 Pruebas de Rendimiento ......................................................................... 129 
CONCLUSIONES Y RECOMENDACIONES ..................................................... 134 
CONCLUSIONES .................................................................................................... 134 
RECOMENDACIONES .......................................................................................... 135 
GLOSARIO ................................................................................................................. 136 
BIBLIOGRAFÍA ........................................................................................................ 138 
9. ANEXOS ............................................................................................................. 140 
A. INSTALACION DE WAMPSERVER ................................................................ 140 
B. INSTALACION DE JOOMLA ............................................................................ 145 
C. MANUAL DE JOOMLA ..................................................................................... 151 
D. MANUAL DE USUARIO ................................................................................... 166 
 
 
8 
 
INDICE DE FIGURAS 
 
Figura 1-1 Estadísticas acceso a Internet Ecuador ......................................................... 14 
Figura 1-2 Estructura Organizacional del Colegio ......................................................... 16 
Figura 1-3 Distribución de Equipos en Diferentes Aéreas del Colegio ....................... 18 
Figura 1-4. Diagrama del Sistema del Colegio .............................................................. 21 
Figura 2-1. Funcionamiento de un CMS ........................................................................ 27 
Figura 2-2. Logo de Joomla ............................................................................................ 29 
Figura 2-3. Funcionamiento del patrón MVC ................................................................ 34 
Figura 6-1. Backend del Portal Web. ............................................................................. 89 
Figura 6-2. Panel de Control del Backend ......................................................................90 
Figura 6-3. Icono de Añadir un Nuevo Artículo ............................................................ 90 
Figura 6-4. Icono del Gestor de artículos ...................................................................... 90 
Figura 6-5. Icono del Gestor de la Página Principal ....................................................... 90 
Figura 6-6. Icono del Gestor de Secciones ..................................................................... 90 
Figura 6-7. Icono del Gestor de Categorías .................................................................... 91 
Figura 6-8. Icono del Gestor Multimedia ...................................................................... 91 
Figura 6-9. Icono del Gestor de Idiomas ........................................................................ 91 
Figura 6-10. Icono del Gestor de Usuarios .................................................................... 91 
Figura 6-11. Icono Configuración Global ...................................................................... 91 
Figura 6-12. Menú Principal de Joomla ......................................................................... 92 
Figura 7-1 Estructura de la Página Principal .................................................................. 97 
Figura 7-2 Estructura de la Pagina del Usuario Estudiante ............................................ 98 
Figura 7-3 Estructura de la Pagina del Usuario Secretaria ............................................. 99 
Figura 7-4. Sección del Menú Principal ...................................................................... 101 
Figura 7-5. Sección Left del Portal ............................................................................... 101 
Figura 7-6. Sección central del Portal ......................................................................... 102 
Figura 7-7. Sección Rigth del Portal ............................................................................ 103 
Figura 7-8. Página Principal del Portal ........................................................................ 103 
Figura 7-9. Página del Estudiante del Portal ................................................................ 104 
Figura 7-10. Página del Usuario Secretaria .................................................................. 105 
Figura 7-11. Página Principal del Portal ...................................................................... 106 
Figura 7-12. Componente Notas ................................................................................... 107 
Figura 7-13. Código de notas.php ................................................................................ 110 
file:///C:/Documents%20and%20Settings/Danna/Escritorio/tesiss/Tesis/tesis.docx%23_Toc301555381
9 
 
Figura 7-14. Código de controller.php ......................................................................... 110 
Figura 7-15. Código de view.htm.php .......................................................................... 111 
Figura 7-16. Código de default.php .............................................................................. 111 
Figura 7-17. Componente Evaluaciones ....................................................................... 112 
Figura 8-1. Herramienta DBF To SQL Converter Software ........................................ 115 
Figura 8-2. Convertir Archivo dbf ................................................................................ 116 
Figura 8-3. Mensaje de archivo convertido .................................................................. 116 
Figura 8-4. Ubicación de archivos convertidos (SQL) ................................................. 117 
Figura 8-5. Gestor de Extensiones ................................................................................ 118 
Figura 8-6. Subir Paquete ............................................................................................. 118 
Figura 8-7. Archivo seleccionado ................................................................................. 118 
Figura 8-8. Selección de ítem Reporte de Notas .......................................................... 119 
Figura 8-9. Configuración del ítem Consultar Notas ................................................... 119 
Figura 8-10. Propiedades del Componente Evaluación................................................ 120 
Figura 8-11. Selección del Ítem Evaluación Profesores ............................................... 121 
Figura 8-12. Configuración del ítem Evaluar Docente ............................................... 121 
Figura 8-13. Propiedades del componente Reporte ...................................................... 122 
Figura 8-14. Ventana de Akeeba Backup ..................................................................... 123 
Figura 8-15. Página principal del usuario Estudiante ................................................... 125 
Figura 8-16. Página principal del usuario Secretaria .................................................... 125 
Figura 8-17. Capacitación y presentación del Portal a la Secretaria ............................ 126 
Figura 8-18. Presentación y capacitación al docente .................................................... 127 
Figura 8-19. Presentación y Capacitación a los Estudiantes ....................................... 127 
Figura 8-20. Componente Perfil ................................................................................... 129 
Figura 8-21. Estadísticas de Uso generado por Webalizer ........................................... 130 
Figura 8-22. Banda Ancha ............................................................................................ 131 
Figura 8-23. Transferencia de Banda Ancha en el mes de Junio ................................. 131 
Figura 8-24 Banda Ancha Diaria del Mes de Junio ..................................................... 132 
Figura 8-25. Trafico del Servidor. ................................................................................ 132 
Figura 8-26. Estadísticas de consultas .......................................................................... 133 
Figura A-1 Ventana de Bienvenida .............................................................................. 140 
Figura A-2. Ventana de Licencia .................................................................................. 140 
Figura A-3. Ventana de Selección de Ruta................................................................... 141 
Figura A-4. Ventana de Selección de Herramientas..................................................... 141 
10 
 
Figura A-5. Ventana de Instalar ................................................................................... 141 
Figura A-6. Ventana del Proceso de Instalación .......................................................... 142 
Figura A-7. Ventana de selección del navegador ......................................................... 142 
Figura A-8. Ventana de Parámetros de SMPT y E-mail .............................................. 142 
Figura A-9. Ventana de Finalización de la Instalación ................................................ 143 
Figura A-10. Icono de WampServer en la barra de herramientas ................................ 143 
Figura A-11. Servicios de WampServer ....................................................................... 143 
Figura A-12. Ventana de WampServer ........................................................................ 144 
Figura A-13. Ventana de PhpMyAdmin....................................................................... 145 
Figura B-1. Creación de la Carpeta .............................................................................. 145 
Figura B-2. Descarga del archivo ................................................................................. 146 
Figura B-3. Selección del Idioma ................................................................................. 146 
Figura B-4. Comprobación Previa................................................................................ 147 
Figura B-5. Condiciones de la Licencia ....................................................................... 147 
Figura B-6. Configuración de la Base de Datos ........................................................... 148 
Figura B-7. Configuración de FTP ............................................................................... 149 
Figura B-8. Instalar el ejemplo .................................................................................... 149 
Figura B-9. Finalización de la Instalación ................................................................... 149 
Figura B-10. Borrar la carpeta Installation ................................................................... 149 
Figura B-11. Iconos de Portada y Administración ....................................................... 150 
Figura B-12. Bienvenida de Joomla ............................................................................. 150 
Figura C-1. Backend del portal web ............................................................................ 151 
Figura C-2. Gestor de Menús ....................................................................................... 151 
Figura C-3. Crear Menú ............................................................................................... 152 
Figura C-4. Gestor de Items del menú .......................................................................... 152 
Figura C-5. Seleccionar tipo de Ítem. ........................................................................... 153 
Figura C-6. Tipo de Ítem Artículos .............................................................................. 153 
Figura C-7. Ítem: Presentación del Articulo ................................................................. 154 
Figura C-8. Selección del artículo ................................................................................ 154 
Figura C-9. Artículo seleccionado ................................................................................ 155 
Figura C-10. Gestor de Artículos ................................................................................. 155 
Figura C-11. Crear Nuevo Artículo .............................................................................. 155 
Figura C-12. Articulo Creado ...................................................................................... 156 
Figura C-13. Pestañas para configurar los Artículos .................................................... 156 
file:///C:/Documents%20and%20Settings/Danna/Escritorio/tesiss/Tesis/tesis.docx%23_Toc301555455
11 
 
Figura C-14. Escoger Artículo a Modificar .................................................................. 157 
Figura C-15. Ventana para Modificar Artículo ............................................................ 157 
Figura C-16. Ventana para seleccionar el artículo a eliminar ...................................... 158 
Figura C-17. Panel de Control de JEvents .................................................................... 158 
Figura C-18. Ventana de las Categorías creadas .......................................................... 159 
Figura C-19. Crear Categoría ....................................................................................... 159 
Figura C-20. Eventos creados ....................................................................................... 160 
Figura C-21. Crear Evento .......................................................................................... 160 
Figura C-22. Configurar Calendario del Evento ......................................................... 161 
Figura C-23. Panel de Control de Phoca Gallery ......................................................... 161 
Figura C-24. Categorías creadas .................................................................................. 162 
Figura C-25. Ventana de imágenes cargadas................................................................ 162 
Figura C-26. Carpeta de Imágenes de Phoca Gallery ................................................... 163 
Figura C-27. Imágenes de la Carpeta Galería............................................................... 164 
Figura C-28. Eliminar Imágenes .................................................................................. 165 
Figura D-1. Menú Principal del Portal ......................................................................... 166 
Figura D-2. Pestaña de la Galería de Imágenes ............................................................ 166 
Figura D-3. Galería de Imágenes .................................................................................. 166 
Figura D-4. Imágenes de una Categoría ....................................................................... 167 
Figura D-5. Presentación de Imágenes ......................................................................... 168 
Figura D-6. Pestaña de Contáctenos ............................................................................ 168 
Figura D-7. Formulario para enviar Mensaje ............................................................... 169 
Figura D-8. Ubicación del Colegio en el Mapa de Cuenca .......................................... 170 
Figura D-9. Menú Secundario ...................................................................................... 171 
Figura D-10. Acceso OnLine........................................................................................ 171 
Figura D-11. Inicio de Sesión ....................................................................................... 171 
Figura D-12. Cerrar Sesión ........................................................................................... 172 
Figura D-13. Confirmar cierre de Sesión ..................................................................... 172 
Figura D-14. Contador de Visitas ................................................................................. 172 
Figura D-15. Calendario de Eventos ............................................................................ 173 
Figura D-16. Eventos por Mes ..................................................................................... 173 
Figura D-17. Información detallada del Evento .......................................................... 174 
Figura D-18. Opciones del Estudiante .......................................................................... 175 
Figura D-19. Ítems del Menú Estudiante...................................................................... 175 
file:///C:/Documents%20and%20Settings/Danna/Escritorio/tesiss/Tesis/tesis.docx%23_Toc301555497
12 
 
Figura D-20. Ítem Tu Perfil .......................................................................................... 176 
Figura D-21. ítem Consultar Notas .............................................................................. 177 
Figura D-22. Notas por Trimestres ............................................................................... 178 
Figura D-23. Notas en formato PDF ............................................................................ 178 
Figura D-24. Ítem Evaluar Docente ............................................................................. 179 
Figura D-25. Cuestionario para Evaluar ....................................................................... 180 
Figura D-26. Ítem Períodos lectivos ............................................................................. 181 
Figura D-27. Notas por Períodos Lectivos ................................................................... 182 
Figura D-28. Ítem Cerrar Sesión .................................................................................. 182 
Figura D-29. Menú Principal del estudiante ................................................................. 183 
Figura D-30. Ítem Inicio del Menú Principal ............................................................... 183Figura D-31. Ítem Pagina Personal............................................................................... 184 
Figura D-32. Opciones del Usuario Secretaria ............................................................. 185 
Figura D-33. Ítem Evaluaciones ................................................................................... 185 
Figura D-34. Ítem cerrar Sesión ................................................................................... 186 
 
 
 
 
Índice de Tablas 
Tabla 4-1. Tabla Comparativa de Lenguajes de Programación................................... 78 
Tabla 5-1. Tabla Comparativa de las Bases de Datos .................................................... 85 
 
 
 
13 
 
CAPITULO I 
1. INTRODUCCION DEL COLEGIO 
 
1.1 JUSTIFICACION 
Con la presentación de este trabajo se pretende conseguir que todos los lectores, 
creadores de páginas Web, encuentren aquí una guía fácil a seguir, con procedimientos 
sencillos y claros para el diseño e implementación de portales Web 
En el proceso de desarrollo de Pagina Web son imprescindibles las etapas de Análisis, 
Diseño e Implementación y Pruebas, El punto de vista desde el cual se analiza el 
proceso de diseño es desde la interrelación humana, mediatizada por la tecnología, esto 
es lo que se llama la Ingeniería De Usabilidad 
 
La Ingeniería de Usabilidad se emplea para diseñar páginas web. Un sitio Web no solo 
debe ser amigable con el usuario, sino ser útiles y que respondan a las necesidades del 
usuario. La ingeniería de usabilidad es una metodología que asegura el uso del sitio web 
para lo que fue diseñado y para lo que el usuario pensaba que podría usarlo, es decir, 
por medio de la usabilidad se asegura un diseño útil y se prueba que el usuario detecta 
de modo apropiado el uso del sistema y no de manera equívoca. (ITESO) 
 
Las páginas web dinámicas, facilitan la interacción entre la web y el visitante, 
mediante herramientas como buscadores, chat, foros, sistemas de encuestas, etc. 
Además poseen un Sistema de administración de contenidos que permite crear, 
actualizar y administrar cantidades de contenido en la misma. 
 
 
14 
 
Un sitio Web de calidad permite mejorar la imagen profesional, como demostrar el 
conocimiento y aceptación de las nuevas tecnologías, Hoy en día son más los usuarios 
que acceden a internet en busca de información, producto o servicio, por eso, al no 
tener un sitio web se crea una gran desventaja competitiva con respecto a otras 
instituciones que si la tienen, el diseño de páginas web se ha desarrollado a medida que 
ha evolucionado Internet. 
 
En el Ecuador y según datos de la Secretaría Nacional de Telecomunicaciones 
(SENATEL), desde 2007 hasta la fecha, el número de usuarios de Internet de banda 
ancha se sextuplicó. Así, de acuerdo con las estadísticas, de 329 mil usuarios que había 
en 2007 ahora sobrepasan los 1,8 millones de usuarios en todo el país, con una densidad 
de cobertura del 11,2% a escala nacional.
1
 
 
 
Figura 1-1 Estadísticas acceso a Internet Ecuador 
 
En los siguientes capítulos se ofrecerá una visión general e introductoria de algunos 
conceptos básicos, elementos teóricos, así como las diferentes alternativas de software 
 
1
 Fuente: http://www.conatel.gov.ec 
15 
 
existentes en el mercado y escoger la más apropiada que conlleve a un mayor beneficio 
dentro de la Institución 
1.2 DEFINICION DE OBJETIVOS 
1.2.1 Objetivo General 
Analizar, Diseñar e Implementar un Portal Web para El Colegio “Cesar Andrade 
y Cordero” 
1.2.2 Objetivos Específicos 
 Recopilar y analizar información necesaria acerca del Establecimiento para la 
construcción del Portal Web 
 Analizar los diferentes requerimientos a utilizarse para el desarrollo del Portal 
Web. 
 Crear aplicaciones en el Portal Web, con enfoque a evaluación interna de 
maestros, e información de notas a padres y alumnos 
 Analizar las diferentes alternativas de software existentes, para elegir el software 
a utilizarse para el desarrollo 
 Instalar y configurar los diferentes software a utilizar 
 Diseñar la interfaz gráfica para el Portal Web 
 Analizar, Instalar y configurar el Sistema de Gestor de Contenidos que agiliza 
y facilita el proceso de modificación de contenidos. 
 Buscar, analizar e instalar una herramienta para la migración de datos de FoxPro 
a MySQL. 
 Desarrollar el componente de Consulta de notas 
 Desarrollar el componente de evaluaciones al docente 
 Realizar pruebas del sistema para verificar su funcionamiento 
 Capacitar a los usuarios sobre los servicios implementados. 
1.3 ESTRUCTURA ORGANIZACIONAL 
El Colegio Nacional Técnico “Cesar Andrade y Cordero” fue fundado el 24 de 
Septiembre de 1986 con Acuerdo Ministerial No. 2263 con el Nombre Nacional Mixto 
“Dr. Camilo Gallegos Domínguez” fundado en el local de la Escuela “Iván Salgado E.” 
16 
 
de la ciudadela Tomebamba en horario vespertino. 
En el transcurso del año 1989 se da el cambio de nombre de la institución por asuntos 
político; asignándole el de un ilustre cuencano, poeta, escritor, ensayista, periodista, 
músico, y sobre todo formador de juventudes como es el “Dr. César Andrade y 
Cordero”; resolución mediante acuerdo No. 006 del 18 de Enero de 1989, emitido por la 
Dirección de Educación. El Colegio en la actualidad está conformado de la siguiente 
manera: 
Laboratorista: Tec. 
Xavier Delgado 
Inspectores 
Alumnos Docentes 
Inspector General (e): Lcdo. 
Cesar Castro Calle 
 
Bibliotecaria: Lcda. 
Rebeca Ledesma 
Personal 
Administrativo 
Secretaria: Sra. 
Isabel Chica Segarra 
Colectora: Lcda. 
Rebeca Ledesma 
3ra. Vocal Principal: 
Prof. Miriam Sánchez 
2da. Vocal Principal: 
Lcda. Doris Gualpa. 
1ra. Vocal Principal: 
Lcda. Miriam Palacios 
Vicerrectora: Lcda. 
María Teresa Delgado 
 
Rector Lcdo. Rubén 
Darío Flores Flores 
 
Miembros Del 
Consejo Directivo 
COLEGIO INFORMATICO 
“CESAR ANDRADE Y 
CORDERO” 
Figura 1-2 Estructura Organizacional del Colegio 
17 
 
1.4 DESCRIPCION DE LA SITUACIÓN ACTUAL DEL 
COLEGIO 
En la Actualidad el Colegio cuenta con 451 alumnos matriculados en el periodo 
lectivo 2009-2010, con 287 hombres y 164 mujeres. Dispone de 12 aulas de 
aprendizaje, con 15 profesores de planta y 11 profesores contratados, cada curso tiene 
dos paralelos. 
EL Colegio cuenta con el Bachillerato Técnico en Comercio y Administración 
especialización Informática, siendo la única especialidad que tiene este colegio. 
Al inicio del año Lectivo para las inscripciones del 8vo año del ciclo básico existe gran 
demanda de estudiantes que aspiran estudiar en este Colegio pero debido a que no se 
cuenta con el espacio físico suficiente para educarlos, se matriculan solo a 80 alumnos, 
de acuerdo al aprovechamiento obtenido en la Escuela, siendo este superior a 16 puntos 
en adelante. 
Pero año tras año se vienen realizando ampliaciones de su estructura física, por lo que 
siempre va en continuo crecimiento el número de alumnos. 
El horario de clases del ciclo básico es de 7:00 a 13:30, para el ciclo diversificado es 
de 7:00 a 14:20 y el personal administrativo labora hasta las 15:00 ya que tienen 
cumplir con las 8 horas de labor. 
INFRAESTRUCTURA TECNOLOGICA 
En cuanto a la infraestructura tecnológica, la institución cuenta con 2 laboratorios de 
computación: uno para el ciclo básico con 10 computadoras y otra para el ciclo 
diversificado con 20 computadoras, cada laboratorio cuenta con el servicio de internet, 
y un número más de computadoras en las áreas de Rectorado, Vicerrectorado, 
Colecturía y Secretaria, dichos equipos les permite llevar cada una de las tareas 
correspondientes, estos equipos trabajan de forma individual( no están interconectadas), 
siendo así que la información se encuentra distribuiday replicada en cada uno de ellos. 
En el área de Colecturía disponen de un equipo que lo utilizan como servidor de 
Internet y tiene las siguientes características: 
18 
 
 Memoria RAM de 2 GB. 
 Procesador: Intel(R) Pentium(R) 4 CPU 2160@ 1.80Ghz 
 Espacio en Disco: 240GB con tres particiones, cada partición tiene 80Gb de espacio 
 
En el área de secretaria disponen de un equipo que trabaja con el sistema del Colegio, y 
tiene las siguientes características: 
 Memoria RAM de 2Gb 
 Procesador: Intel(R) Core™; 3 CPU 540@ 3.07Ghz 
 Espacio en Disco: 300GB con dos particiones, 
 
ESQUEMA DE LA DISTRIBUCION DE EQUIPOS EN LAS DIFERENTES 
AREAS 
R
INTERNET
Rectorado
Vicerrectorado
Secretaria
Colecturia
Servidor
Laboratorio 1
Laboratorio 2
Router
Switch
Switch
 
Figura 1-3 Distribución de Equipos en Diferentes Aéreas del Colegio 
Para el manejo de matriculas, calificaciones, alumnos, etc., el Colegio cuenta con un 
sistema, el mismo que está desarrollado en FOX Pro 2.5. Este es un lenguaje de 
programación orientado a objetos, que a la vez es un Sistema Gestor de Bases de datos o 
Database Management System (DBMS), utilizada para los sistemas operativos MS-
DOS, MS Windows, Mac OS y UNIX. En este caso para el sistema operativo Windows. 
19 
 
El Colegio cuenta con este sistema desde el año 1999. Este sistema no tiene interfaz 
amigable y está estructurado de la siguiente manera: 
MATRICULA: Para ingresar y consultar las matriculas 
 Ingreso: 
o Datos Generales 
o Datos Académicos 
o Padres y Representante 
o Observaciones 
 Mantenimiento: Permite modificar, ver, imprimir la matricula de un 
alumno 
 Certificado de Matricula: Reporte del alumno matriculado 
 Asistencia: Comprueba asistencia del alumno matriculado 
CALIFICACIONES: para ingreso y consulta de calificaciones 
 Certificación de Calificaciones: Para ver e imprimir las calificaciones 
o Calificaciones por Curso: Calificaciones de una sola Materia 
o Calificaciones por Alumno: Calificaciones de todas las materias 
o Faltas por Alumno: 
 Ingreso/modificación 
o Por Curso 
o Por Nombre 
 Certificados de Calificaciones: Calificaciones de un alumno de todas las 
materias de un trimestre 
 Archivo Actas de Grado: Registro de las actas de grado de todos los 
estudiantes 
 Impresión Cuadro de Notas: Notas para el final del año lectivo 
 Archivo Nomina Oficial: Nomina de estudiantes graduados. 
 Archivo Refrendación de Títulos: Para la Dirección de Educación 
 Cuadro de Promedio Finales: Nomina por curso de los promedios 
 Cuadro de perdidos de Año: Nomina de alumnos que han perdido el año. 
 
20 
 
REPORTES: Para realizar distintos listados 
 Listas: Nomina de alumnos matriculados por curso con su código 
 Lista Datos: Lista de alumnos por curso con datos de representante 
 Lista Nacimiento: Lista de alumnos con su fecha de nacimiento 
 Matricula para Carpeta: Para archivar en carpeta 
 Certificados de Promoción: Para alumnos 
 Calificaciones (Dirección) Consolidados para juntas: Reporte trimestral 
del promedio por materia de todos los alumnos 
 Cuadros para Calificaciones: Para los maestros, al inicio del año lectivo 
para anotar calificaciones mensualmente y promedios 
 Cuadros para Disciplina: Para notas de conducta para guías de curso 
 Cuadros de 1 a 5: Todas las notas de los estudiantes de 1ero a 5 to curso, 
para obtener la acta de grado 
 Cuadros para notas de Grado: Para notas de los exámenes de grado 
 Cuadro para Supletorios: Reporte de los alumnos en supletorio(nota que 
tienen y nota que deben sacar para pasar) 
MANTENIMIENTOS: Para guardar y consultar información de los Cursos, 
Materias y Maestros que tiene el Colegio 
 Cursos: Para crear nuevos cursos y guardar información de un curso. 
 Materias: Reporte de todas las materias 
 Materias por Cursos: Reporte de todas las materias por curso y su 
respectivo docente 
 Ficha del Maestro: Información del maestro 
UTILES 
 Reordenar 
 Respaldar 
 Restaurar 
 Cierre de Matricula 
 Generar Base de calificaciones 
 Alumnos Retirados 
21 
 
 Calificaciones de 1 a 5 
 
Lo Anterior se resume en el siguiente cuadro sinóptico. 
Sistema de Matricula y 
Calificaciones
 
Matricula
 Calificaciones
 
Ingreso 
 
Mantenimiento
 
Datos del 
Alumnos
 
Reportes
 
Mantenimiento
 
Utiles
 
Certificado de 
Matricula
Asistencia
 
Certificación de 
Calificaciones
 
Ingreso/
Modificación
 
Archivo de Actas 
de Grado
 
Certificados de 
Promoción
 
Calificaciones(Dir
eccion)
 
Matricula para 
Carpeta
 
Cuadros de 
Calificaciones
 
Listas
 Respaldar 
 
Restaurar
 
Reordenar
 
Cierre de 
Matricula
 
Alumnos 
Retirados
 
Generar Base de 
Calificaciones
 
Calificaciones de 
1 a 5
 
Cuadros para 
Calificaciones
 
Cuadros para 
Disciplina
 
Cuadros para 
notas de Grado
 
Por Alumno
 
Por Curso
 
Impresión de 
Cuadro de Notas
 
Archivo Nomina 
Oficial
 
Archivo 
Refrendación de 
Títulos
 
Cuadro de 
Promedios 
Finales
 
Cuadros de 
Promedios 
Finales
 
Cursos
 
Materias
 
Materias por 
Curso
 
Ficha del Maestro
 
Cuadros para 
supletorios
 
 
Figura 1-4. Diagrama del Sistema del Colegio 
 
 
22 
 
CAPÍTULO II 
2. INTRODUCCION TEORICA 
 
2.1 PORTALES WEB 
2.1.1 Definiciones Generales 
 Un portal es un sitio web, su objetivo es la de servir de Puerta de entrada única para 
ofrecer al usuario, de manera fácil el acceso a múltiples servicios, recursos, aplicaciones 
desde un mismo lugar. 
La palabra PORTAL tiene como significado PUERTA GRANDE, refiriéndose a que 
es el punto de partida de un usuario que desea entrar y realizar búsquedas en la web. Un 
portal ofrece diferentes servicios en el internet, logrando incrementar la intensidad de 
tráfico en el mismo. 
En general los portales ofrecen servicios como: directorios, correo electrónico, 
encuestas, noticias generales, chats, compras, ventas, entretenimiento, etc. 
A los portales web también les llaman CMS o gestores de contenidos, permitiendo así 
que el contenido del sitio sea modificado de forma rápida y segura desde cualquier 
lugar mediante una computadora conectada al Internet. 
Los portales web tienen el propósito de agrupar un conjunto de servicios, recursos, de 
manera integrada para el usuario para informarse, participar, opinar, o acceda a 
múltiples aplicaciones. 
Todo portal debe ser de fácil acceso a toda la información referida al mismo tema, el 
portal se encarga de centralizar enlaces de manera fácil y organizada facilitando así la 
navegación sobre un tema específico en la red. 
Algunos Portales son accesibles para cualquier visitante, otros necesitan autenticación, 
por lo que los usuarios deben estar registrados para acceder. 
23 
 
2.1.2 Características 
Las características que un portal web debe brindar a los usuarios, en cuanto a la 
usabilidad del Portal, son las siguientes: 
 Utilidad: Botones, menús, imágenes, todos los elementos deben tener una utilidad, 
en base a los objetivos planteados en el portal 
 Facilidad de uso: Un sitio web debe ser de fácil uso para el usuario 
 Rapidez: Las imágenes, animaciones, etc. que se vayan a cargar en el portal no 
deben entorpecer la rapidez del portal. 
 Intuitivo: Todos los elementos del portal (botones, enlaces, imágenes, iconos etc., ) 
deben estar relacionados con la percepción del usuario, de manera que el usuario 
sepa lo que tiene que hacer con tan solo ver el sitio 
 Eficiente: Es la utilización correcta de los elementos que dispone el portal web, es 
decir cada elemento del portal debe hacer a lo que hace referencia. 
 
2.1.3 Servicios 
El Portal Web del Colegio constara de los siguientes componentes para el acceso en 
línea: 
1. Componente de Consulta de Notas 
2. Componente de Evaluación al Docente 
 
Estos componentes desarrolladosserán de gran utilidad para el colegio que siempre 
busco mejorar su infraestructura informática y de esta manera mejorar el servicio para 
todos los usuarios: personal administrativo, profesores y alumnos. 
El colegio puede optar por mostrar información a través de Internet a los padres de 
familia, a los alumnos, e incluso a los profesores. El colegio decide qué tipo de 
información quiere disponer en el portal 
Los servicios a ofrecer el Portal web para el Colegio tenemos a continuación: 
24 
 
 Información referente al Colegio como: 
o Historia 
o Docentes 
o Autoridades 
o Servicios 
o Himno al Colegio 
o Horarios de Clases, etc. 
 Calendario de Eventos 
 Galería de Imágenes 
 Noticias. 
 Información general que el colegio quiera ofrecer, como actividades 
culturales, deportivas, académicas, etc. 
 Consulta de Notas 
 Evaluaciones al docente 
2.1.4 Tipos De Portales Web 
1. Portales Horizontales: También llamados portales masivos o de propósito general, 
estos portales tiene un propósito general, su objetivo es llegar a toda la gente con 
diferentes temas, Ganan dinero mediante los anuncios. Incluye servicios como 
comunidades virtuales, chat, e-mail, espacio web gratuito, foros, noticias, 
información, buscadores, Ejemplo de estos portales tenemos: Yahoo, MSN, etc. 
 
2. Portales Verticales: Este tipo de portales buscan público interesados en un tema 
específico como puede ser un portal de juegos, un portal de deporte. Estos portales 
proporcionan información y servicios a un sector en particular, con contenidos 
concretos y centrados en un tema. 
 
3. Portales Diagonales: Estos portales surgen de la combinación entre portal 
horizontal y portal vertical. En general se tratan de redes sociales o aplicaciones 
generalistas, ejemplo de estos portales tenemos, Facebook, Hi5, YouTube 
25 
 
 
El portal web que se desarrollara será de tipo Vertical ya que brindara servicio a un 
sector en particular en este caso a estudiantes, docentes y personal administrativo 
del Colegio “Cesar Andrade y Cordero” 
 
2.1.5 Ventajas 
Las ventajas a obtener con la implementación del Portal Web en el Colegio “Cesar 
Andrade y Cordero” tenemos: 
 Disponibilidad del Portal Web: Con el Portal web los servicios e información del 
Colegio estarán disponibles los 365 días del año, y las 24 horas del día para que 
pueda ser visitada por cualquier usuario. 
 Un Portal le da más personalidad, seriedad y profesionalismo a la Institución, 
brindándole una imagen moderna y tecnológica. 
 La información puede ser modificada y actualizada en cualquier momento. 
 Herramientas Gratis: Disponen de una variedad de Herramientas gratuitas tales 
como los servicios de chat, foros, correo electrónico, encuestas, galería, calendario, 
etc. Hoy en día estos servicios son muy utilizados por todos los usuarios que tienen 
acceso a internet 
 Información Organizada: La diversa información y servicios que dispone el sitio, 
es posible clasificarla por secciones y categorías, para que de esta manera sea fácil 
de encontrar lo que busca el usuario. 
 Fácil Navegación: Con el sitio bien organizado es fácil para el usuario su 
navegación 
 Motor de Búsqueda: Contiene un motor de búsqueda incorporada dentro del sitio. 
 Hoy en día es el medio más económico de publicidad 
2.1.6 Desventajas 
Las desventajas a obtener con la implementación del Portal Web en el Colegio “Cesar 
Cordero y Andrade” 
 Dificultad de que el Portal se dé a conocer: El internet hoy en día se ha convertido 
26 
 
en una gran red mundial, Con millones de portales web, ofreciendo a usuarios 
millones de servicios de todo tipo, Por esta situación se crea la desventaja de que el 
portal no se dé a conocer, ya que existirán en la red miles de portales ofreciendo 
servicio similares. 
 Capacidades en Programación Web: Dependencia de algún individuo con 
conocimientos en programación web para realizar el mantenimiento. 
 Conexión a internet: Es necesario estar conectado a Internet para acceder al Portal y a 
todos sus servicios. 
 Costo de Diseño e Implementación: Existen servicios de alojamiento gratuito, pero 
existen grandes desventajas como: el espacio para las páginas web es limitado, los 
motores de búsqueda ignoran estos portales, los visitantes dudan de la credibilidad, 
brinda poca seriedad, no existe garantía de disponibilidad y permanencia del sitio. 
Esta situación afecta mucho a las instituciones que ofrecen servicios a los usuarios, 
Por todo esto para que el Colegio demuestre seriedad, confiabilidad, 
profesionalismo a todos sus usuarios, resulta conveniente invertir en la 
implementación del Portal, comprando dominio y contratando servicio de hosting. 
 
2.2 SISTEMA GESTOR DE CONTENIDOS (CMS) 
 
Para gestionar los contenidos del portal web de manera fácil, rápida y eficiente, es preciso 
utilizar un CMS. A continuación se detallara más sobre este tema. 
 
2.2.1 Definición 
 
CMS es una herramienta que permite crear y administrar cualquier tipo de información 
en una página web. 
Consiste en una interfaz que controla una o varias bases de datos donde se aloja el 
contenido del sitio. El sistema permite manejar de manera independiente el contenido y 
el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño 
distinto al sitio sin tener que darle formato al contenido de nuevo, además de permitir la 
fácil y controlada publicación en el sitio a varios editores. (Taringa, 2008) 
 
27 
 
2.2.2 Funcionamiento 
 
 
 
Figura 2-1. Funcionamiento de un CMS2 
 
En esta imagen, podemos ver la cantidad de personas que participan en la creación de 
diferentes contenidos sea este para diseño, generadores de contenido, editores, 
colaboradores, etc., que son aprobados y posteriormente publicados. 
 
Un CMS a menudo funciona en el servidor del sitio web. Muchos sistemas 
proporcionan diferentes niveles de acceso dependiendo del usuario, variando si es el 
administrador, editor, o creador de contenido. El acceso al CMS es generalmente vía el 
navegador, y a veces se requiere el uso de FTP para subir contenido, generalmente 
fotografías o audio. 
 
Los creadores de contenido crean sus documentos en el sistema. Los editores comentan, 
aceptan o rechazan los documentos. El editor en jefe es responsable por publicar el 
trabajo en el sitio. El CMS controla y ayuda a manejar cada paso de este proceso, 
incluyendo las labores técnicas de publicar los documentos a uno o más sitios. En 
muchos sitios con CMS una sola persona hace el papel de creador y editor. (Taringa, 
2008) 
2.2.3 Tipos De Gestores De Contenidos 
 
“Los gestores de contenido se pueden clasificar según diferentes criterios: 
Por sus características 
 
2
Figura disponible en : http://www.unpocogeek.com/2009/07/13/funcionamiento-de-un-cms-y-claves-
para-elegir-el-nuestro 
28 
 
 Según el lenguaje de programación empleado, como por ejemplo Active Server 
Pages, Java, PHP, ASP.NET, Ruby On Rails, Python 
 Según la licencia: Código abierto o Software privativo 
Por su uso y funcionalidad 
 Blogs; pensados para páginas personales. 
 Foros; pensados para compartir opiniones. 
 Wikis; pensados para el desarrollo colaborativo. 
 Enseñanza; plataforma para contenidos de enseñanza on-line. 
 Comercio electrónico; plataforma de gestión de usuarios, catálogo, compras y 
pagos. 
 Publicaciones digitales. 
 Difusión de contenido multimedia. 
 Propósito general.” (Wikipedia, 2010) 
 
Algunos Gestores de Contenidos 
 
 MOODLE 
Moodle es una aplicación de código abierto, orientada a la creación de sitios de 
aprendizaje en línea 
 DRUPAL 
Drupal es un gestor modular multipropósito y muy configurable que permite crear y 
gestionar comunidades en internet, por la gran cantidad de módulos disponibles 
permite crear gran cantidadde sitios web diferentes 
Uno de los CMS más populares, gratuito y open source. Creado en PHP y con 
posibilidad de utilizar varias bases de datos distintas, por defecto MySQL. 
 
 WORDPRESS 
El CMS para la creación de blogs por excelencia. El más utilizado y el mejor valorado, 
también creados en PHP y gratuito. 
 
 TYPO3 
Es una herramienta de gestión de contenido muy completa de software libre. Facilita 
diseñar un sitio web con todo lo que implica: estructura multinivel, motor de búsquedas, 
29 
 
gestión de autoría y publicación de contenidos, mecanismo de uso de plantillas para la 
maquetación de páginas, etc. 
 
 OSCOMMERCE: 
El sistema gestor de contenidos de código libre, para la creación de una tienda online 
Desarrollado en php y requiere de una base de datos MySql y un servidor Apache 
 
2.3 SISTEMA GESTOR DE CONTENIDOS JOOMLA 
 
Figura 2-2. Logo de Joomla 
 
2.3.1 Definición 
 
Joomla es la herramienta líder en la creación de webs, de código abierto, programado 
en PHP, bajo una licencia GPL, este gestor de contenidos puede trabajar en Internet o 
intranets y utiliza base de datos MYSQL y servidor HTTP Apache. Tiene a 
disposición más de 4.500 componentes para ampliar funcionalidades de un sitio web 
 
Joomla permite hacer sitios más personalizables mediante la creación e instalación de 
aplicaciones, para ello utiliza las llamadas Extensiones 
 
2.3.2 Características 
 
 La información se organiza en secciones y categorías lo que facilita la 
navegabilidad para los usuarios y para los administradores es posible crear, 
editar, borrar las categorías y secciones, según convenga de manera ordenada y 
sencilla. 
 Es fácil crear páginas ilimitadas y editarlas. 
 Joomla permite instalar, desinstalar y administrar componentes y módulos que 
ofrecerán servicios a los usuarios 
 Crear módulos y componentes adicionales según las necesidades del portal o 
del usuario 
30 
 
 Permite cambiar todo el aspecto del sitio de manera sencilla mediante un 
sistema de Templates 
 Joomla posee una utilidad para subir imágenes al servidor y usarlas en todo el 
sitio. 
 Posee un sistema de votaciones y encuestas dinámicas con resultados en barras 
porcentuales. 
 Posee un sistema de estadísticas de visitas al portal 
 Trae un sistema de administración de usuarios 
 Sistema de sindicación de noticias para poder publicar los artículos de forma 
automática 
 Es posible hacer publicidad en el sitio usando el Administrador de Banners 
 Las páginas y documentos pueden programarse con fecha de publicación y 
fecha de caducidad. 
 
 
2.3.3 Ventajas 
 
 Fácil instalación 
 Fácil manejo 
 Permite, de forma sencilla, hacer una implementación rápida y elegante de un 
portal web. 
 Dispone de gran cantidad de módulos y componentes para utilizarlos en todo el 
sitio Web. 
 Brinda seguridad 
 Idioma en Español 
 Continuamente se va renovando 
 
2.3.4 Extensiones 
 
“Una extensión se usa para agregar una capacitación a Joomla que, por defecto y en su 
código base, no están disponibles. Aquí hay unos ejemplos de las cientos de extensiones 
que hay disponibles” (Joomla Spanish Group, 2011) 
 Constructores dinámicos de formularios 
 Negocios u organizaciones 
31 
 
 Gestión de documentos 
 Galerías de imágenes y multimedia 
 Comercio electrónico y carritos de compra 
 Foros y chat 
 Calendarios 
 Correo 
 Datos y herramientas de informe 
 Sistemas de anuncios 
 Sistemas de suscripción a servicios 
2.3.4.1 Tipos De Extensión 
 
Hay cinco tipos de extensiones: 
 Componentes 
 Módulos 
 Plantillas 
 Plugins 
 Idiomas 
 
1. Componentes 
 
Un componente es el más largo y complejo de los tipos de extensión que hay. Los 
componentes, son como mini-aplicaciones independientes entre sí que gestionan la 
información dentro de Joomla. Los componentes añaden distintas funcionalidades a 
Joomla convirtiéndolo en un gran un portal web. 
Un componente puede manejar datos, mostrar configuraciones, proveer funciones, y en 
general puede llevar a cabo cualquier operación no contemplada por las funciones 
generales del código del núcleo 
 A continuación se mencionan algunos componentes: 
 Contactos 
 Página de inicio 
 Servidor de noticias 
 Correo masivo 
 Calendario 
 Encuestas 
 
32 
 
2. Módulos 
 
Los módulos se usan para pequeñas partes de la página y generalmente son menos 
complejos y capaces de verse a través de los distintos componentes. Los módulos son 
como mini-utilidades que pueden ubicarse en cualquier lugar de tu sitio. Los módulos a 
veces funcionan en conjunción con algún componente y otras veces son independientes. 
Los módulos se pueden asignar a una posición de módulo la cual haya sido definida en 
la plantilla y también dentro de la administración, usando el gestor de módulos y de 
posiciones en disponibles. 
A continuación se mencionan algunos módulos de Joomla: 
 Ruta 
 Anuncios 
 Pie de Página 
 Wrapper 
 Encuestas 
 
3. Plantillas 
Una plantilla es una serie de archivos que controlan la presentación el mismo en el 
CMS. La plantilla es el diseño básico y fundamental para visualizar un sitio web, las 
plantillas trabajan de la mano con el contenido almacenado en la base de datos. La 
plantilla determina el estilo CSS de los contenidos, además determina el estilo de los 
enlaces, ruta de navegación, el tamaño, color de texto, etc. 
 
4. Plugins 
Una de las extensiones más avanzadas para Joomla es el Plugin. En las versiones 
anteriores a Joomla! se los conocía como Mambots. Un plugin es una sección de código 
que corre cuando ocurre algún evento predefinido dentro de Joomla. Usar un plugin 
permite al desarrollador decidir la manera en que su código se comporta dependiendo de 
los plugins que haya instalados para reaccionar a los eventos. 
 
5. Idiomas 
Los archivos del idioma habilitan todas las interfaces de usuario tanto para el frontend 
como para el backend de manera predeterminada en nuestro idioma local preferido. 
Nota que estos paquetes no tienen ningún impacto sobre el contenido actual como 
puedan ser los artículos. 
33 
 
 
2.4 PATRON MVC 
El patrón de diseño MVC son las siglas de Model View Controller, es decir, Modelo 
Vista Controlador, es un patrón de arquitectura de software que separa los datos de una 
aplicación, la interfaz de usuario, y la lógica de control en tres componentes distintos. 
 De esta manera facilitará el mantenimiento del componente, y lo hará más fácil, de 
extender al mismo tiempo que resultará más fácil de leer por otras personas 
 
2.4.1 Elementos 
 
Una aplicación web basada en este patrón separa su código en tres partes diferenciadas: 
 
 El controlador: el controlador es el punto de entrada de la aplicación, se mantiene a 
la escucha de todas las peticiones, ejecuta la lógica de la aplicación, y muestra la vista 
apropiada para cada caso. 
 
 El modelo: el modelo contiene todo el código relacionado con el acceso a datos. Es 
importante que sea un código lo más genérico posible y se pueda reutilizar en otras 
situaciones y proyectos. Nunca incluiremos lógica en el modelo, solamente consultas a 
la base de datos y validaciones de entrada de datos. 
 
 La vista: la vista contiene el código que representará lo que nosotros veremos por 
pantalla, en este caso se trata de código HTML. (NOSOLOCODIGO, 2008) 
 
La siguiente figura muestra el funcionamiento del patrón MVC con los tres elementos 
 
34 
 
 
Figura 2-3. Funcionamiento del patrón MVC3 
 
2.5 SOFTWARE DE LIBRE DISTRIBUCIÓN 
 
2.5.1 Definición De Software Libre 
Software libre es aquel software que una vez que se lo adquiere, el usuario tiene la 
completa libertad de usarlo, modificarlo, estudiarlo, distribuirlo. Se lo confunde muchas 
veces con software gratis. El Software libre se lo encuentra disponible gratuitamente o 
al precio de costode la distribución a través de otros medios, además puede ser vendido 
comercialmente. 
“El software es "libre" si garantiza las siguientes libertades: 
 Libertad 0: La libertad de ejecutar el programa, para cualquier propósito 
 Libertad 1: La libertad de estudiar cómo funciona el programa y 
modificarlo, adaptándolo a las necesidades del usuario. 
 Libertad 2: La libertad de copiar el programa y de redistribuir 
 Libertad 3: La libertad de mejorar el programa y hacerlas públicas” (GNU, 
2009) 
El Código fuente del software libre se encuentra disponible para el usuario para su 
utilización 
2.5.2 Tipos De Licencia De Software 
 Una licencia de software es una autorización formal, o permisos que un autor de 
 
3 Figura disponible en : http://www.proactiva-calidad.com/java/patrones/mvc.html 
35 
 
software da a quienes lo vayan a utilizar para la distribución, modificación, uso. 
Principalmente en este contrato se acuerdan: la instalación, alcances de uso, 
reproducción, copias, etc. 
Cuando una persona decide, descargar, instalar un software, acepta las condiciones de 
licencia para hacer uso de dicho software 
 
 Licencia GNU GPL (General Public License) 
La Licencia Publica Genaral es la licencia que acompaña los paquetes distribuidos por 
el Proyecto GNU y fue creada por Free Software Foundation en el año de 1989, brinda 
al usuario el derecho a usar un programa licenciado bajo GPL, modificarlo y distribuir 
las versiones modificadas de éste. 
GPL fue creada para mantener la libertad del software y evitar que alguien quisiera 
apropiarse del programa. Esta licencia indica que el software debe ser gratuito y que el 
paquete final, también debe ser gratuito, asegurándose siempre de mantener los nombres 
y créditos de los autores originales. 
 Licencia con Copyleft. 
 El Software protegido con Copyleft autoriza al usuario la libertad de la ejecución, 
copia, modificación, y la distribución de las versiones modificadas, pero sin que se 
añada ninguna restricción para su utilización. 
 Software con Dominio Público. 
El Software con dominio público no está protegido por las leyes del derecho de autor, y 
pueden ser copiados sin costo, es un caso especial de software libre no protegido con 
copyleft, que significa que algunas copias o versiones modificadas no pueden ser libres 
completamente Algunos tipos de copia o versiones modificadas pueden no ser libres si 
el autor impone restricciones adicionales en la redistribución del original o de trabajos 
derivados. 
 Freeware. 
36 
 
Es una licencia donde se autoriza el uso del software de manera gratuita y libre por 
tiempo ilimitado, es utilizada para programas que permiten la redistribución pero con 
algunas restricciones como no la modificación, no venderla, y dar cuenta de su autor, a 
veces se incluye el código fuente. Estos programas no son software libre. 
 Shareware. 
Es una licencia que autoriza el uso del software de manera completa pero su utilización 
implica pago, el código fuente no se encuentra disponible, por lo que resulta imposible 
realizar modificaciones. 
El usuario puede probar el producto durante un tiempo antes de comprarlo, evitando el 
riesgo de un desembolso por algo que no está seguro si le será útil. 
 Open Source 
 El código fuente del software de código abierto está disponible públicamente. Un 
programa de código abierto puede ser software libre, pero también puede serlo un 
programa por el que hay que pagar 
El Código Abierto permite que varios programadores puedan leer, modificar y 
redistribuir el código fuente de un programa, por lo que ese programa evoluciona 
constantemente 
“Las licencias deben cumplir diez condiciones para ser consideradas licencias de 
software abierto: 
1. Libre redistribución: el software debe poder ser regalado o vendido libremente. 
2. Código fuente: el código fuente debe estar incluido u obtenerse libremente. 
3. Trabajos derivados: la redistribución de modificaciones debe estar permitida. 
4. Integridad del código fuente del autor: las licencias pueden requerir que las 
modificaciones sean redistribuidas solo como parches. 
5. Sin discriminación de personas o grupos: nadie puede dejarse fuera. 
6. Sin discriminación de áreas de iniciativa: los usuarios comerciales no pueden ser 
excluidos. 
7. Distribución de la licencia: deben aplicarse los mismos derechos a todo el que 
reciba el programa. 
37 
 
8. La licencia no debe ser específica de un producto: el programa no puede 
licenciarse solo como parte de una distribución mayor. 
9. La licencia no debe restringir otro software: la licencia no puede obligar a que 
algún otro software que sea distribuido con el software abierto deba también ser de 
código abierto. 
10. La licencia debe ser tecnológicamente neutral: no debe requerirse la aceptación 
de la licencia por medio de un acceso por clic de ratón o de otra forma específica del 
medio de soporte del software. “ (Source, 2008) 
 
2.5.3 Copyright 
Son derechos del autor para utilizar un programa, derechos para ejecutar, copiar, 
modificar o distribuir el programa, Ninguna persona, más que su autor, puede utilizar 
el programa, salvo el caso, con el permiso del propietario de los derechos. 
El programa de nueva creación podrá licenciarse de la forma que su autor quiera, 
siempre que no utilice ningún código ajeno. 
El copyright protege la propiedad y la identidad del trabajo de su creador. 
 
2.5.4 Ventajas De Software Libre 
Las ventajas de utilizar software libre para el desarrollo del Portal Web son las 
siguientes: 
 Libre Uso, cualquier persona puede usarlo. 
 Gratuito, no tiene un costo asociado. 
 Libre distribución y redistribución, cualquier persona puede regalarlo, venderlo 
o prestarlo. 
 Libertad de Conocimiento, fomenta el trabajo colaborativo en el desarrollo de la 
informática. 
 Rápida corrección de errores, facilitado su libre acceso al código fuente. 
 Libertad de modificar y mejorar los programas tantas veces se quiera o las 
necesidades del usuario 
38 
 
 Traducir, Posibilidad de traducir a cualquier idioma. 
 Fácil acceso por parte del sector educativo público y privado. 
 Ayuda al aprendizaje, cuando los alumnos quieren empezar a aprender cómo 
funcionan los programas, es más factible que aprendan a leer y escribir códigos. 
 Asegura la durabilidad de la información y su migración, gracias al acceso al 
código fuente. 
 Disminuye los riesgos de "puertas traseras" que introduzcan códigos maliciosos 
o de espionaje. 
 Elimina el derecho exclusivo de la innovación. 
 
2.5.5 Desventajas De Software Libre 
Las desventajas que presenta la utilización de software libre en el desarrollo del 
Portal Web son: 
 Garantía, No tiene garantía del usuario 
 Dificultad en la instalación y migración de datos para el usuario común. 
 Poco conocimiento, Pocos profesionales en el mercado con conocimientos 
sólidos en software libre. 
 Soporte, No existe soporte técnico propio 
 Recursos, Se necesita dedicar recursos a la reparación de errores 
 Configuración, Para su configuración se requieren conocimientos previos de 
funcionamiento del sistema operativo. 
 Implementación, Para su implementación se necesitan conocimiento previo de 
programación. 
 Monitoreo, Se debe monitorear en forma constante la corrección de errores por 
Internet. 
 Control de Calidad, No existe un control de calidad previo. 
 Aplicaciones, Hay aplicaciones específicas que no se encuentran en el software 
libre. 
 Uso, Baja expansión de su uso en centros educativos. 
 Difusión Baja difusión en publicaciones. 
 Desempeño, En ambientes de red todavía hay software propietario con mejores 
39 
 
desempeños. 
2.5.6 Licencia De Software Libre A Utilizar En El Portal Web 
 
Luego de haber realizado un estudio de los distintos tiposde licencia de software libre 
que existen en la actualidad, elegiremos el tipo de licencia a utilizar para el diseño del 
portal WEB. 
El Portal web necesitara los siguientes requerimientos de software para su diseño e 
implementación: 
 Base de Datos 
 Servidor Web 
 Lenguaje de Programación 
 CMS (Sistema de Gestor de Contenidos) Joomla 
En los siguientes capítulos se elegirá y analizará cada uno de estos programas a utilizar 
Para la adquisición de los diferentes programas se elegirán las licencias: la Licencia 
Pública General de GNU y la licencia Open Source 
Joomla es un gestor de contenidos de código abierto y bajo licencia GPL. 
 
http://es.wikipedia.org/wiki/Licencia_p%C3%BAblica_general_de_GNU
40 
 
CAPÍTULO III 
3. ANALISIS DE REQUERIMIENTOS 
 
3.1 DEFINICIÓN DE REQUERIMIENTO 
Un requerimiento es la descripción de las características necesarias, que debe cumplir 
un sistema a desarrollarse para que tenga valor y utilidad al usuario 
Los requerimientos muestran las necesidades, servicios y restricciones que debe cumplir 
un sistema para su desarrollo. 
Algunos requerimientos podemos mencionar como: Panorama general, Metas, 
Funciones del sistema, Atributos del sistema, etc. 
Las características que debe cumplir un requerimiento son los siguientes: 
 Consistente: Un requerimiento debe ser seguro y no se debe contradecir con 
otro requerimiento 
 Completo: Un requerimiento debe ser bien detallado, teniendo en cuenta todas 
las condiciones que puedan ocurrir. 
 Obligatorio: Un requerimiento no debe faltar o ser reemplazado, si presenta 
características definida por los desarrolladores del sistema. 
 Cohesión: Un requerimiento debe referirse sola a una cosa. 
 Necesario: El requerimiento es necesario si cumple con la necesidad declarada 
por los interesados en el sistema. 
 Verificable: Es verificable si su implementación debe poder ser comprobada. 
 Conciso: Un requerimiento debe tener su redacción simple, ser fácil de leer y 
entender. 
 No Ambiguo: Un requerimiento debe tener una sola interpretación 
 Viable: El requerimiento debe poder ser implementado según las restricciones 
actuales de tiempo, dinero y recursos disponibles. (Alegsa) 
 
41 
 
3.2 TIPOS DE REQUERIMIENTOS 
 Requerimientos funcionales: Son descripciones de los servicios o funciones que 
ofrecerá el sistema sus entradas y salidas, excepciones, etc. Es decir todo lo que 
debe hacer el sistema, en algunos casos, describe lo que el sistema no debe hacer. 
Los requerimientos funcionales dependen del tipo de software y del sistema que se 
desarrolle y de los posibles usuarios del software. 
 
 Requerimientos no funcionales: Son declaraciones sobre las restricciones (tiempo, 
estándares, proceso de desarrollo, etc.) de los servicios o funciones ofrecidos por el 
sistema. Es decir describe como debe funcionar el sistema, las propiedades del 
sistema que tiene que ver con las características funcionales son: rendimiento 
calidad, facilidad de uso, fiabilidad, velocidad, uso de memoria, plataforma, 
seguridad, etc.) 
Los requerimientos no funcionales son adicionales a los requerimientos funcionales 
que debe cumplir el sistema 
Los requerimientos no funcionales surgen de la necesidad del usuario, debido a las 
restricciones en el presupuesto, políticas de la organización, necesidad de 
interoperabilidad con otros sistemas de software o hardware o a factores externos 
como los reglamentos de seguridad, políticas de privacidad, etcétera. 
 
3.3 ANÁLISIS DE REQUERIMIENTOS PARA EL 
PORTAL WEB A DESARROLLAR 
 
1. Requerimientos Funcionales para el Portal Web 
 Interfaz Grafica 
 El portal web brindara una interfaz grafica amigable con el usuario y fácil de 
utilizar 
Funcionalidades del Portal: 
42 
 
 El portal, deberá contar con las siguientes secciones: 
 Sección de Información del Colegio: El Portal deberá permitirme el acceso 
y la actualización de información referente a la institución, sea esta: sobre su 
historia, horarios de clases, sus docentes, Himno Nacional. 
 Sección de Manejo de Eventos: El portal debe permitirme administrar los 
eventos que ocurren en la institución, estos permitirán a los estudiantes y 
padres de familia mantenerse informados sobre las actividades del colegio. 
 Sección de Noticias: El Portal deberá permitirme el ingreso de las noticias 
actuales que sucedan en la institución, se usara como herramienta de 
información y publicidad. 
 Sección de Galería de Imágenes: El portal debe permitirme administrar la 
galería de imágenes. 
 
 El portal deberá permitir la Gestión de Usuarios. 
 Perfil del usuario: 
o Estudiante: Cada estudiante registrado tiene acceso especial a través 
de un usuario y contraseña y al ingresar al portal con su cuenta, 
podrá visualizar las notas, visualizar y actualizar su perfil, evaluar al 
docente. 
o Secretaria: La secretaria deberá poseer una cuenta restringida y con 
privilegios especiales de acceso a la información, ya que ella podrá 
ver los resultados de las evaluaciones, crear nuevas noticias, subir 
los eventos de la institución, gestionar la galería de imágenes. 
o Anónimo: Usuario visitante del portal, el cual no posee ningún 
privilegio de acceso, sino solo Visualiza las secciones públicas del 
portal. 
o Es posible registrar a estudiantes nuevos en el portal. 
 
 Servicio de consulta de Notas. 
 El portal web dispondrá de un servicio de consulta de notas para los 
alumnos del Colegio. 
 Las notas serán consultadas al final de cada trimestre, o sea tres veces en el 
periodo lectivo. 
 Las notas serán ingresadas al portal por su Administrador, ya que será el la 
43 
 
persona responsable de migrar los datos mediante una herramienta. 
 Cada alumno podrá acceder al sistema para consultar sus notas con 
autenticación. 
 Los alumnos también pueden consultar las notas de los años lectivos 
anteriores. 
 
 Servicio de Evaluación 
 El portal web dispondrá de un sistema de evaluación al docente 
 Los alumnos deberán evaluar obligatoriamente a sus docentes, mediante un 
banco de preguntas y calificarlo. 
 Este servicio se activara a partir de una fecha y durara cierto tiempo 
 Estas evaluaciones se realizaran una vez en el periodo lectivo 
 Para el servicio de evaluación cada alumno tendrá que acceder con 
autenticación. 
 
 Migración de Foxpro a Mysql 
La base de datos local de FoxPro deberá migrarse a la base de datos de MySQL del 
Portal mediante una herramienta. Este proceso se realizara cada trimestre, cuando se 
actualiza la base de datos del sistema del Colegio 
 
2. Requerimientos No Funcionales para el Portal Web 
Amigabilidad 
 El sistema tendrá una interfaz amigable con el usuario, de manera que el usuario 
entienda todo lo ve en portal, y saber lo que debe hacer. Para ello se debe tomar en 
cuenta lo siguiente: 
El idioma será en español 
El formato de cada página será el apropiado. 
 Colores adecuados que no afecten la vista del contenido del sitio. 
 Tamaño y tipo de letra: Tipo de letra legible y no pequeña. 
 Título de las páginas: las páginas del portal deben estar correctamente 
44 
 
tituladas. esto ayudara demás en la indexación de los buscadores 
Disponibilidad. 
 El portal web estará disponible los 365 días del año, las 24 horas del día y los 7 días 
de la semana. 
 Con la utilización de cualquier navegador de Internet 
Rendimiento. 
Los tiempos de respuesta esperados para la ejecución en línea de los servicios (consulta 
de notas, evaluación al docente) deben ser óptimos y adecuados para el usuario, para 
ello se debe tomar en cuenta lo siguiente: 
 Las páginas que componen el portal deben tener el menor tamaño posible, 
así como los textos, las imágenes deben tener un buen formato y un peso 
adecuado para mejor rapidez. 
 El sistema contara con interfaces desarrollados en PHP y con 
almacenamiento