Miftahul Huda

Memberi manfaat kepada sesama

Thursday, August 31, 2017

SISTEM INFORMASI MONITORING PELANGGARAN SANTRI DI ASRAMA (PONTI) PP. DARUL 'ULUM JOMBANG / PPDU

Posted by with No comments
Miftahul Huda

        Haloo temen2 kali ini saya akan share projek yang pernah saya buat, sebenernya iseng sih buat projek ginian (dari pada nganggur dan ngelamun ndak jelas hehehehe) lebih baik produktif kan. Nama projectnya adalah "SISTEM INFORMASI MONITORING SANTRI PONDOK TINGGI DARUL ULUM JOMBANG". Sistem ini bertujuan untuk merecord pelanggaran2 yang telah dilakukan oleh santri. Pengalaman saya jadi santri udah cukup lama sih makanya saya buat sistem ini, guna untuk melumpuhkan / menjerakan santri yang bandel (Ini jadi ancamana para santri). Sistem ini sebenernya langsung konek dengan android (namun disini saya tidak tampilkan androidnya) barang kali temen2 minat bisa hubungin saya yaaaaaa. User dalam sistem ini ada 2 yakni pengurus dan wali santri. Jadi, ketika santri melakukan pelanggaran otomatis sistem akan mengirimkan notif ke wali santri. Soooo gitu aja penjelasan singkat dari sistem ini.  Oh iya untuk modul aplikasinya ada di bawah ini : 

>> Modul Aplikasi

1. Manajemen santri;
2. Manajemen Kamar (Untuk mengatur kuota dan list santri yang tinggal di tiap2 kamar);  
3. Manajemen wali murid; 
4. Manajemen jadwal pengajaran; 
5. Manajemen ustadz; 
6. Manajemen pelanggaran santri;
7. Report real time kepada wali murid;
8. Statistik pelanggaran santri; 
9. dll.

Untuk tampilan aplikasi, ada dibawah ini. 

























Jika ingin project ini, komen dibawah sertakan email yaaa


Thursday, August 31, 2017

Tuesday, August 29, 2017

Kumpulan 20 Radio Button dan Checkbox jQuery terbaik dan sangat menarik

Posted by with No comments
Miftahul Huda

Textbox styling & radio button untuk memberi  tampilan yang menarik pada sebuah form, dari bentuk standar bisa menjadi tampilan yang mengesankan untuk pengunjung situs. Oleh karena itu untuk para developer jQuery sangat penting untuk kalian semua, dibawah ini saya menyajikan 20 Best jQuery Radio Button dan Plugin Style Checkbox yang dapat Anda tambahkan dengan mudah ke situs web Anda dan dapat menciptakan antarmuka pengguna yang indah dan visual yang menakjubkan bagi pengunjung situs Anda. Sooo Kalian lihat dibawah yaaaaaaaaa!!, semoga bermanfaat.

1. Switchry










Switchery adalah plugin sederhana yang membantu Anda mengubah masukan kotak HTML bawaan menjadi switch gaya iOS 7 yang indah hanya dalam beberapa langkah sederhana. Anda dapat dengan mudah menyesuaikan switch, sehingga sesuai dengan disain Anda dengan sempurna.













plugin Pretty Checkable akan mengganti kotak centang default dan masukan utama untuk yang terlihat lebih baik.















Sumo Select adalah plugin jQuery single / multi select yang bisa digunakan di hampir semua perangkat. Hal ini dapat sepenuhnya disesuaikan dengan menggunakan properti css sederhana.














CheckRadios adalah plugin jQuery yang dirancang untuk memungkinkan Anda menyesuaikan sepenuhnya kotak centang dan radio tanpa menggunakan gambar standar dan skalabilitas dalam pikiran. Plugin ini menggunakan ikon berbasis vektor / font untuk ditambahkan ke dalam kutu dan lingkaran yang memungkinkan penyesuaian dan penyesuaian skalabilitas yang jauh lebih besar dan pada akhirnya kontrol yang jauh lebih besar terhadap kotak centang dan radio menggunakan css.

5. Ion.CheckRadio















Ion.CheckRadio adalah plugin jQuery untuk styling checkboxes dan radio-buttons dengan skin support.













Labelauty adalah plugin jQuery yang bagus dan ringan yang memberi keindahan pada kotak centang dan tombol radio dan memungkinkan label khusus untuk setiap status masukan yang tidak terpenuhi.













