“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ópezDIRECTOR : Ing. Raúl CórdovaCO-DIRECTOR : Ing. Paulo Guerra 2012

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

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.

OBJETIVOS

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

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

DESARROLLO

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.

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.

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. 

HERRAMIENTAS UTILIZADAS

MySQL

JOOMLA

ECLIPSE

XAMPP

PHP

StarUML

HTML

LENGUAJES UTILIZADOS

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.

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

banco de trabajo soporta la estructura y presenta una

interfaz de usuario

interfaz gráfico que simplifica tareas de

programación

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

proporciona ayuda en la documentación

es la unidad mínima de funcionalidad de

Eclipse

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.

HERRAMIENTA DE DISEÑO

StarUML

StarUML es una herramienta para el modelamiento de software basado en los estándares UML (Unified Modeling Language) y MDA (Model Driven Arquitecture), 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.

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.

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.

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.

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.

DEFINICIÓN DE LA METODOLOGÍA UWE

FASES DE LA METODOLOGÍA UWE

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

DIAGRAMAS DE UWE - UML

Diagramas Estáticos

Diagramas Estáticos

Diagramas de ActividadDiagramas

de ActividadDiagramas de EstadosDiagramas de Estados

Diagramas de

Colaboración

Diagramas de

Colaboración

Diagramas de

Secuencia

Diagramas de

Secuencia

Diagramas de

Interacción

Diagramas de

Interacción

Diagramas de

Despliegue

Diagramas de

Despliegue

Diagramas de

Componentes

Diagramas de

Componentes

Diagramas de ObjetosDiagramas de Objetos

Diagramas de Clases

Diagramas de Clases

Diagramas de Casos de

Uso

Diagramas de Casos de

Uso

Diagramas DinámicosDiagramas Dinámicos

Diagramas Diagramas

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

DISEÑO DEL SISTEMA

Actor Descripción ActividadesUsuario Administrador

Este usuario tiene acceso a todos los módulos del sistema y del sitio, es quien actualiza, modifica y a través del módulo de seguridades podrá administrar usuarios y sus accesos.

Ingresa al sitio web. Accede al menú principal a través de su clave de usuario administrador. Accede al link de seguridades. Registra, actualiza, modifica, busca o elimina usuarios. Configura niveles de perfiles. Configura cambios de contraseñas.Accede al link de administración. Registra, actualiza, modifica, busca o elimina información.Registra, actualiza, modifica, busca o elimina docentes.Registra, actualiza, modifica, busca o elimina estudiantes.Registra, actualiza, modifica, busca o elimina notas.Registra, actualiza, modifica, busca o elimina materias.Registra, actualiza, modifica, busca o elimina inasistencia.Registra, actualiza, modifica, busca o elimina correos electrónicos. Acceder al link sitio del estudianteVisualizar detalles de información y notas.Accede al link de reportes. Imprime reportes.

DIAGRAMAS DE CASOS DE USOS

Y DE PAQUETES

DIAGRAMA CONCEPTUAL

DISEÑO DE NAVEGACIÓN

DISEÑO DE PRESENTACIÓN

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.

INGRESO AL SITIO WEB

Hipervínculo a la Aplicación

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.

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.

GRACIAS