TRABAJO DE GRADO

1. “DESARROLLO DE UN SITIO WEB QUE INTEGRA SERVICIOS ACADÉMICOS PARA LA ESCUELA FISCAL MIXTA REFINERÍA DE LA CIUDAD Y PROVINCIA DE ESMERALDAS” TRABAJO DE GRADO TEMA: AUTOR : Cristina García López DIRECTOR : Ing. Raúl Córdova CO-DIRECTOR : Ing. Paulo Guerra 2012

2. AGENDA • ANTECEDENTES • OBJETIVOS • ALCANCE • DESARROLLO • DESCRIPCIÓN DE LA ESCUELA REFINERÍA • HERRAMIENTAS UTILIZADAS • DEFINICIÓN DE LA METODOLOGÍA • ANÁLISIS DEL SISTEMA • DISEÑO DEL SISTEMA • DIAGRAMAS ELABORADOS • CONSTRUCCIÓN DEL SISTEMA • INGRESO Y NAVEGACIÓN EN EL SITIO WEB • CONCLUSIONES • RECOMENDACIONES

3. ANTECEDENTES • La Escuela Fiscal Mixta Refinería por más de 3 décadas se ha configurado un plantel con sus propias características,valores, alto grado de rendimiento escolar y prestigio en la comunidad. • El desarrollo gigantesco de la ciencia y la tecnología impone un alto volumen de información a procesar para enfrentar correctamente los procesos educativos. El desconocimiento de tecnologías de mejoramiento y de calidad de comunicación hace que exista problemas a la hora de obtener información oportuna y comunicación, ocasionando incomodidad en los miembros de la comunidad educativa; pero actualmente la herramienta como el internet brinda una alta gama de servicios donde se puede publicar y explorar información, optimizando tiempo y recursos en las instituciones.

4. OBJETIVOS GENERAL Desarrollar una aplicación web que permita informar de las actividades escolares, llevar el control de los avances escolares, acorde con las necesidades y requerimientos de las autoridades de la Institución, garantizando la confiabilidad, seguridad e integridad de los datos. ESPECÍFICOS • Analizar información del proceso manual del control de avances académicos de los estudiantes que realizan los docentes. • Diseñar el sistema web de que permita una fácil manipulación y publicación de información y acceso a los servicios de la institución. • Indagar herramientas de desarrollo de aplicación web y de gestión de base de datos para seleccionar la mejor para este proyecto. • Construir la aplicación de acuerdo al análisis de requisitos siguiendo las fases de una metodología para el desarrollo de sistemas. • Determinar una técnica eficaz segura para el respaldo y seguridad de la información.

5. ALCANCE El sistema a desarrollar está delimitado para su navegación en la sección informativa de la aplicación a: • Web institucional. • Acceso al sistema. • Administración de contenidos. Los involucrados para esta aplicación son: • Director • Docente • Estudiantes • Padres de Familia

6. DESARROLLO

7. Descripción de la Escuela Refinería “La Escuela Fiscal Mixta Refinería está ubicada en la parte sur de la ciudad de Esmeraldas, en la ciudadela Petroindustrial. Fue creada el 2 de Mayo de 1977 y el inicio de clases el 25 de Mayo del mismo año. Inicia sus labores con 39 estudiantes, una Directora, 3 Docentes y una Auxiliar de servicios; con el pasar de los años fue incrementando su personal, infraestructura y estudiantes, actualmente es un plantel con 30 Docentes, 3 auxiliares y 730 Estudiantes, son el servicio de una biblioteca, centro de cómputo, profesores de materias especiales y el DOBE. Es un plantel educativo con características positivas, obteniendo triunfos en cada año lectivo, dando satisfacciones a maestros, estudiantes y padres de familia, por lo que continúa dando educación de calidad y calidez en el presente y proyectando hacia el futuro, es decir preparando niños y niñas para la vida.

8. Misión y Visión Institucional Misión • Permite a los niños y niñas insertarse a la integridad moral y pensamiento crítico, capaces de interactuar con la realidad, y se conviertan en entes útiles para su desarrollo y el de la sociedad. Visión • Formación de un estudiante con una sólida preparación teórica, práctica y con potencialidades suficientes para desenvolverse dentro de la sociedad.