RcSwitcher (Radio Checkbox Switcher) adalah plugin jQuery yang memungkinkan Anda mengubah kotak centang masukan dan radio menjadi tombol sakelar yang bagus dengan antarmuka yang bagus.













jQuery Selectable adalah plugin jQuery yang memungkinkan Anda mengubah sesuatu menjadi elemen yang dapat dipilih / dapat diperiksa. Anda dapat mengubah elemen seperti tombol ke kotak centang / radiobutton dengan mudah.













Checkator adalah pengganti berbasis jQuery untuk elemen radio dan kotak centang. Ini mendukung gaya css, dan mempengaruhi elemen radio atau kotak asli secara langsung, yang digunakan sebagai wadah data.
















Bidang kotak centang adalah plugin jQuery yang mengubah bidang multi pilih menjadi bidang kotak centang.















checkbox adalah plugin jQuery ringan untuk checkbox dan radio kustom.













Bootstrap Checkbox adalah komponen kotak centang berdasarkan kerangka Bootstrap.

13. iCheck













Kotak centang Super disesuaikan dan tombol radio dengan jQuery & Zepto.iCheck dibuat untuk menghindari rutinitas menemukan kembali kemudi saat bekerja dengan kotak centang dan tombol radio. Ini memberikan hasil identik yang diharapkan untuk jumlah besar browser, perangkat dan versinya. Callback dan metode dapat digunakan untuk menangani dan membuat perubahan dengan mudah pada input yang disesuaikan.









Ini adalah implementasi kotak centang bergaya ringan untuk jQuery 1.2.x dan 1.3.x. Ini mendukung "label melayang": ketika Anda menunjuk ke elemen label induk, itu akan menyoroti kotak centangnya (terima kasih kepada Eugene atas gagasannya).









ScrewDefaultButtons adalah plugin jQuery sederhana yang memungkinkan Anda mengganti default browser untuk tombol radio dan kotak centang dengan desain khusus Anda sendiri.

16. Kalypto














Kalypto adalah plugin dasar untuk menggunakan sprite dan CSS sederhana di tempat kotak centang atau tombol radio. Styles untuk status check / non-check harus didefinisikan dalam stylesheet, dan plugin akan mengubah kelas dan mempertahankan keadaan tombol checkbox atau radio.









Fancyform adalah alat yang menawarkan cara bagus dan elegan untuk mengubah elemen HTML menjadi elemen bergaya kustom. Ini dibangun di kerangka Javascript jQuery dan mudah diterapkan dan disesuaikan. Unsur yang bisa Anda gunakan adalah input: radio, input: checkbox, select dan textarea.










Bootstrap Toggle adalah plugin Bootstrap yang sangat fleksibel yang mengubah kotak centang menjadi matikan.









Plugin jQuery Custom Form yang memungkinkan Anda bermain dengan jenis input (kotak centang dan radio), dengan tindakan cacat dan SELECT kustom.














Bootstrap Switch adalah plugin jQuery yang mengubah kotak centang dan tombol radio di switch toggle.



SEMOGA BERMANFAAT 
*Jangan lupa komen dibawah yaaaa
Tuesday, August 29, 2017

Monday, August 28, 2017

Cara simpel dalam membuat datepicker bootstrap, lihat tutorialnya disini !!!!

Posted by with No comments
Miftahul Huda

