REPUBLIK INDONESIA KEMENTERIAN HUKUM DAN HAK ASASI MANUSIA SURAT PENCATATAN CIPTAAN

(1)

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

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

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 : EC00201986064, 4 Desember 2019

Pencipta

Nama : Sandra Jamu Kuryanti, M.Kom,Hartanti, SE, MM,, dkk

Alamat : Jalan Lempuyang VI No. 36-37, Blok L, Rt. 003/ 009, Cinere, Depok, Jawa Barat, 16514

Kewarganegaraan : Indonesia

Pemegang Hak Cipta

Nama : Sandra Jamu Kuryanti, M.Kom, Hartanti, SE, MM, , dkk

Alamat : Jalan Lempuyang VI No. 36-37, Blok L, Rt. 003/ 009, Cinere, Depok, 8, 16514

Kewarganegaraan : Indonesia

Jenis Ciptaan : Program Komputer

Judul Ciptaan : APLIKASI PELAYANAN PENGUJIAN PRODUK HEWAN

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

: 11 April 2019, di Jakarta

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

Nomor pencatatan : 000168474

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.

(2)

LAMPIRAN PENCIPTA

No Nama Alamat

1 Sandra Jamu Kuryanti, M.Kom Jalan Lempuyang VI No. 36-37, Blok L, Rt. 003/ 009, Cinere 2 Hartanti, SE, MM Jalan Kayu Manis Raya Rt 006/002, Pondok Cabe Udik, Pamulang 3 Minda Septiani, M.Kom Jalan Mendut 4 G4 No. 21, Rt. 014/004, Aren Jaya

4 Wulan Dari, M.Kom Jalan Madya No. 6 Rt.003/003, Tugu Utara, Koja

5 Desri Yani, S.PdI, M.Pd Jalan Bekasi Timur IV No. 30 Rt.007/008, Cipinang Besar Utara, Jatinegara 6 Ketut Martana, S.Sos, MM Jalan Tebet Barat IIIB No. 19 Rt.006/002, Tebet Barat

7 Wina Widiati, M.Kom Jalan Cimanuk Raya No. 13 Rt.007/002, Kel. Bakti Jaya, Kec. Sukmajaya 8 Diah Ayu Ambarsari, S.Kom Dusun Ngemplak Rt. 001/009, Desa Plosogede, Kec. Nguwar

LAMPIRAN PEMEGANG

No Nama Alamat

1 Sandra Jamu Kuryanti, M.Kom Jalan Lempuyang VI No. 36-37, Blok L, Rt. 003/ 009, Cinere 2 Hartanti, SE, MM Jalan Kayu Manis Raya Rt 006/002, Pondok Cabe Udik, Pamulang 3 Minda Septiani, M.Kom Jalan Mendut 4 G4 No. 21, Rt. 014/004, Aren Jaya

4 Wulan Dari, M.Kom Jalan Madya No. 6 Rt.003/003, Tugu Utara, Koja

5 Desri Yani, S.PdI, M.Pd Jalan Bekasi Timur IV No. 30 Rt.007/008, Cipinang Besar Utara, Jatinegara 6 Ketut Martana, S.Sos, MM Jalan Tebet Barat IIIB No. 19 Rt.006/002, Tebet Barat

7 Wina Widiati, M.Kom Jalan Cimanuk Raya No. 13 Rt.007/002, Kel. Bakti Jaya, Kec. Sukmajaya 8 Diah Ayu Ambarsari, S.Kom Dusun Ngemplak Rt. 001/009, Desa Plosogede, Kec. Nguwar

(3)

BUKU PANDUAN

APLIKASI PELAYANAN PENGUJIAN

PRODUK HEWAN

Tim Penyusun :

Sandra Jamu Kuryanti, M.Kom Hartanti, SE, MM

Minda Septiani, M.Kom Wulan Dari, M.Kom Desri Yani, S.PdI, M.Pd Ketut Martana, S.Sos, MM

Wina Widiati, M.Kom Diah Ayu Ambarsari, S.Kom

(4)

2

KATA PENGANTAR

Assalamualaikum..wr..wb

