PAGINA WEB E IMPLEMENTACIÓN DE LA PLATAFORMA MOODLE (LMS) COMO HERRAMIENTA DE APOYO EN EL PROCESO DE ENSEÑANZA-APRENDIZAJE DE LA EDUCACIÓN MEDIA EN EL COLEGIO JOSÉ MANUEL
RESTREPO IED
Edisson Alonso Ruiz Cárdenas
Universidad Distrital Francisco José de Caldas
Facultad tecnológica
Bogotá, Colombia
3
PAGINA WEB E IMPLEMENTACIÓN DE LA PLATAFORMA MOODLE (LMS) COMO HERRAMIENTA DE APOYO EN EL PROCESO DE ENSEÑANZA-APRENDIZAJE DE LA EDUCACIÓN MEDIA EN EL COLEGIO JOSÉ MANUEL
RESTREPO IED
Edisson Alonso Ruiz Cárdenas
Proyecto de grado presentado como requisito parcial para optar al título de:
Tecnólogo en sistematización de Datos
Director (a):
Ing. Norberto Novoa Torres
Universidad Distrital Francisco José de Caldas
Facultad Tecnológica
Bogotá, Colombia
4
NOTA DE ACEPTACIÓN
_______________________________ _______________________________
_______________________________
_______________________________ Presidente del Jurado
_______________________________ Jurado 1
_______________________________ Jurado 2
5
CONTENIDO
RESUMEN _______________________________________________________________ 9
ABSTRACT ______________________________________________________________ 10
INTRODUCCIÓN _________________________________________________________ 11
1. FASE DE INICIO. PLANEACIÓN, DEFINICIÓN Y ORGANIZACIÓN _________________ 12
1.1. TÍTULO DEL PROYECTO __________________________________________________ 12 1.2. TEMA ________________________________________________________________ 12 1.3. PLANTEAMIENTO DEL PROBLEMA _________________________________________ 12 1.4. DESCRIPCIÓN DEL PROBLEMA ____________________________________________ 13 1.5. FORMULACIÓN DEL PROBLEMA ___________________________________________ 14 1.6. JUSTIFICACIÓN _________________________________________________________ 14 1.7. OBJETIVOS ____________________________________________________________ 15 1.8. ALCANCE _____________________________________________________________ 16 1.9. DELIMITACIONES _______________________________________________________ 17 1.10. FACTIBILIDAD ________________________________________________________ 18 1.11. MARCO DE REFERENCIA _______________________________________________ 22 1.12. CRONOGRAMA DE ACTIVIDADES ________________________________________ 45 2. FASE DE REQUERIMIENTOS _____________________________________________ 46
2.1. IDENTIFICACIÓN DE LA INFORMACIÓN _____________________________________ 46 2.2. REQUERIMIENTOS ______________________________________________________ 47 2.3. DEFINICIÓN DE ACTORES. ________________________________________________ 53 2.4. LISTA PRELIMINAR DE CASOS DE USO POR ACTOR ____________________________ 54 2.5. DEPURACIÓN DE CASOS DE USO POR ACTOR. ________________________________ 59 2.6. DOCUMENTACIÓN DE CASOS DE USO. ______________________________________ 63 3. FASE DE ANÁLISIS ____________________________________________________ 81
6
3.3. DIAGRAMA DE CLASES _________________________________________________ 103 4. FASE DE DISEÑO ____________________________________________________ 107
4.1. MODELO DE OBJETO RELACIONAL ________________________________________ 107 4.2. DICCIONARIO DE DATOS ________________________________________________ 108 5. FASE DE IMPLEMENTACIÓN ___________________________________________ 122
5.1. DIAGRAMA DE DESPLIEGUE _____________________________________________ 122 6. FASE DE PRUEBA ____________________________________________________ 122
6.1. PRUEBA DE INTEGRACIÓN ______________________________________________ 123 CONCLUSIONES _________________________________________________________ 128
RECOMENDACIONES ____________________________________________________ 129
LISTADO DE ILUSTRACIONES
7
Ilustración 21: Diagrama de secuencia Consultar información personal _____________________ 92 Ilustración 22: Diagrama de secuencia Consultar horario académico ______________________ 92 Ilustración 23: Diagrama de secuencia Consultar notas de los estudiantes __________________ 93 Ilustración 24: Diagrama de secuencia Consultar listado de profesores _____________________ 93 Ilustración 25: Diagrama de secuencia Consultar notas por materia _______________________ 94 Ilustración 26: Diagrama de estado Login ____________________________________________ 94 Ilustración 27: Diagrama Registrar usuario ___________________________________________ 95 Ilustración 28: Diagrama de estados Modificar Usuario _________________________________ 95 Ilustración 29: Diagrama de estados Eliminar Usuario __________________________________ 96 Ilustración 30: Diagrama de estados Ingresar contenido ________________________________ 96 Ilustración 31: Diagrama de estados Modificar contenido ________________________________ 97 Ilustración 32: Diagrama de estados Modificar candidatos _______________________________ 97 Ilustración 33: Diagrama de estados ingresar candidatos ________________________________ 98 Ilustración 34: Diagrama de estados configuración general ______________________________ 98 Ilustración 35: Diagrama de estados Solicitar resultado _________________________________ 99 Ilustración 36: Diagrama de estados modificar horario académico _________________________ 99 Ilustración 37: Diagrama de estados Consultar información personal _____________________ 100 Ilustración 38: Diagrama de estados Consultar horario académico _______________________ 100 Ilustración 39: Diagrama de estados Consultar notas de los estudiantes ___________________ 101 Ilustración 40: Diagrama de estados Consultar listado de profesores _____________________ 101 Ilustración 41: Diagrama de estados Consultar notas por materia ________________________ 102 Ilustración 42: Diagrama de clases modulo autenticación en el sistema ___________________ 103 Ilustración 43: Diagrama de clases modulo gestionar usuario ___________________________ 104 Ilustración 44: Diagrama de clases Modulo Gestionar categorías ________________________ 104 Ilustración 45: Diagrama de clases Gestionar módulo de elecciones ______________________ 105 Ilustración 46: Diagrama de clases Gestionar módulo de información personal ______________ 105 Ilustración 47: Diagrama de clases página web ______________________________________ 106 Ilustración 48: Modelo de objeto relacional __________________________________________ 107 Ilustración 49: Diagrama de despliegue _____________________________________________ 122
LISTADO DE TABLAS
Tabla 1: Factibilidad económica recursos humanos – Autor: Edisson Ruiz C. __________________ 20
Tabla 2: Factibilidad económica de recursos técnicos – Autor: Edisson Ruiz C. ________________ 20
Tabla 3: Factibilidad económica de recursos de software – Autor: Edisson Ruiz C. _____________ 21
Tabla 4: Factibilidad económica de presupuesto – Autor: Edisson Ruiz C. _____________________ 22
Tabla 5: Metodología RUP – Tomado de: Jacobson, Ivar; Booch El Proceso Unificado de Desarrollo
de Software ____________________________________________________________________________ 41
Tabla 6: Definición de actores página web – Autor: Edisson Ruiz C. __________________________ 53
8
Tabla 8: Caso de Uso Autenticación en el sistema – Autor: Edisson Ruiz C. ___________________ 64
Tabla 9: Caso de uso registrar Usuario – Autor: Edisson Ruiz C. _____________________________ 65
Tabla 10: Caso de uso modificar usuario – Autor: Edisson Ruiz C. ___________________________ 66
Tabla 11: Caso de uso eliminar usuario – Autor: Edisson Ruiz C. ____________________________ 67
Tabla 12: Caso de uso ingresar contenido – Autor: Edisson Ruiz C. __________________________ 68
Tabla 13: Caso de uso modificar contenido – Autor: Edisson Ruiz C. _________________________ 69
Tabla 14: Caso de uso modificar candidatos – Autor: Edisson Ruiz C. ________________________ 70
Tabla 15: Caso de uso ingresar candidatos – Autor: Edisson Ruiz C. _________________________ 72
Tabla 16: Caso de uso habilitar módulo de elecciones – Autor: Edisson Ruiz C. _______________ 73
Tabla 17: Caso de uso solicitar resultados – Autor: Edisson Ruiz C. __________________________ 74
Tabla 18: Caso de uso modificar horario académico – Autor: Edisson Ruiz C. _________________ 75
Tabla 19: Caso de uso consultar información personal - – Autor: Edisson Ruiz C. ______________ 76
Tabla 20: Caso de uso consultar horario académico – Autor: Edisson Ruiz C. _________________ 77
Tabla 21: Caso de uso consultar notas de sus estudiantes – Autor: Edisson Ruiz C. ___________ 78
Tabla 22: Caso de uso consultar listado de profesores – Autor: Edisson Ruiz C. _______________ 79
Tabla 23: Caso de uso consultar notas por materia – Autor: Edisson Ruiz C. __________________ 80
Tabla 24: Datos Tabla calendar – Autor: Edisson Ruiz C. __________________________________ 108
Tabla 25: Datos Tabla califica – Autor: Edisson Ruiz C. ____________________________________ 110
Tabla 26: Datos Tabla categori – Autor: Edisson Ruiz C. ___________________________________ 110
Tabla 27. Datos Tabla contenid – Autor: Edisson Ruiz C.___________________________________ 112
Tabla 28: Datos Tabla director – Autor: Edisson Ruiz C. ___________________________________ 113
Tabla 29. Datos tabla elección – Autor: Edisson Ruiz C. ___________________________________ 114
Tabla 30: Datos Tabla galeriax – Autor: Edisson Ruiz C. ___________________________________ 115
Tabla 31. Datos tabla gradosxx – Autor: Edisson Ruiz C. ___________________________________ 116
Tabla 32. Datos tabla horarios – Autor: Edisson Ruiz C. ____________________________________ 117
Tabla 33: Datos Tabla imagenxx – Autor: Edisson Ruiz C.__________________________________ 118
Tabla 34: Datos Tabla materias – Autor: Edisson Ruiz C. __________________________________ 118
Tabla 35: Datos Tabla rolxxxxx – Autor: Edisson Ruiz C. ___________________________________ 119
Tabla 36: Datos Tabla usuariox – Autor: Edisson Ruiz C. ___________________________________ 121
Tabla 37: Prueba unitaria modulo autenticación en el sistema – Autor: Edisson Ruiz C. ________ 123
Tabla 38: Prueba unitaria modulo gestionar usuario – Autor: Edisson Ruiz C. _________________ 124
Tabla 39: Prueba unitaria modulo gestionar categoría – Autor: Edisson Ruiz C. _______________ 125
Tabla 40: Prueba unitaria modulo gestionar elecciones – Autor: Edisson Ruiz C. ______________ 126
9 RESUMEN
La página web e implementación de la plataforma Moodle como herramienta de
apoyo en el proceso de enseñanza-aprendizaje de la educación media en el colegio
José Manuel Restrepo, permitirá a los miembros de la institución acceder de manera
más rápida y completa a la información del colegio, administrar el contenido de la
página y hacer uso de una plataforma como apoyo a la gestión de las asignaturas
ofrecidas por el plantel educativo.
Para el desarrollo de este sistema se implementó el paradigma de programación:
MVC (modelo, vista, controlador), que garantiza la calidad en el desarrollo, haciendo
que el sistema sea robusto, flexible y amigable para el usuario final. Para la
implementación de este paradigma se hizo la inclusión del framework CodeIgniter
que nos ofrecía una facilidad al momento del desarrollo.
El sistema está desarrollado en PHP5 y es compatible con MySQL, que es el motor
de bases de datos que se implementó, se hace el uso de la metodología RUP
(Rational Unified Process) ya que es una metodología que de acuerdo a su
propuesta de trabajo suple las necesidades de desarrollo, diseño y despliegue,
10 ABSTRACT
The web page and implementation of Moodle as a support tool in the process of
teaching and learning in secondary education in the school Jose Manuel Restrepo,
will allow members of the institution have quick access and complete school
information , manage the content of the page and make use of a platform to support
the management of the courses offered by the educational institution.
MVC (Model View Controller), which guarantees the quality development, making
the system robust, flexible and friendly for the end user: For the development of this
system was implemented programming paradigm. For the implementation of this
paradigm was the inclusion of CodeIgniter framework that gave us a facility at the
time of development.
The system is developed in PHP5 and is compatible with MySQL, which is the engine
of databases was implemented using the RUP (Rational Unified Process) it is
because it is a methodology according to your proposed work meets the needs of
11
INTRODUCCIÓN
El área administrativa y académica del colegio José Manuel Restrepo IED se
compone de varios departamentos, entre estos está el Departamento de
Información Administrativa y el Departamento de Gestión Académica.
Actualmente la dependencia administrativa y académica de la institución está
gestionando un proyecto en el que cada uno de sus componentes será
sistematizado como requisito que se exige por parte del Ministerio de Educación,
por lo tanto se hace necesario llevar a cabo la implementación de las tics en la
institución.
Además se evidencia una problemática en el área administrativa y académica, que
son las áreas donde se controla la información del colegio al público en general y la
gestión de las asignaturas.
Para poder encontrar las necesidades que se tienen en estas áreas, fue de vital
importancia la realización reuniones y entrevistas con los miembros administrativos
y académicos de la institución, dejando como resultado un listado de
requerimientos, que permitieron encaminar el desarrollo a los intereses del usuario.
De esta manera se propone una posible solución para suplir necesidades en estas
áreas, como lo son la gestión de información personal, gestión de elecciones
estudiantiles, gestión de emisora institucional, gestión de asignaturas ofrecidas por
12
1. FASE DE INICIO. PLANEACIÓN, DEFINICIÓN Y ORGANIZACIÓN 1.1. TÍTULO DEL PROYECTO
PÁGINA WEB E IMPLEMENTACIÓN DE LA PLATAFORMA MOODLE (LMS)
COMO HERRAMIENTA DE APOYO EN EL PROCESO DE
ENSEÑANZA-APRENDIZAJE DE LA EDUCACIÓN MEDIA EN EL COLEGIO JOSÉ MANUEL
RESTREPO IED
1.2. TEMA
Para el desarrollo del proyecto se debe tener en cuenta el tema de aplicaciones web
y plataformas LCMS, para mejorar la comunicación e interacción entre profesores,
padres y alumnos, también para ayudar a la gestión y control de las asignaturas que
ofrece el colegio José Manuel Restrepo IED. Implementando herramientas de
programación como PHP, HTML, JavaScript, AJAX, CSS y como gestor de bases
de datos MySQL, además de la implementación del framework Zend que permite el
manejo de la arquitectura MVC (Modelo Vista Controlador).
1.3. PLANTEAMIENTO DEL PROBLEMA
El Colegio José Manuel Restrepo IED tiene dos problemas importantes que interfieren con el cumplimiento de su plan estratégico como entidad educativa.
13
sea dada de manera eficiente, segura ni exacta. También genera poca información de institución a personas externas, interesadas en conocer su plan estratégico y sus entes administrativos.
Retrocediendo en la historia, anteriormente y en términos generales la información era un bien escaso, ahora la información es tremendamente abundante. El uso de las TIC’S facilitará el acceso y la gestión de información necesaria para cumplir con la misión que propone el Colegio José Manuel Restrepo IED.
Como segundo problema se observa que los docentes de la institución no tienen ayudas para la gestión y control de sus asignaturas. Actualmente los docentes de la institución carecen de herramientas multimediales que pueden contribuir al desarrollo de habilidades cognitivas en los estudiantes, mediante el aprendizaje significativo, aprendizaje visual y aprendizaje auditivo. En sustitución de estas herramientas ellos brindan seguimiento catedrático a los estudiantes con actividades como talleres, evaluaciones, cuestionarios, dinámicas, etc. Las cuales no son suficientes para obtener un control y entendimiento deseado por parte de los estudiantes en las asignaturas que ofrece el plantel educativo.
1.4. DESCRIPCIÓN DEL PROBLEMA
Iniciando con la poca interacción y comunicación entre profesores padres de familia
y alumnos. Actualmente las citaciones, cartas y panfletos que realiza la institución
son generados mediante formatos físicos que en muchas ocasiones no son
conocidos por los padres de familia o tutores de los estudiantes. Las noticias y
eventos que realiza la institución no son accesibles al público en general que desea
obtener información del colegio así como su plan estratégico, sus entes
administrativos, su ubicación etc.
14
gestión y control de sus asignaturas. Actualmente los docentes de la institución
desarrollan sus clases mediante cátedras presenciales, y evalúa a sus estudiantes
mediante formatos físicos de evaluación y talleres estos métodos son buenos para
el control de sus asignaturas pero no les ofrece una interacción con el estudiante
dentro y fuera del plantel educativo, apoyando a sus estudiante, asesorándolos o
brindándoles documentos de apoyo para un completo entendimiento de la
asignatura.
1.5. FORMULACIÓN DEL PROBLEMA
¿Cómo contribuirá al Colegio José Manuel Restrepo IED la página web e
implementación de la plataforma Moodle (LCMS) como herramienta de apoyo en el
proceso de enseñanza-aprendizaje de la educación media?
1.6. JUSTIFICACIÓN
Debido a la baja interacción y comunicación entre docentes, estudiantes y padres
de familia (tutores) del colegio José Manuel Restrepo IED y aprovechando los
beneficios que nos aporta cada día la aceleración de la tecnología, se vio la
necesidad de crear una página web que facilitara la gestión de la información del
colegio al público en general. Acompañando y complementando el objetivo de la
página web se concluyó implementar una plataforma Moodle (LCMS) como ayuda
a la gestión de todas las asignaturas ofrecidas por la institución.
La creación de la página web ayudaría en la promoción de los servicios de la
institución, reemplazando carteleras y volantes. Además, el sitio web lo puede ver
todo el mundo, esto agrega credibilidad y ayuda a construir una imagen positiva de
15
del estudiante, que desarrolle habilidades cognitivas y motrices para el manejo de
las tics, que aporte, que opine, que valore, refuerce sus conocimientos y adquiera
mayor pertenencia ante la institución y así sienta curiosidad por investigar
posteriormente dar solución a sus propios problemas. Además permite que el padre
de familia sin asistir a la institución esté al tanto de las diferentes actividades
escolares de su hijo y de igual manera tenga un medio efectivo de comunicación.
Se hace necesario implementar la página web y la plataforma Moodle para que nos
permita aprovechar las nuevas tecnologías de la información y mejores
herramientas de educación presencial, educación a distancia y educación en línea.
1.7. OBJETIVOS 1.7.1. Objetivo general
Analizar, Diseña y Desarrollar Pagina web e implementar plataforma Moodle (LMS) como herramienta de apoyo en el proceso de enseñanza-aprendizaje de la educación media en el colegio José Manuel Restrepo IED
1.7.2. Objetivos específicos
Recopilar y analizar la información de las asignaturas de la educación básica y media, Indagar sobre métodos de enseñanza según el grado.
Definir los requerimientos funcionales y no funcionales de la plataforma LCMS Moodle y de la página web.
Analizar, diseñar e implementar la información que se debe estructurar en la página web para mostrarla al público en general, que incluya una
emisora Web y módulo de elecciones estudiantiles (personero,
16
Integrar a la página un módulo que brinde información personal y académica (datos personales, calificaciones, calendarios académicos,
horarios, Estatuto estudiantil, etc.) a cada usuario de la institución,
importado de aplicación ya existente.
Implementar una plataforma LCMS (Moodle), para el apoyo a la gestión de todas las asignaturas.
1.8. ALCANCE
La página web será implementada en general para el colegio José Manuel Restrepo
IED, y contara con la validación respectiva de un administrador y responsable del
contenido de la página web.
La plataforma LCMS Moodle será implementada en el área académica del colegio,
y contara con la validación de un administrador y responsable de la creación de
cursos y usuarios en la plataforma.
1.8.1. A nivel Funcional
1.8.1.1. Módulo de gestión de la página web
El módulo de gestión de la página web será utilizado para la administración del
contenido asequible al público en general como el plan estratégico del colegio,
servicios ofrecidos, publicaciones de noticias, eventos y contactos.
1.8.1.2. Módulo de información académica.
El módulo de información académica será utilizado para crear un perfil a cada
17
información académica como horarios, notas, servicios ofrecidos por la institución
al usuario en específico.
1.8.1.3. Módulo de elecciones estudiantiles.
El módulo de elecciones estudiantiles será utilizado para realizar el proceso de
elección de personero y representante estudiantil, será habilitado por el
administrador de la página quien ingresara los postulados a personero y
representante cada año y quien solicitara a la aplicación el resultado de los
estudiantes elegidos.
1.9. DELIMITACIONES 1.9.1. Delimitación Temporal
El proyecto está destinado a desarrollarse en un lapso de 13 meses
comprendidos desde el 15 de septiembre de 2014 hasta el 19 de octubre de
2015.
1.9.2. Delimitación Geográfica
Este proyecto será desarrollado en las instalaciones del Colegio José Manuel
Restrepo IED.
1.9.3. Delimitación Técnica
Las tecnologías sobre las que se desarrollará este proyecto son:
18
● Servidor de aplicaciones: Xampp ● Servidor Web: Xampp
La solución propuesta se basa en mostrar información importante del colegio José
Manuel Restrepo IED al público en general y en especial brindar un medio de
comunicación entre docentes, estudiantes y padres de familia. En cuanto a la
gestión de las asignaturas que ofrece el colegio se implementara una plataforma
robusta y amigable con el usuario.
1.10. FACTIBILIDAD
1.10.1. Factibilidad técnica
Las características esenciales de los dispositivos con los cuales se debe hacer uso
de nuestro sistema de información, deberán poseer la mayoría de las tecnologías
utilizadas dentro del desarrollo del sistema.
El proyecto es factible porque cuenta con las siguientes herramientas:
Características mínimas del computador, para que se pueda dar uso al sistema de
información:
● Procesador de 2.0 GHz de velocidad. ● Memoria RAM de 1.00 GB
● Espacio en disco de 40 GB
● Sistema Operativo Windows (XP o superior), Linux.
Recursos Adicionales:
● Acceso a internet
● Servidor web externo XAMPP
19 1.10.2. Factibilidad operativa
En el proyecto de la página web para la gestión de la información del Colegio José
Manuel Restrepo IED y la plataforma Moodle para apoyar la gestión de las
asignaturas que ofrece el plantel educativo, se muestra a continuación el personal
requerido para la elaboración y administración de la página web seguido de la
implementación de la plataforma Moodle. La página web será administrada por un
funcionario de la institución así como la plataforma Moodle, estos administradores
tendrán permisos para gestionar todo el contenido de los dos sistemas.
Tutor de tesis: Responsable de supervisar y asesorar la elaboración de proyecto.
Funcionarios de la institución educativa: Son los usuarios que tendrán las distintas necesidades o requerimientos que se deben tratar para hallar una buena
solución.
Analistas y desarrolladores: Captura, especificación y validación de los requisitos, interactuando con los funcionarios de la institución educativa, mediante entrevistas
y documentación que ellos suministren.
Elaboración del modelo de análisis y diseño. Desarrollo del software basados en la
arquitectura base. Planear, diseñar y evaluar las pruebas.
1.10.3. Factibilidad económica 1.10.3.1. Recursos humanos
Tipo Descripción Valor-Hora Cantida
d Total
Tutor 1 Norberto
Novoa Torres
Asesorías del tutor para la realización del proyecto, referente a
la metodología a seguir y las herramientas con las que se trabajará en la realización del
proyecto.
20 Carlos
Parra Rivera
Rector Colegio José Manuel
Restrepo IED $ 5.000 15 $ 75.000
David Ingeniero Desarrollador $ 15.000 30 $ 450.000
Total Recursos Humanos
$ 1.025.000
Tabla 1: Factibilidad económica recursos humanos – Autor: Edisson Ruiz C.
1.10.3.2. Recursos técnicos
Recurso Valor Unitario Cantidad Total
Servicios de
Electricidad $ 5.000 2 $ 120.000
Computadores $ 1.100.000 2 $ 2.200.000
Impresiones y
papelería $ 20.000 20 $ 400.000
Encuadernación
de tesis $ 65.000 2 $130.000
Transporte para reuniones con grupo de trabajo
$ 10.000 25 $ 250.000
Otros $ 300.000 1 $ 300.000
Total Recursos
Técnicos $ 3.400.000
21 1.10.3.3. Recursos de software
RECURSO CANTIDAD VALOR UNITARIO VALOR
Licencia Windows 2 $ 450.000 $ 900.000
Licencia MySQL 2 0 0
Licencia MySQL
Workbench 6.0 CE 2 0 0
Licencia PHP 5 2 0 0
Licencia HTML5 2 0 0
Licencia JQuery 2 0 0
Licencia Netbeans
7.3 2 0 0
Licencia CodeIgniter 2 0 0
Licencia SDK 2 0 0
Licencia Xampp 2 0 0
Licencia DIA 2 0 0
Total recursos
Software $ 900.000
22 1.10.3.4. Presupuesto
A continuación se muestra el presupuesto total, requerido para nuestro sistema de
información web y plataforma Moodle:
Recurso Valor
Recurso Humano $ 1.025.000
Recurso Técnico $ 3.400.000
Recurso de Software $ 900.000
TOTAL $ 5.325.000
Tabla 4: Factibilidad económica de presupuesto – Autor: Edisson Ruiz C.
1.11. MARCO DE REFERENCIA 1.11.1. Marco teórico
A continuación se mostrara las teorías o piezas de teorías que servirán como punto
de partida para el planteamiento, diseño y desarrollo del proyecto. Se indicara como
aspecto global en que consiste un sistema web, seguido de la definición de distintos
módulos como: Sistemas de información personal y académica, sistemas
electorales, radio por internet, Plataformas E-Learning, plataformas virtuales de
aprendizaje y Moodle.
1.11.1.1. Sistema web
Los sistemas desarrollados en plataformas Web, tienen marcadas diferencias con
otros tipos de sistemas, lo que lo hacen muy beneficio tanto para las empresas que
23
Este tipo de diferencias se ven reflejada en los costos de las empresas, en la rapidez
de obtención de la información, en la optimización de las tareas por parte de los
usuarios y en alcanzar una gestión íntegramente informatizada dentro y fuera de la
empresa.1
Según Aquiles Bedriñana, un portal es, en todos los casos, un sitio Web (WebSite),
una página web, pero no viceversa. No todas las páginas Web ni todo sitio Web
sería un portal.
Página Web y sitio Web son conceptos con una clara relación de sinonimia, aunque
en realidad es una relación partitiva, ya que un sitio Web está formado por una
dirección y por un conjunto de páginas. Se pueden matizar ambos conceptos
afirmando que un «sitio Web» está compuesto por una o más páginas, pero sin que
necesariamente esté implícita la idea de organización de información con criterios
rigurosos.
Algunas características pueden ayudarnos a reconocer un portal frente a otro tipo
de páginas Web. Para ello David Morrison -técnico especialista de la compañía
Lotus- usa las iniciales del término portal:
Personalización para usuarios finales.
Organización del escritorio.
Recursos informativos divididos y organizados.
Trayectoria o seguimiento de las actividades de los usuarios (tracking).
Acceso a base de datos.
Localización de gente o cosas importantes.2
1 (http://www.etriek.com/pdf/Fides, s.f.)
24
1.11.1.2. Sistemas de información personal y académica.
Un Sistema de Información, es aquél que permite recopilar, administrar y manipular
un conjunto de datos que conforman la información necesaria para que los
estamentos ejecutivos de una organización puedan realizar una toma de decisiones
informada mente. En resumen, es aquél conjunto ordenado de elementos (no
necesariamente computacionales) que permiten manipular toda aquella información
necesaria para implementar aspectos específicos de la toma de decisiones.
Todo Sistema de Información, surge de la necesidad de información que
experimenta una organización para implementar un conjunto específico de toma de
decisiones.3
1.11.1.3. Sistema Electoral.
Un sistema electoral es el conjunto de principios, normas, reglas y procedimientos
técnicos enlazados entre ellos, y legalmente establecidos, por medio de los cuales
los electores expresan su voluntad política en votos "no modificados" que a su vez
se convierten en escaños o poder público.
En un sentido más amplio, y según el constitucionalista Roberto Lopresti,[cita
requerida] el sistema electoral es la parte del Derecho Electoral que aglutina el
conjunto de reglas relacionadas con la integración de los órganos de gobierno por
procedimientos electivos. Según el concepto, las normas que regulan la ciudadanía,
los partidos políticos, las bases del sufragio, la emisión del mismo, los órganos
electorales, los recursos contra sus decisiones y al sistema electoral en sentido
restringido.
El alcance restringido del término se establece en función de lo convenido en el
derecho electoral de cada país, en cuanto a reservar esta denominación a las reglas
25
que establecen la forma en la que han de ser asignados y distribuidos los cargos
electivos, en un régimen electivo determinado, se trate dentro de la democracia
directa o la democracia representativa.4
1.11.1.4. Radio por Internet.
La radio por Internet, iRadio, smart radio o streamcasting de audio, consiste en la
exhibición de contenido auditivo dotado de las características propias del medio
radiofónico (tales como su guion y su lenguaje) a través de Internet mediante
streaming.
Esquema general del funcionamiento técnico
Los pasos tomados generalmente siguen la siguiente secuencia:
Fuente auditiva (Micrófono, CD, Disco de Vinilo, WAV, MP3) — conforma el
contenido.
Procesador de audio - filtros, editores de audio tales como el audacity, compresores
de audio tales como el LAME. Que permiten editar el contenido antes de insertarlo
en la programación
Repetidor de stream auditivo (servidor) — codifica y manda los bits del contenido a
través de un torrente de datos. Es decir un servidor con una alta capacidad de
conectividad (ancho de banda) que permita conectarse a los oyentes (usuarios) de
su radio web.
Reproductor de stream auditivo (cliente) — reensambla y decodifica los bits y
reproduce la señal auditiva.
La radio se usa para transmitir noticias, historias y demás cosas a la comunidad que
la escucha.5
4 (https://es.wikipedia.org/wiki/Sistema_electoral, s.f.)
26 1.11.1.5. Plataformas E-Learning
La plataforma de e-learning, campus virtual o Learning Management System (LMS)
es un espacio virtual de aprendizaje orientado a facilitar la experiencia de
capacitación a distancia, tanto para empresas como para instituciones educativas.
Este sistema permite la creación de "aulas virtuales"; en ellas se produce la
interacción entre tutores y alumnos, y entre los mismos alumnos; como también la
realización de evaluaciones, el intercambio de archivos, la participación en foros,
chats, y una amplia gama de herramientas adicionales.
Beneficios de una plataforma de e-learning
Brinda capacitación flexible y económica.
Combina el poder de Internet con el de las herramientas tecnológicas.
Anula las distancias geográficas y temporales.
Permite utilizar la plataforma con mínimos conocimientos.
Posibilita un aprendizaje constante y nutrido a través de la interacción entre tutores
y alumnos
Las plataformas de e-learning se ofrecen tanto en modalidad ASP (Aplication
Service Provider) hosteadas en servidores propios de e-ABC, o pueden ser
instaladas on-site en servidores del cliente. De todas maneras el hosting es solo un
pequeño porcentaje del servicio brindado por e-ABC, ya que el mantenimiento de
un sistema informático y una exitosa implementación del LMS requiere de una
asistencia más amplia que solo la aplicación. A continuación se muestran los
diferentes aspectos que comprenden nuestro servicio de LMS y su importancia
porcentual en el costo del mismo.6
27
1.11.1.6. Plataforma Virtual de Aprendizaje (LMS)
Herramienta apropiada para clases en línea, a distancia y para complementar el
aprendizaje presencial
Web Innova - Colombia ofrece la implementación de una Plataforma de Aprendizaje
Virtual para e-learning que proporciona un conjunto de herramientas que permiten
la gestión de cursos, posibilitando procesos de enseñanza virtual entre estudiantes
y profesores, y permitiendo a los educadores a crear comunidades de aprendizaje
en línea.
Su arquitectura y herramientas son apropiadas para clases en línea o a distancia,
así como también para complementar el aprendizaje presencial. Tiene una interfaz
de navegación de tecnología sencilla, ligera, y compatible, permite presentar los
contenidos por curso, crear enlaces con otros materiales, colaborar, hacer
cuestionarios, enviar tareas, y realizar comentarios sobre el material o el desarrollo
del curso.
Las plataformas de educación virtual para e-learning no sólo se usan en
universidades, sino también en instituciones de enseñanza secundaria, enseñanza
primaria, organizaciones sin ánimo de lucro, empresas privadas o profesores
independientes. En Colombia y el mundo Moodle* es la plataforma más usada para
e-learning.7
Nuestra solución para Plataforma Virtual de Aprendizaje incluye:
Diseño gráfico profesional y personalizado
Desarrollo web en HTML, CSS, PHP y Ajax
Instalación y configuración de la plataforma
Creación y configuración inicial de 1 curso
7
28
Creación y asignación de roles de hasta 10 usuarios (estudiantes y profesores)
Capacitación e inducción en el manejo y administración de la plataforma
Soporte técnico y garantía de funcionamiento
Estadísticas e informes gráficos de visitas
Hosting de 10GB (Plan Profesional) y dominio por un año
1.11.1.7. Moodle
Moodle (pronunciación AFI /ˈmuːd(ə)l/) es una aplicación web de tipo Ambiente
Educativo Virtual, un sistema de gestión de cursos, de distribución libre, que ayuda
a los educadores a crear comunidades de aprendizaje en línea. Este tipo de
plataformas tecnológicas también se conoce como LCMS (Learning Content
Management System). La versión más reciente es la 2.9
Moodle fue creado por Martin Dougiamas, quien fue administrador de WebCT en la
Universidad Tecnológica de Curtin. Basó su diseño en las ideas del constructivismo
en pedagogía que afirman que el conocimiento se construye en la mente del
estudiante en lugar de ser transmitido sin cambios a partir de libros o enseñanzas,
y en el aprendizaje cooperativo. Un profesor que opera desde este punto de vista
crea un ambiente centrado en el estudiante que le ayuda a construir ese
conocimiento con base en sus habilidades y conocimientos propios en lugar de
simplemente publicar y transmitir la información que se considera que los
estudiantes deben conocer.
Estas herramientas son de gran utilidad en el ámbito educativo, ya que permiten a
los profesores la gestión de cursos virtuales para sus alumnos (educación a
distancia, educación en línea o e-learning), o la utilización de un espacio en línea
que dé apoyo a la presencialidad (aprendizaje semipresencial, blended learning).8
29 1.11.2. Marco conceptual
Para el desarrollo e implementación del proyecto fue necesario tener en cuenta los
conceptos de los siguientes términos:
1.11.2.1. PHP
PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de
código abierto muy popular especialmente adecuado para el desarrollo web y que
puede ser incrustado en HTML.
Lo que distingue a PHP de algo del lado del cliente como Javascript es que el código
es ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente
recibirá el resultado de ejecutar el script, aunque no se sabrá el código subyacente
que era. El servidor web puede ser configurado incluso para que procese todos los
ficheros HTML con PHP, por lo que no hay manera de que los usuarios puedan
saber qué se tiene debajo de la manga.
Lo mejor de utilizar PHP es su extrema simplicidad para el principiante, pero a su
vez ofrece muchas características avanzadas para los programadores
profesionales. No sienta miedo de leer la larga lista de características de PHP. En
unas pocas horas podrá empezar a escribir sus primeros scripts.9
PHP tal y como se conoce hoy en día es en realidad el sucesor de un producto
llamado PHP/FI. Creado en 1994 por Rasmus Lerdorf, la primera encarnación de
PHP era un conjunto simple de ficheros binarios Common Gateway Interface (CGI)
escritos en el lenguaje de programación C. Originalmente utilizado para rastrear
visitas de su currículum online, llamó al conjunto de scripts "Personal Home Page
Tools", más frecuentemente referenciado como "PHP Tools". Con el paso del tiempo
se quiso más funcionalidad, y Rasmus reescribió PHP Tools, produciendo una
30
implementación más grande y rica. Este nuevo modelo fue capaz de interaccionar
con bases de datos, y mucho más, proporcionando un entorno de trabajo sobre
cuyos usuarios podían desarrollar aplicaciones web dinámicas sencillas tales como
libros de visitas. En junio de 1995, Rasmus » publicó el codigo fuente de PHP Tools,
lo que permitió a los desarrolladores usarlo como considerasen apropiado. Esto
también permitió -y animó- a los usuarios a proporcionar soluciones a los errores
del código, y generalmente a mejorarlo.10
1.11.2.2. Bases de datos
El término de bases de datos fue escuchado por primera vez en 1963, en un
simposio celebrado en California, USA. Una base de datos se puede definir como
un conjunto de información relacionada que se encuentra agrupada ó estructurada.
Desde el punto de vista informático, la base de datos es un sistema formado por un
conjunto de datos almacenados en discos que permiten el acceso directo a ellos y
un conjunto de programas que manipulen ese conjunto de datos.
Cada base de datos se compone de una o más tablas que guarda un conjunto de
datos. Cada tabla tiene una o más columnas y filas. Las columnas guardan una
parte de la información sobre cada elemento que queramos guardar en la tabla,
cada fila de la tabla conforma un registro.
Definición de base de datos:
Se define una base de datos como una serie de datos organizados y relacionados
entre sí, los cuales son recolectados y explotados por los sistemas de información
de una empresa o negocio en particular.11
10 (http://php.net/manual/es/history.php.php, s.f.)
31
Características:
Entre las principales características de los sistemas de base de datos podemos
mencionar:
Independencia lógica y física de los datos.
Redundancia mínima.
Acceso concurrente por parte de múltiples usuarios.
Integridad de los datos.
Consultas complejas optimizadas.
Seguridad de acceso y auditoría.
Respaldo y recuperación.
Acceso a través de lenguajes de programación estándar.
1.11.2.3. SQL
El SQL es el lenguaje estándar ANSI/ISO de definición, manipulación y control de
bases de datos relacionales. Es un lenguaje declarativo: sólo hay que indicar qué
se quiere hacer. En cambio, en los lenguajes procedimentales es necesario
especificar cómo hay que hacer cualquier acción sobre la base de datos. El SQL es
un lenguaje muy parecido al lenguaje natural; concretamente, se parece al inglés, y
es muy expresivo. Por estas razones, y como lenguaje estándar, el SQL es un
lenguaje con el que se puede acceder a todos los sistemas relacionales.
Empezamos con una breve explicación de la forma en que el SQL ha llegado a ser
el lenguaje estándar de las bases de datos relacionales:
1) Al principio de los años setenta, los laboratorios de investigación Santa Teresa
de IBM empezaron a trabajar en el proyecto System R. El objetivo de este proyecto
era implementar un prototipo de SGBD relacional; por lo tanto, también necesitaban
investigar en el campo de los lenguajes de bases de datos relacionales.
32
lenguaje denominado SEQUEL (Structured English Query Language), que por
razones legales se denominó más adelante SQL (Structured Query Language). Al
final de la década de los setenta y al principio de la de los ochenta, una vez finalizado
el proyecto System R, IBM y otras empresas empezaron a utilizar el SQL en sus
SGBD relacionales, con lo que este lenguaje adquirió una gran popularidad.12
1.11.2.4. MySQL
MySQL es un sistema de gestión de base de datos relacional (RDBMS) de código
abierto, basado en lenguaje de consulta estructurado (SQL).
MySQL se ejecuta en prácticamente todas las plataformas, incluyendo Linux, UNIX
y Windows. A pesar de que se puede utilizar en una amplia gama de aplicaciones,
MySQL se asocia más con las aplicaciones basadas en la web y la publicación en
línea y es un componente importante de una pila empresarial de código abierto
llamado LAMP. LAMP es una plataforma de desarrollo web que utiliza Linux como
sistema operativo, Apache como servidor web, MySQL como sistema de gestión de
base de datos relacional y PHP como lenguaje de programación orientado a objetos
(a veces, Perl o Python se utiliza en lugar de PHP).
MySQL, que fue concebido originalmente por la compañía sueca MySQL AB, fue
adquirida por Oracle en 2008. Los desarrolladores todavía pueden usar MySQL bajo
la Licencia Pública General de GNU (GPL), pero las empresas deben obtener una
licencia comercial de Oracle.13
12
(http://ocw.uoc.edu/computer-science-technology-and-multimedia/bases-de-datos/bases-de-datos/P06_M2109_02149.pdf, s.f.)
33 1.11.2.5. Modelo-Vista-Controlador
Modelo Vista Controlador (MVC) es un estilo 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.
El Modelo que contiene una representación de los datos que maneja el sistema, su
lógica de negocio, y sus mecanismos de persistencia.
La Vista, o interfaz de usuario, que compone la información que se envía al cliente
y los mecanismos interacción con éste.
El Controlador, que actúa como intermediario entre el Modelo y la Vista, gestionando
el flujo de información entre ellos y las transformaciones para adaptar los datos a
las necesidades de cada uno.
Modelo: Acceder a la capa de almacenamiento de datos. Lo ideal es que el modelo sea independiente del sistema de almacenamiento.
Define las reglas de negocio (la funcionalidad del sistema). Un ejemplo de regla
puede ser: "Si la mercancía pedida no está en el almacén, consultar el tiempo de
entrega estándar del proveedor".
Lleva un registro de las vistas y controladores del sistema.
Si estamos ante un modelo activo, notificará a las vistas los cambios que en los
datos pueda producir un agente externo (por ejemplo, un fichero por lotes que
actualiza los datos, un temporizador que desencadena una inserción, etc.).
Controlador: Recibe los eventos de entrada (un clic, un cambio en un campo de texto, etc.).
Contiene reglas de gestión de eventos, del tipo "SI Evento Z, entonces Acción W".
34
peticiones a las vistas puede ser una llamada al método "Actualizar ()". Una petición
al modelo puede ser "Obtener_tiempo_de_entrega ( nueva_orden_de_venta )".
Vista: Recibir datos del modelo y los muestra al usuario.
Tienen un registro de su controlador asociado (normalmente porque además lo
instancia).
Pueden dar el servicio de "Actualización ()", para que sea invocado por el
controlador o por el modelo (cuando es un modelo activo que informa de los cambios
en los datos producidos por otros agentes).14
1.11.2.6. CodeIgniter Framework
CodeIgniter es un framework PHP para la creación rápida de aplicaciones web.
Probablemente ya sepamos que un framework es un programa para desarrollar
otros programas, CodeIgniter, por tanto, es un programa o aplicación web
desarrollada en PHP para la creación de cualquier tipo de aplicación web bajo PHP.
Es un producto de código libre, libre de uso para cualquier aplicación.
Como cualquier otro framework, Codeigniter contiene una serie de librerías que
sirven para el desarrollo de aplicaciones web y además propone una manera de
desarrollarlas que debemos seguir para obtener provecho de la aplicación. Esto es,
marca una manera específica de codificar las páginas web y clasificar sus diferentes
scripts, que sirve para que el código esté organizado y sea más fácil de crear y
mantener. CodeIgniter implementa el proceso de desarrollo llamado Model View
Controller (MVC), que es un estándar de programación de aplicaciones, utilizado
tanto para hacer sitios web como programas tradicionales. Este sistema tiene sus
características, que veremos en artículos siguientes.15
14 (http://si.ua.es/es/documentacion/asp-net-mvc-3/1-dia/modelo-vista-controlador-mvc.html, s.f.)
35 1.11.2.7. Xampp
XAMPP es un servidor independiente de plataforma, software libre, que consiste
principalmente en el sistema de gestión de bases de datos MySQL, el servidor web
Apache y los intérpretes para lenguajes de script: PHP y Perl. El nombre proviene
del acrónimo de X (para cualquiera de los diferentes sistemas operativos), Apache,
MySQL, PHP, Perl.
Características y requisitos.
XAMPP solamente requiere descargar y ejecutar un archivo ZIP, tar , exe o fkl, con
unas pequeñas configuraciones en alguno de sus componentes que el servidor Web
necesitará. XAMPP se actualiza regularmente para incorporar las últimas versiones
de Apache/MySQL/PHP y Perl. También incluye otros módulos como OpenSSL y
phpMyAdmin. Para instalar XAMPP se requiere solamente una pequeña fracción
del tiempo necesario para descargar y configurar los programas por separado.
Puede encontrarse tanto en versión completa, así como en una versión más ligera
que es portátil.
Oficialmente, los diseñadores de XAMPP, fueron los Baiker y Anthony Coorporation
los cuales solo pretendían su uso como una herramienta de desarrollo, para permitir
a los diseñadores de sitios webs y programadores testear su trabajo en sus propios
ordenadores sin ningún acceso a Internet. En la práctica, sin embargo, XAMPP es
utilizado actualmente como servidor de sitios Web, ya que, con algunas
modificaciones, es generalmente lo suficientemente seguro para serlo. Con el
paquete se incluye una herramienta especial para proteger fácilmente las partes
más importantes.16
36 1.11.2.8. JavaScript
JavaScript ® (a menudo acortado a JS ) es una interpretado, lenguaje ligero,
orientado a objetos con funciones de primera clase , más conocido como el lenguaje
de scripts para páginas Web, pero utiliza en muchos no-navegador entornos , así
como Node.js o Apache CouchDB . Es un basado en prototipos , multi-paradigma
de lenguaje de scripting que es dinámico, y soporta estilos de programación
funcional orientado a objetos, imperativo, y. Lea más acerca de JavaScript .
El estándar de JavaScript se denomina ECMAScript . A partir de 2012, todos los
navegadores modernos soportan completamente ECMAScript 5.1. Los
navegadores más antiguos apoyan al menos ECMAScript 3. El 17 de junio de 2015,
se publicó la sexta gran versión de ECMAScript. Esta versión se llama oficialmente
ECMAScript 2015, pero se le conoce comúnmente como ECMAScript 6 o ES6.
Esta sección del sitio está dedicado a la propia Javascript, las partes que no son
específicos de las páginas web u otros entornos host. Para obtener información
sobre las API específica a las páginas Web, consulte las API Web y DOM.17
1.11.2.9. HTML
HTML, siglas de HyperText Markup Language («lenguaje de marcas de
hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas
web. Es un estándar que sirve de referencia para la elaboración de páginas web en
sus diferentes versiones, define una estructura básica y un código (denominado
código HTML) para la definición de contenido de una página web, como texto,
imágenes, videos, entre otros. Es un estándar a cargo de la W3C, organización
dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre
todo en lo referente a su escritura e interpretación.
37
El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir
un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se
incrusta directamente en el código de la página, sino que se hace una referencia a
la ubicación de dicho elemento mediante texto. De este modo, la página web
contiene sólo texto mientras que recae en el navegador web (interpretador del
código) la tarea de unir todos los elementos y visualizar la página final. Al ser un
estándar, HTML busca ser un lenguaje que permita que cualquier página web
escrita en una determinada versión, pueda ser interpretada de la misma forma
(estándar) por cualquier navegador web actualizado.18
1.11.2.10. Ajax
El término AJAX se presentó por primera vez en el artículo "Ajax: A New Approach
to Web Applications" publicado por Jesse James Garrett el 18 de Febrero de 2005.
Hasta ese momento, no existía un término normalizado que hiciera referencia a un
nuevo tipo de aplicación web que estaba apareciendo.
En realidad, el término AJAX es un acrónimo de Asynchronous JavaScript + XML,
que se puede traducir como "JavaScript asíncrono + XML".
Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías
independientes que se unen de formas nuevas y sorprendentes.
Las tecnologías que forman AJAX son:
XHTML y CSS, para crear una presentación basada en estándares.
DOM, para la interacción y manipulación dinámica de la presentación.
XML, XSLT y JSON, para el intercambio y la manipulación de información.
XMLHttpRequest, para el intercambio asíncrono de información.
JavaScript, para unir todas las demás tecnologías.
AJAX permite mejorar completamente la interacción del usuario con la aplicación,
38
evitando las recargas constantes de la página, ya que el intercambio de información
con el servidor se produce en un segundo plano.
Las aplicaciones construidas con AJAX eliminan la recarga constante de páginas
mediante la creación de un elemento intermedio entre el usuario y el servidor. La
nueva capa intermedia de AJAX mejora la respuesta de la aplicación, ya que el
usuario nunca se encuentra con una ventana del navegador vacía esperando la
respuesta del servidor.19
1.11.2.11. CSS
CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o
presentación de los documentos electrónicos definidos con HTML y XHTML. CSS
es la mejor forma de separar los contenidos y su presentación y es imprescindible
para crear páginas web complejas.
Separar la definición de los contenidos y la definición de su aspecto presenta
numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien
definidos y con significado completo (también llamados "documentos semánticos").
Además, mejora la accesibilidad del documento, reduce la complejidad de su
mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos
diferentes.
1.11.3. Marco metodológico
La metodología que se va a implementar para el desarrollo de la aplicación es la metodología RUP.
39
20La metodología se desarrollara según las siguientes fases:
Etapas se definirán los principales procesos que se van a realizar, para lo cual se del sistema de inventarios utilizar en los procesos de glosario de términos
Requerimientos En esta etapa
se definirán los requerimientos de ambiente virtual, para lo cual se realizaron el listado inicial de casos de usos, virtual, para lo cual se
20JACOBSON, Ivar; BOOCH El Proceso Unificado de Desarrollo de Software, Braude Eric J. Ingeniería de Software una
40
realizaron, diagramas de secuencia, colaboración y de actividad por cada caso de
- lista inicial de clases virtual, para lo cual se el modelo físico y el diccionario de datos.
Implementació n
41 las pruebas de integración y de sistema de
42
1.11.3.1. Etapas para la creación de una página web
Etapa 1: Recopilación y Aprendizaje
La primera etapa en la creación de un sitio web consiste en recopilar la mayor
cantidad de información posible para conocer lo que quiere (y lo que no quiere) para
su sitio. Puede recopilar esta información observando los sitios que usa
actualmente, los sitios de sus competidores y los comentarios de sus amigos y
colegas.
Como muchas empresas, puede optar por contratar los servicios de un diseñador
web experto para crear su sitio. Esté preparado para responder a las preguntas del
caso, ya que estas son necesarias para el armado de un "informe creativo". El
"informe creativo" funcionará como guía o referencia para la creación del sitio.
Independientemente de si contrata o no a una empresa de diseño, debe conocer las
respuestas a las siguientes preguntas:
Etapa 2: Planificación
La información recopilada en la etapa 1 lo ayudará enormemente a la hora de
planificar su sitio. Ahora se deben llevar a cabo las siguientes tareas:
Creación del mapa del sitio: Haga una lista de todas las áreas temáticas del sitio, así como los subtemas, para desarrollar un sistema de
navegación homogéneo y fácil de entender.
Decisión sobre las tecnologías requeridas: Determine lo que necesitará para sus formularios interactivos, aplicaciones flash o sistemas de gestión
de contenidos (CMS).
43
considerar la implementación de un diseño web adaptable. Este enfoque
permite que los sitios se ajusten perfectamente a cualquier pantalla, como
la de un equipo de escritorio, tableta o teléfono inteligente.
Etapa 3: Diseño
Si ya definió todos los temas vistos en las etapas 1 y 2, el diseño de la página de
inicio y de las subpáginas posteriores será sencillo. Por ejemplo, establecer si su
público objetivo son las mujeres solteras, de clase media, de entre 18 y 24 años y
con estudios universitarios o los hombres casados, de clase alta, de entre 65 a 80
años y jubilados influye enormemente en los elementos de diseño y las aplicaciones
que se usarán.
Ver el diseño de las páginas con contenidos y fotografías reales, su logotipo y el
esquema de colores elegido, le darán vida a su visión para el sitio. ¡Aproveche esta
etapa para hacer los cambios necesarios! Si está trabajando con diseñadores
expertos, ellos le darán bocetos o prototipos en distintas etapas del proceso para
que pueda hacer comentarios.
Etapa 4: Desarrollo
Una vez que el diseño está finalizado y aprobado es posible crear el sitio web. Su
diseñador/desarrollador tomará todos los elementos gráficos del prototipo y los
utilizará para crear un sitio funcional. También se implementarán en esta etapa los
elementos interactivos, como por ejemplo los formularios de contacto, las
animaciones flash y los carritos de compras.
44
Etapa 5: Pruebas, Entrega y Lanzamiento
Su desarrollador web pondrá a prueba el sitio web, verificando desde su correcta
operación hasta posibles problemas de compatibilidad. Además, el desarrollador
verificará que todo el código de su sitio web sea válido, cumpliendo con los
estándares web actuales.
Una vez aprobado definitivamente, se cargarán los archivos del sitio web a sus
servidores y se inaugurará el sitio.
Etapa 6: Mantenimiento
Ahora que finalmente está construido el sitio, es igual de importante mantenerlo. En
la etapa de planificación de este proceso, decidió si quería encargarse del
mantenimiento del sitio o prefería contratar a un tercero (como su diseñador web)
para que lo haga. Si prefirió que todo quedara bajo su control, el diseñador
generalmente opta por un diseño con CMS para permitirle editar el contenido de su
sitio y agregar páginas nuevas.
El desarrollo de su sitio web no termina el día del lanzamiento. Al igual que en un
edificio, es necesario tomar ciertas medidas para garantizar que el sitio opere en
45 1.12. CRONOGRAMA DE ACTIVIDADES
46
2. FASE DE REQUERIMIENTOS
En esta fase del proyecto se identificaron los riesgos más significativos y
considerados que influyen dentro de la arquitectura, también se obtuvo un
entendimiento más detallado de los requerimientos y requisitos, además de que se
establece, se implementa y se valida la línea base de la arquitectura.
2.1. IDENTIFICACIÓN DE LA INFORMACIÓN
Para el proceso de identificación de la información, fue necesario realizar una
entrevista, como técnica de levantamiento de requerimientos y requisitos, que
dieron el entendimiento sobre el problema a tratar en el colegio José Manuel
Restrepo IED. Esta entrevista se realizó al rector Carlos Parra Rivera y a las
docentes del área de inglés, con el fin de conocer más a fondo los procesos que
llevan dentro de la institución a nivel administrativo y académico.
2.1.1. Entrevista
Con las entrevistas realizadas se pudo llegar a las siguientes conclusiones:
* Actualmente los entes de la institución notifican o informan a los padres de familia
el avance de sus hijos a través de citaciones enviadas para reuniones informativas,
este método no garantiza la que la información enviada a los padres de familia sea
dada de manera correcta.
* Actualmente el colegio no posee información accesible al público en general que
esté interesado en los servicios que ofrece la institución, o en conocer su plan
47
* Actualmente dentro del colegio hace falta un medio para la divulgación de la
información y participación de los estudiantes, administrativos, docentes,
exalumnos, vecinos y comunidad local.
* El sistema de elecciones estudiantiles que se maneja actualmente en la institución
es a través de formularios físicos que hacen más tediosos los procesos de conteo
de votos, y dificulta realizar las estadísticas de los participantes en el proceso
electoral.
* Actualmente los estudiantes no tienen fácil acceso a información de los docentes
que les dictan clase y los docentes también no tienen fácil acceso a información
sobre el avance y asistencia de sus estudiantes en sus clases.
* Actualmente los docentes de la institución desarrollan sus clases mediante
cátedras presenciales y una que otra ayuda virtual como diapositivas o videos, pero
estos materiales educativos solo se ofrecen a los estudiantes en el aula de clase en
horas específicas.
2.2. REQUERIMIENTOS
2.2.1. Requerimientos Funcionales 2.2.1.1. Página web
Administrador:
Administración de cuentas multi-usuario.
El usuario administrador ingresa al sitio de “Administración del sistema” mediante
la debida autenticación. Una vez en el sitio podrá crear una nueva cuenta para un
usuario, donde deberá ingresar los datos personales de este: Identificación
personal (cedula, Tarjeta de identidad, Registro civil), Nombre, apellido, correo
electrónico, contraseña, usuario (rol).
Asimismo, podrá editar los datos de los usuarios y eliminar una cuenta creada si es
48
El administrador una vez creada la cuenta, envía un correo al estudiante o profesor
comunicándole que su cuenta está activa y que ya puede hacer uso del módulo de
información personal mediante los datos de usuario y contraseña que el
administrador registró cuando se creó su cuenta.
Gestión de categorías.
El administrador, una vez dentro del sitio, podrá editar los componentes de cada categoría de información existente. Deberá seleccionar la opción de “gestionar página web” donde se mostrara una réplica de la interfaz de la página con la opción
editable, una vez completada la actualización podrá guardar los cambios realizados en la categoría. Además, mediante la opción de “nuevo”, podrá ingresar nuevos
componentes a la categoría elegida. En ambos casos el sistema modificará la
información que se encuentra registrada en la base de datos de la página web del
colegio.
Gestión de Accesorios.
El administrador podrá habilitar y deshabilitar el módulo de elecciones estudiantiles.
Una vez habilitado el modulo el administrador podrá editar las opciones de
candidatos postulados, al finalizar el proceso de elecciones el administrador podrá
obtener un informe de resultados obtenidos en dicho proceso donde la aplicación
mostrara un listado de los candidatos postulados y los votos obtenidos por nivel
académico. En cuanto a la emisora web, el administrador de la emisora tendrá que
conectarse con un servidor específico para poder transmitir la reproducción de
49
Módulo de Elección Estudiantil:
- Cálculo del proceso de elecciones:
El usuario ingresa al sitio de elecciones, selecciona su candidato preferido y
termina. Cada selección implicara una suma de votos la cual se visualizara
cuando el administrador solicite el resultado final de elecciones.
Creación de emisora web:
El administrador de la emisora web se conectara mediante un reproductor
local instalado en un computador del colegio, y podrá gestionar todo el
contenido (programas, noticias, anuncios etc.) de la emisora en tiempo real.
Profesor.
Acceso a módulo de información personal.
El usuario profesor ingresa al módulo de información personal mediante la debida
autenticación. Una vez en el sitio podrá consultar su información personal (Nombre
y apellidos, documento de identidad, correo, Teléfono o celular, sexo), su horario
académico (año actual), listado notas académicas de sus estudiantes por periodo
dependiendo de la selección de un curso en específico.
Estudiante.
Acceso a módulo de información personal.
El usuario estudiante ingresa al módulo de información personal mediante la debida
autenticación. Una vez en el sitio podrá consultar su información personal (Nombre
y apellidos, código (documento de identidad), correo electrónico, teléfono o celular,
sexo, fecha de nacimiento, tipo de sangre, grado documento de identidad de su
