Está en la página 1de 20

ESCUELA SUPERIOR POLITÉCNICA DE CHIMBORAZO

FACULTAD DE INFORMÁTICA Y ELECTRÓNICA

Anteproyecto de
TRABAJO DE GRADO
Título
“DESARROLLO

DE UN SISTEMA INFORMÁTICO PARA LA DISTRIBUCIÓN
DE CARGA HORARIA Y ESPACIO FÍSICO ASIGNADO A DOCENTES Y
ESTUDIANTES DE LA ESPOCH”

Presentado por:

Alex Salvador Tipán López
Dario Eugenio Garcia Gaibor

Director de Tesis:

Jorge Ernesto Huilca Palacios

Escuela:

Ingeniería en Sistemas

Tipo de Trabajo de Titulación:

Práctico, Investigativo

Fecha de presentación del anteproyecto:
Para uso del Vicedecanato:
APROBADO:

(

)

RECHAZADO:

(

)

PRIMERA MATRÍCULA:

(

)

SEGUNDA MATRICULA:

(

)

CULMINADO:

(

)

1.

TITULO DEL ANTEPROYECTO DEL TRABAJO DE GRADO
DESARROLLO DE UN SISTEMA INFORMÁTICO PARA LA DISTRIBUCIÓN DE CARGA
HORARIA Y ESPACIO FÍSICO ASIGNADO A DOCENTES Y ESTUDIANTES DE LA
ESPOCH.

2.

INFORMACIÓN GENERAL

2.1.

PROPONENTES:
NOMBRE: Alex Salvador Tipán López
CEDULA: 1600539751
CÓDIGO: 5712
E-MAIL: alex_stl3@hotmail.com
ESCUELA: Ingeniería en Sistemas
CARRERA: Ingeniería en Sistemas
NOMBRE: Dario Eugenio Garcia Gaibor
CEDULA: 2100555966
CÓDIGO: 5178
E-MAIL: dariogarcia1991@hotmail.com
ESCUELA: Ingeniería en Sistemas
CARRERA: Ingeniería en Sistemas

2.2.

DIRECTOR DEL TRABAJO DE TITULACIÓN:
NOMBRE: Jorge Ernesto Huilca Palacios
CEDULA: 0602613200
E-MAIL: jhuilca@espoch.edu.ec
jhuilca@gmail.com

2.3.

EMPRESA / INSTITUCIÓN DONDE SE APLICARÁ EL TRABAJO:
NOMBRE: ESCUELA SUPERIOR POLITECNICA DE CHIMBORAZO “ESPOCH”
DIRECCIÓN: Panamericana Sur km 1 1/2, Riobamba - Ecuador

2.4.

ALINEACIÓN DEL TRABAJO DE TITULACIÓN

Objetivo (s) / Política (s) del Plan
Nacional de Buen Vivir:

Área de Investigación ESPOCH:
Línea(s) de Investigación ESPOCH:
Programa de Investigación ESPOCH.

Línea de Investigación de la Carrera:

Objetivo 4.
Fortalecer las capacidades y potencialidades de la
ciudadanía.
Políticas
4.4. a Fortalecer estándares de calidad.
4.4.b. Establecer mecanismos de apoyo y seguimiento a la
gestión de las instituciones
Ciencias Tecnológicas.
Tecnologías de la Información, comunicación, procesos
industriales y biotecnológicos.
Programa para el desarrollo de aplicaciones de software
para procesos de gestión y administración pública y
privada.
Educación.
Programa para el desarrollo de aplicaciones de software

