SURAT PENCATATAN CIPTAAN

(1)

REPUBLIK INDONESIA

KEMENTERIAN HUKUM DAN HAK ASASI MANUSIA

SURAT PENCATATAN

CIPTAAN

Dalam rangka pelindungan ciptaan di bidang ilmu pengetahuan, seni dan sastra berdasarkan Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta, dengan ini menerangkan:

Nomor dan tanggal permohonan : EC00201974364, 5 Oktober 2019 Pencipta

Nama : Eko Haryadi, Tarulli D.P Silitonga, , dkk

Alamat : Desa Purwadana RT 10 / 05 Teluk Jambe Timur , Karawang, Jawa Barat, 41361

Kewarganegaraan : Indonesia

Pemegang Hak Cipta

Nama : Eko haryadi, Tarulli D.P Silitonga, , dkk

Alamat : Desa Purwadana RT 10 / 05 Teluk Jambe Timur, Karawang, 8, 41361

Kewarganegaraan : Indonesia

Jenis Ciptaan : Program Komputer

Judul Ciptaan : Implementasi Registrasi Pengunjung Lembaga Pemasyarakatan (LAPAS) Kelas IIA Karawang

Tanggal dan tempat diumumkan untuk pertama kali di wilayah Indonesia atau di luar wilayah Indonesia

: 16 September 2019, di Karawang

Jangka waktu pelindungan : Berlaku selama 50 (lima puluh) tahun sejak Ciptaan tersebut pertama kali dilakukan Pengumuman.

Nomor pencatatan : 000157461

adalah benar berdasarkan keterangan yang diberikan oleh Pemohon.

Surat Pencatatan Hak Cipta atau produk Hak terkait ini sesuai dengan Pasal 72 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta.

a.n. MENTERI HUKUM DAN HAK ASASI MANUSIA DIREKTUR JENDERAL KEKAYAAN INTELEKTUAL

Dr. Freddy Harris, S.H., LL.M., ACCS.

NIP. 196611181994031001

(2)

LAMPIRAN PENCIPTA

No Nama Alamat

1 Eko Haryadi Desa Purwadana RT 10 / 05 Teluk Jambe Timur 2 Tarulli D.P Silitonga Griya Mas Lestari F16 Kondang Jaya Karawang Timur 3 Siti NuRani Babakan Jati, Mekar Jati , Haur Geulis

4 Fiqih Hidayatullah Desa Kebon Cau , Ciasem Baru, Ciasem

5 Dede Mustomi Perum Resinda Blok G7 Purwadana Teluk Jambe Timur

6 Asep Dusun Cibenda, Makmur Raya, Jayakerta, Karawang

LAMPIRAN PEMEGANG

No Nama Alamat

1 Eko haryadi Desa Purwadana RT 10 / 05 Teluk Jambe Timur 2 Tarulli D.P Silitonga Griya Mas Lestari F16 Kondang Jaya Karawang Timur 3 Siti Nurani Babakan Jati, Mekar Jati , Haur Geulis

4 Fiqih Hidayatulloh Desa Kebon Cau , Ciasem Baru, Ciasem

5 Dede Mustomi Perum Resinda Blok G7 Purwadana Teluk Jambe Timur

6 Asep Dusun Cibenda, Makmur Raya, Jayakerta, Karawang

Powered by TCPDF (www.tcpdf.org)

(3)

SURAT TUGAS

2122/B.01/LPPM-UBSI/IX/2019 Tentang

Pelindungan Ciptaan di Bidang Ilmu Pengetahuan, Seni dan Sastra Berdasarkan Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta

Nomor dan Tanggal Permohonan : EC00201974364, 5 Oktober 2019 Nomor Pencatatan : 000157461

PADA SURAT PENCATATAN CIPTAAN

KEMENTERIAN HUKUM DAN HAK ASASI MANUSIA REPUBLIK INDONESIA Program Komputer

Judul Ciptaan :

Implementasi Registrasi Pengunjung Lembaga Pemasyarakatan (LAPAS) Kelas IIA Karawang

MEMUTUSKAN

Pertama : Kepada saudara

Eko Haryadi MM.,M.Kom

Sebagai Pencipta yang mempublikasikan karyanya.

Kedua : Mempunyai tugas sbb:

Melaksanakan Tugas yang diberikan dengan penuh rasa tanggung jawab.

Ketiga : Keputusan ini berlaku sejak tanggal ditetapkan, dengan ketentuan apabila dikemudian hari terdapat kekeliruan akan diubah dan diperbaiki sebagaimana mestinya.

Jakarta,25 September 2019

LPPM Universitas Bina Sarana Informatika Ketua

Taufik Baidawi, M.Kom

Tembusan

- Rektor Universitas Bina Sarana Informatika - Arsip

- Ybs

(4)

1

Modul

Implementasi Registrasi Pengunjung Lembaga Pemasyarakatan (LAPAS) Kelas IIA Karawang

Team:

Eko Haryadi Tarulli D.P Silitonga

Siti Nu Rani Fiqih Hidayatullah

Dede Mustomi Asep

2019

(5)

2

Re-PLas

Implementasi Registrasi Pengunjung Lembaga

Pemasyarakatan (LAPAS) Kelas IIA Karawang

(6)

3

A. Membuat Tampilan Menu Utama Re-PLas

Tampilan menu utama ini merupakan akses pertama pengunjung saat melakukan registrasi kujungan di lapas, langkah-langkah membuat menu utama adalah sebagai beikut :

1. Pada folder replas pilih menu “views” lalu klik kanan pada menu “views” lalu pilih

“new folder” save folder dengan nama “home” setelah itu klik kanan pada folder home lalu pilih “new file” simpan file dengan nama “content.php” pada save as type pilih “PHP” lalu simpan. Setelah itu ketikan codingan dibawah ini :

Gambar 2.2.26 Content.php

2. Pada folder “home” tambahkan file dengan cara klik kanan pada folder “home” lalu pilih “new file” simpan file dengan nama “footer.php” pada save as type pilih “PHP”

lalu simpan. Setelah itu ketikan codingan dibawah ini :

</footer>

(7)

4

Pada folder “home” tambahkan file dengan cara klik kanan pada folder “home” lalu pilih “new file” simpan file dengan nama “header.php” pada save as type pilih

“PHP” lalu simpan. Setelah itu ketikan codingan dibawah ini :

<img src="<?php echo base_url('assets/images/pengayoman2.png');?>" class="img- circle" alt="logo" width="300px" height="300px">

<img src="<?php echo base_url('assets/images/lapas2.png');?>" class="img-circle"

alt="logo" width="300px" height="300px">

<h3> Implementasi Registrasi Pengunjung Lembaga Pemasyarakatan (LAPAS) Kelas IIA Karawang </h3>

</div>

<h2>JL. Surotokunto No.110 , Warung Bambu</h2>

<h2>Kec. Karawang Timur, Kabupaten Karawang, Jawa Barat 41371</h2>

<h3>E-mail : lapas2akwg@gmail.com</h3>

</div>

</div>

3. Pada folder “home” tambahkan file dengan cara klik kanan pada folder “home” lalu pilih “new file” simpan file dengan nama “kontak.php” pada save as type pilih

(8)

5

<h2 class="text-center">CONTACT</h2>

<p>Kontak kami dan kami akan menjawab dalam 24 jam</p>

<p><span class="glyphicon glyphicon-map-marker"></span> JL. Surotokunto No.110 , Warung Bambu</p>

lapas2akwg@gmail.com</p>

</div>

<input class="form-control" id="name" name="name" placeholder="Name"

type="text" required>

</div>

<input class="form-control" id="email" name="email" placeholder="Email"

type="email" required>

</div>

<textarea class="form-control" id="comments" name="comments"

placeholder="Comment" rows="5"></textarea><br>

</div>

(9)

6 </div>

</div>

Masih dalam codingan kontak buka folder “controllers” lalu klik kanan pilih “new file”

simpan dengan nama “Replas.php” dan tambahkan codingan dibawah ini pada file tersebut :

function kontak() {

$this->template->replas('replas/kontak');

}

4. Pada folder “home” tambahkan file dengan cara klik kanan pada folder “home” lalu pilih “new file” simpan file dengan nama “menu.php” pada save as type pilih “PHP”

lalu simpan. Setelah itu ketikan codingan dibawah ini :

</ol>

(10)

7 <div class="carousel-inner" role="listbox">

<h4>"Memulihkan kesatuan hubungan hidup dan penghidupan Warga Binaan"<br><span style="font-style:normal;"></span></h4>

</div>

<h4>" Pemasyarakatan sebagai individu,anggota masyarakat dan makhluk Tuhan Yang Maha Esa, "<br><span style="font-style:normal;"></span></h4>

</div>

<h4>"dengan meningkatkan kualitas Warga Binaan Pemasyarakatan."<br><span style="font-style:normal;"></span></h4>

</div>

<span class="sr-only">Previous</span>

</a>

</a>

</div>

(11)

8

</ol>

<h4><br/>"Melaksankan perawatan tahanan, pembinaan dan pembimbingan"<br><span style="font-style:normal;"></span></h4>

</div>

<h4>"Warga Binaan Pemasyarakatan serta pengelolaan benda sitaan negara <br>dalam rangka penegakan hukum,"<br><span style="font-

style:normal;"></span></h4>

</div>

<h4>"pencegahan dan penanggulanan kejahatan serta penipuan dan <br>perlindungan Hak Asasi Manusia.<br/><br><span style="font- style:normal;"></span></h4>

</div>

(12)

9

<span class="sr-only">Previous</span>

</a>

</a>

</div>

</div>

5. Pada folder “home” tambahkan file dengan cara klik kanan pada folder “home” lalu pilih “new file” simpan file dengan nama “menu2.php” pada save as type pilih

<br/>

<h4>INFORMASI</h4></a>

<p>Jadwal & Persyaratan Kunjungan</p>

(13)

10 </div>

<p>Registrasi Pengunjung</p>

</div>

6. Pada folder “home” tambahkan file dengan cara klik kanan pada folder “home” lalu pilih “new file” simpan file dengan nama “template.php” pada save as type pilih

<!DOCTYPE html>

<head>

<title>Re-PLas Karawang</title>

rel="stylesheet">

rel="stylesheet">

<!--[if lt IE 9]>

<![endif]-->

(14)

11

</head>

<?php echo $_top_menu;?>

</div>

<?php echo $_header;?>

</div>

<?php echo $_menu;?>

</div>

<?php echo $_menu2;?>

</div>

<?php echo $_kontak;?>

</div>

(15)

12

<?php echo $_footer;?>

</div>

base_url('assets/bootstrap/js/jquery.min.js');?>"></script>

base_url('assets/bootstrap/js/bootstrap.min.js');?>"></script>

