04921     2201945   4500001002100000008004100021020002200062035002000084084003600104100001200140245001200152260006200164300001200226650003700238990001800275990001800293990001800311990001800329990001800347990001800365990001800383990001800401990001800419990001800437990001800455990001800473990001800491990001800509990001800527990001800545990001800563990001800581990001800599990001800617990001800635990001800653990001800671990001800689990001800707990001800725990001800743990001800761990001800779990001800797990001800815990001800833990001800851990001800869990001800887990001800905990001800923990001800941990001800959990001800977990001800995990001801013990001801031990001801049990001801067990001801085990001801103990001801121990001801139990001801157990001801175990001801193990001801211990001801229990001801247990001801265990001801283990001801301990001801319990001801337990001801355990001801373990001801391990001801409990001801427990001801445990001801463990001801481990001801499990001801517990001801535990001801553990001801571990001801589990001801607990001801625990001801643990001801661990001801679990001801697990001801715990001801733990001801751990001801769990001801787990001801805990001801823990001801841990001801859990001801877990001801895990001801913990001801931990001801949990001801967990001801985990001802003990001802021990001802039990001802057990001802075990001802093990001802111990001802129990001802147990001802165990001802183990001802201990001802219990001802237990001802255990001802273990001802291990001802309990001802327990001802345990001802363990001802381990001802399990001802417990001802435990001802453990001802471990001802489990001802507990001802525990001802543990001802561990001802579990001802597990001802615990001802633990001802651990001802669990001802687990001802705990001802723990001802741990001802759990001802777990001802795990001802813990001802831990001802849990001802867990001802885990001802903990001802921990001802939990001802957INLIS000000001333624                                   ind    a978-602-437-151-7  a0010-1224000111  ahttps://bit.ly/CandilDispusipda  aSuwanti  aBetawol  aJakarta :bBadan Pengembangan dan Pembinaan Bahasa,c2016  a51 hlm.  aSekolah Menengah Pertama ( SMP )  a24/472778/CDL  a24/472779/CDL  a24/472780/CDL  a24/472781/CDL  a24/472782/CDL  a24/472783/CDL  a24/472784/CDL  a24/472785/CDL  a24/472786/CDL  a24/472787/CDL  a24/472788/CDL  a24/472789/CDL  a24/472790/CDL  a24/472791/CDL  a24/472792/CDL  a24/472793/CDL  a24/472794/CDL  a24/472795/CDL  a24/472796/CDL  a24/472797/CDL  a24/472798/CDL  a24/472799/CDL  a24/472800/CDL  a24/472801/CDL  a24/472802/CDL  a24/472803/CDL  a24/472804/CDL  a24/472805/CDL  a24/472806/CDL  a24/472807/CDL  a24/472808/CDL  a24/472809/CDL  a24/472810/CDL  a24/472811/CDL  a24/472812/CDL  a24/472813/CDL  a24/472814/CDL  a24/472815/CDL  a24/472816/CDL  a24/472817/CDL  a24/472818/CDL  a24/472819/CDL  a24/472820/CDL  a24/472821/CDL  a24/472822/CDL  a24/472823/CDL  a24/472824/CDL  a24/472825/CDL  a24/472826/CDL  a24/472827/CDL  a24/472828/CDL  a24/472829/CDL  a24/472830/CDL  a24/472831/CDL  a24/472832/CDL  a24/472833/CDL  a24/472834/CDL  a24/472835/CDL  a24/472836/CDL  a24/472837/CDL  a24/472838/CDL  a24/472839/CDL  a24/472840/CDL  a24/472841/CDL  a24/472842/CDL  a24/472843/CDL  a24/472844/CDL  a24/472845/CDL  a24/472846/CDL  a24/472847/CDL  a24/472848/CDL  a24/472849/CDL  a24/472850/CDL  a24/472851/CDL  a24/472852/CDL  a24/472853/CDL  a24/472854/CDL  a24/472855/CDL  a24/472856/CDL  a24/472857/CDL  a24/472858/CDL  a24/472859/CDL  a24/472860/CDL  a24/472861/CDL  a24/472862/CDL  a24/472863/CDL  a24/472864/CDL  a24/472865/CDL  a24/472866/CDL  a24/472867/CDL  a24/472868/CDL  a24/472869/CDL  a24/472870/CDL  a24/472871/CDL  a24/472872/CDL  a24/472873/CDL  a24/472874/CDL  a24/472875/CDL  a24/472876/CDL  a24/472877/CDL  a24/472878/CDL  a24/472879/CDL  a24/472880/CDL  a24/472881/CDL  a24/472882/CDL  a24/472883/CDL  a24/472884/CDL  a24/472885/CDL  a24/472886/CDL  a24/472887/CDL  a24/472888/CDL  a24/472889/CDL  a24/472890/CDL  a24/472891/CDL  a24/472892/CDL  a24/472893/CDL  a24/472894/CDL  a24/472895/CDL  a24/472896/CDL  a24/472897/CDL  a24/472898/CDL  a24/472899/CDL  a24/472900/CDL  a24/472901/CDL  a24/472902/CDL  a24/472903/CDL  a24/472904/CDL  a24/472905/CDL  a24/472906/CDL  a24/472907/CDL  a24/472908/CDL  a24/472909/CDL  a24/472910/CDL  a24/472911/CDL  a24/472912/CDL  a24/472913/CDL  a24/472914/CDL  a24/472915/CDL  a24/472916/CDL  a24/472917/CDL  a24/472918/CDL  a24/472919/CDL  a24/472920/CDL  a24/472921/CDL  a24/472922/CDL  a24/472923/CDL  a24/472924/CDL  a24/472925/CDL  a24/472926/CDL  a24/472927/CDL
<!DOCTYPE html>
<html lang="idn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-param" content="_OpacInlislite">
    <meta name="csrf-token" content="dHZEdDh4NlQnNycjeRF7MEFPPiNMKXoNOTslHV0XAB8MBBc1VAsbMQ==">
    <title>Online Public Access Catalog - Perpusnas RI</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="shortcut icon" type='image/x-icon' href="/opac/../uploaded_files/aplikasi/favicon.png">


    <!--  <link rel="shortcut icon" type='image/x-icon' href="../.../uploaded_files/aplikasi/favicon.png"> -->

    <link href="/opac/assets/6b84e12f/css/bootstrap.css" rel="stylesheet">
<link href="/opac/assets_b/css/_all-skins.css" rel="stylesheet">
<link href="/opac/assets_b/css/ionicons.min.css" rel="stylesheet">
<link href="/opac/assets_b/css/bootstrap.css" rel="stylesheet">
<link href="/opac/assets_b/css/font-awesome.min.css" rel="stylesheet">
<link href="/opac/assets_b/css/style-slider.css" rel="stylesheet">
<link href="/opac/assets_b/css/datatables.css" rel="stylesheet">
<link href="/opac/assets_b/css/AdminLTE.css" rel="stylesheet">
<link href="/opac/assets_b/css/site.css" rel="stylesheet">
<link href="/opac/assets_b/css/styles.css" rel="stylesheet">
</head>


<body class="skin-blue layout-top-nav">
    <div class="wrapper" style=" background-color: #FFF;">
        <!-- Header web -->
        <header class="main-header">
            <!-- navbar -->
            <nav class="navbar navbar-static-top">
                <div class="container">
                    <div class="navbar-header">
                        <div class="title">
                           <!--  <div class="image"> <a href='/opac/'> <img src=".././uploaded_files/aplikasi/logo_perpusnas_2015.png" class="img-logo" height="65" width="70"> </a></div> -->
                           <!--  <div class="image"> <a href='/opac/'> <img src="/opac/../uploaded_files/aplikasi/logo_perpusnas_2015.png" class="img-logo" height="65" width="70"> </a></div> -->
                            <div class="image"><img src="/opac/../uploaded_files/aplikasi/logo_perpusnas_2015.png" class="img-logo" height="65" width="70"></div>
                            <div class="text">
                                <h3 style="margin-top: 20px;">Online Public Access Catalog</h3>
                                <div class="clear"></div>
                                <div class="time">PERPUSTAKAAN UMUM DISPUSIPDA JABAR</div><br/>
                                <div class="clear"></div>
                                <div class="timeddr" style="margin-bottom: 10px"></div>
                                <div class="clear"></div>
                            </div>
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
                                <i class="fa fa-bars"></i>
                            </button>
                            <div class="clear">
                            </div>
                        </div>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse pull-right" id="navbar-collapse">
                        <span class="pull-right" style="color:#fff; margin-right:5px; margin-top:5px" id="clocktime" ></span><br>
                        <ul class="nav navbar-nav pull-right">        
            
                    <li> <a class="bookmarkShow" href="javascript:void(0)"  onclick='tampilBooking()' ></a> </li>     
                    <li> <a href="/opac/bookmark">Tampung</a> </li>
                      

                         <li> <a href="javascript:void(0)"  onclick='tampilLogin()'>Login</a> </li>
                        <li> <a href="../pendaftaran">Registrasi</a> </li>
                                                  
                  </ul>

                    </div><!-- /.navbar-collapse -->
                    <!-- Navbar Right Menu -->
                    <!-- /.navbar-custom-menu -->
                </div><!-- /.container-fluid -->
            </nav>
            <!-- /navbar -->
        </header>

                <section class="content-search">
                  <div class="container">
                    <div class="row">
                      <div class="col-sm-12">
                      <span class="nav-tabs-custom">
                          <ul class="nav nav-tabs">
                            <li class="active"> <a href="#tab_1" data-toggle="tab">Cari</a> </li>
                    <li> <a href="/opac/browse">Browse</a> </li>

                          </ul>
                        </span>
                        </div>
                        </div>
                    <form action="/opac/pencarian-sederhana" method="GET"/>
                    <input type="hidden" name="action" value="pencarianSederhana"/>

                        <div class="tab-content">
                            <div class="tab-pane active" id="tab_1">
                  <div class="col-sm-4"><div class="form-group">
                          <input type="text" class="form-control" name="katakunci" id="KataKunci" placeholder='Kata Kunci' size="25" ></div></div>
                      <div class="col-sm-4"><div class="form-group">

                    <select  class="form-control" name="ruas">
                      <option value="Judul">Judul</option>
                      <option value="Pengarang">Pengarang</option>
                      <option value="Penerbit">Penerbitan</option>
                      <option value="Subyek">Subyek</option>
                      <option value="Nomor Panggil">Nomor Panggil</option>
                      <option value="ISBN">ISBN</option>
                      <option value="ISSN">ISSN</option>                    
                      <option value="ISMN">ISMN</option>
                      <option value="Semua Ruas">Sembarang</option> 

                    </select>
                              </form>
                      </div></div>
                      <div class="col-sm-3"><div class="form-group">

                              <select class="form-control" name="bahan" onChange="getData(this);" >
                      <option value ='1'>Monograf</option> <option value ='4'>Terbitan Berkala</option> <option value ='68'>Skripsi</option> <option value ='69'>Tesis</option> <option value ='6'>Bahan Grafis</option> <option value ='7'>Rekaman Video</option> <option value ='8'>Musik</option> <option value ='5'>Bahan Kartografis</option> <option value ='9'>Bahan Campuran</option> <option value ='2'>Sumber Elektronik</option> <option value ='10'>Rekaman Suara</option> <option value ='3'>Film</option> <option value ='11'>Bentuk Mikro</option> <option value ='12'>Manuskrip</option> <option value ='15'>Bahan Ephemeral</option> 
                      <option value="Semua Jenis Bahan" selected>Semua Bahan</option>

                    </select>
                              
                      </div></div>
                      <div class="col-sm-1"><input class="btn btn-success" type="submit" value=Cari  align="right"></div>
                   </div>

                   </div>
                  <div class="row">&nbsp;</div>
                  <div class="row">
                  <div class="col-sm-12">&nbsp; &nbsp; <a href="/opac/pencarian-lanjut">Pencarian lanjut </a> - <a href="/opac/riwayat-pencarian">Riwayat Pencarian </a> - <a href="" data-toggle="modal" data-target="#modalBantuan">Bantuan</a> </div>
                  </div>
                  

                 <!-- Modal -->
                  <div class="modal fade" id="modalBantuan" role="dialog">
                    <div class="modal-dialog">

                      <!-- Modal content-->
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                          <h4 class="modal-title">Bantuan</h4>
                        </div>
                        <div class="modal-body">

                            <ul>
                            <li> Pencarian sederhana adalah pencarian koleksi dengan menggunakan hanya satu kriteria pencarian saja. </li>
                            <li> Ketikkan kata kunci pencarian, misalnya : " Sosial kemasyarakatan " </li>
                            <li> Pilih ruas yang dicari, misalnya : " Judul " . </li>
                            <li> Pilih jenis koleksi misalnya  " Monograf(buku) ", atau biarkan pada  pilihan " Semua Jenis Bahan " </li>
                            <li> Klik tombol "Cari" atau tekan tombol Enter pada keyboard </li>
                        </ul>

                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
                        </div>
                      </div>

                    </div>
                  </div>
                    
                    </div>
                </section>


           <!-- Full Width Column -->
          <div id="alert">
          </div>
          <div id="usulan">
          </div>
                <div class="content-wrapper" style="min-height: 507px;">
            <div class="container">
                <!-- Content Header (Page header) -->

                <!-- Main content -->
                <section class="content">
                 <!--     -->
                    <div class="box box-default">
                        <div class="site-error">

    <h1>Kesalahan (#64)</h1>

    <div class="alert alert-danger">
        Terjadi kesalahan internal server.    </div>

    <p>
        The above error occurred while the Web server was processing your request.
    </p>
    <p>
        Please contact us if you think this is a server error. Thank you.
    </p>

</div>
                    </div>
                </section><!-- /.content -->
            </div><!-- /.container -->
        </div><!-- /.content-wrapper -->


    <footer class="footer main-footer">
      <div class="container">
        <div class="pull-right hidden-sm" style="font-family: "Corbel", Arial, Helvetica, sans-serif;">
          INLISLite v3.1        </div>
        Hak Cipta  &copy; 2017 - 2018 <a href="http://inlislite.perpusnas.go.id" target="_blank">Perpustakaan Nasional Republik Indonesia</a>
      </div> <!-- /.container -->
    </footer>
        <script src="/opac/assets/78bad8c8/jquery.js"></script>
<script src="/opac/assets/199f3c4d/yii.js"></script>
<script src="/opac/assets_b/js/app.js"></script>
<script src="/opac/assets_b/js/bootstrap.min.js"></script>
<script src="/opac/assets_b/js/datatables.js"></script>
<script type="text/javascript">jQuery(document).ready(function () {

        $(document).ready(
            function() {
                $('a.bookmarkShow').hide();
            }
        );
        
});</script>    </div><!-- ./wrapper -->
</body>
</html>
<script>

    var d = new Date(Date(2026,11,2,10,42,46));
    var weekday=new Array(7);
    var weekday=["Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"];
    var weekday_en=new Array(7);
    var weekday_en=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
    var monthname=new Array(12);
    var monthname=["","Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"];
    var monthname_en=new Array(12);
    var monthname_en=["","January","February","March","April","May","June","July","August","September","October","November","December"];
    var dayname=weekday[1];
    var day=02;
    var month=monthname[11];
    var year=2026;
    if ('idn'=='en') {
            var dayname=weekday_en[1];
            var month=monthname_en[11];
        }
    setInterval(function() {
        d.setSeconds(d.getSeconds() + 1);
        $('#clocktime').text((dayname+", "+day+" "+month+" "+year+", "+d.getHours() +':' + d.getMinutes() + ':' + d.getSeconds() ));
    }, 1000);

  function getData(dropdown) {
    var value = dropdown.options[dropdown.selectedIndex].value;
    if(document.getElementById("dariTGL").style.display == "inline"){

    }
    document.getElementById("dariTGL").style.display = "none"
    document.getElementById("sampaiTGL").style.display = "none"
    if (value == '4'){   
      document.getElementById("dariTGL").style.display = "inline"
      document.getElementById("sampaiTGL").style.display = "inline"
    }
  }
    function tampilBooking() {
        $.ajax({
            type: "POST",
            cache: false,
            url: "booking?action=showBookingDetail",
            success: function (response) {
                $("#modalBooking").modal('show');
                $("#BookingShow").html(response);
            }
        });
    }
    function tampilUsulan() {
        $.ajax({
            type: "POST",
            cache: false,
            url: "usulan-koleksi?action=showUsulan",
            success: function (response) {
                $("#modalUsulan").modal('show');
                $("#UsulanShow").html(response);
            }
        });
    }

      function tampilLogin() {
        $.ajax({
            type: "POST",
            cache: false,
            url: "site/login",
            success: function (response) {
                $("#modalLogin").modal('show');
                $("#LoginShow").html(response);
            }
        });

    }

    function cancelBooking(id) {
        $.ajax({
            type: "POST",
            cache: false,
            url: "booking?action=cancelBooking&colID="+id,
            success: function (response) {
                $("#modalBooking").modal('hide');
                $("#alert").html(response);
            }
        });
    }

    function loginAnggota() {
        $.ajax({
            type: "POST",
            cache: false,
            url: "site/loginanggota",
            data : $("#login-anggota").serialize(), 
            success: function (response) {
                console.log(response);
                if (response) {
                  $("#error-login-opac-123-321").html(response);
                }
            }

        });
    }


  var MaxInputs = 50;
  var Dynamic = $("#Dynamic");
  var i = $("#Dynamic div").size() + 1;

  $("#AddInpElem").click( function () {
    if (i <= MaxInputs) {
      $("<div> <div class=\"row\">  <div class=\"col-sm-1\"></div>  <div class=\"col-sm-1\"><div class=\"form-group\"><select name=\"danAtau[]\" class=\"form-control\"><option value=\"and\">dan</option>  <option value=\"or\">atau</option>   <option value=\"selain\">selain</option>      </select></div></div><div class=\"col-sm-3\"><div class=\"form-group\">  <input name=\"katakunci[]\"  type=\"text\" class=\"form-control login-field\"  /></div></div><div class=\"col-sm-2\"><div class=\"form-group\"> <select name=\"jenis[]\" class=\"form-control\"><option>di dalam</option><option >di awal</option><option >di akhir</option> </select></div></div><div class=\"col-sm-3\"><div class=\"form-group\"><select   name=\"tag[]\" class=\"form-control\"> <option value=\"Judul\">Judul</option> <option value=\"Pengarang\">Pengarang</option> <option value=\"Penerbitan\">Penerbitan</option> <option value=\"Edisi\">Edisi</option> <option value=\"Deskripsi Fisik\">Deskripsi Fisik</option> <option value=\"Jenis Konten\">Jenis Konten</option> <option value=\"Jenis Media\">Jenis Media</option> <option value=\"Media Carrier\">Media Carrier</option> <option value=\"Subyek\">Subyek</option> <option value=\"ISBN\">ISBN</option> <option value=\"ISSN\">ISSN</option> <option value=\"ISMN\">ISMN</option> <option value=\"Nomor Panggil\">ISBN</option> <option value=\"Sembarang Ruas\">Sembarang Ruas </option>       </select> </div></div><a href=\"javascript:void(0)\" class=\"RemInpElem\"><span class=\"glyphicon glyphicon-minus-sign\"></span></a> &nbsp; </div> </div>").appendTo(Dynamic);
      i++;
    }
    return false;
  });


$("body").on("click",".RemInpElem", function(){
  if (i > 2) {
    $(this).parent("div").remove();
    i--;
  }
  return false;
}) 


</script>

<div class="modal fade" id="modalBooking" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Booking Detail</h4>
            </div>
            <div class="modal-body">
                <p id="demo"></p>
                <div id="BookingShow">
                </div>
            </div>
            <div class="modal-footer">
                <a href="javascript:void(0)" id="PrintButton" class="btn btn-primary"> <span class="glyphicon glyphicon-print"></span>  Print  </a>&nbsp;&nbsp;
                <button type="button" class="btn btn-default" data-dismiss="modal">&nbsp;Tutup&nbsp;</button>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalUsulan" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Usulan Koleksi</h4>
            </div>
            <div class="modal-body">
                <p id="demo"></p>
                <div id="UsulanShow">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalLogin" role="dialog">
    <div class="modal-dialog modal-sm" >       
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Login Anggota</h4>
            </div>
            <div class="modal-body ">
                <p id="demo"></p>
                <div id="LoginShow">




                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="modalBantuan" role="dialog">
    <div class="modal-dialog">       
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Bantuan</h4>
            </div>
            <div class="modal-body">
                <ul>
                  <li> Pencarian sederhana adalah pencarian koleksi dengan menggunakan hanya satu kriteria pencarian saja. </li>
                  <li> Ketikkan kata kunci pencarian, misalnya : " Sosial kemasyarakatan " </li>
                  <li> Pilih ruas yang dicari, misalnya : " Judul " . </li>
                  <li> Pilih jenis koleksi misalnya  " Monograf(buku) ", atau biarkan pada  pilihan " Semua Jenis Bahan " </li>
                  <li> Klik tombol "Cari" atau tekan tombol Enter pada keyboard </li>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
            </div>
        </div>
    </div>
</div>