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

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

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

Read More →

Thursday, August 31, 2017

Tutorial Web Design

Kumpulan 20 Radio Button dan Checkbox jQuery terbaik dan sangat menarik

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.

2. Pretty Checkable

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

3. Sumo Select

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.

4. Check Radios

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.

6. Labelauty

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.

7. rcSwitcher

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.

8. jQuery Selectable

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.

9. Checkator

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.

10. Checkbox Field

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

11. CheckBo

checkbox adalah plugin jQuery ringan untuk checkbox dan radio kustom.

12. Bootstrap Checkbox

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.

14. jQuery Stylish Checkbox

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).

15. ScrewDefaultButtons

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.

17. Fancyform

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.

18. Bootstrap Toggle

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

19. jQuery Custom Form

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

20. Bootstrap Switch

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

SEMOGA BERMANFAAT 

*Jangan lupa komen dibawah yaaaa

Read More →

Tuesday, August 29, 2017

Tutorial Web Design

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

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)

Read More →

Monday, August 28, 2017

Tutorial Web Design

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

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

Read More →

Monday, August 28, 2017

Tutorial Web Design