$(document).ready(function(){

// Add smooth scrolling to all links in navbar + footer link

$(".navbar a, footer a[href='#myPage']").on('click', function(event) {

// Prevent default anchor click behavior event.preventDefault();

// Store hash

var hash = this.hash;

// Using jQuery's animate() method to add smooth page scroll

// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area

$('html, body').animate({

scrollTop: $(hash).offset().top }, 900, function(){

(16)

13

// Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash;

});

})

</script>

</body>

</html>

7. Pada folder “home” tambahkan file dengan cara klik kanan pada folder “home” lalu pilih “new file” simpan file dengan nama “top_menu.php” pada save as type pilih

<a class="navbar-brand" data-toggle="modal" data-target="#myModal"

href="#">ADMIN</a>

<a class="navbar-brand" href="#kontak">KONTAK</a>

</div>

</ul>

</div>

</nav>

(17)

14

function cekform() {

if (!$("#username").val()) {

alert('Maaf Username tidak boleh kosong');

$("#username").focus();

return false;

}

if (!$("#password").val()) {

alert('Maaf Password tidak boleh kosong');

$("#password").focus();

return false;

} }

</script>

LOGIN</h4></div>

</div>

(18)

15 <div class="modal-body">

<form role="form" action="<?php echo site_url('admin/login');?>"

method="post" onSubmit="return cekform();">

Username</label>

<input type="text" class="form-control" id="username" name="username"

placeholder="Username">

</div>

Password</label>

<input type="password" class="form-control" id="password"

name="password" placeholder="Password">

</div>

<?php

$info = $this->session->flashdata('info');

if (!empty($info)) {

echo $info;

} ?>

<button type="submit" class="btn btn-block">Login <span class="glyphicon glyphicon-log-in"></span>

</button>

</form>

</div>

(19)

16

<span class="glyphicon glyphicon-remove"></span> Cancel </button>

</div>

8. Buka folder “controllers” lalu klik kanan pilih “new file” simpan file dengan nama

“Welcome.php” pada save as type pilih “PHP” lalu ketikkan codinga dibawah ini :

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller { function __construct()

{

parent::__construct();

$this->load->library('template');

} /**

* Index Page for this controller.

*

* Maps to the following URL

* http://example.com/index.php/welcome

* - or -

* http://example.com/index.php/welcome/index

* - or -

* Since this controller is set as the default controller in

(20)

17

* config/routes.php, it's displayed at http://example.com/

*

* So any other public methods not prefixed with an underscore will * map to /index.php/welcome/<method_name>

* @see https://codeigniter.com/user_guide/general/urls.html */

public function index() {

$this->template->home('home/content');

} }

Setelah semua codingan di ketik maka akan muncul tampilan seperti berikut ini :

(21)

18

Gambar 2.2.27 Tampilan Home awal

B. Membuat Tampilan Menu Utama Registrasi Kunjungan

Jika sebelumnya kita sudah membuat tampilan menu utama Re-PLas maka disni kita akan membuat tampilan menu utama pada registrasi kunjungan. Berikut langkah- langkah membuat menu utama registrasi kunjungan :

1. Pada folder “views” tambahkan folder baru dengan cara klik kanan pada “views” lalu pilih “new folder” simpan folder dengan nama “replas” lalu klik kanan pada folder

“replas” pilih new folder dan simpan folder dengan nama “dashboard” lalu pada folder “dashboard” klik kanan lalu klik “new file” simpan file dengan nama

“home.php” pada save as type pilih “PHP” lalu simpan. Setelah itu ketikan codingan dibawah ini:

<h1>Selamat Datang <?php echo $this->session->userdata('nama_lengkap');?>!

</h1>

<p>Jika anda ingin melakukan Kunjungan, silahkan melengkapi Form Registrasi Kunjungan dengan mengklik <b>Form Registrasi Kunjungan</b> dibawah ini</p>

<p><a class="btn btn-primary btn-lg" href="<?php echo

site_url('replas/registrasi');?>" role="button">Form Registrasi Kunjungan</a></p>

<hr>

</div>

(22)

19

2. Pada folder “dashboard” klik kanan lalu klik “new file” simpan file dengan nama

“status.php” pada save as type pilih “PHP” lalu simpan. Setelah itu ketikan codingan dibawah ini:

<h3><p><div class="alert alert-success" role="alert">Akun anda <?php echo

$pengunjung->status;?>!</div> </p></h3>

3. Pada folder “dashboard” klik kanan lalu klil “new file” simpan file dengan nama

“template.php” pada save as type pilih “PHP” lalu simpan. Setelah itu ketikan codingan dibawah ini:

<!DOCTYPE html>

<head>

<title>Re-PLas Karawang</title>

rel="stylesheet">

rel="stylesheet">

base_url('assets/datatables/css/jquery.dataTables.min.css');?>" rel="stylesheet">

base_url('assets/datatables/css/dataTables.bootstrap.min.css');?>" rel="stylesheet">

<!--[if lt IE 9]>

(23)

20

<![endif]-->

</head>

<body>

</div>

<br/>

<h2><p align="right">LAPAS KELAS IIA KARAWANG</p></h2>

<h5><p align="right">JL. Surotokunto No.110 , Warung Bambu</p></h5>

<h5><p align="right">Kec. Karawang Timur, Kabupaten Karawang, Jawa Barat 41371</p></h5>

<h5><p align="right">E-mail : lapas2akwg@gmail.com</p></h5>

</div>

(24)

21

<?php echo $_top_menu;?>

</div>

<?php echo $_content;?>

</div>

base_url('assets/bootstrap/js/jquery.min.js');?>"></script>

base_url('assets/datepicker/js/bootstrap-datetimepicker.min.js');?>"></script>

base_url('assets/bootstrap/js/bootstrap.min.js');?>"></script>

$(‘.datepicker’).datepicker();

});

</script>

base_url('assets/datatables/js/jquery.dataTables.min.js');?>"></script>

$('.data').DataTable();

(25)

22 });

</script>

</body>

</html>

