BMKG e-Library

<!doctype html> <html lang="id"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">  <link rel="shortcut icon" href="https://perpustakaan.bmkg.go.id/media/favicons/favicon.png"> <link rel="icon" sizes="192x192" type="image/png" href="https://perpustakaan.bmkg.go.id/media/favicons/favicon-192x192.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://perpustakaan.bmkg.go.id/media/favicons/apple-touch-icon-180x180.png">  <meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1"> <link rel="canonical" href="https://perpustakaan.bmkg.go.id"> <meta name="description" content="Perpustakaan Digital BMKG bertujuan untuk mempermudahkan semua orang untuk mengakses, membaca, dan mempelajari berbagai sumber literasi yang merupakan arsip dari BMKG"> <title>BMKG e-Library</title> <meta name="image" content="https://perpustakaan.bmkg.go.id/media/img/logo-bmkg.png"> <meta property="og:title" content="BMKG e-Library"> <meta property="og:description" content="Perpustakaan Digital BMKG bertujuan untuk mempermudahkan semua orang untuk mengakses, membaca, dan mempelajari berbagai sumber literasi yang merupakan arsip dari BMKG"> <meta property="og:locale" content="id"> <meta property="og:image" content="https://perpustakaan.bmkg.go.id/media/img/logo-bmkg.png"> <meta property="og:url" content="https://perpustakaan.bmkg.go.id"> <meta property="og:site_name" content="BMKG e-Library"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary"> <meta name="twitter:image" content="https://perpustakaan.bmkg.go.id/media/img/logo-bmkg.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://perpustakaan.bmkg.go.id/media/img/logo-bmkg.png"> <meta name="twitter:title" content="BMKG e-Library"> <meta name="twitter:description" content="Perpustakaan Digital BMKG bertujuan untuk mempermudahkan semua orang untuk mengakses, membaca, dan mempelajari berbagai sumber literasi yang merupakan arsip dari BMKG">   <link rel="preload" as="style" href="https://perpustakaan.bmkg.go.id/build/assets/main.7d9d2704.css" /><link rel="modulepreload" href="https://perpustakaan.bmkg.go.id/build/assets/app.c6ddf17f.js" /><link rel="modulepreload" href="https://perpustakaan.bmkg.go.id/build/assets/_commonjsHelpers.4e997714.js" /><link rel="stylesheet" href="https://perpustakaan.bmkg.go.id/build/assets/main.7d9d2704.css" /><script type="module" src="https://perpustakaan.bmkg.go.id/build/assets/app.c6ddf17f.js"></script>    <script async src="https://www.googletagmanager.com/gtag/js?id=G-61C62J6Y7P"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-61C62J6Y7P'); </script>  <link rel="stylesheet" href="/js/plugins/slick-carousel/slick.css"> <link rel="stylesheet" href="/js/plugins/slick-carousel/slick-theme.css"> <style> .slick-disabled { opacity: 0; pointer-events:none; } .bg-book { background-size: cover; background-position: center center; background-repeat: no-repeat; } .space { min-height: 230px; } #slider-content { display: none; } </style> </head> <body> <div id="page-container" class="page-header-dark main-content-boxed">  <header id="page-header">  <div class="content-header">  <div class="d-flex align-items-center">  <a class="fw-semibold text-white tracking-wide me-4" href="/"> <img src="/media/img/logo-elibrary.svg" alt="logo" height="50px" > </a>     </div>   <div>  <a href="/login" class="btn btn-alt-secondary "> <i class="fa fa-fw fa-sign-in-alt me-1 opacity-50"></i> <span class="d-none d-sm-inline ms-1">Masuk</span> </a> <a href="/register" class="btn btn-alt-primary"> <i class="fa fa-fw fa-user-plus me-1 opacity-50"></i> <span class="d-none d-sm-inline ms-1">Daftar</span> </a>   <button type="button" class="btn btn-alt-secondary d-lg-none ms-1" data-toggle="layout" data-action="sidebar_toggle"> <i class="fa fa-fw fa-bars"></i> </button>   </div>  </div>   <div id="page-header-search" class="overlay-header bg-header-dark"> <div class="content-header"> <form class="w-100" action="be_pages_generic_search.html" method="POST"> <div class="input-group">  <button type="button" class="btn btn-primary" data-toggle="layout" data-action="header_search_off"> <i class="fa fa-fw fa-times-circle"></i> </button> <input type="text" class="form-control" placeholder="Where to?" id="page-header-search-input" name="page-header-search-input"> </div> </form> </div> </div>    <div id="page-header-loader" class="overlay-header bg-header-dark"> <div class="content-header"> <div class="w-100 text-center"> <i class="fa fa-fw fa-2x fa-sun fa-spin text-primary"></i> </div> </div> </div>  </header>   <main id="main-container">  <nav id="sidebar" aria-label="Main Navigation">  <div class="bg-header-dark"> <div class="content-header bg-white-5">  <a class="fw-semibold text-white tracking-wide me-4" href="/"> <img src="/media/img/logo-elibrary.svg" alt="logo" height="50px" > </a>   <div>   <button type="button" class="btn btn-sm btn-alt-secondary d-lg-none" data-toggle="layout" data-action="sidebar_close"> <i class="fa fa-times-circle"></i> </button>  </div>  </div> </div>   <div class="js-sidebar-scroll">  <div class="content-side"> <ul class="nav-main"> <li class="nav-main-item"> <a class="nav-main-link active" href="https://perpustakaan.bmkg.go.id"> <i class="nav-main-link-icon fa fa-home fa-fw"></i> <span class="nav-main-link-name">Beranda</span> </a> </li> <li class="nav-main-item ms-lg-auto"> <a class="nav-main-link nav-main-link-submenu " data-toggle="submenu" aria-haspopup="true" aria-expanded="false" href="#"> <i class="nav-main-link-icon fa fa-info-circle fa-fw"></i> <span class="nav-main-link-name">Profil</span> </a> <ul class="nav-main-submenu nav-main-submenu-right"> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/profil" > <span class="nav-main-link-name">Tentang Kami</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/sejarah" > <span class="nav-main-link-name">Sejarah</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/visi-misi" > <span class="nav-main-link-name">Visi Misi</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/struktur-organisasi" > <span class="nav-main-link-name">Struktur Organisasi</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/tugas-pokok-fungsi" > <span class="nav-main-link-name">Tugas Pokok & Fungsi</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/peta-lokasi" > <span class="nav-main-link-name">Peta Lokasi</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/kontak-kami" > <span class="nav-main-link-name">Kontak Kami</span> </a> </li> </ul> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/semua-buku"> <i class="nav-main-link-icon fa fa-book fa-fw"></i> <span class="nav-main-link-name">Semua Buku</span> </a> </li> <li class="nav-main-item ms-lg-auto"> <a class="nav-main-link nav-main-link-submenu " data-toggle="submenu" aria-haspopup="true" aria-expanded="false" href="#"> <i class="nav-main-link-icon fa fa-newspaper fa-fw"></i> <span class="nav-main-link-name">E-Journal</span> </a> <ul class="nav-main-submenu nav-main-submenu-right"> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/1" target="_blank" > <span class="nav-main-link-name">BULLETIN OF THE SEISMOLOGICAL SOCIETY OF AMERICA (BSSA)</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/2" target="_blank" > <span class="nav-main-link-name">MONTHLY WEATHER REVIEW</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/3" target="_blank" > <span class="nav-main-link-name">THE SEISMIC RECORD</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/4" target="_blank" > <span class="nav-main-link-name">BAMS</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/5" target="_blank" > <span class="nav-main-link-name">EARTH INTERACTION</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/6" target="_blank" > <span class="nav-main-link-name">ARTIFICIAL INTELLIGENCE FOR THE EARTH SYSTEMS</span> </a> </li> </ul> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/faq"> <i class="nav-main-link-icon fa fa-question-circle fa-fw"></i> <span class="nav-main-link-name">FAQ</span> </a> </li> </ul> </div>  </div>  </nav> <div class="bg-body-extra-light"> <div class="content py-3 d-none d-lg-block"> <div class="d-flex align-items-center"> <ul class="nav-main nav-main-horizontal nav-main-hover"> <li class="nav-main-item"> <a class="nav-main-link active" href="https://perpustakaan.bmkg.go.id"> <i class="nav-main-link-icon fa fa-home fa-fw"></i> <span class="nav-main-link-name">Beranda</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link nav-main-link-submenu " href="#"> <i class="nav-main-link-icon fa fa-info-circle fa-fw"></i> <span class="nav-main-link-name">Profil</span> </a> <ul class="nav-main-submenu"> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/profil" > <span class="nav-main-link-name">Tentang Kami</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/sejarah" > <span class="nav-main-link-name">Sejarah</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/visi-misi" > <span class="nav-main-link-name">Visi Misi</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/struktur-organisasi" > <span class="nav-main-link-name">Struktur Organisasi</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/tugas-pokok-fungsi" > <span class="nav-main-link-name">Tugas Pokok & Fungsi</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/peta-lokasi" > <span class="nav-main-link-name">Peta Lokasi</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/about/kontak-kami" > <span class="nav-main-link-name">Kontak Kami</span> </a> </li> </ul> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/semua-buku"> <i class="nav-main-link-icon fa fa-book fa-fw"></i> <span class="nav-main-link-name">Semua Buku</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link nav-main-link-submenu " href="#"> <i class="nav-main-link-icon fa fa-newspaper fa-fw"></i> <span class="nav-main-link-name">E-Journal</span> </a> <ul class="nav-main-submenu"> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/1" target="_blank" > <span class="nav-main-link-name">BULLETIN OF THE SEISMOLOGICAL SOCIETY OF AMERICA (BSSA)</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/2" target="_blank" > <span class="nav-main-link-name">MONTHLY WEATHER REVIEW</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/3" target="_blank" > <span class="nav-main-link-name">THE SEISMIC RECORD</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/4" target="_blank" > <span class="nav-main-link-name">BAMS</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/5" target="_blank" > <span class="nav-main-link-name">EARTH INTERACTION</span> </a> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/e-journal/6" target="_blank" > <span class="nav-main-link-name">ARTIFICIAL INTELLIGENCE FOR THE EARTH SYSTEMS</span> </a> </li> </ul> </li> <li class="nav-main-item"> <a class="nav-main-link " href="https://perpustakaan.bmkg.go.id/faq"> <i class="nav-main-link-icon fa fa-question-circle fa-fw"></i> <span class="nav-main-link-name">FAQ</span> </a> </li> </ul> </div> </div> </div>    <div class=""> <div class="content content-full"> <div class="js-slider slick-nav-black slick-nav-hover slick-slider" data-dots="false" data-arrows="true" data-slides-to-show="1" data-center-mode="true" data-autoplay="true" data-autoplay-speed="3000" > <div class="me-2"> <a href="https://perpustakaan.bmkg.go.id" target="_blank"> <img class="img-fluid rounded" src="https://perpustakaan.bmkg.go.id/storage/6312/conversions/banner-web-2-banner.jpg" alt="Fasilitas"> </a> </div> <div class="me-2"> <a href="https://perpustakaan.bmkg.go.id" target="_blank"> <img class="img-fluid rounded" src="https://perpustakaan.bmkg.go.id/storage/6311/conversions/banner-web-1-banner.jpg" alt="Follow instagram"> </a> </div> <div class="me-2"> <a href="https://perpustakaan.bmkg.go.id" target="_blank"> <img class="img-fluid rounded" src="https://perpustakaan.bmkg.go.id/storage/6315/conversions/2-banner.jpg" alt="Digital library"> </a> </div> <div class="me-2"> <a href="https://perpustakaan.bmkg.go.id" target="_blank"> <img class="img-fluid rounded" src="https://perpustakaan.bmkg.go.id/storage/6317/conversions/rana-banner.jpg" alt="BMKG Digital Library"> </a> </div> </div> </div> </div>   <div class="bg-gd-sea-op"> <div class="block-content block-content-full"> <div class="content"> <div class="text-center"> <h1 class="h3 fw-bold mb-2 text-white">Pencarian Buku</h1> </div> <div> <input type="text" class="form-control form-control-lg py-3 text-center" autocomplete="off" id="input-search" name="search" placeholder="Cari Judul, Penulis, ISBN"> <div id="search-result"></div> </div> </div> </div> </div>  <div class="content content-full"> <div class="py-5 mt-3 mt-lg-5 text-center mb-3"> <h2 class="fw-bold mb-3"> Perpustakaan Digital BMKG </h2> <div class="row g-0 justify-content-center"> <div class="col-lg-8"> <p class="fs-lg mb-0"> Jelajahi berbagai koleksi publikasi ilmiah, jurnal, makalah, dan dokumen teknis yang diterbitkan oleh BMKG serta lembaga dan organisasi terkait lainnya. </p> </div> </div> </div> <p class="fs-md text-uppercase text-center text-primary fw-bold mt-2"> kategori utama </p> <div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5 row-cols-xl-5 items-push"> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/buku-terbitan-pusat"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/terbitan-pusat.svg alt=Buku Terbitan Pusat> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> Buku Terbitan Pusat </h4> </div> </a> </div> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/buku-terbitan-daerah"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/terbitan-daerah.svg alt=Buku Terbitan Daerah> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> Buku Terbitan Daerah </h4> </div> </a> </div> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/buku-terbitan-stmkg"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/terbitan-stmkg.svg alt=Buku Terbitan STMKG> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> Buku Terbitan STMKG </h4> </div> </a> </div> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/buku-text"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/buku-teks.svg alt=Buku Teks> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> Buku Teks </h4> </div> </a> </div> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/buku-lain-lain"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/lain-lain.svg alt=Buku Lain-lain> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> Buku Lain-lain </h4> </div> </a> </div> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/epaper"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/epaper.svg alt=ePaper> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> ePaper </h4> </div> </a> </div> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/jurnal"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/jurnal.svg alt=Jurnal> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> Jurnal </h4> </div> </a> </div> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/laporan"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/report.svg alt=Laporan> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> Laporan </h4> </div> </a> </div> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/majalah-surat-kabar"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/berita-majalah.svg alt=Majalah / Surat Kabar> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> Majalah / Surat Kabar </h4> </div> </a> </div> <div class="col"> <a class="block block-rounded block-link-pop h-100 mb-0" href="https://perpustakaan.bmkg.go.id/categories/jurnal-bmkg"> <div class="block-content"> <div class=""> <img class="img-fluid" src=/media/kategori/jurnal.svg alt=Jurnal BMKG> </div> </div> <div class="block-content block-content-full"> <h4 class="h6 mb-1 text-center"> Jurnal BMKG </h4> </div> </a> </div> </div> </div> <div class="bg-body-extra-light"> <div class="content content-full pb-0"> <div class="row mb-4"> <div class="d-flex justify-content-between"> <div class="ms-3 flex-grow-1 text-md-start my-3 my-md-0"> <h2 class="h3 fw-bold text-primary mb-2">Buku Rekomendasi</h2> <h3 class="h5 fw-normal text-muted">Buku yang paling banyak di pinjam</h3> </div> <div class="me-3 flex-grow-1 text-end my-3 my-md-0"> <a href="https://perpustakaan.bmkg.go.id/semua-buku?orderBy=rekomendasi"> Lihat Semua </a> </div> </div> <div class="slider-book slick-nav-black"> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/gas-rumah-kaca-dan-perubahan-iklim-di-indonesia"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/5527/706.PNG" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> 5 </span> <div class="fw-bold mt-2 text-truncate">GAS RUMAH KACA DAN PERUBAHAN IKLIM DI INDONESIA</div> <div class="fs-sm text-muted text-truncate">Dodo Gunawan, Kadarsah</div> </div> </div> </a> </div> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/meteorologi-indonesia-volume-i-karakteristik-dan-sirkulasi-atmosfer"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/3248/Cover.jpg" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> 5 </span> <div class="fw-bold mt-2 text-truncate">Meteorologi Indonesia Volume I Karakteristik dan Sirkulasi Atmosfer</div> <div class="fs-sm text-muted text-truncate">Prof. Dr. Bayong Tjasyono HK., DEA.</div> </div> </div> </a> </div> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/ilmu-tanah"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/505/Cover-9.jpg" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> 5 </span> <div class="fw-bold mt-2 text-truncate">ILMU TANAH</div> <div class="fs-sm text-muted text-truncate">Prof. Dr. Ir. H. Sarwono Hardjowigeno, M.Sc</div> </div> </div> </a> </div> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/pengetahuan-seismologi"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/3237/Cover.jpg" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> 4.9931972789116 </span> <div class="fw-bold mt-2 text-truncate">Pengetahuan Seismologi</div> <div class="fs-sm text-muted text-truncate">Gunawan Ibrahim, Subardjo</div> </div> </div> </a> </div> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/pengantar-teknik-geofisika"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/3274/Cover.jpg" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> 5 </span> <div class="fw-bold mt-2 text-truncate">Pengantar Teknik Geofisika</div> <div class="fs-sm text-muted text-truncate">Santoso, Djoko</div> </div> </div> </a> </div> </div> </div> </div> </div> <div class="content content-full"> <div class="row mb-4"> <div class="d-flex justify-content-between"> <div class="ms-3 flex-grow-1 text-md-start my-3 my-md-0"> <h2 class="h3 fw-bold text-primary mb-2">New Arrival</h2> <h3 class="h5 fw-normal text-muted">Buku yang baru saja ditambahkan</h3> </div> <div class="me-3 flex-grow-1 text-end my-3 my-md-0"> <a href="https://perpustakaan.bmkg.go.id/semua-buku?orderBy=id&orderDirection=desc"> Lihat Semua </a> </div> </div> <div class="slider-book slick-nav-black"> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/earthquake-and-tsunami-safety-guidelines-for-the-visually-impaired-large-print-edition"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/8200/Cover_Earthquake-and-Tsunami-Preparedness-for-Visually-Impaired-Persons,-Large-Print-Edition-2025.jpg" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> 5 </span> <div class="fw-bold mt-2 text-truncate">EARTHQUAKE AND TSUNAMI SAFETY GUIDELINES FOR THE VISUALLY IMPAIRED, Large Print Edition</div> <div class="fs-sm text-muted text-truncate">Karin Nadira Dauwani, Yoko Ota, Tribowo Kriswinarso, dkk</div> </div> </div> </a> </div> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/earthquake-and-tsunami-preparedness-for-visually-impaired-persons-braille-edition"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/8196/Earthquake-and-Tsunami-Preparedness-for-Visually-Impaired-Persons,-Braille-Edition.png" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> - </span> <div class="fw-bold mt-2 text-truncate">Earthquake and Tsunami Preparedness for Visually Impaired Persons, Braille Edition</div> <div class="fs-sm text-muted text-truncate">Yoko Ota, Karin Nadira Dauwani, Tribowo Kriswinarso, S.Sn, dkk</div> </div> </div> </a> </div> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/earthquake-and-tsunami-preparedness-a-brief-guideline-for-persons-with-disabilities"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/8192/Cover_Earthquake-and-Tsunami-Preparedness-A-Brief-Guidelines-for-Person-with-Disabilities-2025.jpg" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> - </span> <div class="fw-bold mt-2 text-truncate">EARTHQUAKE AND TSUNAMI PREPAREDNESS, A Brief Guideline for Persons with Disabilities</div> <div class="fs-sm text-muted text-truncate">Yoko Ota, Karin Nadira Dauwani, Tribowo Kriswinarso, S.Sn, dkk</div> </div> </div> </a> </div> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/petunjuk-keselamatan-gempabumi-dan-tsunami-bagi-penyandang-disabilitas-netra-edisi-cetak-besar"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/8188/Cover_Petunjuk-Keselamatan-Gempa-Bumi-dan-Tsunami-Bagi-Penyandang-Disabilitas-Netra-2025-edisi-cetak-besar.jpg" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> - </span> <div class="fw-bold mt-2 text-truncate">Petunjuk Keselamatan Gempabumi dan Tsunami Bagi Penyandang Disabilitas Netra, Edisi Cetak Besar</div> <div class="fs-sm text-muted text-truncate">Yoko Ota, Karin Nadira Dauwani, Tribowo Kriswinarso, S.Sn, dkk</div> </div> </div> </a> </div> <div class="col-md-4 py-4 me-4"> <a class="block block-rounded block-link-shadow" href="/buku/petunjuk-keselamatan-gempabumi-dan-tsunami-bagi-penyandang-disabilitas-netra-edisi-braille"> <div class="block block-rounded text-center pt-2"> <div class="d-flex justify-content-center align-middle"> <img style="height: 240px; width: 160px;" src="https://perpustakaan.bmkg.go.id/storage/8184/Petunjuk-Keselamatan-Gempabumi-dan-Tsunami-Bagi-Penyandang-Disabilitas-Netra,-Edisi-Braille.png" alt=""> </div> <div class="block-content block-content-full"> <span class="text-muted fw-semibold"> <i class="fa fa-fw fa-star me-1 text-warning"></i> - </span> <div class="fw-bold mt-2 text-truncate">Petunjuk Keselamatan Gempabumi dan Tsunami Bagi Penyandang Disabilitas Netra, Edisi Braille</div> <div class="fs-sm text-muted text-truncate">Yoko Ota, Karin Nadira Dauwani, Tribowo Kriswinarso, S.Sn, dkk</div> </div> </div> </a> </div> </div> </div> </div> <div class="bg-body-extra-light"> <div class="content content-full"> <div class="row mb-4"> <div class="d-flex justify-content-between"> <div class="ms-3 flex-grow-1 text-md-start my-3 my-md-0"> <h2 class="h3 fw-bold text-primary mb-2">Berita</h2> <h3 class="h5 fw-normal text-muted">Siaran Pers</h3> </div> </div> </div>  <div class="row items-push"> </div>  </div> </div> <div class="bg-primary-dark"> <div class="content content-full"> <div class="row mt-4 d-flex justify-content-center"> <div class="col-md-4"> <a class="block block-rounded block-link-pop" href="https://bmkg.go.id/" target="_blank"> <div class="block-content block-content-full d-flex align-items-center justify-content-between"> <img src="https://perpustakaan.bmkg.go.id/media/img/bmkg-web-logo.png" class="img-fluid" alt="BMKG"> </div> </a> </div> <div class="col-md-4"> <a class="block block-rounded block-link-pop" href="https://ppid.bmkg.go.id/" target="_blank"> <div class="block-content block-content-full d-flex align-items-center justify-content-between"> <img src="https://perpustakaan.bmkg.go.id/media/img/logo-ppid1.png" class="img-fluid" alt="PPID BMKG"> </div> </a> </div> <div class="col-md-4"> <a class="block block-rounded block-link-pop" href="https://perpus.stmkg.ac.id/index.php" target="_blank"> <div class="block-content block-content-full d-flex align-items-center justify-content-between"> <img src="https://perpustakaan.bmkg.go.id/media/img/logo-stmkg.png" class="img-fluid" alt="Perpustakaan STMKG"> </div> </a> </div> <div class="col-md-4"> <a class="block block-rounded block-link-pop" href="http://jdih.bmkg.go.id/" target="_blank"> <div class="block-content block-content-full d-flex align-items-center justify-content-between"> <img src="https://perpustakaan.bmkg.go.id/media/img/jdih2.png" class="img-fluid" alt="JDIH BMKG"> </div> </a> </div> <div class="col-md-4"> <a class="block block-rounded block-link-pop" href="https://ptsp.bmkg.go.id/" target="_blank"> <div class="block-content block-content-full d-flex align-items-center justify-content-between"> <img src="https://perpustakaan.bmkg.go.id/media/img/ptsp-logo.jpg" class="img-fluid" alt="PTSP BMKG"> </div> </a> </div> </div> </div> </div>  </main>   <footer id="page-footer" class="footer-static bg-body-extra-light"> <div class="content py-4">  <div class="row items-push fs-sm border-bottom pt-4"> <div class="col-md-4 mb-4"> <div class="bg-primary rounded py-2 text-center" style="max-width: 200px;"> <img src="/media/img/logo-elibrary.svg" alt="avatar" width="auto" height="50px"> </div> <div class="mt-4"> <span class="h6 fw-bold mt-3">Perpustakaan BMKG</span> <address> Badan Meteorologi Klimatologi dan Geofisika Gedung A Lt. 3 Jl Angkasa I no. 2 Kemayoran, Jakarta Pusat 10720 </address> <ul class="list-unstyled"> <li>Senin-Jum'at : 7.30-18.00 WIB</li> </ul> <hr> </div> <span class="h6 fw-bold">Kontak</span> <div> Call Center <a href="tel:+62214246321">021-4246321</a> <br> Email <a href="mailto:perpustakaan@bmkg.go.id ">perpustakaan@bmkg.go.id </a> </div> <div class="mt-2"> <a href="https://wa.me/6285186881413" class="d-flex flex-row gap-2 align-middle" target="_blank"> <i class="fab fa-whatsapp fa-2x text-success"></i> <span class="align-middle text-primary mt-1">Whatsapp 085186881413</span> </a> </div> </div> <div class="col-6 col-md-4"> <h3 class="h5 fw-bold">Link Kategori</h3> <ul class="list list-simple-mini"> <li> <a class="link-fx fw-semibold" href="https://perpustakaan.bmkg.go.id/categories/buku-terbitan-daerah">Buku Terbitan Daerah</a> </li> <li> <a class="link-fx fw-semibold" href="https://perpustakaan.bmkg.go.id/categories/epaper">epaper</a> </li> <li> <a class="link-fx fw-semibold" href="https://perpustakaan.bmkg.go.id/categories/buku-terbitan-pusat">Buku Terbitan Pusat</a> </li> <li> <a class="link-fx fw-semibold" href="https://perpustakaan.bmkg.go.id/categories/buku-text">Buku Text</a> </li> <li> <a class="link-fx fw-semibold" href="https://perpustakaan.bmkg.go.id/categories/buku-lain-lain">Buku lain-lain</a> </li> <li> <a class="link-fx fw-semibold" href="https://perpustakaan.bmkg.go.id/categories/buku-terbitan-stmkg">Buku Terbitan STMKG</a> </li> </ul> </div> <div class="col-6 col-md-4"> <h3 class="h5 fw-bold">Aplikasi Mobile</h3> <a href="#" class="h6 fw-bold">Perpustakaan Digital Mobile App</a> <article class="mt-2 mb-4"> Semua informasi Perustakaan Digital dapat diakses melalui aplikasi mobile yang tersedia di Google Play Store. </article> <a href="https://play.google.com/store/apps/details?id=id.bmkg.perpustakaan&pcampaignid=web_share" target="_blank"> <img src="https://perpustakaan.bmkg.go.id/media/img/googleplay.png" alt="google play" class="img-fluid" style="width: 150px"> </a> <hr> <h4 class="h6 fw-semibold">Sosial Media Info BMKG</h4> <div> <a href="https://www.facebook.com/InfoBMKG" class="me-2" target="_blank"> <i class="fab fa-facebook fa-2x"></i> </a> <a href="https://www.instagram.com/infobmkg" target="_blank" class="me-2"> <i class="fab fa-instagram fa-2x"></i> </a> <a href="https://twitter.com/infoBMKG" target="_blank" class="me-2"> <i class="fab fa-twitter fa-2x"></i> </a> <a href="https://www.youtube.com/infoBMKG" target="_blank" class="me-2"> <i class="fab fa-youtube fa-2x"></i> </a> </div> </div> </div>   <div class="row fs-sm pt-4"> <div class="col-sm-6 order-sm-2 mb-1 mb-sm-0 text-center text-sm-end"> Badan Meteorologi, Klimatologi, dan Geofisika </div> <div class="col-sm-6 order-sm-1 text-center text-sm-start"> <a class="fw-semibold" href="https://perpustakaan.bmkg.go.id" target="_blank">BMKG e-Library</a> © <span data-toggle="year-copy"></span> | <a class="fw-semibold" href="https://perpustakaan.bmkg.go.id/privacy" target="_blank">Kebijakan Privasi</a> </div> </div>  </div> </footer>  </div>  <script src="/js/lib/jquery.min.js"></script> <script src="/js/plugins/slick-carousel/slick.min.js"></script> <script> jQuery(function(){ Dashmix.helpers(['jq-slick']); $('.slider-book').slick({ dots: false, infinite: false, speed: 300, slidesToShow: 5, slidesToScroll: 1, centerMode: false, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 1, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 1 } } ] }); // search $('#input-search').on('keyup', function(){ var value = $(this).val(); if (value.length > 2) { $.ajax({ url: "/api/books/list", type: "GET", data: { globalSearch: value }, success: function(data) { $('#search-result').html(searchResultTemplate(data.data, data.pagination.last_page)); } }); } }); // search result template function searchResultTemplate(data, lastPage) { // loop data var html = ''; html += '<div class="row">'; html += '<div class="col-12">'; html += '<div class="block block-rounded">'; html += '<div class="block-content">'; $.each(data, function(index, item) { let cover = item.cover ?? "/media/img/no-image.png"; html += '<a class="block block-rounded block-bordered block-link-shadow" href="/buku/'+item.slug+'">'; html += '<div class="d-flex justify-content-between align-middle px-2">'; html += '<div class="mt-2">'; html += '<img style="height: 90px; width: 60px;" src="'+ cover + '" alt="">'; html += '</div>'; html += '<div class="block-content block-content-full">'; html += '<span class="text-muted fw-semibold">'; html += '<i class="fa fa-fw fa-star me-1 text-warning"></i> ' + item.rating; html += '</span>'; html += '<div class="fw-bold text-truncate">'+ item.title +'</div>'; html += '<div class="fs-sm text-muted text-truncate">'+ item.pengarang_name +'</div>'; html += '</div>'; html += '</div>'; }); // if last page > 1 then show more button if (lastPage > 1) { html += '<div class="block-content block-content-full text-center">'; html += '<a href="/semua-buku?title='+ $('#input-search').val() +'" class="btn btn-block btn-primary">Selengkapnya</a>'; html += '</div>'; } // if data empty show message and add button to request book if (data.length == 0) { html += '<div class="block-content block-content-full text-center">'; html += '<span class="text-muted">Buku tidak ditemukan</span>'; html += '</div>'; html+= '<hr>'; } // footer ajukan buku html += '<div class="block-content block-content-full">'; html += '<div class="text-center">'; html += '<a href="/dashboard/survey/create/kebutuhan/" class="btn btn-success">Ajukan Buku</a>'; html += '</div>'; html += '</div>'; html += '</div>'; html += '</div>'; html += '</div>'; return html; } // hide search result $(document).on('click', function(e) { if (!$(e.target).closest('#search-result').length) { $('#search-result').html(''); } }); }); </script> <script src="https://perpustakaan.bmkg.go.id/js/plugins/bootstrap-notify/bootstrap-notify.min.js"></script> </body> <script> </script> </html>

CINXE.COM

BMKG e-Library