CINXE.COM
Portal BMKG - Single Sign-On
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/auth/resources/olfg6/login/gapura/img/favicon.ico" /> <link rel="apple-touch-icon" href="/auth/resources/olfg6/login/gapura/img/icon.png" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="robots" content="noindex, nofollow"> <title>Portal BMKG - Single Sign-On</title> <link href="/auth/resources/olfg6/login/gapura/css/gapura-style.css" rel="stylesheet" /> <meta name="description" content="Portal BMKG merupakan sistem berbasis Single Sing-On yang ditujukan bagi para pegawai BMKG agar dapat menggunakan layanan sistem informasi di lingkungan BMKG hanya dengan satu akun." /> <meta property="og:type" content="website" /> <meta property="og:title" content="Portal BMKG - Single Sign-On" /> <meta property="og:image" content="https://portal.bmkg.go.id/splash.png" /> <meta property="og:description" content="Portal BMKG merupakan sistem berbasis Single Sing-On yang ditujukan bagi para pegawai BMKG agar dapat menggunakan layanan sistem informasi di lingkungan BMKG hanya dengan satu akun." /> <meta property="og:url" content="https://www.bmkg.go.id/" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@infoBMKG" /> <meta name="twitter:creator" content="@infoBMKG" /> <meta name="twitter:title" content="Portal BMKG - Single Sign-On" /> <meta name="twitter:description" content="Portal BMKG merupakan sistem berbasis Single Sing-On yang ditujukan bagi para pegawai BMKG agar dapat menggunakan layanan sistem informasi di lingkungan BMKG hanya dengan satu akun." /> <meta name="twitter:image" content="https://portal.bmkg.go.id/splash.png" /> <style> #container { background-image: url("/auth/resources/olfg6/login/gapura/img/eclipse.png"); } @media screen and (max-width: 639px) { .landing .left { background-image: radial-gradient( circle, rgba(255, 255, 255, 50%), rgba(255, 255, 255, 100%) ), url("/auth/resources/olfg6/login/gapura/img/eclipse.png"); } } </style> </head> <body class="font-sans antialiased text-indigo-900"> <div class="landing"> <div id="container" class="mx-auto max-w-md"> <div class="left p-8"> <a href="." class="logo"> <img src="/auth/resources/olfg6/login/gapura/img/logo.png" alt="Logo BMKG" width="40" height="49"/> </a> <h2 class="my-4 text-2xl font-bold text-center">Portal BMKG<br />Single Sign-On.</h2> <div class="self-center"> <form id="kc-form-login" class="form" onsubmit="return true;" action="https://auth.bmkg.go.id/auth/realms/gapura/login-actions/authenticate?session_code=OCHCm67F1x3_YF8Fy9BiT1GYSXu4PrDo7ToYDC96z74&execution=965bfe37-ea8e-4c13-87d2-0c257ed2498f&client_id=gapura&tab_id=PCelxxckdP0" method="post"> <p class="intro my-4 text-center">Masukkan NIP atau email BMKG dan kata sandi Anda untuk mengakses.</p> <div class="my-4"> <label for="username" class="block mb-2 text-sm font-semibold leading-6">NIP atau Email BMKG</label> <div> <input id="username" class="input text-center" name="username" placeholder="Masukkan NIP atau email BMKG" type="text" /> </div> </div> <div> <label for="password" class="block mb-2 text-sm font-semibold leading-6">Kata Sandi</label> <div class="relative"> <input id="password" class="input text-center" minlength="8" name="password" placeholder="Masukkan kata sandi" type="password"/> <span class="showhide absolute w-6 top-0 right-0 my-2 mx-3" onclick="showHide()"> <img id="icon" src="/auth/resources/olfg6/login/gapura/img/eye-off-outline.svg" width="24" height="24" alt="" /> </span> </div> </div> <button class="my-4 btn" type="submit" value="Sign In">Masuk</button> <p class="text-center"> <small>Lupa kata sandi? Silakan <a href="https://portal.bmkg.go.id/lupa-kata-sandi" class="underline underline-offset-2">klik di sini</a></small> </p> </form> <p class="mt-4 mb-0 copyright"> <small>© 2025 Pusat Jaringan Komunikasi BMKG</small> </p> </div> </div> </div> </div> <script> function showHide() { var x = document.getElementById("password"); var v = document.getElementById("icon"); if (x.type === "password") { x.type = "text"; v.src = "/auth/resources/olfg6/login/gapura/img/eye-outline.svg"; } else { x.type = "password"; v.src = "/auth/resources/olfg6/login/gapura/img/eye-off-outline.svg"; } } </script> </body> </html>