Académique Documents
Professionnel Documents
Culture Documents
Anteproyecto de
TRABAJO DE GRADO
Ttulo
DESARROLLO
Presentado por:
Director de Tesis:
Escuela:
Ingeniera en Sistemas
Prctico, Investigativo
RECHAZADO:
PRIMERA MATRCULA:
SEGUNDA MATRICULA:
CULMINADO:
1.
2.
INFORMACIN GENERAL
2.1.
PROPONENTES:
NOMBRE: Alex Salvador Tipn Lpez
CEDULA: 1600539751
CDIGO: 5712
E-MAIL: alex_stl3@hotmail.com
ESCUELA: Ingeniera en Sistemas
CARRERA: Ingeniera en Sistemas
NOMBRE: Dario Eugenio Garcia Gaibor
CEDULA: 2100555966
CDIGO: 5178
E-MAIL: dariogarcia1991@hotmail.com
ESCUELA: Ingeniera en Sistemas
CARRERA: Ingeniera en Sistemas
2.2.
2.3.
2.4.
Objetivo 4.
Fortalecer las capacidades y potencialidades de la
ciudadana.
Polticas
4.4. a Fortalecer estndares de calidad.
4.4.b. Establecer mecanismos de apoyo y seguimiento a la
gestin de las instituciones
Ciencias Tecnolgicas.
Tecnologas de la Informacin, comunicacin, procesos
industriales y biotecnolgicos.
Programa para el desarrollo de aplicaciones de software
para procesos de gestin y administracin pblica y
privada.
Educacin.
Programa para el desarrollo de aplicaciones de software
y administracin pblica y
3.
3.1
HTML5 es una nueva versin del lenguaje de marcacin HTML, sino una agrupacin
de diversas especificaciones concernientes al desarrollo web. Es decir, HTML 5 no se
limita slo a crear nuevas etiquetas, atributos y eliminar aquellas marcas que estn en
desuso o se utilizan inadecuadamente, sino que va mucho ms all.[6]
CSS es un lenguaje (no un lenguaje de programacin) utilizado para especificar el
aspecto de una pgina web para diferentes dispositivos. Esto entra en contraste con
HTML que es un lenguaje que define la estructura de un documento para su distribucin
por la web. El HTML le dice al navegador como se estructura el documento mientras
que el CSS le dice cmo debe renderizarlo.[7]
CSS3 aade muchas capacidades nuevas a la especificacin anterior. Aunque an est
en proceso de estandarizado y le queda un largo camino por recorrer, ya se ha hecho
un hueco al lado de HTML5 y supone uno de los mayores adelantos en el diseo web
actual.[6]
Representantes de Google, Yahoo y Mozilla indican como utilizan Node.js. En el 2010
Yahoo inicia el desarrollo de aplicaciones con Node.js, Bruno Fernndez vicepresidente
de plataformas indica que estuvieron buscando la forma de ejecutar JavaScript en el
servidor y hace referencia a su tecnologa YQL, pero cuando encontraron a Node dice
que Nuestros desarrolladores lo usaban para la carga de archivos. Con esto en mente
dedicaron invertir ms tiempo con esta tecnologa y la usaron por ms de 12 meses en
nuevos, al igual que google ha desarrollado muchas aplicaciones que usan JavaScript,
un claro ejemplo es Gmail con 450000 lneas de cdigo en JavaScript. De aqu que
Google ve la necesidad de uso de Nodejs y AngularJS, mientras Mozilla indica que
llevan utilizndolo por un buen tiempo. Concretamente nos decidimos por Node debido
a dos razones: El bajo consumo de memoria, y la segunda razn es las capacidades de
criptografa con JavaScript. [8]
3.2.2
JUSTIFICACIN APLICATIVA
La Escuela Superior Politcnica de Chimborazo no posee un proceso automatizado
para la distribucin de carga horaria, aulas, laboratorios, sala de tutoras para docentes
y estudiantes respectivamente.
Este
trabajo de grado tiene como objetivo desarrollar un sistema informtico,
accesible, usable que brinde las facilidades requeridas para el acceso a la informacin
de la ubicacin y horarios de clase asignados a travs de un navegador web, con la
ayuda del servicio de internet.
De acuerdo a los aspectos considerados, el proyecto a desarrollar tendr las siguientes
caractersticas, ser orientado a la web, multiplataforma, creado con herramientas de
distribucin libre sin costo de licencia, el acceso a esta aplicacin estar disponible solo
en la intranet de la ESPOCH, poseer polticas de seguridad basada en tipos de
usuarios, al finalizar la fase de desarrollo se realizar unas pruebas con los datos de la
Escuela de Ingeniera en Sistemas para finalmente cumplir con la fase de presentacin
de resultados, este proyecto no contempla el desarrollo de una aplicacin mvil as
como tampoco la implantacin del mismo en la ESPOCH.
OBJETIVOS GENERALES
Desarrollar un sistema informtico para la distribucin de carga horaria y espacio fsico
asignado a docentes y estudiantes de la ESPOCH.
3.3.2
OBJETIVOS ESPECFICOS
3.4
MARCO TERICO
PATRN DE DISEO MVC
MVC es una propuesta de diseo de software utilizada para implementar sistemas
donde se requiere el uso de interfaces de usuario. Surge de la necesidad de crear
software ms robusto con un ciclo de vida ms adecuado, donde se potencie la
facilidad de mantenimiento, reutilizacin del cdigo y la separacin de conceptos. [9].
Su fundamento es la separacin del cdigo en tres capas diferentes, acotadas por su
responsabilidad, en lo que se llaman Modelos, Vistas y Controladores, o lo que es lo
mismo, Model, Views & Controllers, si lo prefieres en ingls. En este artculo
estudiaremos con detalle estos conceptos, as como las ventajas de ponerlos en
marcha cuando desarrollamos. [9].
Estructura
Modelos
Es la capa donde se trabaja con los datos, por tanto contendr mecanismos
para acceder a la informacin y tambin para actualizar su estado. Los datos los
tendremos habitualmente en una base de datos, por lo que en los modelos
tendremos todas las funciones que accedern a las tablas y harn los
correspondientes selects, updates, inserts, etc. [9]
Vistas
Las vistas, como su nombre nos hace entender, contienen el cdigo de nuestra
aplicacin que va a producir la visualizacin de las interfaces de usuario, o sea,
el cdigo que nos permitir renderizar los estados de nuestra aplicacin en
HTML. En las vistas nada ms tenemos los cdigos HTML y PHP que nos
permite mostrar la salida. [9]
Controladores
Contiene el cdigo necesario para responder a las acciones que se solicitan en
la aplicacin, como visualizar un elemento, realizar una compra, una bsqueda
de informacin, etc. [9].
FRAMEWORK ANGULARJS PARA EL DESARROLLO
Es un Javascript que tiene como intencin hacer que los programadores mejoren la
calidad de usar HTML, con la finalidad de crear q un cdigo limpio, sencillo que
personas sin conocimientos en el tema puedan entender.[3]
Lgicamente, AngularJS viene cargado con todas las herramientas que los
creadores ofrecen para que los desarrolladores sean capaces de crear ese HTML
enriquecido. La palabra clave que permite ese HTML declarativo en AngularJS es
"directiva", que no es otra cosa que cdigo JavaScript que mejora el HTML. Puedes
usar el que viene con AngularJS y el que han hecho terceros desarrolladores, puesto
que muchas personas estn contribuyendo con pequeos proyectos -independientes
del propio framework- para enriquecer el panorama de directivas disponibles. Hasta
este punto sers un "consumidor de directivas", y finalmente cuando vayas tomando
experiencia sers capaz de convertirte en un "productor de directivas",
enriqueciendo t mismo las herramientas para mejorar tu propio HTML. [3]
Ahora vamos a hacer un breve recorrido para nombrar y describir con unos
pequeos apuntes aquellos elementos y conceptos que te vas a encontrar dentro de
AngularJS. [3]
Primeramente tenemos que hablar sobre el gran patrn que se usa en Angular, el
conocido Modelo, Vista, Controlador. [3]
tienen, si pueden ver los datos, editarlos, etc. Toda esa informacin, que es
til para el programador pero que no forma parte del modelo del negocio, es
a lo que llamamos el "Scope" que es el modelo en Angular.[3]
Angular promueve y usa patrones de diseo de software. En concreto implementa
lo que se llama MVC, aunque en una variante muy extendida en el mundo de
Javascript que luego comentaremos con ms detalle. Bsicamente estos patrones
nos marcan la separacin del cdigo de los programas dependiendo de su
responsabilidad. Eso permite repartir la lgica de la aplicacin por capas, lo que
resulta muy adecuado para aplicaciones de negocio y para las aplicaciones SPA
(Single Page Aplication). [3]
directamente para llamados E/S. Node afirma que un servidor que lo ejecute puede
soportar decenas de miles de conexiones concurrentes.[4]
Programacin orientada por eventos A muchos programadores se les ha hecho creer
que la programacin orientada a objetos es el diseo perfecto de programacin y
que no deben usar nada ms. Node utiliza lo que se conoce como modelo de
programacin orientado por eventos. [4]
Node est extremadamente bien diseado para situaciones en que usted est
esperando una gran cantidad de trfico y donde la lgica del lado del servidor y el
procesamiento requeridos, no sean necesariamente grandes antes de responder al
cliente. Aqu hay algunos buenos ejemplos en donde Node hara un gran trabajo. [4]
Integracin con JSLint que permite nuevas inspecciones para verificar la calidad
del cdigo. [13]
Soporte para Node.JS que le permitir utilizar todo el potencial de este IDE para
la edicin y depuracin de JavaScript en el lado servidor.
"JavaScript se ha convertido en uno de los lenguajes ms populares del
momento y, como tal, merece tener pleno soporte en cualquier IDE", seal
Alexey Gopachenko, mximo responsable del proyecto WebStorm. "La clave en
un entorno de desarrollo es aumentar la productividad de los desarrolladores,
ofreciendo los mejores mtodos para utilizar los ltimos estndares y
tecnologas. Tenemos en cuenta las opiniones de nuestros usuarios a la hora de
disear nuevas actualizaciones y las lanzamos de forma regular, en perodos de
tiempo cortos. Es por ello que WebStorm siempre se mantiene al da de las
nuevas tecnologas." [13]
3.5
El temario tentativo que se propone est compuesto de cuatro captulos que abarcan todo el
proceso de investigacin que contribuyan con la consecucin de los mismos. Los parmetros de
investigacin durante el proceso investigativo puede abordar nuevas necesidades por lo que est
sujeto a cambios.
PORTADA.
AGRADECIMIENTO.
DEDICATORIA.
NDICE DE ABREVIATURAS.
NDICE GENERAL.
NDICE DE FIGURAS.
NDICE DE TABLAS.
INTRODUCCIN.
CAPTULO I
MARCO REFERENCIAL
1. FORMULACIN GENERAL DEL PROYECTO DE TESIS/MEMORIA.
1.1. ANTECEDENTES.
1.2. JUSTIFICACIN.
1.2.1. JUSTIFICACIN TERICA.
1.2.2. JUSTIFICACIN PRCTICA.
1.3 OBJETIVOS.
1.3.1 OBJETIVO GENERAL.
1.3.2 OBJETIVOS ESPECFICOS.
CAPITULO II
2. MARCO TERICO.
2.1. METODOLOGA DE DESARROLLO.
2.1.1. INTRODUCCIN.
2.1.2. DEFINICIN.
2.1.3. CARACTERSTICAS DE LA METODOLOGA.
2.2. HERRAMIENTAS DE DESARROLLO
2.2.1. PATRN DE DISEO MVC
2.2.2. FRAMEWORK ANGULARJS
2.2.3. NODEJS
2.2.4. LENGUAJE DE MARCADO DE HIPERTEXTOS HTML5
2.2.5. LENGUAJE PARA DEFINIR HOJAS DE ESTILO CSS3
2.2.6. GESTOR DE BASE DE DATOS POSTGRESQL
2.2.7. ENTORNO DE DESARROLLO WEBSTORM
CAPITULO III
3. DESARROLLO DE LA APLICACIN.
3.1. ANLISIS
3.1.1. LEVANTAMIENTO DE REQUERIMIENTOS.
3.1.2. DEFINICIN DEL ESTNDAR A UTILIZAR.
3.2. DISEO.
3.6
3.6.1
BIBLIOGRAFA
BIBLIOGRAFA GENERAL
Normas para la elaboracin de Trabajos de investigacin/Tesis en la Facultad de
Informtica y Electrnica. (Publicaciones)
3.6.2
BIBLIOGRAFA
RELACIONADA
AL TEMA
4.
Beneficios
-
4.1.3. TCNICAS
La principal fuente de informacin es el servicio de internet, lo que facilita el acceso
a la informacin referente al tema de investigacin, debido a que es una tecnologa
nueva en el campo de desarrollo de software.
En el anlisis de las tecnologas, tcnicas para la recopilacin de informacin se ha
determinado la entrevista, lluvia de ideas.
-
HARDWARE
Caractersticas generales de hardware:
Equipo
Servidor de Base
de Datos
Laptops
desarrollo
para
Equipos Cliente
4.2.2
SOFTWARE
Caractersticas
Procesador: Intel(R) Core(TM) i7-3617U CPU
@1.90 GHZ
Memoria RAM: 8.00 (7,87 GB utilizable)
Disco Duro: 1TB
Procesador: Intel(R) Core(TM) i7-3517U CPU
@1.90 GHZ
Memoria RAM: 8.00 (7,87 GB utilizable)
Disco Duro: 500 GB
Requisitos mnimos:
Procesador: 533 MHz
RAM: 128 MB
Tabla 2: Caractersticas de Hardware
Fuente: Alex Tipn, Dario Garcia
Estado
Disponibl
e
Disponibl
e
Accesible
Para el desarrollo del Sistema informtico se ha optado por utilizar en su mayora software
de distribucin gratuita.
Nombre
WebStorm 10.0
PosgreSql 9.3
Tipo
Software
Software
AngularJS
NodeJS
Fedora 21, Windows 8.1pro
Microsoft Office 2013
Microsoft Visio 2010
Framework
Servidor
Sistema Operativos
Software
Herramienta CASE
Power Designer
4.2.3
Herramienta CASE
Fuente: Alex Tipn, Dario Garcia
Utilizacin
Plataforma de Desarrollo
Sistema de gestin de base
de datos.
Vista.
Servidor web.
Administrar aplicaciones.
Gestor de documentos
Diseo de Diagramas de
planificacin
Diseo de la Base de Datos
MATERIALES A UTILIZAR
Material
Memorias USB
Disco duro externo
Conexin a internet
Utensillos de oficina
Tabla 3: Descripcin de Recursos Materiales
Fuente: Alex Tipn, Dario Garcia
Fase de Desarrollo: En esta fase se procede a realizar la parte aplicativa del trabajo de
grado que comprende la produccin y puesta en marcha del software que comprende:
-
4.5
PRESUPUESTO
A continuacin se detalla el presupuesto planteado para el desarrollo del proyecto de tesis
y el listado de materiales y recursos necesarios:
Detalle
Cant
(mes).
Valor
Unitario ($)
Fuente de
financiamiento
Servicio de internet
50.00
200.00
Auto Financiado
Alimentacin
400.00
1600.00
Auto Financiado
Vivienda
200.00
800.00
Auto Financiado
Movilizacin
60.00
240.00
Auto Financiado
Suministros de oficina
20.00
80.00
Auto financiado
Total
730.00
2920.00
Auto Financiado
Los gastos del proyecto definidos en la tabla 4, con una duracin aproximada de 4 meses
suman $2920.00 autofinanciados.
ANEXO 1
CRONOGRAMA TENTATIVO PARA DESARROLLO DEL SISTEMA
5. FIRMAS DE RESPONSABILIDAD
...
Dario Garcia
PROPONENTE
Alex Tipn
PROPONENTE