Copyright © Ben B B Blogger
Design by Dzignine
Selasa, Juli 14, 2020
YouTube Chanel : Beny Bond
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...
Senin, Juni 08, 2015

How to make Triangle inside a Square with C/C++ dengan Inputan User

HALO TEMAN !!, kali ini saya mau share neh tentang bagaimana caranya membuat sebuah segitiga didalam sebuah kotak dengan menggunakan bahasa C/C++ dan banyak jumlah baris bintangnya sesuai inputan dari user,

Sebelumnya bedanya bahasa C/C++ itu apa sih ?

menurut dari sumber yang pernah saya baca C++ itu adalah bahasa pemograman yang dirancang untuk menyempurnakan bahasa pemograman sebelumnya yaitu bahasa C...

nah supaya teman - teman sekalian lebih mengerti apa perbedaanya saya akan memberi contoh hasil tugas saya, yang mana saya membuat kasus diatas tadi menggunakan bahasa C atau C++,, disini saya menggunakan tools TURBO C++.. check it dott..

HASILNYA :

nah gambar diatas merupakan hasilnya. dan berikut berupakan code bahasa C nya..

<<< ini merupakan library untuk hasil input output bahasa C ,
bahasa sederhananya untuk menjalankan coding dibawah dan code yang termasuk dari stdio.h(bahasa C) ini adalah (printf, scanf) nah itu sedikit contoh dari beberapa code bahasa C



Dan berikut untuk code bahasa C++nya..

 <<< nah untuk library hasil input output C++ menggunakan iostream.h. seperti yang teman lihat dibawah code2 yang termasuk di bahasa C++ seperti (cout,cin).. dan untuk conio.h untuk menjalankan code (clrscr(), getch)..

nah itulah program sederhana dan sedikit penjelasan sederhana dari perbedaan bahasa C dan C++.. semoga artikel ini bisa menambah sedikit pengetahuan teman2... hehehe salam milanisti :D



Minggu, April 12, 2015

Membuat WEB sederhana, Login dan Sign Up..

alooo, mau share neh project.. ne tugas php dimana user bisa daftar dulu sign up setelah itu login dengan user yang sudah terdaftar dan bisa ngepost, disini halaman post ya isinya harus berbeda dengan isi post user lain.. cekidot aje dehh..


nah pada register ini kita harus mengisi username, password(yg isinya harus sama dengan repassword dan minimal 6 karakter), bisa juga mengupload foto yang nanti akan tampil di halaman utama user, dan mengisi lain - lain, setelah itu klik persetujuan dan sign up..

di halaman utama ini adalah ketika halaman utama berdasarkan nama username kita, dan kita bisa mengpost di bagian kiri itu, nanti hasilnya akan muncul di samping kanan, post yang paling baru akan berada paling atas, dan di post juga menggunakan pagging sehingga ketika kita mengepost banyak data tidak mengacaukan tampilannya,..


untuk membuatnya anda harus membuat databasenya dulu, disini saya menggunakan wampp sebagai editor databasenya, bisa juga memakai  mysql query browser, xampp, terserah lu dah..
setelah buat databasenya buat 2 tabel, tabel user dan tabel post..



disini saya juga menggunakan jquery untuk tampilan tanggal lahirnya, dan css untuk slideshow header yang gambarnya itu berganti2.

untuk coding lengkapnya inbox fb aje klo minat.. :D

Membuat Aplikasi Rental VCD sederhana dengan JAVA(NETBEANS)

hai pengunjung lama tak posting sibuk kuliah neh, hari ne saya mau ngeshare project kuliah saya membuat aplikasi rental vcd sederhana dengan java netbeans..

Dalam Pembuatan Project Sistem Informasi Rental VCD ini , menggunakan MySQL Query Browser sebagai media pembuatan database. Dan untuk source code dan pembuatan form – formnya menggunakan Java(Nerbeans IDE 7.4).
Dalam Project ini membuat database dengan nama dbrentalvcd dan memiliki 6 tabel, berikut tampilannya :


Struktur Tabel tbl_jenis :


Struktur Tabel tbl_member :


Struktur Tabel tbl_transaksikmbli :