Ya que es necesario realizar cada semestre una planificación de la carga horaria de las escuelas. que consiste en asignar a los profesores las asignaturas que van a dictar en el siguiente período académico y el horario de clases que van a tener que cumplir.espoch. [1] . intentando siempre cubrir las necesidades del curso. FORMULACIÓN GENERAL DEL PROYECTO DEL TRABAJO DE GRADO 3. Educación. los directores de las escuelas son los encargados de realizar dicha distribución de aulas. cada grupo de estudiantes tiene asignada un aula específica para recibir sus clases. quienes son los encargados de generar el horario de clases.para procesos de gestión privada. talleres y lugares autorizados por el (la) decano(a) de la facultad. Además. coordinador(a) de Extensiones o director(a) de centros de apoyo Académico. Los espacios físicos para el desarrollo de las asignaturas en la ESPOCH en clases y evaluaciones se impartirán en las aulas físicas. Tabla 1: Alineación del trabajo de investigación Fuente: www.ec y administración pública y 3. asignando a cada curso las asignaturas que según la malla curricular tienen que cubrir los estudiantes matriculados en dicho curso. Esta asignación es realizada en función del número de estudiantes del curso y del número de pupitres disponibles. para cada grupo de estudiantes se tiene que asignar el aula que van a utilizar y el o los laboratorios que necesitarán dependiendo de las asignaturas y de la necesidad del profesor que la imparta. igualmente evitando el cruce de horarios de los profesores y la optimización del uso de los laboratorios.1 PLANTEMIENTO DEL PROBLEMA / ANTECEDENTES En la Escuela Superior Politécnica de Chimborazo se puede crear un proceso automatizado que evite los cruces de horarios y mejore la distribución de espacios físicos para docentes y estudiantes. Esta tarea está a cargo de los directores de cada escuela. facilitando el acceso a esta información. Dichos puestos de trabajo son asignados igualmente por los directores de escuela en coordinación y aprobación del decanato y el vicedecanato de su facultad. así como las aulas y laboratorios que van a utilizar. es decir deben revisar el número de equipos y de estudiantes que van a hacer uso del inmobiliario. los directores tienen que ponerse de acuerdo entre ellos para manejar las jornadas de clases de tal manera que no existan cruces en los horarios que manejan los profesores. Los directores deben coordinar con los técnicos informáticos de su facultad la asignación de los laboratorios para los cursos en las asignaturas que requieren el uso de los equipos. Como existen profesores que tienen asignada carga horaria en más de una escuela de su Facultad. Nuevamente.es. en este espacio de trabajo de los estudiantes.gob.buenvivir.edu. www. Así mismo. Cada profesor de la ESPOCH tiene asignado además un puesto de trabajo en una de las salas de profesores que hay en los edificios y en la cual tiene que permanecer un tiempo específico para cumplir sus actividades adicionales a las de impartición de clases. laboratorios.

[4] PostgreSQL hace una de las bases de datos más potentes y robustas del mercado.[5] . [2] Las horas de dedicación de los docentes se sujetarán al horario de trabajo de la unidad académica. robustez. de conformidad a las unidades académicas planificarán la distribución académica del docente de la siguiente manera.CLASE DE (4 a 24 horas clase hasta cuatro asignaturas). de manera declarativa. El objetivo es producir un HTML altamente semántico. facilidad de administración e implementación de estándares han sido las características que más se han tenido en cuenta durante su desarrollo.22 Horas Clase 2 asignaturas ------------. que cuando lo leas entiendas de manera clara qué es lo que hace o para qué sirve cada cosa. es decir. PostgreSQL funciona muy bien con grandes cantidades de datos y una alta concurrencia de usuarios accediendo a la vez a el sistema.8 Horas Clase c) DOCENTES CONTRATADOS HORAS .1 JUSTIFICACIÓN TEÓRICA AngularJS es Javascript.16 . [2] a) DOCENTES A TIEMPO COMPLETO 1 asignatura ------------.2.8 . [2] c) Docentes contratados horas – clase. obligatoriamente distribuidas en los cinco días laborables de la semana. Su desarrollo comenzó hace más de 16 años.6 . potencia.18 . estabilidad. realizado en Javascript que contiene un conjunto de librerías útiles para el desarrollo de aplicaciones web y propone una serie de patrones de diseño para llevarlas a cabo y permite producir un HTML que.20 Horas Clase 3 a 4 asignaturas ------------. [2] 3.La distribución de carga horaria en la ESPOCH se contempla de la siguiente manera: a) Los docentes a tiempo completo con nombramiento.[2] b) Los docentes a tiempo parcial con nombramiento. genere aplicaciones que sean fáciles de entender incluso para alguien que no tiene conocimientos profundos de informática. tendrán una dedicación efectiva de 30 horas semanales.20 . y durante este tiempo. Es un proyecto de código abierto. [3] NodeJs es un intérprete Javascript del lado del servidor que cambia la noción de cómo debería trabajar un servidor. tendrán una dedicación efectiva de 10 horas semanal. Su meta es permitir a un programador construir aplicaciones altamente escalables y escribir código que maneje decenas de miles de conexiones simultáneas en una sólo una máquina física. [2] d) Los docentes con funciones directivas tendrán una dedicación exclusiva.10 Horas Clase 2 asignaturas ------------.2 JUSTIFICACIÓN DEL TRABAJO DE GRADO 3.18 Horas Clase b) DOCENTES A TIEMPO PARCIAL 1 asignatura ------------.

