DEPARTAMENTO DE CIENCIAS DE LA COMPUTACIÓN CARRERA DE TECNOLOGÍAS DE LA INFORMACIÓN (SISTEMAS E INFORMÁTICA) TRABAJO DE TITULACIÓN, PREVIO A LA OBTENCIÓN DEL TÍTULO DE INGENIERO EN SISTEMAS E INFORMÁTICA TEMA: ANÁLISIS COMPARATIVO DE HERRAMIENTAS ORIENTADAS A COMPONENTES WEB VALIDADO CON UN CASO DE ESTUDIO. AUTOR: MORENO OJEDA, MARCO ANTONIO DIRECTOR: PHD. MARCILLO PARRA, DIEGO MIGUEL SANGOLQUÍ 2017 ii CERTIFICADO iii AUTORÍA DE RESPONSABILIDAD iv AUTORIZACIÓN v DEDICATORIA A mis padres Marco y Martha y hermanas Liz y Alex por estar continuamente apoyándome en cada una de las actividades que he realizado a lo largo de mi vida, por los consejos que me han brindado durante todo este periodo de formación de vida sosteniéndome siempre ante cualquier adversidad, por ser fuente de inspiración para continuar y siempre recordarme lo importante que es seguir de frente sin importar los obstáculos que se presentan y mostrándome que lo esencial no es esquivarlos sino superarlos. A mis abuelos que al igual que mis padres me dieron la oportunidad de continuar con mis estudios y que siempre me han brindado su total y absoluta confianza y apoyo para cumplir cada una de mis metas y cuando he requerido su abrazo y su consuelo estuvieron presentes. Marco Moreno vi AGRADECIMIENTO Agradezco especial e infinitamente a quien invirtió su tiempo durante mi formación como estudiante y en este proceso de titulación y quien a pesar de algunas circunstancias me brindó todo su apoyo y colaboración para conseguir esta nueva meta, mostrando ser una persona honorable y respetable, mi director de proyecto Ing. Diego Marcillo. También agradezco a mis amigos con quienes estuvimos cursando todo este proceso académico y a aquellos que han sido amigos de siempre por el hecho de mostrar su cariño y afecto al no permitirme caer y más bien han extendido su mano en muchas ocasiones para seguir adelante. Marco Moreno vii ÍNDICE DE CONTENIDO CERTIFICADO.................................................................................................................. II AUTORÍA DE RESPONSABILIDAD .................................................................................... III AUTORIZACIÓN ............................................................................................................. IV DEDICATORIA ................................................................................................................. V AGRADECIMIENTO ........................................................................................................ VI ÍNDICE DE CONTENIDO ................................................................................................. VII ÍNDICE DE TABLAS ........................................................................................................ XII ÍNDICE DE FIGURAS ..................................................................................................... XIV RESUMEN ................................................................................................................... XVI ABSTRACT .................................................................................................................. XVII CAPÍTULO I INTRODUCCIÓN.............................................................................................................. 1 1.1. Antecedentes ...................................................................................................... 1 1.2. Planteamiento del problema ................................................................................ 2 1.3. Justificación ......................................................................................................... 3 1.4. Objetivos ............................................................................................................. 4 1.4.1. Objetivo general .................................................................................................. 4 1.4.2. Objetivos específicos ........................................................................................... 4 1.5. Alcance ............................................................................................................... 4 CAPÍTULO II MARCO TEÓRICO ........................................................................................................... 6 viii 2.1. Web Components .................................................................................................... 6 2.1.1. Estándares que utilizan web components ............................................................... 6 2.1.2. Compatibilidad con navegadores ............................................................................ 8 2.1.3. Herramientas orientadas a web componentes ........................................................ 9 2.2. Angular 2 ................................................................................................................. 9 2.2.1. Introducción .......................................................................................................... 9 2.2.2. Módulos, Componentes, Templates y Metadatos .................................................. 10 2.2.3. Data binding, directivas, servicios e inyección de dependencias ............................. 13 2.2.4. Instalación y Angular – Cli .................................................................................... 16 2.2.5. Comunidad y compatibilidad con navegadores web ............................................... 16 2.3. React JS ................................................................................................................. 17 2.3.1. Introducción ........................................................................................................ 17 2.3.2. Componentes, flujo de datos, DOM virtual y representación condicional ................ 18 2.3.3. Conexión con web services y pruebas ................................................................... 20 2.3.4. Instalación y depuración ...................................................................................... 21 2.3.5. Comunidad y navegadores web ............................................................................ 21 2.4. Metodología UWE .................................................................................................. 22 2.4.1. Etapas de desarrollo de UWE ............................................................................... 23 2.4.1.1. Captura de requerimientos ............................................................................... 23 2.4.1.2. Análisis y diseño ............................................................................................... 23 2.4.1.3. Implementación ............................................................................................... 24 2.4.2. Modelos de UWE ................................................................................................. 24 2.4.2.1. Modelo de casos de uso .................................................................................... 24 2.4.2.2. Modelo conceptual ........................................................................................... 25 2.4.2.3. Modelo de navegación ...................................................................................... 26 2.4.2.4. Modelo de presentación ................................................................................... 26 ix 2.4.2.5. Modelo de procesos ......................................................................................... 27 2.5. Calidad de producto software ................................................................................. 28 2.6. Modelos de calidad de producto software ............................................................... 29 2.6.1. Clasificación de modelos de calidad de producto software ..................................... 29 2.7. Norma ISO/IEC 9126 ............................................................................................... 30 2.7.1. Modelo de calidad: ISO/IEC 9126 – 1 .................................................................... 31 2.7.1.1. Calidad interna ................................................................................................. 32 2.7.1.2. Calidad externa ................................................................................................ 32 2.7.2. Características y subcaracterísticas ....................................................................... 32 2.8. Metodologías de construcción de modelos. ............................................................. 35 2.8.1. Web Quality Evaluation Methodology (WebQEM) ................................................. 35 2.8.2. Software Quality Assurance Exercises (SQAE) ........................................................ 37 2.8.3. Individual Quality Model Construction (IQMC) ...................................................... 39 CAPÍTULO III ANÁLISIS, EVALUACIÓN Y CASO DE ESTUDIO ................................................................. 41 3.1. Introducción .......................................................................................................... 41 3.2. Análisis de metodologías de construcción de modelos de evaluación ........................ 41 3.2.1. Modelo de calidad de producto software .............................................................. 42 3.2.2. Estudio de metodologías ...................................................................................... 42 3.2.3. Análisis comparativo de metodologías .................................................................. 44 3.2.3.1. Relación de características ISO/IEC 9126 con las metodologías. ........................... 45 3.2.3.2. Criterios de evaluación de metodologías. ........................................................... 45 3.2.4. Evaluación y resultados ........................................................................................ 47 3.2.4.1. Evaluación de metodologías de construcción de modelos de evaluación .............. 47 3.2.4.2. Resultados ....................................................................................................... 48 3.3. Construcción de modelo de evaluación de herramientas con IQMC. .......................... 49 x 3.3.1. Estudio del ámbito del software ........................................................................... 49 3.3.2. Determinación de las características de calidad ..................................................... 50 3.3.3. Refinamiento de la jerarquía de subcaracterísticas ................................................ 50 3.3.4. Refinamiento de subcaracterísticas en atributos ................................................... 51 3.3.5. Refinamiento de atributos derivados en básicos .................................................... 58 3.3.6. Establecer relaciones entre factores de calidad ..................................................... 62 3.3.7. Determinación de métricas para los atributos ....................................................... 63 3.3.8. Diseño de modelo de evaluación .......................................................................... 64 3.4. Aplicación de modelo de evaluación ........................................................................ 66 3.5. Resultados finales de evaluación. ............................................................................ 69 3.6. Desarrollo de caso de estudio ................................................................................. 70 3.6.1. Captura de requerimientos .................................................................................. 70 3.6.1.1. Descripción perfiles de usuario .......................................................................... 71 3.6.1.2. Casos de Uso .................................................................................................... 71 3.6.1.3. Descripción de casos de uso. ............................................................................. 72 3.6.2. Análisis y diseño .................................................................................................. 85 3.6.2.1. Modelo conceptual ........................................................................................... 85 3.6.2.2. Modelo de navegación ...................................................................................... 86 3.6.2.3. Modelo de presentación ................................................................................... 86 3.6.2.4. Modelo de proceso ........................................................................................... 90 3.6.3. Implementación .................................................................................................. 94 3.6.3.1. Herramientas utilizadas ..................................................................................... 94 3.6.3.2. Modelo físico de base de datos .......................................................................... 95 CAPÍTULO IV VALIDACIÓN DE RESULTADOS COMPARATIVOS ............................................................ 96 4.1. Metodología de encuesta ................................................................................... 96