tutorial sistem informasi perpustakaan

Post on 16-Feb-2017

64 Views

Category:

Education

4 Downloads

Preview:

Click to see full reader

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.

top related