2. el proyecto a desarrollar tendrá las siguientes características. mientras Mozilla indica que llevan utilizándolo por un buen tiempo. sino que va mucho más allá. Yahoo y Mozilla indican como utilizan Node. “Concretamente nos decidimos por Node debido a dos razones: El bajo consumo de memoria. Aunque aún está en proceso de estandarizado y le queda un largo camino por recorrer. En el 2010 Yahoo inicia el desarrollo de aplicaciones con Node.[6] Representantes de Google. Es decir. El HTML le dice al navegador como se estructura el documento mientras que el CSS le dice cómo debe renderizarlo. pero cuando encontraron a Node dice que “Nuestros desarrolladores lo usaban para la carga de archivos”. el acceso a esta aplicación estará disponible solo en la intranet de la ESPOCH. poseerá políticas de seguridad basada en tipos de usuarios. al finalizar la fase de desarrollo se realizará unas pruebas con los datos de la Escuela de Ingeniería en Sistemas para finalmente cumplir con la fase de presentación de resultados.js. De acuerdo a los aspectos considerados. creado con herramientas de distribución libre sin costo de licencia. laboratorios.[7] CSS3 añade muchas capacidades nuevas a la especificación anterior. este proyecto no contempla el desarrollo de una aplicación móvil así como tampoco la implantación del mismo en la ESPOCH. accesible. y la segunda razón es las capacidades de criptografía con JavaScript”. Con esto en mente dedicaron invertir más tiempo con esta tecnología y la usaron por más de 12 meses en nuevos. [8] 3. sino una agrupación de diversas especificaciones concernientes al desarrollo web. Este trabajo de grado tiene como objetivo desarrollar un sistema informático.HTML5 es una nueva versión del lenguaje de marcación HTML. aulas. De aquí que Google ve la necesidad de uso de Nodejs y AngularJS. multiplataforma. sala de tutorías para docentes y estudiantes respectivamente. Esto entra en contraste con HTML que es un lenguaje que define la estructura de un documento para su distribución por la web. HTML 5 no se limita sólo a crear nuevas etiquetas. ya se ha hecho un hueco al lado de HTML5 y supone uno de los mayores adelantos en el diseño web actual.2 JUSTIFICACIÓN APLICATIVA La Escuela Superior Politécnica de Chimborazo no posee un proceso automatizado para la distribución de carga horaria. Bruno Fernández vicepresidente de plataformas indica que estuvieron buscando la forma de ejecutar JavaScript en el servidor y hace referencia a su tecnología YQL. . al igual que google ha desarrollado muchas aplicaciones que usan JavaScript. un claro ejemplo es Gmail con 450000 líneas de código en JavaScript. será orientado a la web. con la ayuda del servicio de internet.[6] CSS es un lenguaje (no un lenguaje de programación) utilizado para especificar el aspecto de una página web para diferentes dispositivos.js. usable que brinde las facilidades requeridas para el acceso a la información de la ubicación y horarios de clase asignados a través de un navegador web. atributos y eliminar aquellas marcas que están en desuso o se utilizan inadecuadamente.

aulas. modificación y eliminación de los datos del docente. MÓDULO DE VICEDECANO: Permitirá el registro. materia. . consulta. laboratorios. sala de profesores. Dario Garcia Módulos contemplados en el sistema: MÓDULO DE ADMINISTRADOR: Realizará una supervisión y administración de la información generada en todo el sistema así como también la asignación de usuarios a los módulos de autoridades y creación de los periodos académicos. cursos de su respectiva facultad.Figura 1: Estructura del Sistema Informático Fuente: Alex Tipán.

3. en lo que se llaman Modelos. Investigar conceptos. Nota: Los usuarios de estos módulos podrá acceder a través de su número de cedula en el caso que no decida modificar su usuario y contraseña. acotadas por su responsabilidad. [9]. donde se potencie la facilidad de mantenimiento. Desarrollar el Sistema informático basados en la metodología ágil SCRUM que faciliten los procesos de distribución de carga horaria. aula y su sala de tutorías asignados en función de sus asignaturas. Surge de la necesidad de crear software más robusto con un ciclo de vida más adecuado. 3. Views & Controllers. 3.MÓDULO DE DIRECTOR.1 OBJETIVOS GENERALES Desarrollar un sistema informático para la distribución de carga horaria y espacio físico asignado a docentes y estudiantes de la ESPOCH.Permitirá la consulta de la carga horaria. una materia y un aula o laboratorio en una hora y día especifico.. un curso.Permitirá la consulta de la carga horaria. así como las ventajas de ponerlos en marcha cuando desarrollamos. o lo que es lo mismo. si lo prefieres en inglés. NodeJs para el diseño y desarrollo del sistema informático en la distribución de carga horaria y espacios físicos en la ESPOCH. en el periodo académico actual. con los docentes y estudiantes de la ESPOCH. laboratorios. MÓDULO DE DOCENTES. Evaluar funcionalidad. aula y ver la sala de tutorías en base a sus asignaturas. Su fundamento es la separación del código en tres capas diferentes.. laboratorio. aulas.Permitirá la creación de los registros para la carga horaria asignando un docente. reutilización del código y la separación de conceptos.4 Diagnosticar el estado actual en la distribución de carga horaria y espacios físicos de docentes y estudiantes de la ESPOCH. MÓDULO DE ESTUDIANTE. laboratorio.2 OBJETIVOS ESPECÍFICOS     3.3. Model.3 OBJETIVOS 3. [9]. características de AngularJS. MARCO TEÓRICO PATRÓN DE DISEÑO MVC MVC es una propuesta de diseño de software utilizada para implementar sistemas donde se requiere el uso de interfaces de usuario. Estructura . Vistas y Controladores. usabilidad y accesibilidad del sistema de distribución de carga horaria y espacios físicos. sala de profesores.. En este artículo estudiaremos con detalle estos conceptos.