Puji syukur penulis panjatkan kehadirat ALLAH SWT, karena berkat rahmat dan hidayahNYA lah sehingga Buku Panduan Cara Penggunaan Aplikasi Pelayanan Pengujian Produk Hewan ini dapat diselesaikan dengan baik. Selanjutnya buku ini disusun untuk memberikan panduan agar dapat menggunakan aplikasi tersebut. Tim penyusun berharap semoga buku panduan ini dapat dipergunakan sebaik-baiknya dan dapat dijadikan acuan dapam penggunaan aplikasi tersebut.

Tak lupa tim mengucapkan banyak terima kasih kepada semua pihak yang telah membantu. Kami menyadari buku panduan ini masih banyak terdapat kekurangan dimana-mana. Untuk itu saran dan kritik yang membangun sangat penulis harapkan guna perbaikan dan pengembangan buku panduan ini kedepannya. Terima Kasih

Wassalamualaikum..w.r.wb

Jakarta, 11 April 2019

(5)

3 DAFTAR ISI Cover ... 1 Kata Pengantar ... 2 Daftar Isi ... 3 A. Pendahuluan ... 4 B. Spesifikasi Komputer... 5

C. Panduan Penggunaan Aplikasi ... 5

(6)

4

A. Pendahuluan

Kebutuhan pangan merupakan salah satu kebutuhan pokok masyarakat yang harus dipenuhi untuk kelangsungan kehidupan dan menjaga kesehatan serta meningkatkan kualitas hidup. Kebutuhan pangan perlu terus dilakukan pemenuhan secara berkelanjutan. Khususnya produk asal hewan yang merupakan sumber protein hewani yang kebutuhannya terus meningkat seiring dengan meningkatnya jumlah penduduk dan pengetahuan masyarakat akan pentingnya nilai gizi bagi tubuh.

Permintaan pelayanan pemeriksaan dan pengujian mutu produk hewan terus meningkat baik jumlah sampel maupun jenis pengujian yang diperlukan, Mekanisme pelayanan pengujian yaitu para pengguna jasa harus melakukan komunikasi dengan pihak pengelola untuk melakukan pengajuan pengujian, proses pelayanan pengujian yang terjalin adalah melalui kontak telepon yang tersedia ataupun dengan mendatangi langsung pihak pengelola untuk melakukan pengajuan pengujian. Selanjutnya ketika melakukan pengajuan pengujian, pengguna jasa diharuskan untuk mengisi formulir pengajuan pengujian. Formulir pengajuan pengujian bertujuan sebagai tempat konfirmasi pengguna jasa serta untuk keperluan arsip data pengguna jasa bagi pihak pengelola.

Pada mekanisme pelayanan pengujian yang dijelaskan sebelumnya, dapat dilihat bahwa proses pelayanan pengujian yang terjadi antara pihak pengelola dan calon pengguna jasa sudah dikelola secara baik, akan tetapi yang menjadi permasalahan adalah proses pelayanan pengujian yang masih melalui telepon dan pencatatan data pengguna jasa masih secara manual menggunakan kertas tentunya

(7)

5

hal tersebut sangat beresiko dikarenakan media kertas lebih mudah terjadi kerusakan yang disengaja maupun tidak disengaja.

Dengan adanya permasalahan yang dihadapi, solusi yang dilakukan adalah perbaikan pengelolaan proses pelayanan pengujian dengan pembuatan sebuah

sistem pelayanan pengujian berbasis web. Pembuatan sebuah sistem pelayanan

pengujian berbasis web sangat penting dikarenakan sistem tersebut nantinya akan

memberikan kemudahan bagi para pengguna jasa dalam melakukan pengajuan

pengujian secara online, dapat memberikan keamanan untuk semua data, serta

memudahkan pengelola untuk mengolah data jumlah pelayanan pengujian dan data pengguna layanan pengujian setiap saat untuk manajemen pengelolaan.

B. Spesifikasi Komputer

Sistem Operasi : MySQL

Prosesor : Core i3

RAM : 4 GB

C. Prosedur Penggunaan Aplikasi

Aplikasi Pelayanan Pengujian Produk Hewan merupakan suatu aplikasi yang mempermudah pengguna jasa dalam melakukan pengujian Produk Hewan. Pada aplikasi inilah pengguan jasa melakukan pengujian, cara serta langkah-langkah nya akan dipaparkan melalui bahasa berikut ini :

(8)

6

A. Tampilan Login Pengguna Jasa

1. Terdapat form email dan password untuk pengguna jasa melakukan login

dan bagi yang belum memiliki akun terdapat link daftar untuk membuat

