Tutorial sistem informasi perpustakaan
0 likes1,612 views
Dokumen tersebut merupakan tutorial pembuatan sistem informasi perpustakaan menggunakan PHP dan MySQL yang mencakup pembuatan database, tabel, form input, proses simpan, lihat, edit dan hapus data buku, anggota perpustakaan, peminjaman buku, serta laporan perpustakaan.
Tutorial sistem informasi perpustakaan
- 1. 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. 2 | P a g e
- 3. 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
- 4. 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:XAMPPhtdocs 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. 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. 6 | P a g e Atau jika menggunakan kode program :
- 7. 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. 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. 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. 10 | P a g e
- 11. 11 | P a g e Tambahkan kode php di bawah kode </html>.
- 12. 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. 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. 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. 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. 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. 17 | P a g e Jika menggunakan kode html dengan kombinasi php hasilnya seperti di bawah ini :
- 18. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 28 | P a g e Kode di atas di letakkan di atas kode <!DOCTYPE html>
- 29. 29 | P a g e
- 30. 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. 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. 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. 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. 34 | P a g e
- 35. 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. 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. 37 | P a g e 50. Dan hasilnya seperti gambar di bawah ini :
- 38. 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. 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. 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.