CONTENIDO

Página

GLOSARIO DE TERMINOS ....................................................................................................................................2

1. INTRODUCCION ..............................................................................................................................................3

2. OBJETIVOS .....................................................................................................................................................4

3 CONTENIDO Y DESARROLLO ......................................................................................................................5

4 REFERENCIAS BIBLIOGRÁFICAS ..............................................................................................................16

5 ANEXOS .........................................................................................................................................................17
 GLOSARIO DE TERMINOS

Base de datos: es un conjunto de datos relacionados entre sí que se organizan mediante tablas y
relaciones que pertenecen a un mismo contexto y se almacenan sistemáticamente.

Servidor: Es un equipo informático encargado de guardar y/o suministrar información a una serie de
estaciones clientes.

Servidor de aplicaciones: Es un servidor que contiene aplicaciones o servicios informáticos que

estaciones clientes consultan.

Servidor de base de datos: Es un servidor que aloja bases de datos en el para ser consultada por
usuarios o aplicaciones.

SQL: (Structured Query Lenguaje) Lenguaje de consulta estructurado.

1. INTRODUCCION
 2. OBJETIVOS

 Actualizar el componente web responsive Bootstrap a la versión 4.4.1 y realizar los

correspondientes ajustes al sitio.

 Actualizar el componente web JQuery a la versión 3.4.1 y/o compatible con los demás componentes
y realizar los correspondientes ajustes al sitio.

 Actualización e implementación del componente web para graficas Plot.ly a la versión 1.52.3 y
realizar los correspondientes ajustes al sitio.

 Documento informe del desarrollo de las actividades.

 3 CONTENIDO Y DESARROLLO

3.1 TECNOLOGÍA UTILIZADA Y ARQUITECTURA DEL SOFTWARE

Para el desarrollo de la aplicación se consideraron las siguientes dimensiones:

 Ambiente de desarrollo: basado en Sistema Operativo Windows 10, Servidor de aplicaciones
Internet Information Server 10, Lenguaje de Programación ASP.Net VB.Net.
 Base de datos: Microsoft SQL Server versión 2012.
 Herramienta de control de versiones: Azure DevOps.
 Desarrollo: Utilización del Entorno Integrado de Desarrollo Visual Studio 2019 para la programación
en ASP.Net VB.Net, JavaScript, CSS, XML y HTML.
 Librerías: Bootstrap, jQuery, plot.ly.

3.2 DOCUMENTACIÓN

Tabla 1: Documentos técnicos

Etapa Nombre Tipo Descripción

1-Requerimientos Documento Microsoft Tiene consignado los requerimientos
Requerimientos
del Sistema Word y/o necesidades del sistema
2-Analisis del Documento Microsoft Contiene el análisis de la solución,
Análisis Sistema Word comprende la arquitectura y bocetos
de interfaces de usuarios.
3-Diseño del Documento Microsoft Contiene el diseño de la solución,
Sistema Word comprende la arquitectura,
Diseño
estructura de datos, roles y casos de
uso del sistema.
4-Codigo fuente Archivo zip Archivo comprimido que contiene el
proyecto de Visual Studio y el código
fuente de la aplicación
4-Esquema BD Archivo zip Archivo comprimido que contiene el
Desarrollo script en SQL del esquema de la
base de datos de la aplicación
4-Datos BD Archivo zip Archivo comprimido que contiene el
script en SQL de los datos de la base
de datos de la aplicación
Etapa Nombre Tipo Descripción
4-Guia de Documento Microsoft Contiene la información sobre la
despliegue Word secuencia de publicación de la
aplicación en los entornos de calidad
y producción.
5-Manual de Usuario Documento Microsoft Contiene las indicaciones de uso de
- Administrador-v4 Word las funcionalidades para el usuario
Administrador.
5-Manual de Usuario Documento Microsoft Contiene las indicaciones de uso de
- Consultor-v4 Word las funcionalidades para el usuario
Consultor.
5-Manual de Usuario Documento Microsoft Contiene las indicaciones de uso de
Manual de
- Especialista-v4 Word las funcionalidades para el usuario
Usuario y
Especialista.
Scripts de
5-Manual de Usuario Documento Microsoft Contiene las indicaciones de uso de
Pruebas
- QAQC-v4 Word las funcionalidades, para el módulo
de registro de monitoreos QAQC.
5-Manual de Documento Microsoft Contiene las indicaciones de uso de
Usuario-v4 Word las funcionalidades.
5-Scripts de Pruebas Archivo zip Contiene los scripts 1. Archivo
comprimido (ZIP) de los scripts de
pruebas en Selenium IDE.