akun agar bisa masuk kedalam aplikasi ini. Berikut adalah tampilan daftar akun :

2. Setelah mengisikan form pendaftaran dan klik tomboldaftar, maka secara

otomatis akan diarahkan kembali ke halaman login dengan pesan

(9)

7

3. Setelah memiliki akun, masukkan email dan password yang sudah kita

daftarkan pada form login, jika tidak ada kesalahan saat mengisikan email

dan password maka secara otomatis akan diarahkan ke halaman Beranda.

Berikut tampilan dan sedikit penjelasan dari setiap bagian tampilannya.

Berikut ini adalah penjelasan beberapa bagian dari halaman beranda :

1. Menu bar : Pada bagian ini akan tampil beberapa menu diantaranya

a. Beranda berfungsi untuk kembali kehalaman beranda

b. Menu Profile berfungsi untuk masuk ke halaman profile pengguna jasa

(10)

8

d. Menu Kontak berfungsi untuk masuk ke halaman kontak

2. Ajukan : Pada bagian ini berfungsi untuk melakukan pengajuan pengujian 3. Logout : Pada bagian ini ketika di klik maka akan kembali ke halaman

login

B. Menu Profile

1. Pada halaman profile terdapat data pengguna jasa yang didapat pada daftar

akun pengguna jasa

2. Jika ingin menghapus akun, klik tombol Hapus maka akan tampil halaman

login

3. Jika ingin merubah data, klik tombol Edit maka akan tampil halaman Edit

(11)

9

4. Setelah merubah data profile, klik tombol Simpan untuk menyimpan

perubahan data.

5. Jika ingin membatalkan untuk merubah data, klik tombol Batal maka akan

tampil halaman profile kembali

(12)

10

1. Pada halaman layanan terdapat 2 layanan, yaitu Tarif Uji untuk mengetahui

berapa tarif dari setiap pengujiannya dan Tata Cara Pengiriman Sampel

untuk mengetahui cara yang baik dan benar untuk mengirim sampel.

2. Tampilan Tarif Uji sebagai berikut :

(13)

11

D. Menu Kontak

Dalam Menu Kontak terdapat data kontak apabila ada hal yang ingin ditanyakan pengguna jasa

E. Melakukan Pengajuan Pengujian

1. Ketika kita ingin melakukan pengujian, kita harus terlebih dahulu

melakukan pengajuan pengujian dengan memilih tombol “+ Ajukan”, maka

akan otomatis diarahkan ke halaman form pengajuan. Berikut tampilan dari form pengajuan :

(14)

12

2. Di dalam halaman form pengajuan terdapat link “kembali ke beranda”

untuk kita kembali ke halaman beranda, dan form pengujian untuk diisikan oleh pengguna jasa. Setelah mengisi form pengajuan, dapat klik tombol

“Ajukan” untuk melanjutkan ke halaman pengajuan. Berikut adalah tampilan dari halaman pengajuan :

(15)

13

3. Dalam halaman pengajuan terdapat data pengajuan yang diisikan oleh

pengguna jasa pada halaman form pengajuan. Dan terdapat tombol

“Tambah Sampel” untuk menambahkan sampel yang nantinya akan di uji dan tabel yang masih kosong yang nantinya akan berisikan data sampel. Ketika kita klik “Tambah Sampel” maka otomatis kita akan diarahkan ke

halaman form tambah sampel. Berikut adalah tampilan dari form tambah sampel :

(16)

14

4. Pada halaman tambah sampel terdapat link untuk kembali ke pengajuan

dan form tambah sampel yang harus diisikan oleh pengguna jasa sesuai dengan sampel yang akan di uji. Setelah mengisikan form tersebut, lalu klik

tombol “Ajukan” maka secara otomatis kita akan kembali ke halaman pengajuan dan akan tampil data yang kita isikan pada tabel di halaman pengajuan. Berikut adalah tampilannya :

(17)

15

5. Mengedit Data Sampel, klik tombol “Edit” pada tabel aksi maka akan

(18)

16

6. Setelah merubah data sesuai yang kita inginkan, klik tombol “Simpan”,

maka sistem akan kembali ke halaman pengajuan dan data pun berubah.

(19)

17

1. Setelah melakukan pengajuan, saatnya kita melakukan pengujian dengan