9. Objetivo Institucional Alcanzar una formación integral del educando a través del desarrollo de destrezas, valores, capacidades: cognitivas, socio-afectivas, psicomotrices, educación ambiental, el mejoramiento de su infraestructura y equipamiento para entregar a la sociedad, niños/as con capacidad de enfrentar los retos del mundo contemporáneo y proyectarse inteligentemente al nuevo milenio.

10. HERRAMIENTAS UTILIZADAS ECLIPSE MySQL XAMPP StarUML JOOMLA LENGUAJES UTILIZADOS HTML PHP

11. BASE DE DATOS MYSQL Hoy en día es uno de los más importantes en lo que es el diseño y programación de base de datos de tipo relacional, permite recurrir a bases de datos multiusuario a través de la web y en diferentes lenguajes de programación que se adaptan a diferentes necesidades y requerimientos. Ventajas • Es multihilo. • Seguridad en los datos. • Su distribución es bajo la licencia GPL. • Fácil instalación y configuración. Desventajas • Lento con grandes bases de datos.

12. HERRAMIENTA DE DESARROLLO ECLIPSE La plataforma Eclipse es una herramienta universal, un IDE de código abierto y extensible, es una potente y completa plataforma de programación, desarrollo y compilación de elementos tan variados como sitios web, programas en C++, PHP o aplicaciones Java. Inicio de Eclipse, ejecución de plugins proporciona ayuda en la documentación banco de trabajo soporta la estructura y presenta una interfaz de usuario interfaz gráfico que simplifica tareas de programación es la unidad mínima de funcionalidad de Eclipse conjunto de librerías gráficas integradas espacio de trabajo que contiene varios proyectos y alberga archivos que son creados y manipulados por el usuario. repositorio al cual pueden acceder otros desarrolladores

13. SERVIDOR WEB XAMP Servidor independiente de plataforma, basado en software libre bajo la licencia GNU, el cual está compuesto por una base de datos, un servidor web y un intérprete de lenguaje. Fue desarrollado por la organización Apache Friends. Su nombre proviene de: X por multiplataforma, A por Apache, M por MySQL y P por PHP o Perl. XAMP actúa como servidor libre, fácil de utilizar y capaz de interpretar páginas dinámicas. Es una aplicación multiplataforma que permite montar un servidor web en nuestra computadora fácilmente; como tal es un paquete de aplicaciones.

14. HERRAMIENTA DE DISEÑO StarUML StarUML es una herramienta para el modelamiento de software basado en los estándares UML (UnifiedModelingLanguage) y MDA (ModelDrivenArquitecture), de licencia abierta GNU/GPL. Posee soporte completo al diseño UML mediante el uso de los diferentes diagramas. La capacidad de generar código a partir de los diagramas y viceversa.

15. GESTOR DE CONTENIDO JOOMLA Manejador de contenidos de código abierto construido en base a PHP bajo la licencia GPL, es utilizado para publicar sitios web utilizando la base de datos MySQL. Su nombre tiene un significado muy especial que es: “todos juntos” o “como un todo”. Las características que presenta son: • Cache de páginas para mejorar el rendimiento. • Indexamiento web. • Vista de impresión de las páginas. • Foros. • Encuestas. • Búsquedas. • Calendarios. • Flash con noticias.

16. LENGUAJE DE PROGRAMACIÓN PHP PHP (Hipertext Pre-Processor) es un lenguaje basado en scripts que fue diseñado originalmente para desarrollar páginas web dinámicas. PHP es gratuito y provee el código completo para que los usuarios puedan construir, personalizar y extender a medida de sus necesidades. Tiene la capacidad de conexión con la mayoría de los motores de base de datos que se utilizan en la actualidad, destaca su conectividad con MySQL.

17. LENGUAJE DE MARCADO HTML El Lenguaje de Marcado de Hipertexto, sirve para la elaboración de páginas web, el mismo que describe la estructura y el contenido en forma de texto. Es definido por el Estándar de Lenguaje de Marcado Generalizado . El objetivo es presentar información estática. Posee ventajas como las siguientes: • Es muy simple y sencillo de aprender y usar. • No requiere herramientas especiales. • Está muy difundido.