Fuente: Autores
 Tabla 2. Matriz de herramientas y tecnologías esquema de calidad (servidor de aplicaciones y de base de
datos)

Matriz de herramientas y/o tecnologías

Capa \ Nivel Capa Presentación y Capa de Capa de Integración o Sistemas
Control (Lógica de negocio acceso a datos Externos o Base
Presentación) (Lógica del (Acceso a Datos) de datos
Negocio)
APIs / ASP.Net MVC 5.2.7 Clases de ADO.NET Entity SQL
Frameworks VB.Net, JSON servicio Framework 6.2
APIs .Net Framework 4.8 N/A
transversales
Producto Internet Information Server Clúster SQL Server
2012 Enterprise

Sistema Windows Server 2016 Windows Server

Operativo 2012
Hardware Intel Server Intel Server

Tabla 3. Matriz de herramientas y tecnologías esquema de producción (servidor de aplicaciones y de base de

datos)

Matriz de herramientas y/o tecnologías

Capa \ Nivel Capa Presentación y Capa de Capa de Integración Sistemas Externos
Control (Lógica de negocio o acceso a datos o Base de datos
Presentación) (Lógica del (Acceso a Datos)
Negocio)
APIs / ASP.Net MVC 5.2.7 Clases de ADO.NET Entity SQL
Frameworks VB.Net, JSON servicio Framework 6.2
APIs .Net Framework 4.8 N/A
transversales
Producto Internet Information Server Clúster SQL Server
2012 Enterprise

Sistema Windows Server 2016 Windows Server

Operativo 2012
Hardware Intel Server Intel Server
3.3 ACTUALIZACION DE COMPONENTES.

Actualmente el proyecto se encuentra desarrollado en ASP.NET MVC 5.2.7, bajo el framework .NET
versión 4.8.