en aplicaciones de negocio donde tienes que manejar la contabilidad de una empresa. etc. Hasta este punto serás un "consumidor de directivas". Puedes usar el que viene con AngularJS y el que han hecho terceros desarrolladores. Pero en una pantalla concreta de tu aplicación es posible que tengas que ver otras cosas. el modelo serían los movimientos contables. [9] Controladores Contiene el código necesario para responder a las acciones que se solicitan en la aplicación. FRAMEWORK ANGULARJS PARA EL DESARROLLO Es un Javascript que tiene como intención hacer que los programadores mejoren la calidad de usar HTML. enriqueciendo tú mismo las herramientas para mejorar tu propio HTML. como su nombre nos hace entender. [3]  Vistas: Será el HTML y todo lo que represente datos o información. En las vistas nada más tenemos los códigos HTML y PHP que nos permite mostrar la salida. como el nombre de los usuarios. una búsqueda de información. Los datos los tendremos habitualmente en una base de datos. sencillo que personas sin conocimientos en el tema puedan entender. [9] Vistas Las vistas. La palabra clave que permite ese HTML declarativo en AngularJS es "directiva". por lo que en los modelos tendremos todas las funciones que accederán a las tablas y harán los correspondientes selects.Modelos Es la capa donde se trabaja con los datos. además del movimiento contable. AngularJS viene cargado con todas las herramientas que los creadores ofrecen para que los desarrolladores sean capaces de crear ese HTML enriquecido.  Controladores: Se encargarán de la lógica de la aplicación y sobre todo de las llamadas "Factorías" y "Servicios" para mover datos contra servidores o memoria local en HTML5. Vista. puesto que muchas personas están contribuyendo con pequeños proyectos -independientes del propio framework. como visualizar un elemento. [3] Ahora vamos a hacer un breve recorrido para nombrar y describir con unos pequeños apuntes aquellos elementos y conceptos que te vas a encontrar dentro de AngularJS. el código que nos permitirá renderizar los estados de nuestra aplicación en HTML. el conocido Modelo. que no es otra cosa que código JavaScript que mejora el HTML. y finalmente cuando vayas tomando experiencia serás capaz de convertirte en un "productor de directivas".para enriquecer el panorama de directivas disponibles. o sea. contienen el código de nuestra aplicación que va a producir la visualización de las interfaces de usuario. con la finalidad de crear q un código limpio. [3] Primeramente tenemos que hablar sobre el gran patrón que se usa en Angular. [9]. updates.[3]  Modelo de la vista: En Angular el "Modelo" es algo más de aquello que se entiende habitualmente cuando te hablan del MVC tradicional. Controlador. inserts.[3] Lógicamente. realizar una compra. En modo de ejemplo. etc. las vistas son algo más que el modelo de datos. por tanto contendrá mecanismos para acceder a la información y también para actualizar su estado. los permisos que .

[10] NODEJS ENTORNO DE PROGRAMACION Node. En lugar de generar un nuevo hilo de OS para cada conexión (y de asignarle la memoria acompañante). porque no se permiten bloqueos y porque no se bloquea . editarlos. los costos laborales. lo que resulta muy adecuado para aplicaciones de negocio y para las aplicaciones SPA (Single Page Aplication). si usted desea que su aplicación soporte más usuarios.000 usuarios. cada conexión genera un nuevo hilo que potencialmente viene acompañado de 2 MB de memoria. Eso permite repartir la lógica de la aplicación por capas. Además de estos costos están los costos por los problemas técnicos potenciales — un usuario puede estar usando diferentes servidores para cada solicitud. aunque en una variante muy extendida en el mundo de Javascript que luego comentaremos con más detalle. si pueden ver los datos. el cuello de botella en toda la arquitectura de aplicación Web (incluyendo el rendimiento del tráfico. En concreto implementa lo que se llama MVC.[3] Angular promueve y usa patrones de diseño de software. Node también afirma que nunca se quedará en punto muerto. a los costos de tráfico.tienen. es a lo que llamamos el "Scope" que es el modelo en Angular. esto da un número máximo teórico de conexiones concurrentes de cerca de 4. la velocidad de procesador y la velocidad de memoria) era el número máximo de conexiones concurrentes que podía manejar un servidor. Desde luego. En lenguajes como Java™ y PHP. así que cualquier recurso compartido debe almacenarse en todos los servidores. ¿Cuál es el problema con los programas de servidor actuales? Hagamos cuentas. esto suma en cuanto a los costos de servidor del negocio. y más. [3] Figura 2: Descripción general del proceso que hace AngularJS. Toda esa información. A medida que crece su base de clientes. Básicamente estos patrones nos marcan la separación del código de los programas dependiendo de su responsabilidad.Js proporciona una manera fácil para construir programas de red escalables. Por todas estas razones. que es útil para el programador pero que no forma parte del modelo del negocio. cada conexión dispara una ejecución de evento dentro del proceso del motor de Node. En un sistema que tiene 8 GB de RAM. necesitará agregar más y más servidores. etc. Node resuelve este problema cambiando la forma en que se realiza una conexión con el servidor.

