MEMBUAT UPLOAD FILE SEDERHANA DENGAN AJAX (TANPA REFRESH PAGE) PHP MYSQLI

Miftahul Huda

Hai temen2 kali ini saya share cara membuat upload file sedeharan dengan ajax php, apa sih kelebihan upload file dengan ajax...?, kelebihanya adalah upload file tanpa refresh page, Jadi lebih enak ndak membingungkan. Oke langsung saja yaaa ikuti tutorial dibawah ini : 

1. Masuk folder project htdocs anda dan buat file seperti dibawah ini: 

2. Isi file index.php sama seperti script dibawah ini :




3. Isi file koneksi.php  dengan script dibawah ini : 


4. Isi file tampil.php dengan script dibawah ini : 



5. Isi file hapus.php dengan script dibawah ini; 



6. Isi file upload.php dengan script dibawah ini : 


 7. Download file jquery.min.js dibawah ini : 

   http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js

8. Yang terakhir buat database mysqli dengan nama belajar untuk kolom db lihat gambar dibawah : 

9. Lalu jalankan .........................................


Untuk melihat hasil akhir nya saya sediakan demo dan tampilan screenshoot aplikasinya : 

Diatas screenshoot upload foto sederhana dengan ajax. Untuk demo kalian bisa lihat di bawah ini : 

LIHAT VIDEONYA 

ATAU

DEMO : http://demo.blowebdev.com/upload/

LIST APLIKASI : blowebdev.com

DOWNLOAD PROJECT DI : DISINI

Read More →

Thursday, September 28, 2017

Tutorial Web Design

SISTEM INFORMASI PEMBAYARAN ASRAMA ONLINE DENGAN PHP MYSQLI (STUDY KASUS ASRAMA PONDOK TINGGI) KABUPATEN JOMBANG

Miftahul Huda

Halo temen2 kali ini saya akan share  aplikasi pembayaran asrama online dengan php mysqli, aplikasi ini dibangun dengan menggunakan php native dan database mysql. Apliakasi ini saya buat ketika saya masih tinggal di asrama mahasiswa unipdu jombang, Pengalaman saya melihat proses pembayaran yang sulit dan berbulet2. Belum lagi ketika rekap data pembayaran hilang. Habis sudah data2 pembayaran yang sudah dilakukan oleh mahasiswa. Nah muncul ide membuat aplikasi pembayaran ini. Aplikasi ini membantu pihak bendahara melihat status pembayaran dan rekap data pembayaran oleh mahasiswa yang tinggal diasrama. Aplikasi ini juga dapat melihat statistik pendapatan yang ada diasrama, Serta pengeluaran dan pemasukan asrama akan terekam pada aplikasi ini. Sooooo, langsung aja fitur aplikasinya ada dibawah ini : 

Fitur aplikasi : 

*Pengguna

  1. Mahasiswa; 

  2. Admin (Bendahara Asrama); 

  3. Wali/Orang Tua Mahasiswa atau Siswa (DONASI (Seikhlasnya saja));

*FITUR APLIKASI

  1. Manajemen User; 

  2. Manajemen Mahasiswa/Siswa; 

  3. Manajemen Transaksi Pembayaran; 

  4. Manajemen Pengeluaran Asrama; 

  5. Manajemen Pemasukan Asrama; 

  6. Statistik Laporan Asrama; 

  7. Dll. (Lihat sendiri fiturnya di demo yaa);

Berikut tampilan aplikasi SIPEMBAYARAN ASRAMA. 

Barangkali ada yang minat link download file aplikasinya, entah itu dibuat tugas akhir atau yang lain, bisa komen di kolom komentar ya. Serta tombol follow kanan atas silahkan di follow, nanti kalau sudah komentar dibawah dan follow blog di kanan atas, saya akan kirim link download aplikasinya; Oh... Barang kali ada yang mau donasi (Seikhlasnya Saja / Biar semangat AJA), untuk pengembangan aplikasi2 sederhana agar saya,  juga semangat mengembangkan blog ini; hehehehehe; Serta dibuat keperluan untuk perpanjangan domain dan hosting. Namun jangan takut, saya sertakan file download aplikasinya namun beberapa fitur ndak lengkap yaa, mungkin kalian mau kembangkan aplikasi ini; 

Link Demo   : http://sipembayaran.blowebdev.com

Link Demo2 : http://blowebdev.com
Link Download : DOWNLOAD