4. Pada folder “dashboard” klik kanan lalu klil “new file” simpan file dengan nama

“top_menu.php” pada save as type pilih “PHP” lalu simpan. Setelah itu ketikan codingan dibawah ini:

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"

data-target="#bs-example-navbar-collapse-1" aria-expanded="false">

<span class="sr-only">Toggle navigation</span>

</button>

<a class="navbar-brand" href="<?php echo base_url();?>"><span

class="glyphicon glyphicon-home" aria-hidden="true"></span> Beranda</a>

</div>

<?php

if($this->session->userdata('no_id') == ""){

?>

(26)

23

<li><a href="<?php echo site_url('replas/daftar');?>"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Pendaftaran</a></li>

<?php }else{

?>

<li><a href="<?php echo site_url('replas/registrasi');?>"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Form Registrasi</a></li>

<?php } ?>

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"

aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon- exclamation-sign" aria-hidden="true"></span> Informasi <span

class="caret"></span></a>

<li><a href="<?php echo site_url('replas/prosedur');?>"><span

class="glyphicon glyphicon-bookmark" aria-hidden="true"></span> Prosedur

</a></li>

Pengumuman</a></li>

</ul>

</li>

(27)

24

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"

aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon- question-sign" aria-hidden="true"></span> Bantuan <span

class="caret"></span></a>

<li><a href="<?php echo site_url('replas/kontak');?>"><span

class="glyphicon glyphicon-comment" aria-hidden="true"></span> Kontak</a></li>

</ul>

</li>

</ul>

<li><a href="<?php echo site_url('replas/logout');?>"><span

class="glyphicon glyphicon-user" aria-hidden="true"></span><?php echo $this-

>session->userdata('nama_lengkap');?><span class="glyphicon glyphicon-log-out"

aria-hidden="true"></span>Logout</a></li>

</ul>

</div>

</div>

</nav>

5. Buka folder “controllers” lalu klik kanan pilih “new file” dan simpan file dengan nama “Replas.php” pada save as type pilih “PHP” lalu simpan, lalu ketikan codingan berikut ini :

function pengumuman() {

$logged_in = $this->session->userdata('logged_in');

$level = $this->session->userdata('level');

$no_id = $this->session->userdata('no_id');

$data['pengunjung'] = $this->replas_model->cek_pengunjung($no_id);

if (!empty($logged_in) && $level == 'pengunjung')

(28)

25 {

$this->template->dashboard_user('replas/pengumuman',$data);

} else {

$this->template->replas('replas/pengumuman',$data);

} }

6. Buka folder “models” klik folder “replas_model.php” lalu tambahkan codingan dibawah ini :

function insert_data_pengumuman($data) {

$this->db->insert('pengumuman',$data);

}

Dikarenakan tampilam pengumuman masih berkaitan dengan tampilan prosedur maka akan dilanjutkan dengan klik folder “views” lalu pilih folder “dashboard” klik kanan dan pilih “new file” simpan dengan nama “prosedur.php” pada save as type pilih “PHP” lalu simpan, lalu ketikan codingan dibawah ini :

<h2>JADWAL DAN PERSYARATAN KUNJUNGAN</h2>

<hr>

<h3>Jadwal Kunjungan Tahanan / Narapidana</h3>

<li>

<strong>Kunjungan Tahanan.</strong>

<p> -Senin Dan Rabu : Jam 09.00 s/d 13.30 WIB<br/>

( Istirahat Jam 11.30 s/d 12.30 WIB ) - Jumat : Jam 09.00 s/d 11.00 WIB</li>

<li><strong>Kunjungan Narapidana.</strong>

(29)

26

<p> -Selasa dan Kamis : Jam 09.00 s/d 13.30 WIB <br/>

( Istirahat Jam 11.30 s/d 12.30 WIB ) -Sabtu : Jam 09.00 s/d 11.30 WIB</li>

<li>

<strong>Keterangan : </strong>

<p> Hari Minggu dan Tanggal Merah Libur, kecuali Hari Besar Agama . </h4></ol><br/>

<h3>Persyaratan Kunjungan Tahanan / Narapidana</h3>

<li>

<strong>Bagi Pengunjung Tahanan (Kepolisian, Kejaksaan, Pengadilan, Bea Cukai )</strong>

<p> Wajib Membawa Surat Ijin Berkunjung dari Instansi Penahan. </li>

<li><strong>Pengunjung Tahanan / Narapidana .</strong>

<p> Wajib melampirkan foto copy (KTP, SIM, PASPORT, KK, Kartu Pelajar) begitu juga pengikut/keluarga yang turut serta.</li>

<li><strong>Pengunjung memakai Pakaian yang sopan </strong>

<p> Dilarang menggunakan celana pendek </li>

<li><strong>Pengunjung dilarang membawa dan memasukkan barang larangan

</strong>

<p> ( Miras, Narkoba, Senjata Api, Senjata Tajam, Benda Yang Terbuat Dari Logam, Handphone, Kamera, dll ) . </li>

<li><strong>Kunjungan Tidak Dipungut Biaya.</strong>

</h4></ol>

Hal ini diperlukan untuk menampilkan tampilan sebagai berikut :

(30)

27

Gambar 2.2.28.Tampilan prosedur

7. Buka folder “views” klik folder “replas” dan masuk ke folder “dashboard” lalu klik kanan pilh “new file” simpan file dengan nama “welcome_message.php” pada save as type pilih “PHP” lalu simpan, ketikan codingan dibawah ini :

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

?><!DOCTYPE html>

<head>

(31)

28

<title>Welcome to CodeIgniter</title>

