WHO-HIP

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>WHO-HIP</title> <link rel="icon" href="./img/logo1n.png" type="image/x-icon"> <meta name="description" content="DHIS 2"> <meta name="keywords" content="DHIS 2"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="X-UA-Compatible" content="IE=11" /> <link type="text/css" rel="stylesheet" href="../css/widgets.css"> <link type="text/css" rel="stylesheet" href="../css/login.css"> <link type="text/css" rel="stylesheet" href="../../api/files/style/external" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="./lib/css/newDesignStyles.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="extjs/ext-all.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/js/bootstrap-select.min.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-107770983-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-107770983-1'); </script> <script> $.ajaxSetup( { beforeSend: function(xhr) { xhr.setRequestHeader( 'X-Requested-With', { toString: function() { return ''; } } ); } } ); </script> <style> .dropdown-menu{ width: 200px; white-space: normal; } </style> <script type="text/javascript" src="login.js"></script> </head> <body >  <nav class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <a class="navbar-brand" href="../../dhis-web-commons/security/login.action" style="margin-left: 5% !important;"> <img src="./img/newDesignImages/serioLogo.png" alt="Logo" /></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarText"> <ul class="navbar-nav mx-auto mb-2 mb-lg-0 ml " style="margin-left: 20% !important;"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="../../dhis-web-commons/security/login.action">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="../../dhis-web-commons/security/new_indicator.html">Indicators</a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.who.int/southeastasia/health-topics/health-statistics-and-information-systems" target="_blank">Reports & Publications</a> </li> <li class="nav-item"> <a class="nav-link" href="portal.pdf" target="_blank">Help</a> </li> </ul> <span class="navbar-text"> <ul class="navbar-nav me-auto mb-2 mb-lg-0 justify-content-center"> <li class="nav-item mx-2"><a class="nav-link" href="https://twitter.com/WHOSEARO"><i class="fa-brands fa-x-twitter"></a></i></li> <li class="nav-item mx-2"><a class="nav-link" href="https://www.facebook.com/WHOSEARO"><i class="fa-brands fa-facebook"></a></i></li> <li class="nav-item mx-2"><a class="nav-link" href="http://www.youtube.com/whosoutheastasia"><i class="fa-brands fa-youtube"></a></i></li> <li class="nav-item mx-2"><a class="nav-link" href="https://plus.google.com/+who/posts"><i class="fa-brands fa-google"></a></i></li> <li class="nav-item"> <a class="nav-link" type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Login</a> </li> </ul> </span> </div> </div> </nav>  <div class="modal fade " id="myModal" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header" > <h4 class="modal-title fs-5"><span class="glyphicon glyphicon-lock"></span> Login</h4> <button type="button border-0" class="btn-close" data-dismiss="modal" aria-label="Close" style="background-color: white;">×</button> </div> <div class="modal-body text-center" > <div > <div > <div > <img src="./img/newDesignImages/serioLogo.png" style="border:none"> <hr> <p> Login to DHIS2 with username "Guest" and password "Guest2016".</p> </div> <form id="loginForm" action="../../dhis-web-commons-security/login.action" method="post"> <div> <div id="signInLabel" > Sign in</div> <div><input type="text" id="j_username" name="j_username" placeholder="Username" required style="width: 300px;"></div> <div><input type="password" id="j_password" name="j_password" autocomplete="off" placeholder="Password" required style="width: 300px;"></div> <div class="g-recaptcha d-flex justify-content-center" id="captcha" data-sitekey="6LcDtfcUAAAAAL30ctNFlFznXXf3lZD5Y578u4Zd" data-callback="correctCaptcha" style=" padding-top: 5px; padding-bottom:5px;"></div> </div> <div id="submitDiv"> <input id="submit" class="button" type="submit" value="Sign in"> </div> </form>  </div> </div> </div> </div> </div> </div>  <div class="hero-section bg-image d-flex align-items-center" style="height: 60vh;"> <div class="container text-white"> <h4>Welcome to the</h4> <h1><Strong>Health Information Platform (HIP)</Strong></h1> <h1><Strong>for the WHO South-East Asia Region</Strong></h1> <p align="justify" class="semi-small-font-size">The Health Information Platform鈥攐r HIP鈥攊s an integrated database of country health indicators from WHO global health estimates and nationally reported values across the 11 member states of the WHO South-East Asia Region. The HIP allows users to access and download data and indicators and utilize interactive analytics tools to generate tables and charts, view maps and dashboards, and generate visualizations. The HIP is powered by the District Health Information Software v.2 (DHIS2).</p> </div> </div>  <div class="container mt-5"> <div class="row justify-content-center"> <div class="col-12 mb-4"> <a href="./new_dbhome.html" style="text-decoration: none; color: inherit;"> <div class="card bg-light custom-card border-0" style="background-color: white !important;"> <div class="row no-gutters"> <div class="col-md-4"> <div style="width: 60%; padding-bottom: 60%; position: relative;"> <div style="position: absolute; width: 100%; height: 100%;"> <img src="./img/newDesignImages/dashboard.png" class="card-img" alt="Card image cap"> </div> </div> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title" style="font-size: 26px;font-weight: bold;"><strong>View our health-thematic dashboards</strong></h5> <p class="card-text">Generate interactive data visualizations across various health-thematic areas, including Universal Health Coverage (UHC) and other health-related Sustainable Development Goals (SDGs)<br></p> </div> </div> </div> </div> </a> </div> </div> </div> <div class="container-fluid"> <div class="row justify-content-around"> <div class="col-lg-3 col-md-12 mb-4" > <div class="card bg-light custom-card border-0 text-center" > <div class="card-body" onclick="w3_open2();w3_close();w3_close1()"> <h5 class="card-title" style="font-size: 26px;font-weight: bold;">Create your own charts</h5> <div class="container-fluid d-flex justify-content-center"> <div style="width: 50%; padding-bottom: 50%; position: relative;"> <div style="position: absolute; width: 100%; height: 100%;"> <img class="card-img-top" src="./img/newDesignImages/chartss.png" alt="Card image cap" > </div> </div> </div> <p class="card-text">Visualize data in line graph,scatter plots, bar, pie and diamond charts.</p> </div> </div> </div> <div class="col-lg-3 col-md-12 mb-4"> <div class="card bg-light custom-card border-0 text-center" > <div class="card-body" onclick="w3_open1();w3_close();w3_close2()"> <h5 class="card-title " style="font-size: 26px;font-weight: bold;">Render your own maps</h5> <div class="container-fluid d-flex justify-content-center"> <div style="width: 50%; padding-bottom: 50%; position: relative;"> <div style="position: absolute; width: 100%; height: 100%;"> <img class="card-img-top" src="./img/newDesignImages/map.png" alt="Card image cap" > </div> </div> </div> <p class="card-text">Plot available indicators on the map for specific period to compare data across the region.</p> </div> </div> </div> <div class="col-lg-3 col-md-12 mb-4"> <div class="card bg-light custom-card border-0 text-center" > <div class="card-body" onclick="w3_open();w3_close1();w3_close2()"> <h5 class="card-title" style="font-size: 26px;font-weight: bold;">Generate your own tables</h5> <div class="container-fluid d-flex justify-content-center"> <div style="width: 50%; padding-bottom: 50%; position: relative;"> <div style="width: 100%; position:absolute;" > <img class="card-img-top mx-auto d-block" src="./img/newDesignImages/table.png" alt="Card image cap" > </div> </div> </div> <p class="card-text">Create data tables on single or multiple indicators, countries and years.</p> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="card shadow-lg " id="myDropnav" style="display:none"> <button type="button" class="close position-absolute top-0 right-0 border-0 p-1" aria-label="Close" onclick="w3_close()"> <span aria-hidden="true">×</span> </button> <div class="card-body "> <div class="row"> <div class="col"> <label for="Orgunit">Select Level</label> <div> <select id="drop1" class="selectpicker"> <option value="" disabled selected hidden>Please Select</option> </select> </div> </div> <div class="col"> <label for="Orgunit">Select Countries</label> <div> <select id="drop2" class="selectpicker" multiple> <option value="all">ALL </option> </select> </div> </div> <div class="col"> <label for="Orgunit">Period</label> <div> <select id="drop5" class="selectpicker" multiple> </select> </div> </div> <div class="col"> <label for="Orgunit">Indicator Group</label> <div> <select id="drop3" class="selectpicker"> <option value="" disabled selected hidden>Please Select</option> </select> </div> </div> <div class="col"> <label for="Orgunit">Indicator</label> <div> <select id="drop4" class="selectpicker" data-toggle="tooltip" data-placement="top" multiple> <option value="all">ALL </option> </select> </div> </div> </div> <div class="row"> <div class="col text-center d-flex justify-content-center"> <button class="btn modal-header p-2 mt-2" id="g1" onclick="validatetable();">Generate Tables</button> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="card shadow-lg" id="myDropnav1" style="display:none"> <button type="button" class="close position-absolute top-0 right-0 border-0 p-1" aria-label="Close" onclick="w3_close1()"> <span aria-hidden="true">×</span> </button> <div class="card-body"> <div class="row justify-content-around"> <div class="col"> <label for="Orgunit" >Period</label> <div> <select id="dropm5" style="margin-left: 60%" class="selectpicker " > <option value="" disabled selected hidden>Please Select</option> </select> </div> </div> <div class="col"> <label for="Orgunit">Indicator Group</label> <div> <select id="dropm3" class="selectpicker" > <option value="" disabled selected hidden>Please Select</option> </select> </div> </div> <div class="col"> <label for="Orgunit">Indicator</label> <div> <select id="dropm4" class="selectpicker" > <option value="" disabled selected hidden>Please Select</option> </select> </div> </div> </div> <div class="row"> <div class="col text-center d-flex justify-content-center"> <button class="btn modal-header p-2 mt-2" id="g1" onclick="validatemap()">Generate Maps</button> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="card shadow-lg" id="myDropnav2" style="display:none"> <button type="button" class="close position-absolute top-0 right-0 border-0 p-1" aria-label="Close" onclick="w3_close2()"> <span aria-hidden="true">×</span> </button> <div class="card-body"> <div class="row"> <div class="col"> <label for="Orgunit">Select Level</label> <div> <select id="dropc1" class="selectpicker " > <option value="all" disabled selected hidden>Please Select</option> </select> </div> </div> <div class="col"> <label for="Orgunit">Select Countries</label> <div> <select id="dropc2"class="selectpicker " multiple> <option value="all">ALL </option> </select> </div> </div> <div class="col"> <label for="Orgunit">Period</label> <div> <select id="dropc5"class="selectpicker" multiple > </select> </div> </div> <div class="col"> <label for="Orgunit">Indicator Group</label> <div> <select id="dropc3" class="selectpicker " > <option value="" disabled selected hidden>Please Select</option> </select> </div> </div> <div class="col"> <label for="Orgunit">Indicator</label> <div> <select id="dropc4" class="selectpicker " multiple> </select> </div> </div> </div> <div class="row"> <div class="col text-center d-flex justify-content-center "> <button class="btn modal-header p-2 mt-2" id="g1" onclick="validatechart()">Generate Charts</button> </div> </div> </div> </div> </div>  <div class="container-fluid d-flex justify-content-center footer-logo-custom-bg-color p-4" > <a class="navbar-brand" href="#"> <img src="./img/newDesignImages/serioLogo.png" alt="Logo" style="filter: brightness(0) invert(1);"/> </a> </div> <div class="container-fluid footer-icons-custom-bg-color"> <ul class="navbar-nav me-auto justify-content-center flex-row"> <li class="nav-item mx-3"><a class="nav-link" href="https://twitter.com/WHOSEARO"><i class="fa-brands fa-x-twitter text-white"></i></a></li> <li class="nav-item mx-3"><a class="nav-link" href="https://www.facebook.com/WHOSEARO"><i class="fa-brands fa-facebook text-white"></i></a></li> <li class="nav-item mx-3"><a class="nav-link" href="http://www.youtube.com/whosoutheastasia"><i class="fa-brands fa-youtube text-white"></i></a></li> <li class="nav-item mx-3"><a class="nav-link" href="https://plus.google.com/+who/posts"><i class="fa-brands fa-google text-white"></i></a></li> </ul> </div> <script type="text/javascript"> document.getElementById("submit").disabled = true; document.getElementById("submit").style.background = "grey"; var correctCaptcha = function(response) { if(response.length !== 0){ document.getElementById("submit").disabled = false; document.getElementById("submit").style.background = "#d1d1d1"; } }; </script> <script> $(document).ready(function () { $('.selectpicker').selectpicker(); }); </script> <script src="./lib/controllers/scriptcontroller.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script> <script src='https://www.google.com/recaptcha/api.js'></script> </body> </html>

CINXE.COM

WHO-HIP