y una web semántica mucho mejor aprovechada.directamente para llamados E/S. [12] PLATAFORMA DE DESARROLLO WEBSTORM Un entorno moderno de JavaScript debería siempre seguir el mismo ritmo que los avances en la tecnología del desarrollo web. el 99% de los usuarios de Internet la utilizan. [4] Node está extremadamente bien diseñado para situaciones en que usted esté esperando una gran cantidad de tráfico y donde la lógica del lado del servidor y el procesamiento requeridos. [11]. Aquí hay algunos buenos ejemplos en donde Node haría un gran trabajo. WebStorm consigue este objetivo con el lanzamiento de nuevas actualizaciones en períodos de tiempo muy cortos y gracias a su perseverancia a la hora de detectar nuevas tendencias. no sean necesariamente grandes antes de responder al cliente. de modo que los contenidos pudieran ser dinámicos e interactivos. de aportar más control sobre los elementos de la página. Node afirma que un servidor que lo ejecute puede soportar decenas de miles de conexiones concurrentes. LENGUAJE PARA DEFINIR HOJAS DE ESTILO CSS3 Hojas de estilo en cascada que viene acompañado de cambios novedosos ofreciendo un control total sobre los estilos y formatos asignados a los documentos y su gran fortaleza en la separación por capas que consiste en la división del código que puede ser reutilizable y posee un consistencia global con la capacidad de crear hojas de estilo global con un control de cambios que te permiten ver y adaptar los conforme a las necesidades del programador y peticiones del usuario. Hace mucho tiempo que se creó la tecnología Flash (en manos del gigante Adobe). Sin embargo. La mayoría de los contenidos que se visualizan en los navegadores están hechos en HTML. este lenguaje fue limitado a textos e imágenes estáticas. CSS 3 todavía avanza un poco más en la dirección. cambios en los llenados de formularios. De acuerdo a la misma compañía. y cambia los paradigmas de desarrollo y diseño web que se tenían al introducir herramientas notables como etiquetas que permiten la publicación de archivos de audio y video con soportes de distintos codecs. [4] LENGUAJE DE MARCADO DE HIPERTEXTOS HTML5 El HTML5 es la versión más nueva del Lenguaje de Marcado de Hipertexto (código en que se programan los sitios web). así como todas las herramientas adecuadas: . tags para que los usuarios dibujen contenidos en 2D y 3D.[4] Programación orientada por eventos A muchos programadores se les ha hecho creer que la programación orientada a objetos es el diseño perfecto de programación y que no deben usar nada más. Node utiliza lo que se conoce como modelo de programación orientado por eventos. [11]. [13] WebStorm pone a disposición de los desarrolladores web profesionales cualquier nueva tecnología que quieran utilizar.

CSS y JavaScript - Mejoras importantes en la sincronización por FTP/SFTP - Soporte para TFS y gráficos de revisiones de Git - Interfaz de usuario mejorada para todos los sistemas operativos soportados GESTOR DE BASE DE DATOS POSTGRESQL PostgreSQL es un sistema de gestión de bases de datos objeto-relacional. en períodos de tiempo cortos. "La clave en un entorno de desarrollo es aumentar la productividad de los desarrolladores. merece tener pleno soporte en cualquier IDE". Un fallo en uno de los procesos no afectará el resto y el sistema continuará funcionando.[13] - Integración con JSLint que permite nuevas inspecciones para verificar la calidad del código. [5] PostgreSQL utiliza un modelo cliente/servidor y usa multiprocesos en vez de multihilos para garantizar la estabilidad del sistema. máximo responsable del proyecto WebStorm.JS que le permitirá utilizar todo el potencial de este IDE para la edición y depuración de JavaScript en el lado servidor. señaló Alexey Gopachenko. [13] - Soporte para Node." [13] Estas son las principales nuevas características de WebStorm: - Soporte para Node.JS - Soporte para CoffeeScript - Integración con JSLint - Pruebas unitarias de JavaScript mediante JsTestDriver - Detector inteligente de código duplicado para HTML. distribuido bajo licencia BSD y con su código fuente disponible libremente. comprobación de errores y mucho más) para ayudarle a sacar el máximo rendimiento a la concisión y a la sencillez de lectura de esta extensión de JavaScript. [5] . Tenemos en cuenta las opiniones de nuestros usuarios a la hora de diseñar nuevas actualizaciones y las lanzamos de forma regular. asistente de código. Es por ello que WebStorm siempre se mantiene al día de las nuevas tecnologías. ofreciendo los mejores métodos para utilizar los últimos estándares y tecnologías.- Soporte para CoffeeScript (incluye navegación. Es el sistema de gestión de bases de datos de código abierto más potente del mercado y en sus últimas versiones no tiene nada que envidiarle a otras bases de datos comerciales. como tal. "JavaScript se ha convertido en uno de los lenguajes más populares del momento y. refactorización.