::selection { background-color: #E13300; color: white; } ::-moz-selection { background-color: #E13300; color: white; } body {

background-color: #fff;

margin: 40px;

font: 13px/20px normal Helvetica, Arial, sans-serif;

color: #4F5155;

} a {

color: #003399;

background-color: transparent;

font-weight: normal;

} h1 {

color: #444;

background-color: transparent;

border-bottom: 1px solid #D0D0D0;

font-size: 19px;

font-weight: normal;

margin: 0 0 14px 0;

padding: 14px 15px 10px 15px;

} code {

font-family: Consolas, Monaco, Courier New, Courier, monospace;

font-size: 12px;

background-color: #f9f9f9;

(32)

29 border: 1px solid #D0D0D0;

color: #002166;

display: block;

margin: 14px 0 14px 0;

padding: 12px 10px 12px 10px;

}

#body {

margin: 0 15px 0 15px;

}

p.footer {

text-align: right;

font-size: 11px;

border-top: 1px solid #D0D0D0;

line-height: 32px;

padding: 0 10px 0 10px;

margin: 20px 0 0 0;

}

#container {

margin: 10px;

border: 1px solid #D0D0D0;

box-shadow: 0 0 8px #D0D0D0;

}

</style>

</head>

<body>

<h1>Welcome to CodeIgniter!</h1>

(33)

30

<p>The page you are looking at is being generated dynamically by CodeIgniter.</p>

<p>If you would like to edit this page you'll find it located at:</p>

<code>application/views/welcome_message.php</code>

<p>The corresponding controller for this page is found at:</p>

<code>application/controllers/Welcome.php</code>

<p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p>

</div>

<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds.

<?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version

<strong>' . CI_VERSION . '</strong>' : '' ?></p>

</div>

</body>

</html>

Setelah semua codingan selesai maka akan muncul tampilan seperti berikut ini :

Gambar 2.2.29. Tampilan Home Daftar

(34)

31

Membuat Tampilan Login

Setelah kita membuat tampilan menu utama dan menu utama registrasi maka sekarang kita akan membuat tampilan login dimana tampilan login ini akan berfungsi untuk masuk ke proses registrasi kunjungan. Langkah-langkah membuat tampilan login adalah sebagai berikut ini :

1. Pertama-tama buka folder “replas” pada sublime lalu pilih folder “models”

setelah itu klik kanan pada folder “models” lalu pilih new file dan simpan dengan nama “replas_model.php” pada save as type pilih “PHP” lalu klik simpan. ketikan codingan dibawah ini :

<?php

class Replas_model extends CI_Model {

function __construct() {

parent::__construct();

}

function cek_username($username) {

$this->db->select('*');

$this->db->from('pengunjung');

$this->db->where('username',$username);

return $this->db->get()->row();

}

function daftar_pengunjung($data) {

$this->db->insert('pengunjung',$data);

}

(35)

32

function cek_akun($username,$password) {

$this->db->select('*');

$this->db->from('pengunjung');

$this->db->where('username',$username);

$this->db->where('password',$password);

return $this->db->get()->row();

}

function insert_data_pengumuman($data) {

$this->db->insert('pengumuman',$data);

}

function insert_form_pengunjung($data) {

$this->db->insert('kunjungan',$data);

}

function insert_form_master_pengunjung($data) {

}

function cek_pengunjung($no_id){

$query = "SELECT * FROM kunjungan WHERE no_id = ? AND status = 'AKAN BERKUNJUNG'";

$db = $this->db->query($query,[$no_id]);

return $db->row();

}

(36)

33

function data_kunjungan($no_kunjungan) {

$query = "SELECT * FROM kunjungan WHERE id_kunjungan = ?";

$db = $this->db->query($query,[$no_kunjungan]);

return $db->row();

}

function cek_id_warbin($nama_warga_binaan) {

$query = "SELECT * FROM warga_binaan WHERE nama = ?";

$db = $this->db->query($query,[$nama_warga_binaan]);

return $db->row();

} }

2. Buka folder “controllers” lalu pilih file “Replas.php” yang sebelumnya sudah kita buat di atas, lalu tambahkan codingan dibawah ini :