Informasi Selengkapnya : 
WA : 085748496135; 
Email : hudamiftakh8@gmail.com; 

Terima kasih

Read More →

Tuesday, September 26, 2017

Tutorial Web Design

Sistem Informasi Monitoring Pelanggaran Santri Berbasis Online (Study Kasus PP Darul 'Ulum Jombang)

Miftahul Huda

     Halo temen2 kali ini saya akan share lagi  nih, sistem informasi monitoring pelanggaran santri. Sebenernya aplikasi ini merupakan TA (Tugas Akhir) saya. Jadi, Aplikasi ini bener2 asli dan dari awal saya buat sistem ini. Sistem ini bukan pengembangan dari aplikasi lain. Namun sistem ini saya sendiri yang punya ide. Sooo, Barang kali temen2 ingin atau lagi bingung membuat ide aplikasi, mungkin aplikasi ini bisa jadi rujukan bagi temen2. Sebenernya, Aplikasi ini merupakan sistem intuk pencatatan pelanggaran real time untuk santri. Jadi ketika satri melakukan apapun misa : keluar asrama, belajar kelompok, belanja di pasara; Otomastis sistem akan report langsung ke pihak wali santri secara realt time, menurut saya adanya sistem sangat bagus untuk menanggulangi para santri melakukan aneh2. seperti berita ini (Link Berita).

     Aplikasi ini saya bangun dengan menggunakan bahasa pemograman php dan mysqli, aplikasi ini membunyai fitur report langsung ke pdf. Jadi, Ketika report data otomatis sistem ini akan menampilkan opsi apakah ingin di download pdf atau langsung di print. Selain itu, Sistem ini menggunakan template yang lumanyan bagus sih menurutku. Karena, dari kombinasi warna sangat menakjubkan sekali hehehehe (Bahasanya reeek koyok wong iyo ae). Langsung saja ndak sah panjang2 penjelasan, berikut modul aplikasi yang ada di sini : 

1. Manajemen Jenjang Pendidikan;

2. Manajemen Asrama;

3. Manajemen Data Santri;

4. Manajemen Report Pelanggaran Santri;

5. Manejemen Analisis Data Pelanggaran dan Hukuman Santri; 

6. Manajemen Data Wali Santri;

Kalian bisa lihat demo aplikasinya disini 

http://monitoring.blowebdev.com dan http://blowebdev.com/

Atau 

Hubungi saya di WA 085748496135 dan hudamiftakh8@gmail.com

Read More →

Friday, September 08, 2017

Tutorial Web Design

Sistem informasi surat menyurat dengan menggunakan php, study kasus bappeko surabaya

Miftahul Huda

      Halooo teman2 kembali lagi dengan saya, kali ini saya akan membagikan sistem informasi surat menyurat online dengan php, awalnya saya membuat sistem ini pas lagi suntuk ndak ada kerjaan di kantor. Dari pada ndak ngapa2in mending buat sesuatu yang semoga bermanfaat bagi kalian semua. Sooo aplikasi ini dibangun dengan menggunakan php mysqli, aplikasinya simpel dan mudah difahami (menurut saya). Nah, Ini sangat berguna bagi temen2 yang lagi magang di perusahaan atau lembaga, sistem ini sangat membantu kalian dalam menyelesaian laporan setelah KP (Kali aja bingung mau bikin apa). 

     Aplikasi ini tidak banyak fiturnya, hanya fitur2 yang sederhana karena sistem ini mengikuti alur yang ada di bidang saya sih, bidang evalitbang bappeko surabaya. Jadii, Modul aplikasi ini sangat mudah difahami dan mudah di kembangkan ke aplikasi yang lebih mantaaaap. Sooo, langsung aja ya berikut modul aplikasi yang ada di surat menyurat online ini : 

1. Manajemen surat masuk; 

2. Manajemen surat keluar;

3. Manajemen surat undangan; 

4. Manajemen akun pengguna; 

5. Manajemen detail surat online; 

6. Manajemen disposisi surat ke pegawai; 

Untuk screenshot aplikasi saya tampilkan dibawah ini : 

Kalian bisa lihat demo nya di http://blowebdev.com atau http://esurat.blowebdev.com/; Jika kalian menginginkan aplikasi ini hubungi saya di WA : 085748496135 atau email : hudamiftakh8@gmail.com

Read More →

Sunday, September 03, 2017

Tutorial Web Design