Disini saya akan membagikan tutorial bagaimana membuat datepicker bootstrap dengan mudah, datepicker merupakan sebuat box kalender yang ada di field pada sebuah form. Datepicker ini berguna untuk mempermudah user dalam input tanggal dengan user interface yang menarik. Untuk lebih jelasnya langsung aja lihat tutorial dibawah : 

 1. Download datepicker bootsrap
    Download datepicker di link ini (http://www.daterangepicker.com);
2. Buat file index.php didalam htdocs, jangan lupa export file zip datepicker dalam satu folder datepicker; masukan script dibawah dalam file index.php 



3. Tampilan seperti dibawah ini; 















UNTUK DEMO LIHAT DISINI (Demo)
DOWNLOAD FILE DISINI (Download)



Monday, August 28, 2017

CRUD dengan popup modal bootstrap dan Datatable, Download gratis disini !!!!

Posted by with No comments
Miftahul Huda

     Halo teman-teman kembali lagi saya akan share bagaimana cara CRUD (create,read,update dan delete) dengan Datatable. Sebenernya project ini pengembangan dari sini (Klik aja), kenapa harus datatable ?, datatable merupakan plugin dari jquery yang mengatur data dalam tabel, dengan datatable ini kita dipermudah dalam read data yang langsung tersedia beberapa action dalam tabel tersebut, diantara fitur action yang ada di datatable yakni : 

1. Search data
Ketika kita pasang plugin datatable, otomatis tabel akan terinstall search data otomatis, tanpa kita membuat search manual. dengan ini kita tidak perlu susah membuat search data lagi. 
2. SORT BY (Urutan dengan) data
Dalam datatable dilengkapi dengan sort by data otomatis, jadi kita mau sort data berdasarkan terbesar hingga terkecil atau ASC/DESC, datatable dapat menjalankan itu.
3. Pagination
Pagination dalam datatable,  data yang ditampilkan tidak akan di load semua, namun akan di pecah menjadi beberapa data. kita bisa menentukan berapa load data yang mau kita tampilkan, dengan memilih dropdown jumlah baris yang ada di kiri atas tabel.
4. Count baris 
Dalam datatable akan tampil berapa jumlah data yang di tampilkan. Kunjungi situs resmi datatable (Disini)

 Langsung saja saya tampilkan datatable yang saya buat ada dibawah ini : 












DOWNLOAD PROJECTNYA DIMARI (Download)
DEMO APLIKASI (demo.blowebdev.com)
*Jangan lupa
share dan komen dibawah yaa
Monday, August 28, 2017

Saturday, August 26, 2017

CRUD dengan popup modal bootstrap tanpa ajax hanya dengan satu file index.php, Download sekarang disini !!!!

Posted by with 4 comments
Miftahul Huda 

Haloo teman-teman kali ini saya akan membagikan source code CRUD (create,read,update dan delete) dengan modal / popup bootstrap. Program ini tidak menggunakan ajax, progam ini full menggunakan phpmysqli, menurut saya sih sangat mudah difahami bagi kalian yang masih bingung dengan CRUD bootstrap dengan popup. program ini hanya perlu menggunakan satu file index.php, jadi proses transaksi hanya menggunakan satu file. jadi, kalian lebih enak memahaminya karena action pagenya pada satu halaman saja. untuk tampilan CRUD ada dibawah ini : 

















DOWNLOAD FILE PROGRAMNYA DISINI
atau
Kalian butuh CD program dengan banyak pilihan klik disini
Saturday, August 26, 2017

Sistem informasi manajemen hafalan pondok pesantren, study kasus pondok pesantren nurul qur'an tebu ireng jombang

Posted by with 1 comment
Miftahul Huda

      Halooo teman-teman, kembali lagi saya akan membagikan source code (kode program) buat kalian, mungkin diantara temen-temen lagi butuh referensi (khusus yang lagi bingung cari ide buat skripsi) hehehehe, mungkin sistem ini bisa menjadi ide yang cemerlang buat kalian. Sistem ini dibuat lantaran sulitnya para ustadz pondok dalam manajemen hafalan para tanfidz (siswa yang lagi hafalan qur'an) dan sulitnya pelaporan terhadap wali murid yang harus dilakukan secara continue. jadi, adanya sistem ini menjadi pelopor pondok dalam manajemen hafalan qur'an serta pelaporan real time kepada wali santri yang ada di luar sana.

      Sistem ini dibangun dengan menggunakan phpmysqli yang mungkin sudah familiar banget bagi temen-temen developer. Sistem ini sangat mudah dikembangkan yang lebih bagus lagi (menurut saya sih). Modul aplikasi ini juga sangat terbatas karena hanya mempunya 3 user yakni : admin, ustadz dan wali santri, diantara modul dari sistem ini yaitu :
1. Modul data santri (profile hingga penempatan kamar santri);
2. Modul data ustadz;
3. Modul jadwal hafalan;
4. Modul kelompok hafalan (biasanya saat hafalan ada level pengelompokan hafalan berdasarkan juznya);
5. Modul kamar (Penempatan dan kuota kamar santri);
6. Laporan hafalan santri (Langsung printout pdf);
7. Statistik hafalan (berdasarkan : bulan,tahun);
8. dll. 

Untuk lebih jelasnya kalian bisa lihat tampilan screenshoot aplikasi dari sistem yang ada dibawah ini. 





















Jika ingin download aplikasi ini komen dibawah yaa, atau kirim email hudamiftakh8@gmail.com, WA 085748496135. 
100% free

Saturday, August 26, 2017
Subscribe to: Posts (Atom)

Followers

History

Link

Blowebdev