Struktur Tabel tbl_transaksipnjm :

Struktur Tabel tbl_user :

Struktur Tabel tbl_video :


Berikut Relasi  antar tabel :

Dan berikut adalah listing program dari aplikasi rental vcd, di dalam project TRPAEnterprise ada 3 package, yang pertama yaitu aprental berisi beberapa form class untuk form menu utama, menu tamu, menu user, chart, search dan menu movie. Package kedua yaitu gambar berisi gambar – gambar yang digunakan dalam aplikasi. Package ketiga yaitu laporan berisi form untuk laporan member dan transaksi. dan dalam aplikasi ini menggunakan library jfreechart untuk menampilkan chart, library itexpdf untuk mencetak laporan dalam bentuk pdf, library mysql untuk mengkoneksikan ke database dan jcalendar untuk menampilkan tanggal di form.

Dan berikut tampilan dan penjelasan dari tiap class :
Penjelasan Program:

1. Tampilan pertama ini adalah tampilan login, dimana ada 3(tiga) tingkatan user yang bisa login, yang pertama pada level 1 adalah admin, pada level 2 kedua operator, dan yang ketiga member. Dan pada login ini juga menggunakan proteksi jadi jika password dan user yang dinputkan salah maka akan muncul pop-out seperti digambar


BAGIAN ADMIN

2. Berikutnya ketika kita masuk sebagai admin maka akan masuk di menu utama, menu utama admin operator dan menu utama member berbeda – beda. Di menu utama admin ini ada 3 item yaitu USER, VIDEO, LAPORAN, dan dari tiap item memiliki Subitem lagi..

3. ketika kita mengklik button USER maka akan menampilkan subitemnya yaitu Button Admin dan Member

4. Ketika kita mengklik Button Admin dari item User maka akan muncul tampilan seperti gambar dibawah, karena kita tadi login sebagai admin maka kita bisa menambahkan user, mengupdate user, mendelete user dan bisa juga melakukan search/mencari by id atau by nama untuk admin dan operator, jika mendaftarkan admin berarti level yang diisi level 1 sedangkan operator berarti level yang diisi level 2. Dan untuk update kita hanya tinggal mengklik data yang ada pada tabel, dan data tersebut akan tampil sesuai urutan textfield disamping kiri.

5. Berikut adalah tampilan dari Button Member dari item User, sama seperti tadi disini Admin bisa menambah,mengupdate,mendelete,search by Id dan nama User untuk member atau kata lain pelanggan yang mendaftar, pada ketika mendaftar kenapa total pinjam diisi 0, artinya saat mendaftar belum meminjam apa – apa.

6. selanjutnya  ketika kita mengklik button item Video maka akan menampilkan subitemnya yaitu Button Search dan Movie

7. ketika mengklik Button Search dari item Video maka menampilkan gambar seperti dibawah, disini kita bisa mencari film. Mencari sesuai judul atau sesuai pemain yang kita inginkan. Nah misalnya untuk melihat sinopsis pemain secara lengkap klik data pada tabel tersebut maka akan tampil di text – text di samping kiri seperti gambar dibawah.


8.  Ketika mengklik Button Search dari item Video maka menampilkan gambar seperti dibawah. Disini admin mendaftarkan film atau mengroupkan film dari jenisnya, Dan ada 7 jenis film, Action, Animation, Comedy, Dokumenter, Drama Horror dan Romantic. Dan juga Admin bisa menambahkan data filmnya, mengupdate, mendelete.

9. Selanjutnya ketika kita mengklik Button item Laporan maka akan menampilkan subitemnya Button Member Dan Transaksi

10. Dan ketika kita mengklik Button Member, maka akan menampilkan gambar seperti dibawah, disini kita bisa melihat laporan daftar member yang terdaftar, bisa melihat chart sesuai total pinjam member/pelanggan dan bisa mencetak laporan ke dalam bentuk format PDF.


11. sama seperti di laporan Member, laporan Transaksi juga menampilkan data transaksi yang bisa dilihat dalam chart menggunakan library Freechart dan dicetak ke laporan dalam format PDF. Untuk mencetak disini saya menggunakan library itextpdf-5.3.5.


BAGIAN OPERATOR

1. Di operator memiliki item – item yang hampir sama seperti yang dimiliki admin, tetapi di operator ada item Transaksi, dan di operator hanya bisa menambahkan user member, jadi tidak bisa menambah user admin atau operator seperti yang dilakukan Admin.
Berikut tampilan untuk item User pada operator. Jadi hanya ada subitem Member yang fungsinya sama menambahkan,mengupdate, mendelete seperti di Admin.

2. Dan selanjutnya pada Item Transaksi

3. berikut adalah tampilan ketika  mengklik Button subitem Transaksi. Pada combobox Transaksi ada dua pilihan yaitu ketika ingin meminjam kaset vcd atau mengembalikan kaset vcd.

4. Ketika kita memilih Transaksi meminjam maka akan menampilkan seperti gambar berikut.
Jadi jika meminjam operator mengisi data transaksi pinjam, dengan mengisi no transaksi keberapa, mengisi id operatornya, terus mengisi id member dimana id member disini sudah diambil dari data member tadi yang mendaftar jadi kita tinggal memilih id member siapa yang meminjam, terus mengisi id film juga disini sama juga mengambil id film yang sudah didaftarkan di data film tadi. Selanjutnya kita mengisi tanggal peminjamannya kapan memakai jDatechooser dari library jcalender,  waktu yang harus dikembalikan kapan, mengisi harga vcd/dvd terus memilih status terus disave maka data akan tersimpan ditabel dan berstatus dipinjam. dan otomatis pada laporan member nanti total pinjam user yang meminjam akan bertambah sesuai banyaknya pinjaman. Data juga bisa diupdate dan didelete serta di search by id transaksi dan id member.

5. dan berikut merupakan tampilan jika operator memilih transaksi pengembalian, jadi operator hanya tinggal mengklik data di tabel pinjam maka data tersebut akan tampil di text – text bagian kiri setelah itu operator hanya tinggal mengganti status dipinjam menjadi dikembalikan pada combobox status, dan setelah itu masukkan tgl dikembalikan jika member telat mengembalikan jadi misalnya pinjam tanggal 5 maret, dan harus dikembalikan tanggal 6 maret dan jika member mengembalikan misalnya tanggal 24 jadi, misalnya denda perhari 1000 rupiah maka lama keterlambatan dikali harga denda. Misalnya 14 hari telat maka kali 1000 jadi total denda menjadi 14000 yang langsung masuk di tabel transaksi pengembalian. dan pada laporan member total pinjam akan dikurangi 1 setiap pengembalian kaset.


BAGIAN MEMBER

1. di bagian member/pelanggan disini ketika kita login sebagai quest atau pelanggan jadi hanya bisa melihat movie yang di groupkan dari jenis dan mencari list – list movie apa saja  yang
terdaftar

2. tetapi di movielist member ini, member tidak bisa menambah atau mengupdate serta mendelete data film.

3. berikut tampilan terakhir dari tampilan – tampilan pada aplikasi, jadi disini member bisa melihat, mencari film apa by judul atau by pemain. sama seperti di admin dan operator melihat film, tipe disk, jumlah ada berapa, dan stock sisa berapa.

Kesimpulan :
Demikian Laporan Project kami, pada dasarnya project rental ini dibuat menggunakan Database MySQL, dan bahasa pemograman Java (Netbeans IDE 7.4)

Pada database rental vcd ini memiliki beberapa tabel, yaitu :
Tabel jenis, Tabel member, Tabel Transaksi Kembali, Tabel Transaksi Pinjam, Tabel User, Tabel Video.
Dan pada form – form yang telah dibuat, masing – masing terdapat validasi simpan, ubah, hapus, reset, cari, dan keluar.
Untuk sourcecodenya ada pada program netbeans.


Untuk Codingnya kalau minat inbox fb aje spaya bs nnya2 skalian,, setidaknya agan mengerti garis besarnya ada bayangan dan gambaran bagaimana membuatnya, krna klo gak ada gambaran sama skali gk bakal ane kasih :P.. makasih suksesss !!!

berhubung banyak yang request codingnya,, ne saya kasih dah :) 
DROPBOX