Select Git revision
divisas.html
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
divisas.html 11.92 KiB
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>TFG Víctor Arranz Barcenilla</title>
<link rel = "stylesheet" type = "text/css" href = "../estilos.css"/>
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
<script src = "https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src = "../main.js"></script>
</head>
<body>
<div class="container" id = "container_header">
<h3>
<span>TFG Víctor Arranz Barcenilla</span>
</h3>
<p></p>
<h3>
<span>Divisas</span>
</h3>
<a href="/html_files/ayuda.html" class="btn btn-circle" role="button" aria-pressed="true">Ayuda<i class='bx bxs-help-circle'></i></a>
</div>
<div class = "col-md-2 sidebar" id = "div_sidebar">
<div class = "logo_content">
<div class = "logo_name"><p/></div>
<img id = "imagen_uva_arriba" src = "/images/logo_uva.png">
<i class='bx bx-menu' id = "boton_menu"></i>
<ul class="nav_list">
<li>
<a href = "../index.html">
<i class='bx bx-home' ></i>
<span class="links_name">Inicio</span>
</a>
<span class="tooltip">Inicio</span>
</li>
<li>
<a href = "/html_files/ventana_mercados.html">
<i class='bx bx-money' ></i>
<span class="links_name">Mercados</span>
</a>
<span class="tooltip">Mercados</span>
<div class = "submenu">
<ul>
<li>
<a href = "/html_files/sp500.html">
<i class='bx bx-line-chart' ></i>
<span class="links_name2">S&P 500</span>
</a>
</li>
<li>
<a href = "/html_files/nasdaq100.html">
<i class='bx bx-line-chart' ></i>
<span class="links_name2">NASDAQ 100</span>
</a>
</li>
<li>
<a href = "/html_files/ibex35.html">
<i class='bx bx-line-chart' ></i>
<span class="links_name2">IBEX 35</span>
</a>
</li>
<li>
<a href = "/html_files/eurostoxx50.html">
<i class='bx bx-line-chart' ></i>
<span class="links_name2">EURO STOXX 50</span>
</a>
</li>
<li>
<a href = "/html_files/criptodivisas.html">
<i class='bx bx-bitcoin' ></i>
<span class="links_name2">Criptodivisas</span>
</a>
</li>
<li>
<a href = "/html_files/materias.html">
<i class='bx bx-cube' ></i>
<span class="links_name2">Materias primas</span>
</a>
</li>
<li>
<a href = "/html_files/divisas.html">
<i class='bx bx-dollar' ></i>
<span class="links_name2">Divisas</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href = "/html_files/ventana_analisis.html">
<i class='bx bx-candles' ></i>
<span class="links_name">Análisis de valores</span>
</a>
<span class="tooltip">Análisis de valores</span>
</li>
<li>
<a href = "/html_files/ventana_optimizacion.html">
<i class='bx bx-briefcase' ></i>
<span class="links_name">Optimización de carteras</span>
</a>
<span class="tooltip">Optimización de carteras</span>
</li>
<li>
<a href = "/html_files/ventana_regresion.html">
<i class='bx bx-scatter-chart' ></i>
<span class="links_name">Regresión de índices</span>
</a>
<span class="tooltip">Regresión de índices</span>
</li>
<li>
<a href = "/html_files/ventana_simulacion.html">
<i class='bx bx-line-chart' ></i>
<span class="links_name">Simulación de carteras</span>
</a>
<span class="tooltip">Simulación de carteras</span>
</li>
<li>
<a href = "/html_files/ventana_prediccion.html">
<i class='bx bx-network-chart' ></i>
<span class="links_name">Modelos de predicción</span>
</a>
<span class="tooltip">Modelos de predicción</span>
</li>
<li>
<a href = "/html_files/ventana_clustering.html">
<i class='bx bx-grid-alt' ></i>
<span class="links_name">Análisis de grupos</span>
</a>
<span class="tooltip">Análisis de grupos</span>
</li>
</ul>
</div>
</div>
<div id = "div_descripcion2">
El <span style = "font-weight: bolt;">Mercado de divisas</span> o mercado <span style = "font-weight: bold; font-style: italic;">Forex</span> es
un mercado en el que es negocia con las <span style = "font-weight: bold;">monedas</span> de los distintos países del mundo.
Este mercado es el que mayor flujo tiene a nivel mundial, llegando a superar en varios billones estadounidenses (1.000.000.000 dólares)
el flujo económico de todas las bolsas del mundo combinadas.<br>
Algunos ejemplos de monedas que cotizan en este mercado son: Euro (EUR), Dólar americano (USD) y Libra esterlina (GBP).
</div>
<div id = "ventana_divisas" class = "container-fluid">
<div class = "row m-0">
<div class = "col-sm-12">
<div id = "divisas" class = "shiny-table-output">
<iframe scrolling = "no" src = "/shiny-apps/panel_divisas/" style = "width: 100%; height: 100%"></iframe>
</div>
</div>
</div>
</div>
<footer class="footer" id = "footer">
<div class="container">
<div class="row">
<div class="text-center py-3">
<ul class="list-inline mb-2"></ul>
<p class="text-muted small mb-4 mb-lg-0">© TFG Víctor Arranz Barcenilla<br>
Ingeniería Informática + Estadística - Universidad de Valladolid</p>
<a id = "enlace_proyecto" href = "https://gitlab.inf.uva.es/victarr/tfg_informatica" target = "_blank"><i class='bx bxl-github'>Ver proyecto</i></a>
</div>
</div>
</div>
</footer>
<script>
/*Gestion del despliegue y ocultacion del menu lateral*/
let boton = document.getElementById("boton_menu");
let sbar = document.getElementById("div_sidebar")
var div_descr = document.getElementById("div_descripcion2");
var shiny = document.getElementById("divisas");
var container_h = document.getElementById("container_header");
var footer = document.getElementById("footer");
var media = window.matchMedia("screen and (max-width: 700px)");
if(sessionStorage.getItem("menu") == "cerrado"){
if(!media.matches){
div_descr.style.margin = "auto auto auto 5%";
div_descr.style.width = "95%";
shiny.style.margin = "auto auto auto 5%";
shiny.style.width = "95%";
container_h.style.width = "90%";
container_h.style.margin = "auto auto auto auto";
}
else{
div_descr.style.margin = "auto auto auto 320px";
div_descr.style.width = "calc(100% - 320px)";
container_h.style.margin = "auto auto auto calc(300px + 7%)";
container_h.style.width = "calc(93% - 300px)";
shiny.style.margin = "auto auto auto 300px";
shiny.style.width = "calc(100% - 300px)";
shiny.style.height = "1000px";
footer.style.margin = "100px auto auto auto";
}
}
boton.onclick = function(){
sbar.classList.toggle("active");
if(sbar.className == "col-md-2 sidebar"){
if(!media.matches){
div_descr.style.margin = "auto auto auto 5%";
div_descr.style.width = "95%";
shiny.style.margin = "auto auto auto 5%";
shiny.style.width = "95%";
container_h.style.width = "90%";
container_h.style.margin = "auto auto auto auto";
}
else{
div_descr.style.margin = "auto auto 30% 20%";
div_descr.style.width = "100%";
container_h.style.margin = "10%";
container_h.style.width = "100%";
shiny.style.margin = "auto auto auto 20%";
shiny.style.width = "100%";
}
}
else{
div_descr.style.margin = "auto auto auto 320px";
div_descr.style.width = "calc(100% - 320px)";
container_h.style.margin = "auto auto auto calc(300px + 7%)";
container_h.style.width = "calc(93% - 300px)";
shiny.style.margin = "auto auto auto 300px";
shiny.style.width = "calc(100% - 300px)";
shiny.style.height = "1000px";
footer.style.margin = "100px auto auto auto";
}
}
</script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
</body>
</html>