Membuat Sistem Informasi Perpustakaan Part 2 (Coding & Finishing)

Assallamuallaikum Wr Wb,.
Pada postingan kali ini saya akan melanjutkan tutorial pada postingan sebelumnya yaitu membuat Sistem Informasi Perpustakaan Sekolah , jika kawan kawan belum membaca postingan sebelumnya kawan dapat membacanya , yaitu Membuat Sistem Informasi Perpustakaan Part 1 (Perancangan)



A. MAKSUD & TUJUAN

Melanjutkan pembuatan aplikasi E-Perpus yang sudah di rancang pada posingan seblumnya dan juga sudah di jelaskan pengertian dan Latar berlakang pembuatan E-Perpus ini.

D. TARGET PENGERJAAN

Target pengerjaan aplikasi ini adalah 1 minggu. (Pada proses ini , kami kerjakan selama 3 Hari)

E. ALAT & BAHAN

• Laptop
• Web Server
• Web Browser
• Text Editor
• Referensi 
• Bootsrap
• Css
• JQuery

F. LANGKAH PENGERJAAN

1. Setelah kita membuat database dan , membuat perancangan file selanjutnya adalah kita membuat file konfigurasi ke database dan membuat file yang berisi funcitons yang akan sering digunakan dalam aplikasi , sitntag dapat di lihat pada gambar di bawah ini:

2. Dalam pembuatan aplikasi ini , kami mebuat dua file yang sering di pakai pada tiap tiap data master , yaitu header.php yang berisi code untuk membuat navigasi dan file header. Dan footer.php yang berisi code footer. Untuk sintag dapat dilihat pada gambar di bawah ini :

3. Setelah selesai membuat koneksi dan functions selanjutnya adalah mulai coding untuk master master aplikasinya berbasis CRUD  yaitu  : Data Anggota, Data Buku , Data Kategori , Data Peminjaman , Form Peminjaman , Pengembalian , Print Laporan , Backup database.

4.  Pembuatan code Data anggota dan beserta form input , edit dan delete data.

5. Pembuatan code Data Buku dan beserta form input , edit dan delete data.

6. Pembuatan login.php

7. Pembuatan proses-login.php

8. Pembuatan logout.php

9. Pembuatan data pengembalian.php

Tampilan Aplikasi saat sudah jadi :

 Tampilan Login :

Tampilan Data Anggota

Backup Database

Data Buku

Tampilan Utama

Data Kategori

Print Laporan peminjaman

Print Laporan Pengembalian

 Data peminjaman :

Data Pengembalian :

G. KESIMPULAN

Dalam pembuatan aplikasi ini , kami masih menggunakan php native , kami membuat aplikasi ini karna ingin menerapkan apa yang sudah kami pelajari dan agar dapat dimanfaatkan di sekoalah.

H. REFERENSI

• w3school
• Bootstrap
• php.net
• phpindonesia

Read More

Membuat Sistem Informasi Perpustakaan Part 1 (Perancangan)

A. PENGERTIAN

Sistem informasi perpustakaan yaitu segala sistem yang menyakut tentang seluk beluk perpustakaan yang berbasis aplikasi.

B. MAKSUD & TUJUAN

Kami membuat aplikasi ini agar nantinya saat kami pulang dapat di manfaatkan di sekolah dan digunakan di perpustakaan kami yang belum menggunakan sistem informasi seperti ini.


C. TARGET PENGERJAAN

Kami mengerjakan ini ber target untuk seminggu selesai.

E. ALAT & BAHAN

• Laptop 
• Text Editor
• Browser
• Referensi

F. LANGKAH PENGERJAAN

1. Pada awal pengerjaan kami berdiskusi dan menyamakan persepsi dan pada hari selasa kami mulai membuat.

2. Dalam sistem informasi ini menggunakan database , dan kami membuat melalui phpmyadmin , dan strukturnya adalah sebagai berikut.

3. Setelah itu , kami merancang struktur file / direktori dari aplikasi yang akan kami buat. Untuk directory utama ada folder config , view , assets dan ada beberapa file juga , yaitu index.php , login.php , logout.php , proses-login.php

4. Dalam folder assets , terdapat file file yang menyangkut tentang tampilan , yaitu css , img , font , dan js.

5. Dalam folder config terdapat 2 file , yaitu db.php untuk koneksi ke databse , dan functions.php ini berisi function-function yang di pakai pada aplikasi nanti.

6. Dalam folder view terdapat banyak sekali direcroty dan file , karna ini adalah inti dari aplikasi yang akan di buat , yang berisi folder utama , dan file file utama.

Sekian dulu postingan kali ini , untuk selanjutnya akan saya postingan pada Membuat sistem informasi part 2.

Semoga Bermanfaat.,

G. KESIMPULAN

Untuk membuat suatu aplikasi memang membutuhkan perancangan yang matang dan tepat.
 

Read More

Penggunaan Data Tables Untuk Menampilkan Data

A. PENGERTIAN

DataTables adalah plug-in untuk jQuery perpustakaan Javascript. Ini adalah alat yang sangat fleksibel, berdasarkan dasar-dasar peningkatan progresif, yang akan menambah kontrol interaksi canggih untuk setiap tabel HTML
 
B. LATAR BELAKANG

Agar menampilkan data jadi lebih efisien dan dapat lebih cepat mencari data melalui tools yang di sediakan oleh DataTables.

C. MAKSUD & TUJUAN

Tujuan penggunaan DataTables ini adalah agar data dapat tampil lebih efisien dan data juga pencarian data lebih cepat serta agar mengerti cara penggunaan DataTables.

D. ALAT & BAHAN

• PC / Laptop
• Text Editor
• File Framworks DataTables

E. LANGKAH PENGERJAAN

1. Jika file DataTables sudah siap , kemudian buat susunan directory dan file seperti gambar di bawah ini.

2.  Pastikan dalam folder DataTables terdapat 3 folder di bawah ini:

3. Dalam folder terdapat 3 folder lagi , yaitu css , images , js . seperti gambar di bawah ini:

4. Dan dalam folder css masih banyak file lagi seperti gambar di bawah ini

5. Kemudian buka file config dan coding seperti gambar di bawah ini , sesuaikan dengan password dan database kawan kawan.

6. Kemudian pada index.php , scriptnya adalah seperti di bawah ini. Hal paling penting adalah kawan kawan jangan sampai salah dalam pemanggilan file DataTablesnya.

7. Di bawah ini adalah pemangilan .js DataTables yang membuat DataTables dapat bekerja.

8. Di bawah ini adalah contoh hasil dari penggunaan DataTables yang Dinamis.

F. KESIMPULAN

Dalam penggunaan DataTables ini tidaklah terlalu sulit , kita hanya perlu teliti dalam pemanggilan file DataTablesnya.

G. REFERENSI

• DataTables

Read More