2.1.3. LENGUAJE PARA DEFINIR HOJAS DE ESTILO CSS3 2.7.1.1.2. ANTECEDENTES. METODOLOGÍA DE DESARROLLO.1. GESTOR DE BASE DE DATOS POSTGRESQL 2.3.2. LEVANTAMIENTO DE REQUERIMIENTOS.2.3. NODEJS 2.3 OBJETIVOS.1. ENTORNO DE DESARROLLO WEBSTORM CAPITULO III 3.1. .1.2.2.1.3.1.1 OBJETIVO GENERAL. DESARROLLO DE LA APLICACIÓN. PATRÓN DE DISEÑO MVC 2. 1.2. JUSTIFICACIÓN.2. DEFINICIÓN DEL ESTÁNDAR A UTILIZAR. Los parámetros de investigación durante el proceso investigativo puede abordar nuevas necesidades por lo que está sujeto a cambios.4.2. HERRAMIENTAS DE DESARROLLO 2. 3. CAPÍTULOS. INTRODUCCIÓN. CAPITULO II 2.2.2 OBJETIVOS ESPECÍFICOS.5.2. 2. AGRADECIMIENTO.1.2. CARACTERÍSTICAS DE LA METODOLOGÍA.1. MARCO TEÓRICO. DEDICATORIA. 1. 3. ÍNDICE DE FIGURAS. SUBCAPÍTULOS El temario tentativo que se propone está compuesto de cuatro capítulos que abarcan todo el proceso de investigación que contribuyan con la consecución de los mismos. 1. 2.2. ÍNDICE DE ABREVIATURAS.5 TEMARIO TENTATIVO DESGLOSADO. ANÁLISIS 3. DISEÑO. JUSTIFICACIÓN TEÓRICA. ÍNDICE DE TABLAS.6.2. 2. DEFINICIÓN. CAPÍTULO I MARCO REFERENCIAL 1. 3. 1.2.2. ÍNDICE GENERAL. 1. 2.2. 1. PORTADA. LENGUAJE DE MARCADO DE HIPERTEXTOS HTML5 2.3. 1. INTRODUCCIÓN.1. FRAMEWORK ANGULARJS 2. JUSTIFICACIÓN PRÁCTICA. FORMULACIÓN GENERAL DEL PROYECTO DE TESIS/MEMORIA.

A. A. (06 de Mayo de 2014). Obtenido de Desarrolloweb.6.com.com/developerworks/ssa/opensource/library/os-nodejs/ [5] Rafael. (09 de Junio de 2008). (28 de Agosto de 2014). (17 de Abril de 2012). Obtenido de Sobre PostgreSQL: .php?action=facultades&id=4 [3] Alberto Basalo.genbetadev. CONCLUSIONES RECOMENDACIONES RESUMEN GLOSARIO ANEXOS BIBLIOGRAFÍA 3. (25 de Junio de 2011). DESARROLLO DE LA APLICACIÓN 3. desarrolloweb. desarrolloweb.es/sobre_postgresql [6] Alvarez.1. EJECUCIÓN DE LA APLICACIÓN.com/archivoimg/general/2996.postgresql. IBM developerWorks.guioteca. A.desarrolloweb. O. Obtenido de Qué es HTML5: http://www. Obtenido de desarrolloweb. M. http://www.com/articulos/que-es-angularjs-descripcion-frameworkjavascript-conceptos.1.com. 3. desarrollo y software. (14 de 06 de 2011).org. 3.6 3.3.desarrolloweb. Obtenido de Plublicaciones: .edu. A.html [10] Basalo. d.4.com/articulos/que-es-mvc.jpg [11]Erlandsen.6. Obtenido de desarrolloweb.ec/index.js Hispano: http://www. Node.4. Desarrolloweb.edu.html [4] Abernethy. http://espoch. https://www.2 BIBLIOGRAFÍA RELACIONADA AL TEMA [1] Electronica.php?action=facultades&id=4 [2] Electronica. M. (07 de Mayo de 2014).ec/index.2.desarrolloweb. M. A. Guioteca. V.com/articulos/introduccion-css3.1 BIBLIOGRAFÍA BIBLIOGRAFÍA GENERAL Normas para la elaboración de Trabajos de investigación/Tesis en la Facultad de Informática y Electrónica. (Publicaciones) 3. Plublicaciones. Obtenido de Node.js Hispano. (14 de Octubre de 2009).com/internet/%C2%BFque-es-html5-y-que-cambios-introduce/ [12] Alvarez.desarrolloweb. (02 de Enero de 2014).ibm. (28 de Agosto de 2014). http://espoch. DISEÑO DE LA ARQUITECTURA DE LA APLICACIÓN.com/desarrollo-web/breve-introduccion-a-css3 [8] Beat.com: http://www.com.com/2012/05/como-google-mozilla-y-yahoo-utilizan-node-jsnodejs/ [9]Alvarez. Obtenido de Guioteca: http://www. (24 de Mayo de 2012).nodehispano. Plublicaciones.3.com: http://www. Obtenido de IBM developerWorks: .html [7] Campos. DesarrolloWeb. desarrolloweb. IMPLEMENTACIÓN. Obtenido de desarrollo y software: http://www.com: http://www.com/articulos/que-es-html5. d.3. M. M.html .1. 3. F. F. M. Sobre PostgreSQL. Obtenido de DesarrolloWeb: http://www. Obtenido de Plublicaciones: .desarrolloweb. M. (10 de Febrerp de 2010).com. DESARROLLO.