function proses_login() {

$username = $this->input->post('username',true);

$password = $this->input->post('password',true);

$akun2 = $this->replas_model-cek_akun($username,$password);

$akun = count($akun2);

if ($akun > 0) {

$data_session = array('level'=>$akun2->level, 'nama_lengkap'=>$akun2->nama_lengkap, 'jenis_kelamin'=>$akun2->jenis_kelamin, 'no_id'=>$akun2->no_id,

'status'=>$akun2->status,

(37)

34 'alamat'=>$akun2->alamat, 'logged_in'=>true

);

$this->session->set_userdata($data_session);

$this->template->dashboard_user('replas/dashboard/home');

} else

{

$this->session->set_flashdata('error','<div class="alert alert- warning" role="alert">Username atau Password anda salah

!!!</div>');

redirect('replas');

} }

Setelah semua codingan selesai maka akan muncul tampilan seperti berikut ini :

Gambar 2.2.30 Tampilan input Login

(38)

35

Gambar 2.3.31 Tampilan output Login

2.3. Rancangan Transaksi

Pada rancangan transaksi ini kita akan membahas dan membuat proses apa saja yang akan dibutuhkan saat melakukan registrasi kunjunjungan.

A. Membuat Prosedur Pendaftaran

Dalam prosedur pendaftaran ini adalah hal yang sangat penting dikarenakan semua data-data keperluan saat akan melakukan registrasi kunjungan akan dibutuhkan atau dilampirkan dalam prosedur ini. Maka langkah-langkah membuat prosedur pendaftran kunjungan adalah sebagai berikut :

1. Buka folder “models” yang terdapat pada folder “replas” lalu klik

“replas_model.php” yang sudah kita buat sebelumnya pada saat membuat tampilan setelah membuka file “replas_model.php” maka tambahkan codingan dibawah ini : function insert_form_pengunjung($data)

{

$this->db->insert('kunjungan',$data);

}

(39)

36

function insert_form_master_pengunjung($data) {

}

2. Lalu klik folder “controllers” di atas dan pilih file “Replas.php” tambahkan codingan dibawah ini :

function proses_daftar() {

error_reporting(0);

$post = $this->input->post();

$username = $this->input->post('username',true);

$cek_username = $this->replas_model->cek_username($username);

$num_account = count($cek_username);

$config['upload_path'] = './uploads/foto/';

$config['allowed_types'] = 'jpg|jpeg|png';

$config['max_size'] = 12000;

$new_name = 'foto_'.$post['no_id'].'.jpg';

$config['file_name'] = $new_name;

// $config['max_width'] = 12000;

// $config['max_height'] = 12000;

$this->load->library('upload',$config);

$upload_foto = $this->upload->do_upload('up_foto');

if (!$upload_foto){

$error = array('error' => $this->upload->display_errors());

print_r($error);

$this->session->set_flashdata('error','<div class="alert alert-warning"

role="alert">'.$this->upload->display_errors().'</div>');

(40)

37

$unlink_ktp = unlink("./uploads/ktp/ktp_".$post['no_id'].".jpg");

$this->template->replas('replas/pendaftaran');

}

$config2['upload_path'] = './uploads/ktp/';

$config2['allowed_types'] = 'jpg|jpeg|png';

$config2['max_size'] = 12000;

$new_name2 = 'ktp_'.$post['no_id'].'.jpg';

$config2['file_name'] = $new_name2;

$this->upload->initialize($config2);

$this->load->library('upload',$config2);

$upload_ktp = $this->upload->do_upload('ktp');

if (!$upload_ktp){

$error = array('error' => $this->upload->display_errors());

$this->session->set_flashdata('error','<div class="alert alert-warning"

role="alert">'.$this->upload->display_errors().'</div>');

$unlink_foto = unlink("./uploads/foto/foto_".$post['no_id'].".jpg");

}

$this->form_validation->set_rules('no_id','No_Id','required',[

'required'=>'No_Identitas Harap di Isi' ]);

$this->form_validation->set_rules('username','Username','required',[

'required'=>'Username Harap di Isi' ]);

$this->form_validation->set_rules('password','Password','required',[

'required'=>'Password Harap di Isi' ]);

(41)

38

$this->form_validation->set_rules('nama_lengkap','Nama Lengkap','required',['required'=>'Nama_Lengkap Harap di Isi' ]);

$this->form_validation->set_rules('jenis_kelamin','Jenis Kelamin','required');

$this->form_validation->set_rules('agama','Agama','required');

$this->form_validation->set_rules('alamat','alamat','required');

$this->form_validation->set_rules('no_hp','No_Hp','required');

if ($this->form_validation->run()==FALSE) {

} else {

if ($num_account > 1) {

$this->session->set_flashdata('error','<div class="alert alert- warning" role="alert">Maaf username sudah ada yang menggunakan</div>');

}

if($upload_ktp AND $upload_foto){

$insert = $this->replas_model-

>insert_form_master_pengunjung($post);

if($insert){

$this->session->set_flashdata('error','<div class="alert alert-warning" role="alert">Maaf Pendaftaran Anda Gagal</div>');

(42)

39

}else

{ $this->session->set_flashdata('error','<div class="alert alert-success"

role="alert">Pendaftaran berhasil. Silahkan Login dengan menggunakan Akun yang sudah didaftarkan</div>');

} } } }

3. Setelah selesai menambahkan codingan tersebut, simpan dan beralih ke folder

“views” klik folder “replas” lalu klik kanan pada folder “replas” pilih “new file” dan simpan dengan nama “pendaftran.php” pada save as type pilih “PHP” lalu simpan, lalu isi dengan codingan dibawah ini :

<div class="panel-heading">Form Pendaftaran </div>

<p>

<form class="form-horizontal" enctype="multipart/form-data" action="<?php echo site_url('replas/proses_daftar');?>" method="post">

<?php $info=$this->session->flashdata('error');

echo $info;

}?>

<?php echo validation_errors();?>

(43)

40

</div>

<label for="inputEmail3" class="col-sm-2 control-label">No.Identitas</label>

<input type="text" class="form-control" name="no_id" value="<?php echo set_value('no_id')?>" id="inputEmail3" placeholder="No.KTP">

</div>

<label for="inputPassword3" class="col-sm-2 control-label">Username</label>

<input type="text" class="form-control" name="username" value="<?php echo set_value('username')?>" id="inputPassword3" placeholder="Username">

</div>

<label for="inputPassword3" class="col-sm-2 control-label">Password</label>

<input type="password" class="form-control" name="password"

id="inputPassword3" placeholder="Password">

</div>

<label for="inputPassword3" class="col-sm-2 control-label">Nama Lengkap</label>

(44)

41 <div class="col-sm-10">

<input type="text" class="form-control" name="nama_lengkap" value="<?php echo set_value('nama_lengkap')?>" id="inputPassword3" placeholder="Nama Lengkap">

</div>

<label for="inputPassword3" class="col-sm-2 control-label">Jenis Kelamin</label>

<input type="radio" name="jenis_kelamin" id="inlineRadio1" value="Laki-Laki"

checked="checked"> Laki-laki </label>

<input type="radio" name="jenis_kelamin" id="inlineRadio2"

value="Perempuan"> Perempuan </label>

</div>

<label for="inputPassword3" class="col-sm-2 control-label">Agama</label>

<option>Islam</option>

<option>Kristen</option>

(45)

42 <option>Katolik</option>

<option>Hindu</option>

<option>Buddha</option>

</select>

</div>

<label for="inputPassword3" class="col-sm-2 control-label">Alamat</label>

<textarea row="5" class="form-control" id="inputPassword3" name="alamat"

placeholder="Alamat"></textarea>

</div>

<label for="inputPassword3" class="col-sm-2 control-label">No Handphone</label>

<input type="text" class="form-control" id="inputPassword3" name="no_hp"

value="<?php echo set_value('no_hp')?>" placeholder="Mis 0812...">

</div>

<h1>Upload Dokumen Pengunjung</h1>

<div class="progress-bar progress-bar-success" role="progressbar" aria-

valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">

<span class="sr-only">100% Complete</span>

</div>

(46)

43

<label for="inputPassword3" class="col-sm-3 control-label" >Upload KTP Pengunjung</label>

</div>

<label for="inputPassword3" class="col-sm-3 control-label" >Upload Foto Pengunjung</label>

</div>

<button type="submit" class="btn btn-success">Daftar</button>

</div>

</form>

</p>

</div>

Setelah semua codingan di isi dengan benar maka akan muncul tampilan seperti dibawah ini :

(47)

44

Gambar 2.3.32. Tampilan Form Pendaftaran

B. Membuat Form Registrasi Kunjungan

Adanya from registrasi kunjungan ini ialah untuk mempermudah para pengunjung yang sudah pernah melakukan kunjungan, dikarenakan para pengunjung tidak lagi dibutuhkan untuk mengisi data-data pribadi atau upload dokumen-dokumen pribadi, hal ini terjadi karena pengunjung tersebut sudah memilki akun dan hanya akan melakukan registrasi kunjungan dengan cara mengisi data-data tahanan atau warga binaan yang akan dikunjungi. Berikut ini adalah langkah-langkah membuat form registrasi kunjungan:

(48)

45

1. Pertama buka folder “models” lalu pilih “replas_model.php” dan tambahkan codingan dibawah ini :

function data_kunjungan($no_kunjungan) {

return $db->row();

}

2. Setelah itu klik folder “controllers” lalu pilih “Replas.php” dan tambahkan codingan dibawah ini :

function up_form2(){

error_reporting(0);

$post = $this->input->post();

$nama_warga_binaan = $this->input->post('nama_warga_binaan');

$post['id_kunjungan'] = rand((int)1111111111,(int)9999999999);

$post['no_id'] = $this->session->userdata('no_id');

$nama['nama_lengkap'] = $this->session->userdata('nama_lengkap');

$post['id_admin'] = '1';

$data_pengumuman['id'] = $post['id_kunjungan'];

$data_pengumuman['status'] = 'AKAN BERKUNJUNG';

$valid = $this->replas_model->cek_pengunjung($post['no_id']);

$id_warbin = $this->replas_model ->

cek_id_warbin($nama_warga_binaan);

$post['id_warbin'] = $id_warbin->id_warbin;

if(empty($id_warbin->id_warbin)){

$this->session->set_flashdata('info','<div class="alert alert-warning"

role="alert">Maaf Nama Warga Binaan Yang Anda Masukkan Tidak Terdaftar !!!</div>');

(49)

46

$this->template->replas('replas/dashboard/form_replas');

}else{

if($valid){

$this->session->set_flashdata('info','Maaf Data Kunjungan Sudah Anda Buat Sebelumnya <br> Segera Lakukan Kunjungan Ke LAPAS Agar Anda Bisa Membuat Form Registrasi Kembali. <br> Cek Data Registrasi Anda Sebelumnya Di Menu Informasi => Pengumuman');

$this->template->replas('replas/pengumuman');

}else{

$this->replas_model->

insert_data_pengumuman($data_pengumuman);

$this->replas_model->insert_form_pengunjung($post);

$this->session->set_flashdata('info','Data kunjungan berhasil dibuat');

redirect('replas/qrcode?no_kunjungan='.$post['id_kunjunga n'].'&no_id='.$post['no_id'].'&nama_lengkap='.$nama['nam a_lengkap']);

} }

}

3. Setelah itu masuk dan klik folder “views” lalu pilih folder “dashboard” klik kanan dan pilih “new file” simpan dengan nama “daftat_pengunjung.php” pada save as type pilih “PHP” lalu simpan. Setelah itu ketikan codingan dibawah ini :

<thead>

<tr>

<th>No.Identitas</th>

<th>Nama Lengkap</th>

(50)

47

<th>Jenis Kelamin</th>

<th>Agama</th>

<th>Alamat</th>

<th>No_Handphone</th>

<th>QRCode</th>

</tr>

</thead>

<tbody>

<?php foreach ($pengunjung as $pengunjung) {?>

<tr>

<td><?php echo $pengunjung->nama_lengkap;?></td>

<td><?php echo $pengunjung->jenis_kelamin;?></td>

<td><?php echo $pengunjung->agama;?></td>

<td><?php echo $pengunjung->alamat;?></td>

<td><?php echo $pengunjung->qrcode;?></td>

</tr>

<?php }?>

</tbody>

</table>

</div>

(51)

48

Maka tampilan yang akan muncul adalah sebagai berikut :

Gambar 2.3.32 Tampilan Form Registrasi Kunjungan

C. Membuat Hasil Akhir dan QRCode

Pada tahap ini adalah tahap akhir yang akan di lakukan oleh pengunjung agar dapat melakukan kunjungan ke Lapas Kelas IIA Karawang, dimana tahap ini pengunjung akan mendapatkan QRCode sebagai akses untuk berkunjung, berikut ini adalah langkah- langkah yang harus dilakukan:

1. Buka folder “models” lalu klik “replas_model.php” yang sudah dibuat sebelumnya lalu tambahkan codingan dibawah ini :

function cek_pengunjung($no_id){

$query = "SELECT * FROM kunjungan WHERE no_id = ? AND status

= 'AKAN BERKUNJUNG'";$db = $this->db->query($query,[$no_id]);

return $db->row();

}

(52)

49 function data_kunjungan($no_kunjungan) {

return $db->row();

}

function cek_id_warbin($nama_warga_binaan) {

$query = "SELECT * FROM warga_binaan WHERE nama = ?";

$db = $this->db->query($query,[$nama_warga_binaan]);

return $db->row();

} }

2. Setelah selesai mengetikkan codingan, simpan lalu buka folder “controllers” lalu klik

“Replas.php” dan tambahkan codingan dibawah ini : function qrcode(){

// $this->load->library('ciqrcode');

$get = $this->input->get();

$qr_image=$get['no_kunjungan'].','.$get['no_id'].','.$get['nama_lengkap'].' .png';

$params['data'] =

$get['no_kunjungan'].','.$get['no_id'].','.$get['nama_lengkap'];

$params['level'] = 'H';

$params['size'] = 8;

$params['savename'] =FCPATH."uploads/qr_image/".$qr_image;

if($this->ciqrcode->generate($params)) {

(53)

50

$data['img_url']=$qr_image;

}

$data['data_kunjungan']=$this->replas_model->

data_kunjungan($get['no_kunjungan']);

$this->template->replas('replas/qrcode',$data);

}

3. Save codingan tersebut dan buka kembali folder “views” lalu buka folder “replas”

pada folder “dashboard” klik kanan lalu pilih “new file” simpan dengan nama

“qrcode.php” pasa save as type pilih “PHP” lalu klik “simpan” setelah selesai simpan file ketikan codingan dibawah ini :

<?php

$info = $this->session->flashdata('info');

$alert = '

<div style="padding:20px;background-color:#6ab13c;border- radius:10px;color:white;font-size:30px;" role="alert">'

.$info.' dengan nomor kunjungan '.$_GET['no_kunjungan'].

'</div>';

echo $alert;

}?>

<br>

<tr>

<img src="<?=base_url()?>/uploads/qr_image/<?=$img_url?>">

</td>

<td width="150px">No. Identitas</td>

(54)

51

<td><?php echo $this->session->userdata('no_id'); ?></td>

       <img src="<?=base_url()?>/uploads/ktp/ktp_<?=$this->session->

userdata('no_id')?>.jpg" width="120">

</td>

</tr>

<tr>

<td>Nama Lengkap</td>

<td><?php echo $this->session->userdata('nama_lengkap'); ?></td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td><?php echo $this->session->userdata('jenis_kelamin'); ?></td>

</tr>

<tr>

<td>Alamat</td>

<td><?php echo $this->session->userdata('alamat'); ?></td>

</tr>

<tr>

<td>Status Hubungan</td>

<td><?php echo $data_kunjungan->relasi; ?></td>

</tr>

(55)

52

<tr>

<td>Barang Bawaan</td>

<td><?php echo $data_kunjungan->barang; ?></td>

       <img src="<?=base_url()?>/uploads/foto/foto_<?=$this->session->userdata('no_id')?>.jpg"

width="120">

</td>

</tr>

<tr>

<td>Nama Warga Binaan</td>

<td><?php echo $data_kunjungan->nama_warga_binaan; ?></td>

</tr>

<tr>

<td>Nama Panggilan</td>

<td><?php echo $data_kunjungan->nama_panggilan; ?></td>

</tr>

<tr>

<td>Nama Ayah Kandung</td>

<td><?php echo $data_kunjungan->nama_ayah_kandung;

?></td>

</tr>

<tr>

<td>Status Warga Binaan</td>

(56)

53

<td><?php echo $data_kunjungan->status_warga_binaan; ?></td>

</tr>

<tr>

<td colspan="2"><br><br><button class="btn btn-primary btn-lg btn-block" onclick="window.location='<?= base_url();?>'">Selesai</button></td>

</tr>

</table>

</div>

function printDiv() {

var printContents = document.getElementById('div_print').innerHTML;

var originalContents = document.body.innerHTML;

document.body.innerHTML = printContents;

window.print();

document.body.innerHTML = originalContents;

}

printDiv();

</script>

Jika semua codingan telah dimasukkan dengan sesuai dan benar, maka akan muncul tampilan seperti dibawah ini :

(57)

54

Gambar 2.3.33 Tampilan Qrcode

D. Membuat Logout

Logout ini berfungsi untuk mengeluarkan akun kita pada aplikasi, jika pengunjung sudah selesai melakukan registrasi kunjungan maka pengunjung diperbolehkan untuk logout dari akun aplikasi guna untuk keamanan akun pengujung. Langkah-langkah yang harus kita lakukan adalah sebagai berikut ini :

Pertama buka folder “controllers” lalu klik file “Replas.php” dan tambahkan codingan dibawah ini :

function logout() {

$this->session->sess_destroy();

redirect('../index.php');

}

E. Membuat Pengumuman

Adanya pengumuman adalah guna untuk mempermudah para pengjung atau pun admin agar dapat mengetahui status para pengujung pada saat setelah melakukan registrasi kunjungan, dimana pada form pengumuman ini akan tampil pemberitahuan