Copyright © Ben B B Blogger
Design by Dzignine
Rabu, April 06, 2016

Membuat Aplikasi WEB KKP / Kertas Kerja Pengawasan menggunakan Framework CI (Codeigniter) - kasus di Disperindagkop Perdagangan SALATIGA

hai pegunjung lama tak berbagi neh, lagi sibuk mau masuk semester akhir / skripsi soalnya hehehehe,,,,, doain ya biar skripsi ane lancar nanti dan cepat lulus, target sih oktober 2016, amin...


nah hari ini saya mau berbagi yaitu membuat aplikasi KKP menggunakan CI berbasis web, ini project disuruh buat pas saya kerja praktek kemaren di Disperindagkop dan UMKM Salatiga.. daripada tersimpan jadi saya share - share aja dehh...

mmm,, dalam membuat aplikasi ini saya menggunakan codelobster sebagai tool mengkoding PHPnya dan WAMPP sebagai media pembuatan database..

pada aplikasi ini memiliki :

- CRUD data
- Cetak Report dalam bentuk PDF dan Excel
- Login dan Register
- sama ada google mapnya hanya untuk alamat sih,, tapi berhasil loh :v

dan aplikasi ini menggunakan Framework CI , framework ini menggunakan MVC,, tau  MVC ? kalau lom tau cari di google pelajari lagi :v.. nah saya menggunakan CI versi 1.7, di donlot aja kalau belum punya trus taruh di root project wampp kamu atau xampp sama aja..

menggunakan framework seperti ini enak, karena kita tidak usah lagi mengoding dari awal,, jadi kita seperti hanya mengembangkan saja.

nanti tampilan foldernya seperti gambar dikiri..
pada folder application didalamnya berisi folder - folder pada gambar yang kanan,

- sedikit penjelasan gambar kanan :

kita akan membuat class2 atau mengkoding yang berhubungan dengan database ke aplikasi di dalam folder models, mengkoding yg berhubungan data ke tampilan pada folder controllers, dan mengkoding yg berhubungan dengan tampilan pada folder views..
dan jika menggunakan library2 seperti saya menggunakan library report pdf atau excel bisa ditaruh di folder libraries dan third_party..

- sedikit penjelasan gambar kiri : 

jika ingin menggunakan gambar - gambar css dll, ditaruh di folder assets..



SUDAH PUSING ???

oke lanjut, kita langsung aja bahas databasenya dulu :

nah dari databasenya terdiri dari tabel - tabel data kkp, data kategori , kecamatan , kelurahan , dan users.

Struktur Tabel kkp :


Struktur Tabel tbl_kategori : 

Struktur Tabel tbl_kecamatan : 

Struktur Tabel tbl_kelurahan :

Struktur Tabel tbl_users :



dan berikut relasi antar tabelnya :



Lanjut Penjelasan Program : 

1. Tampilan awal ini adalah tampilan untuk login,, dan disini agan register dulu jika belum mempunyai username dan password karena agan tidak akan bisa login seenaknya :).. link halaman depan pada tampilan untuk melihat - lihat data di aplikasi..



2. Tampilan berikut adalah tampilan Register,, nah disini agan mengisi semuanya(wajib diisi).


3. berikut adalah tampilan about,, tampilan berikut bisa diakses walau belum login..


4. berikut adalah tampilan alamat,, tampilan ini juga bisa diakses walau belum login,, disini saya menggunakan service google map untuk mendapatkan alamat kantor disperindagkop.. :)


5. dan berikut adalah tampilan jika kita sudah login,, dan kita masuk di halaman utama anda bisa melihat data - data, dan bisa lihat data by kategori barangnya. barang termasuk pengawasan apa. dan aplikasi ini juga tersedia fitur pencarian..




6. berikut adalah tampilan olah data barang.. nah disini kita bisa melakukan insert, update, delete, delete multiple data, search.. dan data mengunakan fitur pagination agar rapi...


7. tampilan insert data, semua wajib diisi,, tampilan ini menggunakan fitur datepicker sehingga user mudah mengisi tanggal post, data kecamatan dan kelurahan pada combobox langsung diambil dari database, yang dimana data kecamatan kelurahan itu juga merupakan olah data..


8. tampilan berikut merupakan tampilan olah data kecamatan,, fitur fitur yang ada sama seperti olah data barang... ada CRUDnya..



9. selanjutnya tampilan olah data kelurahan, fiturnya juga sama seperti olah data kecamatan..




10. dan berikut merupakan tampilan view untuk report,, pada report ini kita bisa mencetak seluruh data,, dan juga bisa mencetak data by kategori barangnya,,, mencetak ke bentuk pdf dan excel,,




11. contoh hasil dari cetak report pdf dan excel ..






nah demikian sedikit penjelasan dari aplikasi ane,, capek panjang2,, hehehehe

kalau agan mau tanya atau butuh codinganya fb aja yah,, pasti ane respon kok :)..

sampai jumpa di kesempatan berikutnya.. tetap semangat dan keep smileee.. :v


Bantu Like

Belajar Ngedit video sekalian buat kenang - kenangan ... hehehe


Neh Videonya...