klik tombol “Pengujian”, lalu kan tampil halaman pengujian sebagai berikut :

2. Setelah masuk halaman pengujian kita bisa melihat link “kembali ke daftar” untuk kembali ke halaman awal/beranda. Dan link “kembali ke pengajuan” untuk kembalik ke halaman pengajuan.

3. Lalu ada data pengajuan, tombol “Tambah Pengujian”, dan tabel data

pengujian yang masih kosong.

4. Menambah data pengujian dengan cara klik tombol “Tambah Pengujian”

maka secara otomatis akan tambil halaman Tambah Pengujian seperti

(20)

18

5. Dalam halaman Tambah Pengujian kita hanya perlu memilih jenis

pengujian pada form Pilih Pengujian, maka secara otomatis form metode,

waktu, dan hari terisi sesuai pengujian yang kita pilih.

6. Lalu klik tombol Simpan untuk menyimpan data pengujian serta kita akan

(21)

19

7. Setelah melakukan Tambah Pengujian maka data yang telah kita

tambahkan pada halaman tambah pengujian tampil pada tabel yang kosong tadi beserta total harga yang harus dibayarkan oleh pengguna jasa.

8. Jika ingin menambah pengujian lagi cukup klik Tambah Pengujian

kembali dan Pilih Pengujian kembali.

9. Jika ingin melakukan perubahan pada data pengujian cukup klik tombol

Edit pada tabel aksi maka akan tampil halaman Edit Pengujian seperti

(22)

20

10. Setelah melakukan perubahan klik Simpan untuk menyimpan perubahan

data dan akan kembali ke halaman pengujian dengan data yang sudah

berubah.

(23)

21

1. Setelah melakukan Tambah Pengujian, terdapat 2 tombol yaitu

Pembayaran berfungsi untuk masuk halaman pembayaran serta melakukan

pembayaran dan Cetak Tanda Terima Pengujian berfungsi untuk

mencetak bukti tanda terima pengujian yang berisikan data sampel dan data pengujian.

2. Jika ingin melakukan pembayaran, klik tombol Pembayaran maka secara

otomatis kita akan diarahkan ke halaman pembayaran. Berikut adalah tampilan halaman pembayaran :

(24)

22

3. Pada halaman pembayaran terdapat data pengajuan, data sampel dan data

pengujian serta form pembayaran yang berisikan nama bank, nomor rekening dan nama pemilik rekening.

4. Setelah kita mengisi form pembayaran, lalu klik tombol Bayar maka

otomatis diarahkan ke halaman konfirmasi pembayaran. Berikut tampilan halaman konfirmasi pembayaran :

5. Pada halaman ini terdapat pemberitahuan bahwa pembayaran berhasil dan

pengguna jasa bisa langsung Cetak Surat Kontrak Pengujian sebagai

bukti pengujian.

6. Karena proses pengajuan pengujian telah selesai maka pengguna jasa bisa

(25)

23

ADMIN (Back End)

Halaman Admin pada pengelolaan data Pelayanan Pengujian merupakan suatu aplikasi yang mempermudah pihak pengelola dalam melakukan pengelolaan data.

Pada aplikasi inilah pihak pengelola melakukan pengelolaan data, cara serta . langkah-langkah nya akan dipaparkan melalu bahasa berikut ini :

A. Login

Terdapat form email dan password untuk admin melakukan login, jika tidak ada

kesalahan saat mengisikan email dan password maka secara otomatis akan diarahkan ke halaman Dashboard. Berikut tampilan dan sedikit penjelasan dari setiap bagian tampilannya.

(26)

24

Berikut ini adalah penjelasan beberapa bagian dari halaman Dashboard :

1. Side bar : Pada bagian ini akan tampil beberapa menu diantaranya

a. Dashboard berfungsi untuk kembali ke halaman utama

b. Data Pengguna berfungsi untuk masuk ke halaman data pengguna

c. Data Pengajuan berfungsi untuk masuk ke halaman data pengajuan

d. Data Pengujian berfungsi untuk masuk ke halaman data pengujian

e. Data Jenis berfungsi untuk masuk ke halaman data jenis

f. Data Laporan berfungsi untuk masuk ke halaman data laporan

g. Logout berfungsi untuk kembali ke halaman login

(27)

25

1. Pada menu data pengguna terdapat kumpulan data dari pengguna jasa