Se realizó revisión bibliográfica para contemplar el cambio del framework .NET a .NET Core 3.0. El
framework .NET Core 3.0 cuenta con la implementación de VisualBasic.NET para desarrollo web.
Desafortunadamente, Razor no soporta el lenguaje VisualBasic.NET.
(https://www.variablenotfound.com/2018/01/se-pueden-desarrollar-aplicaciones.html)

Tabla 4. Relación de Cambios en la Estructura de Carpetas del Proyecto

Content Estilos Por ajustes de versiones, se cambiaron todos los archivos.

El archivo "Site.css", se reescribió en función de los ajustes realizados al Bootstrap
en su versión anterior y el anterior "Site.css".
Los archivos de las nuevas versiones se mantienen como vienen originalmente, en
"Site.css" se realiza la sobreescritura de los estilos.
Se reajustan rutas donde se requieren los archivos de estilos.
Controllers Controladores No se realizaron ajustes ya que los cambios están relacionados a la capa de
presentación o vistas de aplicación.
fonts Fuentes Por ajustes de versiones, se cambiaron todos los archivos.
FormViewModels Modelos de No se realizaron ajustes ya que los cambios están relacionados a la capa de
Vistas de presentación o vistas de aplicación.
Formularios
img Imágenes Se agregaron las nuevas imágenes teniendo en cuenta el ajuste de diseño.
Models Modelo de base No se realizaron ajustes ya que los cambios están relacionados a la capa de
de datos presentación o vistas de aplicación.
Scripts Librerías Por ajustes de versiones, se cambiaron todos los archivos.
JavaScript Los archivos de las nuevas versiones se mantienen como vienen originalmente.
Se reajustan rutas donde se requieren los archivos de estilos.
Bies Vistas Se realizaron ajustes de estilos teniendo en cuenta el documento "Bootstrap 4.3.1
- Migrating to v4 - Hito 1.docx", descargado del sitio oficial del componente
Bootstrap 4.3.1 (https://getbootstrap.com/docs/4.4/migration/)

Se realizaron ajustes a:
*Estilos eliminados
*Cambio de nombre de estilos
*Cambios de estructuras de estilos
*Cambios en el uso de etiquetas HTML
*Ajuste de valores predeterminados de propiedades de estilos
*Funciones JavaScript eliminadas
*Cambio de nombre de funciones JavaScript
*Cambios de estructuras y parámetros de funciones JavaScript
Aplicables a:
*Imágenes
*Tablas
*Menú
*carousel
*paginación
*Encabezado de la página
*cuerpo de la página
*pie de página
*Grillas (Grids)
*Paneles flotantes.
Web.config Configuración Se realizaron los ajustes teniendo en cuenta la actualización de los diferentes
del sitio web componentes relacionados a Microsoft ASP.NET MVC (5.2.3 --> 5.2.7)
 Tabla 5. Lista de Componentes Actualizados en el Proyecto

Versión Versión
Componente Detalle Ajustes Realizados
Anterior Actualizada
ANother Tool for Language Recognition, is a language tool that
provides a framework for constructing recognizers, interpreters,
Antlr 3.4.1.9004 3.5.0.2
compilers, and translators from grammatical descriptions
containing actions in a variety of target languages.
Estilos eliminados
Cambio de nombre de estilos
Cambios de estructuras de estilos
Cambios en el uso de etiquetas
HTML
Ajuste de valores predeterminados
de propiedades de estilos
The most popular front-end framework for developing Funciones JavaScript eliminadas
BootStrap 3.4.1 4.4.1
responsive, mobile first projects on the web. Cambio de nombre de funciones
JavaScript
Cambios de estructuras y
parámetros de funciones JavaScript

Imágenes, tablas, menú, carousel,

paginación, cuerpo de la página, pie
de página, grillas, paneles flotantes.
Entity Framework 6 (EF6) is a tried and tested object-relational
EntityFramework 6.1.3 6.2.0 mapper for .NET with many years of feature development and Actualización del modelo generado.
stabilization.
Este paquete contiene los ensamblados satélites de español para
EntityFramework.es 6.1.3 6.2.0
Entity Framework
EPPlus 4.5.1 4.5.3.3 Create advanced Excel spreadsheets using .NET
jQuery is a new kind of JavaScript Library. jQuery is a fast and Funciones JavaScript eliminadas
concise JavaScript Library that simplifies HTML document Cambio de nombre de funciones
jQuery 1.10.2 3.4.1 traversing, event handling, animating, and Ajax interactions for JavaScript
rapid web development. jQuery is designed to change the way Cambios de estructuras y
that you write JavaScript. parámetros de funciones JavaScript
This jQuery plugin makes simple clientside form validation trivial,
while offering lots of option for customization. That makes a good
choice if you’re building something new from scratch, but also
when you’re trying to integrate it into an existing application with
jQuery.Validation 1.11.1 1.19.1 lots of existing markup. The plugin comes bundled with a useful
set of validation methods, including URL and email validation,
while providing an API to write your own methods. All bundled
methods come with default error messages in english and
translations into 32 languages.

Microsoft.ApplicationInsights
Microsoft.ApplicationInsights.
Agent.Intercept
Microsoft.ApplicationInsights.
DependencyCollector
Microsoft.ApplicationInsights.
PerfCounterColl
Microsoft.ApplicationInsights.
Web
Microsoft.ApplicationInsights.
WindowsServer
Microsoft.ApplicationInsights.
WindowsServer.TelemetryChannel
Microsoft.AspNet.Identity.
Core
Microsoft.AspNet.Identity.
Core.es
Microsoft.AspNet.Identity.
EntityFrame
Microsoft.AspNet.Identity.
EntityFramework.es
Microsoft.AspNet.
Identity.Owin
Microsoft.AspNet.
Identity.Owin.es
Application Insights Base API. This package provides core
functionality for transmission of all Application Insights Telemetry
Types and is a dependent package for all other Application
2.2.0 2.12.1
Insights packages. Please install the platform specific package for
the best experience. Privacy statement:
https://go.microsoft.com/fwlink/?LinkId=512156
This NuGet enables Interception of method calls. Privacy
2.0.6 2.4.0
statement: https://go.microsoft.com/fwlink/?LinkId=512156
Application Insights Dependency Collector for .NET applications.
This is a dependent package for Application Insights platform
specific packages and provides automatic collection of
2.2.0 2.12.1
dependency telemetry. Please install the platform specific
packages directly for the best experience. Privacy statement:
https://go.microsoft.com/fwlink/?LinkId=512156
Application Insights Performance Counters Collector allows you
to send data collected by Performance Counters to Application
2.2.0 2.12.1
Insights. Privacy statement:
https://go.microsoft.com/fwlink/?LinkId=512156
Application Insights for .NET web applications. Privacy statement:
2.2.0 2.12.1
https://go.microsoft.com/fwlink/?LinkId=512156
Application Insights Windows Server nuget package provides
automatic collection of application insights telemetry for .NET
applications. This package can be used as a dependent package
2.2.0 2.12.1 for Application Insights platform specific packages or as a
standalone package for .NET applications that are not covered by
platform specific packages (like for .NET worker roles). Privacy
statement: https://go.microsoft.com/fwlink/?LinkId=512156
This nuget provides a telemetry channel to Application Insights
Windows Server SDK that will preserve telemetry in offline
2.2.0 2.12.1 scenarios. This is a dependent package, for the best experience
please install the platform specific package. Privacy statement:
https://go.microsoft.com/fwlink/?LinkId=512156
2.2.1 2.2.3 Core interfaces for ASP.NET Identity.
Este paquete contiene los ensamblados de español para las
2.2.1 2.2.3
bibliotecas de ASP.NET Identity Core.
2.2.1 2.2.3 ASP.NET Identity providers that use Entity Framework.
Este paquete contiene los ensamblados satélite de español para
2.2.1 2.2.3
las bibliotecas de ASP.NET Identity Entity Framework.
2.2.1 2.2.3 Owin implementation for ASP.NET Identity.
Este paquete contiene los ensamblados satélite de español para
2.2.1 2.2.3
las bibliotecas de ASP.NET Identity Owin.
 This package contains the runtime assemblies for ASP.NET MVC.
ASP.NET MVC gives you a powerful, patterns-based way to build
Microsoft.AspNet.Mvc 5.2.3 5.2.7
dynamic websites that enables a clean separation of concerns
and that gives you full control over markup.
Este paquete contiene los ensamblados satélites en español para
Microsoft.AspNet.Mvc.es 5.2.3 5.2.7
ASP.NET MVC.
This package contains the runtime assemblies for ASP.NET Web
Pages. ASP.NET Web Pages and the new Razor syntax provide a
Microsoft.AspNet.Razor 3.2.3 3.2.7
fast, terse, clean and lightweight way to combine server code
with HTML to create dynamic web content.
Este paquete contiene los ensamblados satélites en español para
Microsoft.AspNet.Razor.es 3.2.3 3.2.7
ASP.NET Razor.
This package contains everything you need to host ASP.NET Web
API on IIS. ASP.NET Web API is a framework that makes it easy to
Microsoft.AspNet. build HTTP services that reach a broad range of clients, including
5.2.3 5.2.7
WebApi browsers and mobile devices. ASP.NET Web API is an ideal
platform for building RESTful applications on the .NET
Framework.
This package adds support for formatting and content negotiation
Microsoft.AspNet.
5.2.3 5.2.7 to System.Net.Http. It includes support for JSON, XML, and form
WebApi.Client
URL encoded data.
Microsoft.AspNet. Este paquete contiene los ensamblados satélites en español para
5.2.3 5.2.7
WebApi.Client.es las ASP.NET Web API Client Libraries.
This package contains the core runtime assemblies for ASP.NET
Web API. This package is used by hosts of the ASP.NET Web API
Microsoft.AspNet. runtime. To host a Web API in IIS use the
5.2.3 5.2.7
WebApi.Core Microsoft.AspNet.WebApi.WebHost package. To host a Web API
in your own process use the Microsoft.AspNet.WebApi.SelfHost
package
Microsoft.AspNet. Este paquete contiene los ensamblados satélites en español para
5.2.3 5.2.7
WebApi.Core.es las Microsoft ASP.NET Web API Core Libraries (RC).
This package contains everything you need to host ASP.NET Web
API on IIS. ASP.NET Web API is a framework that makes it easy to
Microsoft.AspNet. build HTTP services that reach a broad range of clients, including
5.2.3 5.2.7
WebApi.WebHost browsers and mobile devices. ASP.NET Web API is an ideal
platform for building RESTful applications on the .NET
Framework.
Microsoft.AspNet. Este paquete contiene los ensamblados satélites en español para
5.2.3 5.2.7
WebApi.WebHost.es ASP.NET Web API Web Host.
Microsoft.AspNet. This package contains core runtime assemblies shared between
3.2.3 3.2.7
WebPages ASP.NET MVC and ASP.NET Web Pages.
Microsoft.AspNet. Este paquete contiene los ensamblados satélites en español para
3.2.3 3.2.7
WebPages.es ASP.NET Web Pages 3.
 Replacement CodeDOM providers that use the new .NET
Compiler Platform ("Roslyn") compiler as a service APIs. This
Microsoft.CodeDom.
1.0.7 2.0.1 provides support for new language features in systems using
Providers.DotNetCom
CodeDOM (e.g. ASP.NET runtime compilation) as well as
improving the compilation performance of these systems.
Microsoft.jQuery.
3.2.3 3.2.11 jQuery plugin that unobtrusively sets up jQuery.Validation.
Unobtrusive.Validatio
.NET Compilers package. Referencing this package will cause the
project to be built using the specific version of the C# and Visual
Microsoft.Net. Basic compilers contained in the package, as opposed to any
2.1.0 3.4.0
Compilers system installed version. This package can be used to compile
code targeting any platform, but can only be run using the
desktop .NET 4.7.2+ Full Framework.
Provides a set of helper types and abstractions for simplifying the
Microsoft.Owin 3.0.1 4.1.0
creation of OWIN components.
Este paquete contiene los ensamblados satélite de español para
Microsoft.Owin.es 3.0.1 4.1.0
Microsoft Owin
Microsoft.Owin. OWIN server that enables OWIN-based applications to run on IIS
3.0.1 4.1.0
Host.SystemWeb using the ASP.NET request pipeline.
Microsoft.Owin. Este paquete contiene los ensamblados satélite en español para
3.0.1 4.1.0
Host.SystemWeb.es host de ASP.NET para aplicaciones web OWIN.
Microsoft.Owin. Common types which are shared by the various authentication
3.0.1 4.1.0
Security middleware components.
Microsoft.Owin. Middleware that enables an application to use cookie based
3.0.1 4.1.0
Security.Cookies authentication, similar to ASP.NET's forms authentication.
Microsoft.Owin. Este paquete contiene los ensamblados satélite en español de
3.0.1 4.1.0
Security.es Microsoft Owin Security
Microsoft.Owin. Middleware that enables an application to support Facebook's
3.0.1 4.1.0
Security.Facebook OAuth 2.0 authentication workflow.
Microsoft.Owin.Security. Este paquete contiene los ensamblados satélite en español para
3.0.1 4.1.0
Facebook.es Microsoft Owin Security Facebook
Microsoft.Owin.Security. Contains middlewares to support Google's OAuth 2.0
3.0.1 4.1.0
Google authentication workflow.
Este paquete contiene los ensamblados satélite en español para
Microsoft.Owin.Security.Google.es 3.0.1 4.1.0
Microsoft Owin Security Google
Microsoft.Owin.Security. Middleware that enables an application to support the Microsoft
3.0.1 4.1.0
MicrosoftAccount Account authentication workflow.
Microsoft.Owin.Security. Este paquete contiene los ensamblados satélite en español para
3.0.1 4.1.0
MicrosoftAccount.es Microsoft Owin Security Microsoft Account
Middleware that enables an application to support any standard
Microsoft.Owin.Security.OAuth 3.0.1 4.1.0
OAuth 2.0 authentication workflow.
Middleware that enables an application to support Twitter's
Microsoft.Owin.Security.Twitter 3.0.1 4.1.0
OAuth 2.0 authentication workflow.
 Este paquete contiene los recursos en español para Microsoft
Microsoft.Owin.Security.Twitter.es 3.0.1 4.1.0
Owin Security Twitter
Modernizr adds classes to the <html> element which allow you to
target specific browser functionality in your stylesheet. You don't
actually need to write any Javascript to use it. Modernizr is a
Modernizr 2.6.2 2.8.3 small and simple JavaScript library that helps you take advantage
of emerging web technologies (CSS3, HTML5) while still
maintaining a fine level of control over older browsers that may
not yet support these new technologies.
Newtonsoft.Json 6.0.4 12.0.3 Json.NET is a popular high-performance JSON framework for .NET Actualización de estructuras JSON
The goal of this script is to provide a fast and lightweight (3kb
minified / 1kb gzipped) script to enable responsive web designs in
browsers that don't support CSS3 Media Queries - in particular,
Respond 1.2.0 1.4.2
Internet Explorer 8 and under. It's written in such a way that it
will probably patch support for other non-supporting browsers as
well (more information on that soon).
System.DirectoryServices 4.5.0 4.7.0 Provides easy access to Active Directory Domain Services.
The best WYSIWYG editor! TinyMCE is a platform independent
web based Javascript HTML WYSIWYG editor control released as Cambios en la invocación de
Open Source under LGPL by Ephox Corp. TinyMCE has the ability funciones
TinyMCE 5.0.16 5.2.0
to convert HTML TEXTAREA fields or other HTML elements to Cambios de estructuras y
editor instances. TinyMCE is very easy to integrate into other parámetros de funciones
Content Management Systems.
Web Grease is a suite of tools for optimizing JavaScript, CSS files
WebGrease 1.5.2 1.6.0
and images.
3.4 BASE DE DATOS

Los servidores de base de datos son Microsoft SQL Server versión 2012. La base de datos cuenta con
más de 80 tablas. A continuación, se presentan los modelos de base de datos definidos para la
aplicación web.

Tabla 6. Configuración de los entornos de los servidores de bases de datos

Entorno Procesadores Memoria RAM (Gb) Tamaño asignado

(Mb)
Desarrollo 8 16 1000
Calidad 6 30 1050
Producción 32 256 800

3.5 DATOS DE LA INSTALACION Y/O DESPLIEGUE

3.5.1 Publicación de la aplicación

Ver documento anexo 4-Guia de despliegue.docx.

 4 REFERENCIAS BIBLIOGRÁFICAS

The Art of Software Testing, Second Edition, Glendform J. Myers, John Wiley & Sons, Inc., 2004.

Guía de bolsillo TOGAF® Versión 9.1, THE OPEN GROUP. ES. 2013
 5 ANEXOS

1. Documento (Microsoft Word) de Requerimientos del Sistema.

2. Documento (Microsoft Word) de Análisis del Sistema.

3. Documento (Microsoft Word) de Diseño del Sistema.

4. Documento (Microsoft Word) de Despliegue del Sistema.

5. Archivo comprimido (ZIP) del proyecto y código fuente del Sistema.

6. Archivo comprimido (ZIP) del script SQL del esquema de la base de datos.

7. Archivo comprimido (ZIP) del script SQL de los datos de la base de datos.

8. Documentos (Microsoft Word) de Manual de Usuario.