“Año del Bicentenario del Perú: 200 años de Independencia”
I.E.S.T.P “SAN
MARTIN DE
PANGOA”
CURSO:
TEMA:
CATEDRÁTICO:
INTEGRANTE:
SECCIÓN:
Pangoa - 2021
1
14
DEDICATORIA
Primeramente, a Dios por su inmenso amor y misericordia por permitirnos
seguir con mi formación profesional a base de estudio y esfuerzo hasta lograr
mis objetivos y a mis padres que con su apoyo incondicional me han enseñado
que nunca se debe dejar de luchar por lo que se desea alcanzar.
14
Agradecimiento
En primer lugar, agradecemos a Dios por colmarnos de salud y permitirnos
realizar este proyecto de investigación, a nuestros padres por todo el apoyo y
tiempo incondicional que nos dedicaron en el transcurso de estos años, al
Docente de nuestro proyecto por su incalculable ayuda en la realización del
trabajo, nuestros compañeros de la carrera de computación y por último a
todas aquellas personas que de una u otra manera nos brindaron información
durante el proceso.
14
ÍNDICE
Caratula
Dedicatoria
Agradecimiento
Introducción 05
CAPÍTULO I
Planteamiento del problema
1.1 problema de investigación 06
1.2 Objetivos 07
CAPÍTULO II
Marco teórico
2.1 Front End 08
2.2 Programas que funcionar con Front End 08
2.2.1 HTML y CSS
2.2.2 JavaScript
2.2.3 jQuery
2.2.4 Experiencia con preprocesadores CSS
2.2.5 Experiencia con Restful web services y Apls
2.5.6 Probabilidad
2.5.7 Simulación
2.5.8 Distribución Weibull
2.5.9 Distribución de ji cuadrado
2.5.10 Distribución Beta
CAPÍTULO II
Marco teórico
3.1 Desarrollo de simulación Front End 12
3.2 Administración de perfiles y usuarios 12
3.3 Configuración general 13
3.4 Proceso de simulación 14
3.5 Consulta de resultados 14
2.6 Ingreso al aplicativo 15
Conclusión 13
Bibliografía 14
Anexos 15
14
INTRODUCCIÓN
El creciente uso de la web y el considerable interés en el campo de la
investigación, se genera la necesidad de desarrollar nuevas herramientas para
la toma de decisiones en numerosas disciplinas. En este proyecto se presenta
un módulo web Front End, que realiza simulaciones basadas en la generación
de números aleatorios con un rango entre 0 y 1, se puede utilizar en funciones
de probabilidad para la simulación, pero en este caso específico se presentan
tres funciones las cuales son: weibull, jicuadrado y beta, el objetivo es
encontrar el valor más cercano posible a la solución, calculando el promedio de
los resultados de la muestra generada, entre más puntos de simulación se
generen, más cercana es la estimación, aunque a su vez influyen las
condiciones iniciales y la exactitud del modelo implementado.
En el capitulo I, se detallarán hacer del problema de investigación donde el
desarrollo de una aplicación web Front End, que permita la simulación a partir
de las de las distribuciones de probabilidad Weibull, Ji cuadrado y Beta. Como
también se detallarán todos acerca de los objetivos.
En el capitulo II, el marco teórico nos permite conocer mas hacer de Front End
y los diversos programas que se necesitan para realización una simulación y el
diseño web que se desea construir.
En el capítulo III, el MODULO WEB FRONT END se presenta El programa
desarrollado brinda la posibilidad de realizar simulaciones con diferentes
distribuciones de probabilidad en este momento solo con Weibull, Ji cuadrado y
Beta, pero el programa quedará abierto para futuras distribuciones que se
deseen configurar. El objetivo es que estas simulaciones nos permitan
determinar el comportamiento de sistemas reales y complejos a través de
largos periodos.
14
CAPÍTULO I
PLANTEMIENTO DEL PROBLEMA
1.1 PROBLEMA DE INVESTIGACION
Las aplicaciones computacionales hoy en día juegan un papel muy
importante en nuestra sociedad, la dinámica de las soluciones
informáticas exige la disponibilidad de la información en todo momento,
convirtiéndose en una herramienta útil para el desarrollo de proyectos
en varios ámbitos, en este caso específico el desarrollo de una
aplicación web Front End, que permita la simulación a partir de las de
las distribuciones de probabilidad Weibull, Ji cuadrado y Beta.
Permitiendo la interacción del usuario de forma rápida y simple con la
aplicación.
Cuando el modelo matemático de un sistema es estudiado usando
simulación, se denomina modelo de simulación. El comportamiento del
sistema, de acuerdo a valores específicos de variables de entrada, se
evalúa corriendo el modelo de simulación por un período de tiempo
determinado. Un experimento de simulación se puede definir como una
prueba o una serie de pruebas, en las cuales se realizan cambios
significativos a las variables de entrada de un modelo de simulación, de
tal modo que se pueda observar e identificar las razones de los cambios
en las variables de salida. Cuando el número de variables de entrada es
grande y el modelo de simulación es complejo, el experimento de
simulación puede llegar a ser computacionalmente prohibitivo.1 Así la
simulación trata fundamentalmente de construir modelos abstractos en
una computadora de tal forma que describan la parte esencial del
comportamiento de un sistema de interés, pudiéndose entonces diseñar
y realizar experimentos con el modelo y posteriormente extraer
conclusiones de sus resultados.
14
En consecuencia, con la necesidad de herramientas, los programas de
aplicación computacional ofrecen la posibilidad de proveer al usuario la
capacidad de observación, usualmente mediante la visualización de
resultados, modelos que ilustran la naturaleza del problema bajo estudio
al igual que, las interacciones y procesos que tienen lugar en dicho
modelo. Las simulaciones computacionales han modificado
sustancialmente la relación entre teoría y experimentos, permitiendo que
el usuario interactúe con experimentos simulados que en algunos casos
son difíciles de realizar en el laboratorio. Por lo tanto, las simulaciones
computacionales pueden ayudar a los usuarios en la comprensión de
conceptos complejos y la interrelación entre lo empírico y lo teórico.
El problema radica en que no existe un módulo web Front End, para
entender el comportamiento de los modelos planteados en el título del
proyecto, por medio de simulaciones con distribuciones de probabilidad
evaluar el proceso de las funciones, permitiendo la contrastación de los
resultados experimentales con los datos simulados en la aplicación.
1.2 OBJETIVOS DEL PROYECTO
1.2.1 OBJETIVO GENERAL
Construir un módulo web front-end para el desarrollo de simulación
de simulación a partir de Weibull, Ji cuadrado y Beta.
1.2.2 OBJETIVO ESPECIFICO
- Identificar las entidades, atributos, propiedades y relaciones
asociadas a un módulo de usuario de un sistema web de
simulación multivariable.
- Desarrollar un módulo web Front End asociado al objetivo
anterior aplicable a la simulación a partir de Weibull, Ji cuadrado
y Beta.
14
- Validar la usabilidad y confiablidad del módulo desarrollado a
través de métricas de calidad.
CAPÍTULO II
MARCO TEÓRICO
2.1 FRONT END
Si bien el diseño web se refiere al aspecto de un sitio web, el
desarrollador Front End es quien en realidad se encarga de que esta sea
implementada. Debemos tener en mente que las páginas en internet son
una suma de capas: estructura, datos, diseño, contenido y funcionalidad.
Sin un desarrollador Front End que se encargue de tomar la base de
datos y el servidor y darles funcionalidad que el usuario logra entender y
utilizar, no existirían las páginas web como las conocemos. Al integrar
lenguajes de marcado, diseño, scripts y frameworks, se crea un
ambiente que cualquier persona puede ver y cliquear.
Por lo general, las responsabilidades de un desarrollador Front End
incluyen:
- Priorizar la experiencia del usuario
- Producción y mantenimiento de sitios web e interfaces de
aplicaciones.
- Crear herramientas que mejoren la interacción con el sitio web
en cualquier buscador.
- Implementar el diseño para sitios móviles.
- Tomar en cuenta las mejores prácticas de SEO.
- Probar la usabilidad de un sitio y resolver cualquier tipo de error.
2.2 PROGRAMAS QUE FUNCIONAN CON FRONT END
2.2.1 HTML y CSS
HTML (Hyper Text Markup Language) y CSS (Cascading Style Sheets)
son dos de las herramientas más básicas para codificar webs, por lo que
te ofrecen un buen punto de partida. HTML se utiliza para establecer el
14
contenido y la estructura de un documento, mientras que CSS se usa
para estilizarlo.
Sin estas, no es posible crear un diseño web y todo lo que se obtendrá
será texto simple sin formato en la pantalla. De hecho, ni siquiera es
posible visualizar imágenes sin HTML. La buena noticia es que, con un
poco de esfuerzo, es posible aprenderlas en unas cuantas semanas.
2.2.2 JavaScript (JS)
Es uno de los lenguajes de programación más populares en el mundo.
Permite añadir mayor funcionalidad a los sitios web. En su nivel más
básico, JavaScript se usa para crear y controlar aspectos como mapas
que se actualizan en tiempo real, películas interactivas y juegos en línea.
Sitios como Pinterest hacen uso intensivo de JavaScript para tener una
interfaz fácil de utilizar. Por lo tanto, es posible crear muchas nuevas
aplicaciones web básicas usando nada más que HTML, CSS y
JavaScript.
2.2.3 jQuery
Se trata de una colección de plugins y extensiones que hacen que crear
webs con JavaScript resulte mucho más simple y rápido. En lugar de
tener que codificar todo desde cero, jQuery permite añadir elementos ya
creados a un proyecto, para luego personalizarlos como sea necesario.
2.2.4 Experiencia con preprocesadores CSS
Estos son otro elemento que un desarrollador Front End puede utilizar
para agilizar el trabajo con CSS. Permite procesar el código antes de
publicarlo en la web y hace que resulte amigable con diversos
buscadores. Algunos de los que tienen mayor demanda actualmente son
SASS y LESS.
2.2.5 Experiencia con RESTful web services y APIs
Sin llegar a ser muy técnicos en este punto, REST son las siglas en
inglés para Transferencia de Estado Representacional. En palabras
14
simples, se trata de arquitectura ligera que simplifica las redes de
comunicaciones en la web.
En ese contexto, los servicios RESTful web y las APIs se adhieren a
aquella arquitectura. Si bien todo aquello suena bastante complicado y
técnico, en realidad son simples lineamientos y prácticas que te permiten
comunicarte con un servicio web. Este tendrá un desempeño más
confiable. Además, será más fácil de modificar y mover.
2.2.6 Probabilidad
La teoría de la probabilidad es la parte de las matemáticas que estudia
los fenómenos aleatorios. Estos deben contraponerse a los fenómenos
determinísticos, los cuales son resultados únicos y/o previsibles de
experimentos realizados bajo las mismas condiciones determinadas, por
ejemplo, si se calienta agua a 100 grados Celsius a nivel del mar se
obtendrá vapor. Los fenómenos aleatorios, por el contrario, son aquellos
que se obtienen como resultado de experimentos realizados otra vez
bajo las mismas condiciones determinadas, pero como resultado posible
poseen un conjunto de alternativas.
2.2.7 Simulación
La simulación es el proceso de diseñar un modelo de un sistema real y
llevar a término experiencias con él, con la finalidad de comprender el
comportamiento del sistema o evaluar nuevas estrategias dentro de los
límites impuestos por un cierto criterio o un conjunto de ellos para el
funcionamiento del sistema. Normalmente se acepta que las
simulaciones por computador hacen contribuciones particularmente
valiosas en la educación científica en los siguientes casos:
- Situaciones en las que realizar un experimento convencional es
extremadamente difícil o imposible.
- Situaciones en las que los aparatos necesarios para llevar a cabo
el experimento no se encuentran disponibles fácilmente, o son
demasiado caros o complicados para su uso general.
- Situaciones en las que el trabajo experimental es peligroso o
14
puede causar daños innecesarios.
- Situaciones en las que un experimento convencional tardaría un
tiempo inaceptablemente largo.
2.2.8 Distribución Weibull
El modelo de Weibull describe el comportamiento de sistemas o eventos
que tienen algún grado de variabilidad La función de la distribución de
probabilidad de Weibull.
Figura 1. Función de probabilidad Weibull
Con t igual o mayor a 0, siendo α igual o mayor a 0 el parámetro del
modelo.
2.2.9 Distribución Ji Cuadrado
La distribución ji cuadrado o chi cuadrado, es una función de
probabilidad que toma todas las muestras posibles de una población
normal y a cada muestra le calcula la varianza, y a su vez se debe
obtener la distribución muestral de las varianzas. Para estimar la
varianza poblacional o la desviación estándar, se necesita conocer el
estadístico. Si se elige una muestra de tamaño n de una población
normal con varianza.
Figura 2. Función de probabilidad Ji Cuadrado
Donde:
- Fij: Frecuencias observadas
- Fij: Frecuencia esperada
Esta fórmula implica la distancia al cuadrado euclidiana entre las
frecuencias observadas y las esperadas, por lo cual la fórmula registra
qué tan distante está lo observado de lo esperado bajo la hipótesis de
independencia.
2.2.10 Distribución Beta
La función de probabilidad Beta para variables aleatorias, está dada por:
14
Figura 3. Función de probabilidad Beta
Para valores enteros de α y β está relacionada con la función de
probabilidad Binomial
CAPÍTULO III
MODULO WEB FRONT END
3.1 DESARROLLO DE SIMULACIÓN FRONT END
El programa desarrollado brinda la posibilidad de realizar simulaciones
con diferentes distribuciones de probabilidad en este momento solo con
Weibull, Ji cuadrado y Beta, pero el programa quedará abierto para
futuras distribuciones que se deseen configurar. El objetivo es que estas
simulaciones nos permitan determinar el comportamiento de sistemas
reales y complejos a través de largos periodos.
Como anteriormente ya se ha mencionado, el aplicativo trabaja con el
algoritmo Monte Carlo para generar números aleatorios, dichos números
son utilizados para generar x números de simulaciones de acuerdo a lo
que el usuario lo considere conveniente. Estas simulaciones dependen
de la distribución seleccionada, puesto que los números generados
serán utilizados en las fórmulas que componen las simulaciones.
Para lograr resultados más acertados el programa permite hacer
replicas, que consiste en repetir x veces las simulaciones realizadas.
3.2 ADMINISTRACIÓN DE PERFILES Y USUARIOS
El programa cuenta con dos perfiles inicialmente Administrador e
Investigador, pero permite crear más perfiles de ser necesario.
Figura 4. Lista de perfiles
14
Al igual que los perfiles, los usuarios tampoco tienen limite y pueden ser
creados tantos se consideren. Estos usuarios deben quedar atados a un
perfil.
Figura 5. Lista de usuarios
Tanto perfiles como usuarios pueden ser inactivados en cualquier
momento.
3.3 CONFIGURACIÓN GENERAL
Es necesario tener cierto control en algunas características o
funcionalidades que ofrece la aplicación como el número de
simulaciones o el número de réplicas, por ello se crea una opción en la
aplicación a la cual solo tiene acceso el administrador en la cual puede
hacer las configuraciones pertinentes, como se puede ver en la siguiente
figura.
Figura 6. Configuración General
14
3.4 PROCESO DE SIMULACIÓN
Luego de tener la configuración realizada, se puede proceder a realizar
simulaciones. Para esto es necesario saber que distribución se va a
utilizar y digitar ciertos valores que dependiendo de la distribución
seleccionada.
Figura 7. Proceso de simulación
Como se observa en la Figura 7, además de digitar los valores de
acuerdo a la distribución, se deben digitar cuantas simulaciones y
replicas requiere la simulación. Internamente el programa valido que los
valores aquí digitados sean acordes los valores configurados
previamente.
Luego de realizada la simulación, el programa genera un consecutivo
para poder consultar los resultados de dicha simulación en cualquier
momento.
3.5 CONSULTA DE RESULTADOS
En esta opción se pueden consultar las simulaciones realizadas. Con los
consecutivos generados al momento de realizar la simulación, se
pueden consultar dichos resultados. Es de aclarar que solo se pueden
consultar las simulaciones realizadas por el usuario que en ese
momento se encuentre en el sistema, es decir, no se pueden consultar
14
simulaciones realizadas por otros usuarios. Internamente las
simulaciones quedan atadas a un usuario, esto con el fin de tener un
control de las simulaciones realizadas y seguridad de la información.
Figura 8. Resultado y Gráficos
Como se observa en la figura x, los resultados que nos arroja la
simulación es una serie de datos estadísticos que permiten determinar si
el proceso realizado es factible o no y adicionalmente grafica los
resultados generados de las réplicas que nos permite una lectura mucho
más clara de la simulación.
3.6 INGRESO AL APLICATIVO
Con el cliente se definió que cualquier
persona puede realizar simulaciones, pero
estas simulaciones solo serán temporales.
Es posible guardar dichas simulaciones,
14
pero es necesario estar registrado en el sistema y tener un usuario y un
password para acceder al aplicativo y así poder guardar y consultar las
simulaciones realizadas.
CONCLUSIÓN
- El proyecto se centra en el desarrollo de una herramienta web para la
simulación basado en las funciones de probabilidad Weibull, Ji
cuadrado y Beta, las cuales se fundamentan en buscar el valor
óptimo.
- La aplicación brinda facilidad de interacción entre el usuario y la
interfaz gráfica. Respecto a accesibilidad permite el ingreso a la
aplicación independientemente del hardware o software utilizado por
el usuario solo es necesario contar con una conexión a internet y un
navegador Web.
- Por último, con la utilización de la aplicación propuesta se obtienen
beneficios de carácter investigativo permitiendo asociar los
indicadores basados en las métricas de calidad ya mencionadas para
representar el grado de satisfacción de usuario.
14
BIBLIOGRAFÍA
- MARTÍNEZ, Mario, estudio mecánico y físico químico del asfalto
modificado con desecho de caucho y cuero mediante análisis
experimental y métodos computacionales de búsqueda. Universidad
Católica de Colombia. Bogotá 2017.
- CORZO, Otoniel y BRACHO, Nelson. Aplicación del modelo de
weibull normalizado en la deshidratación osmótica de láminas de
sardina. Argentina 2009,
- RAMÍREZ MONÁRDEZ, Milton. Optimización en simulación vía
inteligencia artificial: Aplicación a un problema de manejo de
materiales. Perú 2001.
- MONTEJO, A. Ingeniería de Pavimentos para Carreteras.
Universidad Católica de Colombia. Bogotá D.C. 2002
14
ANEXO 01
14
ANEXO 02
14
ANEXO 03
14
