HASIL PENGEMBANGAN A. Analisis Kebutuhan
C. Pembuatan atau Pengembangan Model (Produk)
Pembuatan atau pengembangan model (produk) dilakukan dari penginstalan Server, SLiMS 7 Cendana, Notepad ++. Sebelum penginstalan alat yang harus dipersiapkan dalam pembuatan produk ini: komputer, software (server, SLiMS 7 Cendana, Notepad++)
1. Penginstalan
Untuk menjalankan produk ini, diperlukan tiga kali penginstalan yaitu Server, SLiMS 7 Cendana dan Notepad++. Berikut penginstalan aplikasi a. Penginstalan Server
Untuk menjalankan SLiMS 7 Cendana diperlukan server sebagai menjalankan program tersebut. Pada software SLiMS 7 Cendana bisa menggunakan server WAMP atau XAMPP.
Server yang digunakan untuk produk ini adalah server XAMPP bisa di download di www.apachefriends.org
Langkah-langkah dalam penginstalan server 1) Double klik aplikasi XAMPP
2) Setelah dibuka, klik yes
Gambar 4. Proses awal instalasi XAMPP 3) Akan muncul jendela baru, klik next
Gambar 5. Menu setup 4) Perintah selanjutnya, klik next
5) Selanjutnya pilih tempat penyimpanan server XAMPP, dalam hal ini penginstalan XAMPP bisa drive C maupun drive D. Jangan XAMPP di dalam folder.
Gambar 7. Lokasi penyimpanan XAMPP 6) Kemudian hilangkan centang dan klik next
Gambar 8. Langkah kedua dalam menu setup 7) Tunggu beberapa saat sampai selesai
8) Setelah selesai instalasi XAMPP, klik finish
Gambar 10. Instalasi XAMPP sudah selesai
9) Setelah di klik finish, maka instalasi XAMPP selesai, lalu jalankan aplikasi XAMPP dengan meng klik start, setelah di klik start maka akan berubah menjadi hijau
Gambar 11. Control Panel XAMPP
Setelah berubah menjadi hijau maka sudah selesai penginstalan aplikasi XAMPP, kemudian tahap selanjutnya yaitu membua database SLiMS pada XAMPP
b. Penginstalan SLiMS
1) Carilah folder SLiMS yang format penyimpanannya rar, kemudian ektrak SLiMS dengan cara klik kanan kemudian pilih eksrak here
Gambar 12. Ekstrak SLiMS
2) Setelah di eksrak here, maka akan muncul folder SLiMS, dalam hal ini folder SLiMS bisa di rubah terserah mana pengguna, kemudian cut/copy ke drive C:/ xampp/ htdocs, kemudian paste kan di dalam
htdocs. Setelah itu masuk ke mozila firefox atau google crome. Setelah
masuk ke mozila lalu ketik pada jendela URL kiri paling atas, localhost/phpmyadmin dan tekan <enter>.
3) Setelah diklik enter, lalu buatlah database SLiMS dengan mengklik databases
Gambar 14. Proses pembuatan database SLiMS
4) Setelah menglik databases, lalu buat lah database slims tadi dengan bebas, dalam hal ini pengguna memberi nama database dengan nama rian lalu klik create
5) Setelah itu klik import.
Gambar 16. Mengimpor database SLiMS
6) Setelah itu pilih browse, lalu masuk ke drive c/ folder xampp/ htdocs/ pustaka/ install/ lalu pilih senayan.sql, lalu pilih open
Gambar 17. Memasukkan senayan.sql dalam menu impor 7) Selanjutnya, klik import, pilih browser lalu masuk ke drive
c/xampp/htdocs/ujipustaka/install/lalu pilih sampeldata.sql
8) Setelah itu klik browser, ketik localhost/(nama database) pada URL
Gambar 19. Pemanggilan database yang dibuat tadi
9) Lalu akan tampil jendela SLiMS installer, lalu pilih let’s start the instalation
Gambar 20. Menu awal instalasi SLiMS
10) Setelah di klik let’s start the installation, lalu buat dalam kolom dengan nama localhost, ujipustaka, dan root dan klik continue
11) Setelah di klik continue,kalau cocok dengan dengan nama database yang di buat tadi maka akan keluarlah seperti gambar ini, maka instalasi SLiMS sudah siap dan klik OK, start the SLiMS
Gambar 22. Penginstalan selesai
12) Setelah mengklik OK, start the SLiMS, lalu muncullah jendela OPAC pada SLiMS maka proses instalasi SLiMS sudah selesai.
Gambar 23. Menu Awal SLiMS
13) Untuk masuk ke dalam menu home maka pilih librarian LOGIN, Lalu masuk pada menu admin, dalam hal ini buat user name dengan nama admin dan password admin juga, lalu klik Home
Gambar 24. Login SLiMS
14) Dalam menu home terdapat beberapa pilihan seperti, OPAC, Bibligrapy, circulation, membership, stock take, system, reporting,
serial control, dan logout.
15) Masuk ke menu keanggotaan lalu klik tipe keanggotaan untuk mengatur tipe keanggotaan
Gambar 26. Menu Keanggotaan
16) Pada tipe keanggotaan terdapat kolom yang harus diisi a) Tipe Keanggotaan (ex. Mahasiswa, Dosen, Pegawai) b) Jumlah Peminjaman
c) Lama Peminjaman (jangka waktu) d) Reservasi
e) Jumlah Reservasi
f) Masa Keanggotaan (jangka waktu) g) Kali Perpanjangan
h) Denda Per Hari
Gambar 27. Menu Tipe Keanggotaan
17) Setelah tipe keanggotaan dibuat, baru bisa dibuat keanggotaan baru dengan mengklik menu keanggotaan lalu klik tambah anggota
Gambar 28. Menu Tambah Anggota 18) Setelah diklik tambah anggota, data yang harus diisi adalah
a) ID Anggota (ex. NIM, NIP…) b) Nama Anggota
c) Tanggal Lahir d) Anggota Sejak e) Tanggal Registrasi f) Berlaku Hingga
g) Institusi h) Tipe Keanggotaan i) Jenis Kelamin j) Alamat k) Kode Pos l) Alamat Surat m) Nomor Telepon n) Nomor Faks o) Nomor Identitas p) Catatan q) Tunda Keangggotaan r) Foto s) Surel
t) Kata Sandi Baru u) Konfirmasi Sandi c. Penginstalan PHP
PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994.
PHP yang digunakan untuk produk ini adalah Notepad++, berikut langkah-langkah dalam instalasi Notepad++
1) Double klik Notepad++ dengan formatnya aplikasi
Gambar 29. Penginstalan Notepad++
2) Atur bahasa penggunaan, lalu klik OK
Gambar 30. Pengaturan bahasa
3) Kik next
4) Klik I Agree
Gambar 32. Menyetujui aturan dalam aplikasi 5) Pilih tempat folder yang akan disimpan, lalu klik next
Gambar 33. Lokasi penyimpanan aplikasi 6) Klik next
7) Klik install
Gambar 35. Penyelesaian instalasi Notepad++ 8) Berikut tampilan Notepad++
Gambar 36. Tampilan Notepad++ 2. Pembuatan Script PHP
a. Pembuatan From
From merupakan bagian terpenting dalam desain website program, dengan adanya from pemustaka mudah berinteraksi dengan cara mengisikan Member ID (NIM)
1) From Nama
Gambar 37. Script From Nama
Untuk merubah ukuran tulisan, bisa merubahnya pada scrip <font size=”6” pada angka enam bisa diganti lagi dengan angka yang lebih
besar untuk memperbesar tulisan fontnya. Penggantian warna tulisan bisa diganti pada scrip color="white", warna berpedoman pada Bahasa Inggris. 2) From tempat pengisian Member ID (NIM)
<form method="post" action="">
<inputplaceholder="MemberID/NIM"id="nim"style="width:400px;hei ght:45px;padding:5px;border:1px solid black;border-radius:3px;" type="text" name="nim" />
<input id="submit" style="width:100px;height:45px;border:1px solid black;border-radius:3px;cursor:pointer" type="submit"
name="submit" value="Perpanjang" />
Gambar 38. Script From member_id (NIM)
Setelah selesai dibuat scripnya, disimpan dalam format .php dan disimpan dalam file yang telah ditentukan seperti Local Disk (C)/XAMPP/htdocs/ujipustaka/nama file yang di simpan. Pada from ini, pemustaka mengisikan Member ID (NIM) pada from yang telah disediakan lalu mengklik Perpanjang.
3) Pemanggilan From
Gambar 39. Hasil From
Untuk pemanggilan hasil from yang dibuat, dipanggil dengan mengetikan pada URL localhost/ujipustaka/nama file yang disimpan. b. Pembuatan Database
1) Pembuatan Koneksinya
Gambar 40. Koneksi Database
Pada pembuatan koneksinya, harus dihubungkan $db_name, $db_username, $db_password. Untuk mengetahui koneksinya, bisa dilihat di file SLiMS yang berada di XAMPP dengan nama filenya sysconfig.local.inc.php.
2) Setelah dihubungkan koneksinya, akan masuk ke database dan system akan menyeleksi member_id. Untuk mempermudah, member_id maka dijadikan NIM
3) Pembuatan scrip jika NIM tidak ada di database
Gambar 42. Scrip NIM tidak ada di database
Jika NIM yang dimasukkan tidak terdaftar di keanggotaan perpustakaan, akan keluar pemberitahuan “Keanggotaan tidak ditemukan
Gambar 43. Scrip pemberitahuan NIM tidak ditemukan 4) Pembuatan scrip tidak bisa perpanjangan karna memiliki pinjaman
Gambar 44. Scrip memiliki pinjaman
Jika pemustaka tersebut memiliki pinjaman, perpanjangan tidak bisa dilakakuan. Langkah dalam database memanggil tabel loan_id di dalam tabel Loan, jika loan_id bernilai 1 perpanjangan tidak bisak dilakukan dan akan keluar perintah “Maaf, Anda belum bisa mengaktivasi massa keanggotaan, silahkan mengembalikan semua koleksi perpustakaan!”
}else{
echo "<script>alert('Maaf, Anda belum bisa memperpanjang massa keanggotaan, silahkan mengembalikan semua koleksi
perpustakaan!');</script>";
Gambar 45. Scrip pemberitahuan tidak bisa mengaktivasi massa keanggotaan
5) Pembuatan scrip perpanjangan
Gambar 46. Scrip perpanjangan
Untuk mengaktivasi massa keanggotaannya, tabel yang akan diseleksi adalah expire_date di dalam tabel Member dan member_type_id di dalam tabel mst_member_type. Pengaturan massa keanggotaan terdapat dalam member_type_id (di dalam SLiMS Tipe Keanggotaan). Jika tidak memiliki pinjaman, informasi yang akan keluar adalah “Keanggotaan dengan NIM sekian telah diperpanjang massa keanggotaannya
Gambar 47. Scrip pemberitahuan perpanjangan selesai dilakukan 3. Desain Interface
a. Pembuatan background
Background adalah gambar latar yang terdapat dalam produk. Dalam pembuatan background ditambah scrip PHP
Untuk background bisa digunakan gambar dalam format .jpg .png, gambarnya harus satu file dengan PHP yang dibuat karna gambarnya akan di panggil scrip PHP. Jik gambar dipisahkan letaknya, maka gambar tidak akan terbaca oleh scrip PHP.
Gambar 49. Contoh penyimpanan gambar background b. Pembuatan header
Header merupakan tulisan pada halama Mozilla, Opera, atau pun Google Chrom yang akan dibuka.
Gambar 50. Scrip header
Pada tulisan Plug-in bisa diganti dengan tulisan header yang lain.
Gambar 52. Hasil desain interface 4. Cara Penggunaan Plug-in
1. Kopikan file plug-in dengan format .php dan gambar dan pastekan pada file SLiMS di Admin
2. Panggil file tersebut sesuai dengan nama databasenya
(localhost/pustaka/admin/aktivasi.php)
3. Jika ingin mengganti gambarnya, sesuaikan dengan ukuran dan namanya.