18. DEFINICIÓN DE LA METODOLOGÍA UWE Ingeniería Web Basada en UML (UML-based Web Engineering) es un método sistemático, prescriptivo, enfocado en el usuario, basado en UML, iterativo e incremental. Presenta modelos de diseño que se ajustan al diseño de sitio web. FASES DE LA METODOLOGÍA UWE

19. ARQUITECTURA DE LA FASE DE ELABORACIÓN DE LA METODOLOGÍA UWE

20. Diagramas Diagramas Estáticos Diagramas Dinámicos Diagramas de Interacción Diagramas de Colaboración Diagramas de Casos de Uso Diagramas de Clases Diagramas de Objetos Diagramas de Secuencia Diagramas de Componentes Diagramas de Estados Diagramas de Actividad Diagramas de Despliegue DIAGRAMAS DE UWE - UML

21. ANÁLISIS DE SISTEMA • ERS, bajo el estándar de la Norma IEEE 830 • Propósito: Definir parámetros en diseño gráfico y funcionalidad del sitio web. • Alcance: Visualización datos para estudiantes, docentes, director, padres de familia. • DESCRIPCIÓN GENERAL DEL PRODUCTO • Perspectiva del producto: Automatizar el proceso de registro y visualización de información. • Interfaces • Hardware: Se requiere de un servidor web y una base de datos. • Software: Se emplearon diferentes herramientas de desarrollo. • Usuarios: Un pilar fundamental es el diseño gráfico. • REQUISITOS ESPECÍFICOS • Funcionales • No funcionales • FUNCIONES DEL PRODUCTO • Características del usuario • Restricciones del sitio • Funciones de autoría • Funciones de control

22. DISEÑO DEL SISTEMA

23. DIAGRAMAS DE CASOS DE USOSY DE PAQUETES

30. DIAGRAMA CONCEPTUAL

31. DISEÑO DE NAVEGACIÓN

33. DISEÑO DE PRESENTACIÓN

38. CONSTRUCCIÓN DEL SISTEMA • Instalación del Servidor Web. • Instalación del servidor Xampp. • Configuración de la BD – MySQL. • Implementación del componente de información del Portal Web. • Adquisición del dominio y hosting. • Instalación de la plantilla. • Instalación de componentes y módulos. • Edición de la plantilla con imágenes y texto. • Implementación del componente transaccional del Portal Web.

39. INGRESO AL SITIO WEB Hipervínculo a la Aplicación

40. Conclusiones • El análisis de requerimientos funcionales y no funcionales de un sistema es muy importante ya que conforma la base para el desarrollo de una aplicación. • Se diseñó e implementó el sistema de servicios académicos al sitio web, en base a las necesidades indicadas en la especificación de requerimientos. • Todos los diagramas obtenidos en el proceso de análisis de requerimientos y de diseño permitieron un desarrollo óptimo y claro del software. • Es indispensable hacer pruebas sobre el aplicativo ya que se conocen las falencias y son corregidos a tiempo, evitando posibles errores al momento de manejar información real. • La técnica de respaldo de información en la base de datos es el backup, el cual mantiene una copia de la información ingresada en caso de pérdida; así mismo los datos están altamente seguros y confiables.

41. Recomendaciones • Difundir información al personal docente, estudiantil y padres de familia de la Escuela “Refinería” y demás usuarios, con la finalidad de conseguir un mejor posicionamiento entre la demás Instituciones Educativas de la provincia de Esmeraldas. • Mantener al día la información publicada en el sitio web, a fin de dar a conocer al público visitante las últimas novedades que existen en la Escuela. • Difundir políticas de acceso y permisos de usuario al sistema, con la finalidad de garantizar la integridad y confiabilidad de la información. • Realizar un estudio y análisis antes de utilizar metodologías de software, para así escoger la mejor y trabajar con la que mejor se adapte y los beneficios que esta ofrece y con la finalidad que se requiere.

42. GRACIAS