maupun pengguna admin. Terdapat tombol Tambah, yaitu untuk

menambah data pengguna admin dan terdapat 2 aksi yaitu Edit dan Hapus.

2. Jika ingin menambah data pengguna admin, klik tombol Tambah maka

akan tampil halaman tambah pengguna sebagai berikut :

3. Halaman tambah pengguna ini berisikan form yang bisa disikan oleh admin

untuk menambahkan data pengguna baru.

4. Jika sudah mengisi form tambah pengguna, klik tombol Tambah maka akan

otomatis diarahkan ke halaman data pengguna dan data pengguna pun bertambah

(28)

26

5. Jika ingin menghapus data pengguna, klik tombol Hapus maka data

pengguna terhapus.

6. Jika ingin merubah data pengguna, klik tombol Edit maka akan tampil

halaman Edit Data Pengguna seperti berikut :

7. Setelah merubah data pengguna, klik tombol Simpan maka otomatis akan

(29)

27

C. Data Pengajuan

1. Pada halaman data pengajuan terdapat kumpulan data dari pengajuan

pengguna jasa dan terdapat 2 aksi, yaitu Lihat dan Hapus

2. Jika ingin melihat data pengajuan secara detail, klik tombol Lihat maka

akan tampil data pengajuan secara detail

3. Jika ingin menghapus data pengajuan, klik tombol Hapus maka data pun

terhapus

(30)

28

1. Pada halaman data pengajuan terdapat kumpulan data dari pengujian

pengguna jasa dan terdapat 2 aksi, yaitu Lihat dan Hapus

2. Jika ingin melihat data pengujian secara detail, klik tombol Lihat maka

akan tampil data pengujian secara detail

3. Jika ingin menghapus data pengujian, klik tombol Hapus maka data pun

terhapus

4. Data Jenis

1. Pada menu data jenis terdapat kumpulan data dari jenis pengujian. Terdapat

tombol Tambah, yaitu untuk menambah data jenis pengujian dan terdapat 2

aksi yaitu Edit dan Hapus.

2. Jika ingin menambah data jenis pengujian, klik tombol Tambah maka akan

(31)

29

3. Pada halaman tambah data jenis terdapat form yang akan disi oleh admin

untuk menambah jenis pengujian, setelah mengisi form lalu klik Tambah

maka akan dialihkan ke halaman data jenis dan jenis pengujian bertambah.

4. Data Laporan

Berikut adalah beberapa bagian yang ada di halaman data laporan :

1. Form untuk menyeleksi data sesuai bulan dan tahun, yang nantinya data

(32)

30

2. Tombol cetak berfungsi ketika data sudah terseleksi maka ketika klik

tombol cetak sistem akan mencetak data yang ada pada tabel.

3. Tabel berisikan kumpulan data pengujian yang akan dicetak nantinya.

D. Kode Program Pada Aplikasi Yang di Buat

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title> Admin</title>

(33)

31 <a href="datapengajuan.html">Data Pengajuan</a> <hr /> <a href="datapengujian.html">Data Pengujian</a> <hr /> <a href="datajenis.html">Data Jenis</a> <hr /> <a href="datalaporan.html">Data Laporan</a> <hr /> <a href="loginadmin.html">Logout</a> </ul> </div> <div class="content-pengguna"> <div class="kotak_pengguna"> <form action="tambahpengguna.html"> <h1> Master Data Pengguna </h1> <hr/>

<table align="center" cellspacing='0'> <thead> <tr> <th>No</th> <th>Id Pengguna</th> <th>Nama Pengguna</th> <th>Email</th> <th>Role</th> <th>Alamat</th> <th>No. Telepon</th> <th>Aksi</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>P001</td> <td>Rizky</td> <td>rizky@gmail.com</td> <td>1</td> <td>Jl. Sudirman</td>

(34)

32

<a href="editpengguna.html"> <button input name="" type="button"

class="tombol_edit">Edit</button></a> <a href="pengguna.html">

<button input name="" type="button" class="tombol_hapus">Hapus</button></a> </td> </tr> </tbody> </table> <br/>

<button type="submit" class="tombol_tambah" value="Submit">Tambah</button> <br /> <br/> </form> </div> </form> </div> </div> </div> <div id="footer-admin">

<p>Balai Pengujian Mutu & Sertifikasi Produk Hewan</p> </div>

</div> </div>