Sin embargo el estudio de fenómenos culturales y sociales requiere de la utilización de entrevistas. cuantitativos.html [14] Albaladejo. Los métodos deductivos y empíricos encajan ente los que se denominan métodos de investigación cuantitativos y son especialmente apropiadas para el estudio de fenómenos u objetos naturales.[14] - Flexibilidad a cambios: Alta capacidad de reacción ante los cambios de requerimientos generados por necesidades del cliente o evoluciones del mercado. Obtenido de Proyectos Ágiles: Available: http://www. La metodología está diseñada para adaptarse a los cambios de requerimientos que conllevan los proyectos complejos.com/news-releases/webstorm-30-el-ide-de-javascript-dejetbrains-135982113.proyectosagiles. (21 de Diciembre de 2011).1.2. (13 de Septiembre de 2014). el equipo los estima y con esta información el Product Owner establece su prioridad. X. que se enfatiza primordialmente en que el sistema pueda requerir cambios e incorporar o eliminar interacciones en el trascurso de su desarrollo. en equipo. puede darse el caso en el que sea necesario la combinación de diferentes métodos. Proyectos Ágiles. METODOLOGÍA DE DESARROLLO DE SOFTWARE SCRUM es una metodología ágil y flexible para la gestión del desarrollo de software. PRNewswire. 4. Es un proceso en el que se aplican de manera regular un conjunto de buenas prácticas para trabajar colaborativamente. y obtener el mejor resultado posible de un proyecto.1.prnewswire. 4. EJECUCIÓN DEL PROYECTO DE TRABAJO DE TITULACIÓN 4. [Último acceso: 2015].1. MÉTODO DE INVESTIGACIÓN Dado que para el desarrollo de estudio los métodos que se van a emplear son métodos de investigación cualitativos. Obtenido de PRNewswire: http://www.[14] . [14] Beneficios - Cumplimento de expectativas: El cliente establece sus expectativas indicando el valor que le aporta cada requisito / historia del proyecto.[13] PRAGA.org/planificacion-iteracion-sprint-planning. documentos a los que se denomina métodos cualitativos. cuestionarios.1 MÉTODOS Y TÉCNICAS 4.

técnicas para la recopilación de información se ha determinado la entrevista. - Entrevista: La técnica de recolección de información más usada en el desarrollo de un sistema informático. ayuda a la obtención de un software de calidad superior. lluvia de ideas.[14] - Reducción de riesgos: El hecho de llevar a cabo las funcionalidades de más valor en primer lugar y de conocer la velocidad con que el equipo avanza en el proyecto.90 GHZ Memoria RAM: 8.2.00 (7. En el análisis de las tecnologías.1.1 HARDWARE Características generales de hardware: Equipo Servidor de Base de Datos Laptops desarrollo para Equipos Cliente 4.00 (7.2 SOFTWARE Características Procesador: Intel(R) Core(TM) i7-3617U CPU @1.87 GB utilizable) Disco Duro: 500 GB Requisitos mínimos: Procesador: 533 MHz RAM: 128 MB Tabla 2: Características de Hardware Fuente: Alex Tipán. - Lluvia de Ideas: Esta técnica se usa en el grupo de Investigación y desarrollo para identificar problemas y obtener alternativas de solución. gracias a la eliminación de la burocracia y a la motivación del equipo que proporciona el hecho de que sean autónomos para organizarse. debido a que es una tecnología nueva en el campo de desarrollo de software.87 GB utilizable) Disco Duro: 1TB Procesador: Intel(R) Core(TM) i7-3517U CPU @1. Dario Garcia Estado Disponibl e Disponibl e Accesible .3. .2.2 RECURSOS NECESARIOS 4.[14] - Mayor productividad: Se consigue entre otras razones. donde se establece un dialogo con el usuario o usuarios de la ESPOCH en la recolección de requisitos y procesos en la distribución de carga horaria y espacios físicos. lo que facilita el acceso a la información referente al tema de investigación.- Mayor calidad del software: La metódica de trabajo y la necesidad de obtener una versión funcional después de cada iteración. TÉCNICAS La principal fuente de información es el servicio de internet. permite despejar riesgos eficazmente de manera anticipada. [14] 4.90 GHZ Memoria RAM: 8. 4.

