Pusdiklat BMKG

<!DOCTYPE html>    <html lang="en">  <head> <title>Pusdiklat BMKG</title>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content="">  <link rel="shortcut icon" href="https://ppsdm.bmkg.go.id/assets/img/bmkg.ico">  <link rel='stylesheet' type='text/css' href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=cyrillic,latin'>  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/style.css">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/headers/header-default.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/footers/footer-v1.css">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/animate.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/line-icons/line-icons.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/parallax-slider/css/parallax-slider.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/owl-carousel/owl-carousel/owl.carousel.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/cube-portfolio/cubeportfolio/css/cubeportfolio.min.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/cube-portfolio/cubeportfolio/custom/custom-cubeportfolio.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/revolution-slider/rs-plugin/css/settings.css" type="text/css" media="screen"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/sky-forms-pro/skyforms/css/sky-forms.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets/plugins/sky-forms-pro/skyforms/custom/custom-sky-forms.css">  <link href="https://ppsdm.bmkg.go.id/assets/datatables/css/jquery.dataTables.min.css" rel="stylesheet"> <link href="https://ppsdm.bmkg.go.id/assets/datatables/css/dataTables.bootstrap.css" rel="stylesheet">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/theme-colors/blue.css" />  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/pages/profile.css">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/pages/shortcode_timeline2.css">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/custom.css"> </head> <body class="header-fixed"> <div class="wrapper"> <div class="header header-sticky"> <div class="container">  <a class="logo" href="https://ppsdm.bmkg.go.id/"> <img src="https://ppsdm.bmkg.go.id/assets/img/logo_.png" alt="Logo"> </a>   <div class="topbar"> <ul class="loginbar pull-right">   <li><b> <h3><a href="https://ppsdm.bmkg.go.id/auth/login_sso">LOGIN</a></h3> </b></li> </ul> </div>   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-bars"></span> </button>  </div>  <div class="collapse navbar-collapse mega-menu navbar-responsive-collapse"> <div class="container"> <ul class="nav navbar-nav">  <li class=""> <a href="https://ppsdm.bmkg.go.id/"> Home </a> </li> <li class="dropdown "> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> Profil </a> <ul class="dropdown-menu"> <li class=""> <a href="https://ppsdm.bmkg.go.id/profile">Sejarah</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/riwayatdiklatuser">Riwayat Diklat</a> </li> <li class=" "> <a href="https://ppsdm.bmkg.go.id/petamonitoringjp">Peta Monitoring JP</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/statistikdiklat">Statistik</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/manajemenrisiko">Manajemen Risiko</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/renstradanlakin">Renstra dan Lakin</a> </li> </ul> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/gallery"> Galeri </a> </li> <li class="dropdown "> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> Team </a> <ul class="dropdown-menu"> <li class=""><a href="https://ppsdm.bmkg.go.id/teamwidyaiswara">Widyaiswara</a></li> </ul> </li> <li class="dropdown "> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> Layanan </a> <ul class="dropdown-menu"> <li class=""> <a href="https://ppsdm.bmkg.go.id/jadwaldiklat">Registrasi Diklat</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/regpeserta">Daftar Ulang</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/sertifikatdiklat">Lap peningkatan Kompetensi</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/shortcourse">Short Course</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/beasiswa">Beasiswa</a> </li> </ul> </li> <li class="dropdown active "> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> Publikasi </a> <ul class="dropdown-menu"> <li class=""><a href="https://ppsdm.bmkg.go.id/homeproyekperubahan">Proyek Perubahan</a></li> <li class="active"><a href="https://ppsdm.bmkg.go.id/homeartikel">Artikel</a></li>  </ul> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/contact"> Kontak </a> </li> <li class=""> <a href="https://lms.bmkg.go.id"> LMS BMKG </a> </li>    </ul> </div> </div> </div>  <section id="news" class="news-section"> <div class="container content-lg"> <div class="title-v1"> <h2>Artikel</h2>  </div>  <table id="table" class="table table-striped table-bordered" cellspacing="0" width="100%"> <thead> <tr> <th>No</th> <th>Tanggal</th> <th>Judul Artikel</th>  <th>Action</th> </tr> </thead> <tbody> </tbody> </table> </div>  </section>  <script src="https://ppsdm.bmkg.go.id/assets/jquery/jquery-2.1.4.min.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/bootstrap/js/bootstrap.min.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/datatables/js/jquery.dataTables.min.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/datatables/js/dataTables.bootstrap.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/ckeditor/ckeditor.js"></script> <script type="text/javascript"> var save_method; //for save method string var table; $(document).ready(function() { //datatables table = $('#table').DataTable({ "processing": true, //Feature control the processing indicator. "serverSide": true, //Feature control DataTables' server-side processing mode. "order": [], //Initial no order. // Load data for the table's content from an Ajax source "ajax": { "url": "https://ppsdm.bmkg.go.id/homeartikel/ajax_list", "type": "POST" }, //Set column definition initialisation properties. "columnDefs": [ { "targets": [ -1 ], //last column "orderable": false, //set not orderable }, ], }); //datepicker $('.datepicker').datepicker({ autoclose: true, format: "yyyy-mm-dd", todayHighlight: true, orientation: "top auto", todayBtn: true, todayHighlight: true, }); //set input/textarea/select event when change value, remove class error and remove text help block $("input").change(function(){ $(this).parent().parent().removeClass('has-error'); $(this).next().empty(); }); $("textarea").change(function(){ $(this).parent().parent().removeClass('has-error'); $(this).next().empty(); }); $("select").change(function(){ $(this).parent().parent().removeClass('has-error'); $(this).next().empty(); }); }); </script> <div class="footer-v1"> <div class="footer"> <div class="container"> <div class="row">  <div class="col-md-4 md-margin-bottom-40"> <a href="index.html"><img id="logo-footer" class="footer-logo" src="https://ppsdm.bmkg.go.id/assets/img/logo3.png" width=200 alt=""></a> <p>Pusat Pendidikan dan Pelatihan<br/>Badan Meteorologi, Klimatologi, dan Geofisika</p> </div>      <div class="col-md-4 md-margin-bottom-40"> <div class="headline"> <h2>Link</h2> </div> <ul class="list-unstyled link-list"> <li><a href="https://lms.bmkg.go.id/" target="_blank">Learning Management System</a><i class="fa fa-angle-right"></i></li> <li><a href="https://ejournal-pusdiklat.bmkg.go.id/index.php/climago" target="_blank">Electronic Journal</a><i class="fa fa-angle-right"></i></li>  </ul> </div>   <div class="col-md-4 map-img md-margin-bottom-40"> <div class="headline"> <h2>Kontak</h2> </div> <address class="md-margin-bottom-40"> Kantor Pusat Badan Meteorologi, Klimatologi, dan Geofisika</br> Gedung A Lantai 9 <br /> Jl. Angkasa I No. 2 Kemayoran, Jakarta Pusat, DKI Jakarta 10720, Indonesia <br /> Telepon: +6221 4246321 ext. 1071 <br />  E-mail: <a href="mailto:pusdiklat@bmkg.go.id" class="">pusdiklat@bmkg.go.id</a> </address> </div>  </div> </div> </div> <div class="copyright"> <div class="container"> <div class="row"> <div class="col-md-6"> <p> 2013 - 2025 © Pusat Pendidikan dan Pelatihan Badan Meteorologi, Klimatologi, dan Geofisika  </p> </div>  <div class="col-md-6"> <ul class="footer-socials list-inline"> <li> <a href="https://www.facebook.com/pusdiklat.bmkg" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook"> <i class="fa fa-facebook"></i> </a> </li> <li> <a href="https://twitter.com/pusdiklat_bmkg/" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter"> <i class="fa fa-twitter"></i> </a> </li> <li> <a href="https://www.instagram.com/pusdiklat_bmkg/" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Instagram"> <i class="fa fa-instagram"></i> </a> </li> </ul> </div>  </div> </div> </div> </div>  </div>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/jquery/jquery.min.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/jquery/jquery-migrate.min.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/bootstrap/js/bootstrap.min.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/back-to-top.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/smoothScroll.js"></script>  <script src="https://ppsdm.bmkg.go.id/assets-unify/plugins/sky-forms-pro/skyforms/js/jquery-ui.min.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/circles-master/circles.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/parallax-slider/js/modernizr.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/parallax-slider/js/jquery.cslider.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/owl-carousel/owl-carousel/owl.carousel.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/cube-portfolio/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/revolution-slider/rs-plugin/js/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/revolution-slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/datatables/js/jquery.dataTables.min.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/datatables/js/dataTables.bootstrap.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/custom.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/app.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/owl-carousel.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/parallax-slider.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/cube-portfolio/cube-portfolio-3.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/circles-master.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/fancy-box.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/revolution-slider.js"></script>  <script type="text/javascript"> jQuery(document).ready(function () { App.init(); OwlCarousel.initOwlCarousel(); ParallaxSlider.initParallaxSlider(); // Datepicker.initDatepicker(); CirclesMaster.initCirclesMaster1(); RevolutionSlider.initRSfullWidth(); }); </script>  </body> </html>

CINXE.COM

Pusdiklat BMKG