HTML

Cara Menciptakan Shortcut Di Halaman Web Dengan Jquery Ternyata Sangat Mudah



Cara Membuat Shortcut Di Halaman Web PHP - ketika seorang programer mendapat proyek untuk membuat aplikasi, tentunya programmer berfikir aplikasi yang di bangkit harus lebih interaktif dan user friendly dengan penggunanya…

Pengoprasian yang sangat gampang dan tidak membingungkan salah satu factor penting untuk membuat aplikasi…

Seorang programer berfikir semoga aplikasi yang beliau bangkit bisa dipakai sangat nyaman dan menjadi pendongkrak popularitas semoga nantinya seorang yang menerimanya bisa mengoprasikan dengan mudah.

Sebagai pola aplikasi kasir yang berbasis desktop yang biasa kita temukan di supermarket terdekat, coba perhatikan saat kasir input penjualan, pastinya kelihatan gampang dan cepat…

Bahkah untuk menyimpan hasil penjualan pun si kasir hanya menekan kombinasi keyboard untuk menyimpan hasil penjualan tanpa menggeser-geser mouse.

Jelas sekali kalau si kasir memakai mouse transaksi akan berjalan lambat dan membuang waktu untuk menggeser mouse ke tombol simpan,, sedangkan pembelinya sudah mengantre..

Sungguh tidak kodusif…

Memang sebuah shortcut atau bisa di sebut jalan pintas harus di selipkan kedalam sebuah aplikasi untuk mempercepat kerja si user…

Maka dari itu untuk setiap aplikasi desktop pastinya memiliki shortcut atau jalan pintas di setiap oprasi yang di inginkan.

Okee yang aku terang itu aplikasi berbasi desktop.
Bagaimana kalau aplikasi berbasi web yang di bangkit menggunaka bahasa pemrograman PHP atau bahasa lainnya ?? apakah bisa memakai jalan pintas??

Jangan gundah sobat..

Jika teman sedang mencari cara membuat shortcut keyboard di halaman web atau aplikasi berbasis web maka teman benar sekali sudah mampir kesini…


Cara Membuat Shortcut Di Halaman Web PHP

Sudah sedikit aku singgung tadi bahwa shortcut itu berfungsi membuat kombinasi jalan pintas untuk menangani suatu proses di halaman web…

Memang salah satu kelebihan aplikasi desktop tersebut bisa memakai shortcut dengan mudah, tapi aplikasi berbasis web juga bisa dong…

Oke mari kita lanjut…
Untuk membuat shortcut di halaman web kita bisa memakai sebuah plugin dari JQueryCara penggunaanya tentulah sangat mudah..

Tinggal panggil fungsi dan tombol keyboard mana yang akan kita jadikan kombinasi shortcut.

Nah plugin yang aku gunakan ini berjulukan plugin shortcut yang bisa teman download di website resminya http://www.openjs.com/scripts/events/keyboard_shortcuts/ dengan versi 2.01.B yang di buat oleh Binny V A ber licence BSD..

Dan jangan lupa plugin Jquery juga harus di sertakan ya, teman bisa men-downloadya website resminya http://jquery.com/ atau ke duanya disni...

Baik sehabis teman memiliki atau sudah download pluginnya, berikut cara penggunaannya.

Pertama buat folder di htdoc dengan nama tutorshortcut dan letakan plugin Jquery dan Shortcut didalam folder tersebut..

buka editor teman masing-masing dan buat file index.php kemudian copy saja script di bawah ini, jangan lupa file index.php juga letakan di dalam folder tutorshortcut.
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <script type="text/javascript" src="shortcut.js"></script> <script type="text/javascript" src="jquery-1.8.3.js"></script>  <script type="text/javascript">  $(document).ready(function() {      shortcut.add("F2",function(){   document.getElementById('judul').innerHTML="Hello World";     });   shortcut.add("ctrl+o",function(){   window.open('http://ijo-gading.com','_self');   });   shortcut.add("ctrl+g",function(){   window.open('http://google.com','_self');   });   shortcut.add("d",function(){   alert("Yakin Akan Menghapus Data");   });   shortcut.add("p",function(){   window.print();   });  }); </script> </head> <body> <div align="center">  <h2>ijo-gading.com</h2>  <h3 id="judul">Cara Membuat Shoutcut Di Halaman Web Dengan JQuery</h3>   <p>Mengubaah Judul Menjadi "Hello World" [F2]</p>   <p>Membuka Halaman IJO GADING [CTRL+O]</p>   <p>Membuka Halaman GOOGLE [CTRL+G]</p>   <p>Contoh Peringatan Penghapusan Data [D]</p>   <p>Contoh Mencetak Halaman [P]</p>  </div> </body> </html> 

Setelah teman buat file index.php dan meng-copy scritp di atas dan coba di run lewat browser sobat..
Pastikan teman telah melaksanakan langkah yang benar dan pluginnya sudah berada di dalam folder shortcut.

Dan jangan lupa juga untuk memanggil/include plugin dengan benar.

Dari script di atas bisa kita lihat bahwa script shortcut.add("shortcut_key",function(){ perintah }); berguna untuk memanggil fungsi shortcut yang berada di plugin shortcut.js yang nantinya bisa membuat shortcut sendiri sesuai harapan kita..

Pada fungsi shortcut.add() tadi teman bisa merubah tombol keyboard mana yang akan teman jadikan shortcut di halaman web. silahkan teman coba-coba saja untuk belajar.

Nah sehabis mengetahui script di atas..
Saya pastikan teman bisa berkreasi dengan plugin yang aku share di blog ijo-gading.com dan di dipakai sebagai mana mestinya..

Dengan plugin shortcut.js teman akan bisa membuat sebuah aplikasi berbasis web lebih interaktif dan sangat gampang untuk di gunakan…

Sekian dulu untuk postingan aku Cara Membuat Shortcut Di Halaman Web Dengan JQuery hari ini guys.

Jangan lupa di share kalau artikel ini berkhasiat dan sangat membantu sobat…

Silahkan berkomentar dengan sopan santun kalau ada pertanyaan ya…

Keep calm and happy coding…!!!

Subscribe to receive free email updates:

0 Response to "Cara Menciptakan Shortcut Di Halaman Web Dengan Jquery Ternyata Sangat Mudah"

Posting Komentar