3 Herramienta CASE Fuente: Alex Tipán. .1pro Microsoft Office 2013 Microsoft Visio 2010 Framework Servidor Sistema Operativos Software Herramienta CASE Power Designer 4. .2.  Fase de Recolección de Información: Es la primera fase.3 Tipo Software Software AngularJS NodeJS Fedora 21. en la distribución de carga horaria y espacios físicos para docentes y estudiantes por medio de la definición de requerimientos e información de la tecnología que se empleará como: . Dario Garcia Utilización Plataforma de Desarrollo Sistema de gestión de base de datos.Para el desarrollo del Sistema informático se ha optado por utilizar en su mayoría software de distribución gratuita. en la que se recopila toda la información necesaria para posteriormente analizarla. Servidor web.0 PosgreSql 9.Aplicaciones donde ha sido usada las tecnologías que serán utilizadas. Dario Garcia 4. Administrar aplicaciones. Vista.3 PLAN GENERAL DE TRABAJO Para el desarrollo del proyecto se ha divido el plan de trabajo en cuatro fases por la facilidad de obtención de información y requerimientos del sistema. Nombre WebStorm 10. Definir los reportes Fase de Investigación: Esta fase corresponde a la situación actual que atraviesa la ESPOCH.Recopilar información sobre las herramientas a usar para el desarrollo del proyecto. Gestor de documentos Diseño de Diagramas de planificación Diseño de la Base de Datos MATERIALES A UTILIZAR Material Memorias USB Disco duro externo Conexión a internet Utensillos de oficina Tabla 3: Descripción de Recursos Materiales Fuente: Alex Tipán. definir alternativas de solución como:  Definir los indicadores. Definir los usuarios involucrados. Windows 8.

00 1600.00 200.00 Auto financiado Total 4 730.00 Auto Financiado Suministros de oficina 4 20. Desarrollo de la aplicación.5 PRESUPUESTO A continuación se detalla el presupuesto planteado para el desarrollo del proyecto de tesis y el listado de materiales y recursos necesarios: Detalle Cant (mes).00 800.00 2920. Fase de Presentación de resultados: Es la fase final del trabajo de grado.00 80. dividido a las fases de desarrollo que se muestran el Diagraman Gantt para lo cual se adjunta al documento en el Anexo 1 que contiene la detalladamente el cronograma de trabajo. Análisis y diseño de la solución.00 240. 4. Dario Garcia 5.00 Auto Financiado Tabla 4: Detalle de costos de presupuesto Fuente: Alex Tipán.6 FUENTE DE FINANCIAMIENTO . Análisis del diseño de la aplicación. Valor Unitario ($) Valor Total ($) Fuente de financiamiento Servicio de internet 4 50. Pruebas.00 Auto Financiado Vivienda 4 200.4 CRONOGRAMA TENTATIVO (GANTT) El cronograma tentativo en el desarrollo del software es de 4 meses aproximadamente a partir de la aprobación del anteproyecto.00 Auto Financiado Movilización 4 60.00 Auto Financiado Alimentación 4 400. desarrollo e implementación del sistema. Implementación. Fase de Desarrollo: En esta fase se procede a realizar la parte aplicativa del trabajo de grado que comprende la producción y puesta en marcha del software que comprende: -  Preparación del proyecto. donde se muestran los resultados obtenidos durante el proceso de investigación. 4.

Los gastos del proyecto definidos en la tabla 4.00 autofinanciados. . con una duración aproximada de 4 meses suman $2920.

ANEXO 1 CRONOGRAMA TENTATIVO PARA DESARROLLO DEL SISTEMA .

5.. ………………………………… Ing.…. Dario Garcia PROPONENTE Alex Tipán PROPONENTE . FIRMAS DE RESPONSABILIDAD ………………………………. Jorge Huilca DIRECTOR …………………………….