Bootstrap Drag and Drop

Assalamualaikum.. Apa kabar semua?
Kali ini aku akan kembali membahas tentang dunia Programming yang sepertinya sudah lama banget ga dibahas. Berhubung aku masih bekerja sebagai Programmer dan akhir-akhir ini aku menemukan sesuatu yang baru, jadi aku ingin sedikit berbagi dengan kalian.

“Bootstrap”. Mungkin beberapa dari kalian yang programmer banget sudah tak asing mendengar istilah itu. Projek kali ini berhubungan dengan form sturktur organisasi. Si user aku ini ingin mudah menginputkan nama-nama orang di sturktur organisasinya, jadi dia minta dibuatkan form bentuknya persis sturktur organisasi. Setelah searching sana sini, coba beberapa kali, akhirnya ini lah bentuk form yang terpilih.

Bootstrap

Diatas ada tabel yang berisi posisi di struktur organiasasi. Di setiap baris tabel itu bisa diisikan nama karyawan yang berasal dari daftar nama karyawan yang ada di bawah. Cara mengisinya dengan cara Drag nama karyawan yang ada di bawah lalu di Drop di baris tabel yang dipilih. Simpel kan?

Untuk source lengkapnya, bisa didownload disini Bootstrap. Kemudian copy aja dan save dalam format html. Langsung bisa dijalankan.

Selamat mencoba ^^

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: