tutorial sistem informasi perpustakaan
TRANSCRIPT
TUTORIAL SISTEM INFORMASI PERPUSTAKAAN
PERSIAPAN UKK RPL 2015/2016
1. Buat database dengan nama perpustakaan_sekolah
berikut :
2. Setelah itu buat trigger seperti gambar di bawah ini
TUTORIAL SISTEM INFORMASI PERPUSTAKAAN
PERSIAPAN UKK RPL 2015/2016
perpustakaan_sekolah dan buat tabel kemudian direlasikan
Setelah itu buat trigger seperti gambar di bawah ini di phpmyadmin pada menu
1 | P a g e
TUTORIAL SISTEM INFORMASI PERPUSTAKAAN
kemudian direlasikan seperti
di phpmyadmin pada menu Trigger :
2 | P a g e
3. Kemudian buat VIEW untuk dijadikan laporan perpustakaannya dengan nama view
LAPORAN_PERPUSTAKAAN
4. Selanjutnya tambah minimal 1 akun di tabel
perpustakaan melalui menu Tambahkan
untuk dijadikan laporan perpustakaannya dengan nama view
LAPORAN_PERPUSTAKAAN dengan perintah di bawah ini :
Selanjutnya tambah minimal 1 akun di tabel data_petugas untuk halaman login sistem informasi
melalui menu Tambahkan.
3 | P a g e
untuk dijadikan laporan perpustakaannya dengan nama view
untuk halaman login sistem informasi
5. Selanjutnya buat folder dengan nama
dengan nama images untuk penempatan file gambar di dalam folder perpustakaan
buat file dengan nama koneksi.php
sebagai berikut :
6. Setelah itu buat file dengan nama
aplikasi dreamweaver sebagai web desainer :
Atau dengan kode program seperti di
Selanjutnya buat folder dengan nama perpustakaan di C:\XAMPP\htdocs
untuk penempatan file gambar di dalam folder perpustakaan
koneksi.php dimasukkan ke dalam folder perpustakaan
dengan nama login.php dan buat formnya seperti di bawah ini menggunakan
aplikasi dreamweaver sebagai web desainer :
Atau dengan kode program seperti di bawah ini :
4 | P a g e
setelah itu buat folder
untuk penempatan file gambar di dalam folder perpustakaan dan setelah itu
folder perpustakaan dan ketikkan kode
dan buat formnya seperti di bawah ini menggunakan
5 | P a g e
7. Selanjutnya buat file dengan nama logout.php dan ketikkan kode seperti di bawah ini :
8. Kemudian buat file dengan nama cek-sesi.php dengan kode sebagai berikut :
9. Selanjutnya buat file dengan nama cek-login.php dengan kode program sebagai berikut :
10. Selanjutnya buat file dengan nama index.php dengan desain menggunakan dreamweaver seperti di
bawah ini dan masukkan sebuah gambar header di folder images :
6 | P a g e
Atau jika menggunakan kode program :
7 | P a g e
11. Kemudian tambahkan kode php pada baris paling atas di atasnya perintah <!DOCTYPE html>
seperti berikut :
12. Lalu tambahkan lagi kode php nya diletakkan di bawahnya menu link Laporan seperti gambar di
bawah ini beserta kode phpnya :
8 | P a g e
13. Selanjutnya sisipkan kode php di antara tulisan selamat datang dan keluar dan ketikkan kodenya
seperti di bawah ini :
14. Kemudian sisipkan tabel di bawah form cari data ketikkan kode php seperti di bawah ini :
9 | P a g e
15. Selanjutnya tambahkan form input data buku ke dalam tabel pada kolom nomor 2 dan baris nomor 3
seperti di bawah ini dan ketikkan kode php nya :
10 | P a g e
11 | P a g e
Tambahkan kode php di bawah kode </html>.
12 | P a g e
16. Sehingga hasil tampilan dari file index.php seperti di bawah ini :
17. Selanjutnya buat file simpan_buku.php untuk proses penyimpanan data dari form input data buku
ke database perpustakaan_sekolah dan ketikkan kode php seperti di bawah ini dan setelah itu
cobalah menguji dengan cara mengakses halaman index.php yang berisi form input data buku dan
cobalah isikan datanya kemudian klik tombol simpan buku :
18. Selanjutnya buat halaman lihat_buku.php dengan desain yang sama seperti file index.php, untuk
desain tinggal di copykan saja lalu isi formnya di ganti perintah php di bawah ini, tetapi sebelumnya
di atas kode <!DOCTYPE html> di berikan kode di bawah ini :
13 | P a g e
Lalu ketikkan kode seperti di bawah ini di bagian isi layout tabel.
Kode php di bawah ini di letakkan di bawah kode </html>
14 | P a g e
19. Dan hasil tampilan halaman lihat_buku.php seperti dibawah ini :
20. Selanjutnya buat file dengan nama hapus_buku.php dan ketikkan kode php berikut :
21. Setelah itu buat file dengan nama edit_buku.php dengan diberi layout desain yang sama seperti file
index.php dan file lihat_buku.php dan letakkan di kolom kedua dan baris nomor 3 pada tabel
desainnya, lalu ketikkan kode php di bawah ini :
15 | P a g e
Catatan : untuk kode yang di atas diletakkan di bagian paling atas, di atasnya kode <!DOCTYPE html>
Kode php di bawah perintah </html> jika ada, diganti menjadi perintah seperti di bawah ini :
16 | P a g e
22. Dan hasil tampilan file edit_buku.php seperti di bawah ini :
23. Setelah itu buat file dengan nama update_buku.php dan ketikkan kode di bawah ini dan silahkan
di uji coba hasil edit dan hapus datanya.
24. Selanjutnya buat file dengan nama input_petugas.php dengan desain yang sama seperti file
index.php dan file lihat_buku.php dan buat form dengan kombinasi kode php pada sebelah label
kode petugas seperti di bawah ini :
17 | P a g e
Jika menggunakan kode html dengan kombinasi php hasilnya seperti di bawah ini :
18 | P a g e
Tambahkan kode php di bawah kode </html> jika belum ada.
25. Dan hasilnya seperti gambar di bawah ini :
26. Selanjutnya buat file dengan nama simpan_petugas.php dan ketikkan kode php seperti berikut :
19 | P a g e
27. Setelah itu buat file dengan nama lihat_petugas.php dan ketikkan kode php seperti di bawah ini
dan letakkan pada kolom dan baris yang sama pada file-file php seperti di atas tadi.
Kode di atas di letakkan di atas kode <!DOCTYPE html>.
20 | P a g e
Kode php di bawah ini di letakkan di bawah kode </html>
28. Dan hasilnya seperti gambar di bawah ini :
29. Selanjutnya buat file dengan nama edit_user.php dengan desain yang sama seperti file php yang
lainnya dan ketikkan kode di bawah ini :
21 | P a g e
30. Dan hasilnya seperti gambar di bawah ini :
31. Setelah itu buat file dengan nama update_user.php dan ketikkan kode seperti di bawah ini :
22 | P a g e
32. Selanjutnya buat file dengan nama input_peminjam.php dengan desain layout yang sama seperti
file php yang lainnya, dan buatlah form seperti di bawah ini dan tambahkan kode php di bawah
form tersebut :
23 | P a g e
Tambahkan kode php di bawah kode </html> jika belum ada.
33. Kemudian buat file dengan nama simpan_peminjam.php dan ketikkan kode seperti di bawah ini :
34. Selanjutnya buat file dengan nama lihat_peminjam.php dengan desain layout yang sama seperti
file php yang lainnya dan ketikkan kode seperti di bawah ini pada kolom dan baris pada tabel yang
sama seperti file lainnya.
24 | P a g e
Untuk kode di atas di letakkan pada baris paling atas sendiri.
Kode php di bawah ini di letakkan di bawah kode </html>
35. Dan hasilnya seperti gambar di bawah ini :
25 | P a g e
36. Selanjutnya buat file dengan nama hapus_peminjam.php dan ketikkan kode seperti di bawah ini :
37. Setelah itu buat file php dengan nama edit_peminjam.php dengan desain layout web yang sama
seperti file php lainnya dan ketikkan kode seperti di bawah ini :
Kode di atas di letakkan di atas kode <!DOCTYPE html>.
26 | P a g e
Kode php di bawah perintah </html> jika ada, diganti menjadi perintah seperti di bawah ini :
38. Dan hasilnya seperti gambar di bawah ini :
27 | P a g e
39. Selanjutnya buat file php dengan nama update_peminjam.php dan ketikkan kode php seperti
berikut :
40. Selanjutnya buat file dengan nama input_peminjaman.php dengan desain layout web yang sama
seperti file php di atas, dan buat form dengan kombinasi kode php seperti di bawah ini :
28 | P a g e
Kode di atas di letakkan di atas kode <!DOCTYPE html>
29 | P a g e
30 | P a g e
Kode php di bawah perintah </html> jika ada, diganti menjadi perintah seperti di bawah ini :
41. Dan hasilnya seperti gambar di bawah ini :
42. Setelah itu buat file dengan nama simpan_peminjaman.php dan ketikkan kode php seperti di
bawah ini :
31 | P a g e
43. Selanjutnya buat file php dengan nama lihat_peminjaman.php dengan desain layout web sama
seperti file di atas, dan ketikkan kode seperti di bawah ini :
Kode di atas selalu berada di atas kode <!DOCTYPE html>.
32 | P a g e
Kode php di bawah ini di letakkan di bawah kode </html>
44. Dan hasilnya seperti gambar di bawah ini :
33 | P a g e
45. Selanjutnya buat file dengan nama hapus_peminjaman.php dan ketikkan kode php seperti di
bawah ini :
46. Kemudian buat file dengan nama edit_peminjaman.php dengan desain layout web yang sama
seperti di atas dan ketikkan kode di bawah ini pada kolom dan baris yang sama seperti di atas :
Letakkan kode tersebut di atas kode <!DOCTYPE html>
34 | P a g e
35 | P a g e
Kode php di bawah perintah </html> jika ada, diganti menjadi perintah seperti di bawah ini :
47. Dan hasilnya seperti gambar di bawah ini :
36 | P a g e
48. Setelah itu buat file dengan nama update_peminjaman.php dan ketikkan kode php seperti di
bawah ini :
49. Selanjutnya buat file dengan nama cari_data.php dengan desain layout web yang sama dengan file
lihat_buku.php dan lihat_peminjam.php dan ketikkan kode php di bawah ini pada kolom nomor
2 dan baris nomor 3 sama seperti file di atas.
37 | P a g e
50. Dan hasilnya seperti gambar di bawah ini :
38 | P a g e
51. Selanjutnya buat file dengan nama view.php dengan desain layout web yang sama dengan file
lihat_peminjaman.php dan ketikkan kode php di bawah ini pada kolom nomor 2 dan baris nomor
3 sama seperti file di atas.
52. Setelah itu buat file php dengan nama landscape.php dan ketikkan kode seperti di bawah ini :
39 | P a g e
Catatan : untuk gambar logo.jpg harus dimasukkan ke dalam folder images.
53. Selanjutnya buat sebuah file laporan dengan nama laporan_perpus.rtf menggunakan microsoft
word, desain dan atur isinya seperti gambar di bawah ini :
40 | P a g e
54. Kemudian buat file php dengan nama laporan.php dan ketikkan kode seperti di bawah ini :
55. Setelah selesai, silahkan jalankan aplikasinya mulai dari input data buku sampai melihat laporan.