Membuat Aplikasi Pencarian Data dengan Efek Highlight

Sebelumnya saya sudah menulis artikel yang berjudul membuat aplikasi pencarian data menggunakan fungsi if. Artikel ini hampir sama dengan sebelumnya, hanya saja akan ditambah dengan efek highlight, dimana ketika hasil dari pencarian disorot, maka akan menampilkan efek highlight.

Membuat Aplikasi Pencarian Menggunakan JQuery

Aplikasi pencarian merupakan aplikasi yang sangat dibutuhkan pada setiap website, yang digunakan untuk memudahkan mencari keyword yang dituju. Contohnya google, twitter, bahkan facebook yang sampai saat ini masih menggunakan aplikasi pencarian. Bayangkan saja jika suatu website tidak mempunyai fitur pencarian, tentunya ini akan menyusahkan pengunjung untuk mencari kata kunci yang diinginkan. Pada kali ini kita akan mencoba membuat aplikasi pencarian yang dimiliki oleh jejaring sosial raksasa saat ini yaitu facebook.

Membuat Radio Menggunakan JQuery

Sebelumnya saya pernah menulis aritkel yang berjudul membuat button menggunakan jquery, kali ini kita masih berhubungan dengan button, hanya saja kali ini sebuah radio yang akan kita ubah menjadi button menggunakan jquery. Jika anda membuka suatu website yang biasanya pada pendaftaran, contohnya saja yahoo, jika kita ingin mendaftarkan diri. kadang ada beberapa pilihan yang harus kita pilih, dan kita hanya bisa memilih salah satu dari semua itu. Biasanya radio tersebut masih dalam bentuk standar. Jika anda ingin mengubah bentuk radio tersebut menjadi seperti tombol buttom. Anda bisa menggunakan trik ini.

Membuat Button Menggunakan JQuery

Tombol Button banyak sekali digunakan pada website-website, Biasanya banyak ditemukan pada form pendaftaran, form komentar, dan masih banyak lagi. Contohnya jika anda membuka Facebook ataupun Twitter, anda pasti menemukan beberapa button pada website jejaring sosial tersebut. Mungkin beberapa website masih menggunakan button standar. Jika anda ingin mempercantik website yang anda kelola, anda bisa menambahkan jquery pada button anda. Dengan menambahkan jquery tersebut, tombol button pada website anda menjadi jauh lebih menarik dibandingkan sebelumnya.

Membuat Grafik Batang Menggunakan JQuery

Pembuatan grafik biasanya banyak digunakan oleh para analisis, yang digunakan untuk melihat perbedaan dari satu nilai dengan nilai yang lainnya. Jika tidak menggunakan grafik tentunya akan terlihat kurang menarik dan kurang terlihat perbedaan nilai dari satu dengan yang lainnya. Membuat grafik bisa menggunakan powerpoint,msword,excel ataupun menggunakan jquery. Jika grafik tersebut nantinya akan ditampilkan pada suatu website. tentunya pembuatan grafik tersebut lebih baik menggunakan jquery.

Membuat Slideshow Multimedia Pada Website

Jika anda membuka web-web portal, banyak sekali jenis slideshow yang digunakan pada setiap website tersebut. Mereka menggunakan berbagai jenis slideshow sesuai kebutuhannya. Jika anda sedang membuat suatu website yang berhubungan dengan multimedia seperti foto, musik, ataupun video. Slideshow Multimedia ini mungkin akan bemanfaat buat anda. Untuk membuatnya mungkin terbilang cukup sulit dibandingkan slideshow yang pernah saya berikan sebelumnya. Tetapi dengan slideshow multimedia ini, anda bisa membuka foto, memutar musik, bahkan bisa memutar video.

Membuat Slideshow Mosaic Pada Website

Sebelumnya saya pernah menulis mengenai Membuat simple slideshow pada website, Membuat simple slideshow-2 pada website, dan kali ini kita akan membuat Slideshow mosaic pada website. Cukup banyak website-website yang menggunakan slideshow mosaic ini, terutama dalam website teknologi, Selain website teknologi, anda juga bisa menggunakannya untuk gallery foto, gallery makanan, atau untuk hal yang lain. karena dengan menggunakan slideshow mosaic ini, saya yakin website anda akan menjadi jauh lebih menarik dibandingkan sebelumnya.

Membuat Simple Slideshow-2 Pada Website

Sebelumnya saya pernah menulis tentang membuat simple silde show pada website, dan kali tidak jauh berbeda, hanya saja ada beberapa perbedaan dari tampilan dan programnya. Slideshow yang kali ini lebih terlihat minimalis tetapi begitu menarik. karena tidak ada halaman  sebagai penomoran seperti slideshow yang pertama, hanya ada tombol next dan previus saja, tetapi ketika kita diamkan, gambar akan terus berganti-ganti dengan sendirinya. dan animasinyapun berbeda dari yang slideshow pertama, animasi slideshow ini gambar akan berpindah dari arah kanan kearah kiri.

Membuat Simple Slideshow Pada Website

Kali ini saya akan membagi salah satu trik yang sering digunakan pada website-website, yaitu membuat simple slideshow. Trik ini banyak digunakan oleh para programmer untuk menjadikan websitenya terlihat lebih cantik dan dapat menghemat ruang pada website. Biasanya slider ini dipasang pada halaman home  ataupun halaman Gallery. Contohnya saja jika pada website anda mempunyai menu gallery, dan pada menu gallery tersebut hanya menampilkan gambar ataupun foto-foto seperti biasa saja, tentunya ini akan membosankan pengunjung untuk melihatnya. Selain itu hanya akan memenuhi ruang pada website anda. Untuk itulah agar menu gallery anda terlihat cantik dan jauh lebih menarik, maka anda harus menggunakan slider gambar pada gallery anda.

Membuat Animasi Rotator Pada Gambar

Animasi Rotator merupakan animasi berputar pada website, biasanya teknik ini digunakan untuk membuat animasi pada gambar, dimana gambar tersebut akan berganti-ganti sendiri, gambar yang didepan akan pindah kebelakang dan seterusnya. Contohnya saat anda bermain kartu, dan membalikkan kartu yang ada  didepan anda kepaling belakang, dan saat sudah dipindahkan akan muncul kartu baru. Begitu pula pada teknik animasi ini.

Membuat Flying Messege Pada Website

Flying Messege merupakan suatu teknik yang ada pada JQuery, biasanya teknik ini digunakan untuk menampilkan atau memasang iklan pada website. Sebagai contoh, misalnya anda bekerja sebagai programmer disuatu perusahaan, dan anda disuruh memasang banyak sekali iklan pada website perusahaan tersebut. Mungkin anda bingung meletakkan iklan tersebut dimana,  karena website tersebut sudah penuh dengan kontent yang lain. Sekarang anda tidak perlu bingung lagi, karena dengan menggunakan teknik ini, tentunya tidak akan mengganggu kontent yang lain.

Membuat Tooltip Pada Gambar

Tooltip merupakan info atau keterangan yang akan tampil pada gambar, dimana ketika kursor mouse menyorot suatu gambar, maka pada gambar tersebut akan muncul keterangan. Teknik ini akan bermanfaat agar gambar pada website anda menjadi lebih hidup dengan adanya keterangan pada gambar tersebut.

Membuat Menu Accordion Pada Website

Menu Accordion  merupakan teknik yang ada pada JQuery UI yang digunakan untuk mengelompokan kontent-kontent pada website berdasarkan kategori yang ada, selain itu  dengan menggunakan menu accordion akan menghemat space pada website anda, dan website anda akan lebih terstruktur. Sebagai contoh disini kita akan membuat menu accordion, dimana pada menu itu terdapat 3 buah fungsi, yaitu profile, polling, dan  komentar. dimana setiap menu bisa kita pindahkan posisinya dengan melalui drag pada menu.

Bayangkan jika kita tidak menggunakan menu accordion ini, dan space website kita sudah penuh. mungkn anda akan bingung meletakan fungsi profle, polling dan komentar ini dimana.

Membuat Pesan Dialox Box menggunakan JQuery UI

Dialox box jika diartikan dalam bahasa indonesia berarti kotak dialog. Teknik ini merupakan salah satu teknik dari JQuery UI yang sering sekali digunakan dalam pembuatan website. Dialox Box dapat digunakan untuk bermacam-macam hal, sesuai kebutuhan yang ada pada website. Misalnya untuk menampilkan iklan ketika tombol diklik, menampilkan pesan atau informasi penting pada website ketika tombol dklik, bahkan dapat digunakan untuk pengisian formulir pendaftaran atau komentar ketika tombol dklik. Selain tampilannya menarik, teknik ini juga dapat bermanfaat untuk menghemat ruang pada website.

Membuat Datepicker Pada Form Tanggal

Datepicker merupakan teknik JQuery yang sering digunakan dalam pembuatan suatu aplikasi. Dengan menggunakan teknik ini akan memudahkan pengunjung dalam melakukan pengisian formulir untuk kolom tanggal, mungkin selama ini anda masih sering melihat dalam pengisan kolom tanggal  masih menggunakan option value, yaitu pemilihan satu persatu tanggal, bulan, dan tahun tanpa menggunakan tampilan yang menarik. Dengan sedikit sentuhan, yaitu menambahkan teknik datapicker ini, maka tampilan form tanggal anda akan menjadi jauh lebih menarik dan menjadikan website anda lebih profesional.

Membuat efek explode pada gambar

Explode merupakan salah satu teknik yang ada pada jquery UI. explode jika diartikan dalam bahasa indonesia yaitu meledakan.  Dengan menggunakan teknik ini, kita akan bisa membuat gambar seolah2 meledak. Contohnya saja jika kita membuat gambar bom pada website,  gambar bom tersebut masih dalam keadaan normal, tetapi jika kita melakukan klik pada tombol meledak, maka gambar bom tersebut akan pecah, seolah-olah seperti meledak. ataupun jika kita sedang jatuh cinta pada seseorang, sayangnya orang yang kita cintai itu sudah ada yang punya. tentunya membuat hati kita hancur atau patah hati. kita bisa membuat gambaran atau ungkapan melalui website, dengan membuat gambar hati yang utuh, dan ketika diklik tombol hancur, maka hati tersebut akan hancur.

Membuat efek memantul pada gambar

Efek memantul atau yang disebut dengan bounce, yaitu salah satu teknik dari jquery untuk memantulkan suatu objek dari arah manapun dengan pantulan setinggi atau serendah apapun. Teknik ini bisa digunakan untuk bermacam-macam, misalnya membuat bola bergelinding kearah gawang, setelah ditahan kiper, bola tersebut akan kembali lagi. atapun bola basket yang akan terus memantul, bahkan anda bisa membuat orang yang sedang berdiri diatas monas, dan ketika anda klik tombol terjun, maka orang tersebut akan terjun dari atas monas.

Membuat tombol Check Box All Pada Form

Check Box adalah suatu perintah yang digunakan untuk memberikan jawaban lebih dari satu. Misalnya ada suatu pertanyaan yang membolehkan kita untuk memilih lebih dari satu jawaban, bahkan boleh memilih semuanya. Mungkin bagi sipenjawab soal ini tidak masalah jika pilihannya hanya sedikit, tetapi jika pada soal itu terdapat banyak sekali jawaban, dan kita harus mencentang jawaban-jawaban itu satu persatu, tentunya hanya akan memakan waktu sipenjawab soal itu saja. untuk itu dalam jawaban pilihan itu, kita sibagai pembuatnya harus menyediakan tombol untuk menjawab semua pilihan dengan satu kali klik.

Membuat Efek Watermark Pada Form

Watermark merupakan suatu efek jquery yang akan menampilkan tulisan transparan pada form, dan ketika mouse melakukan klik pada form tersebut, tulisan tersebut akan hilang.  Banyak sekali website yang sudah menggunakan teknik ini. seperti Yahoo, Facebook, dll. Dengan menggunakan teknik watermark ini akan menjadikan suatu website lebih profesional dan akan memudahkan pengunjung lebih mengerti untuk melakukan pengisian form pada website. 

Membuat Aplikasi Pengukur Kekuatan Password

Password bukanlah merupakan kata yang asing lagi untuk didengar, karena sudah banyak sekali orang-orang yang menggunakan password untuk menjaga keamanan datanya. Contohnya jika anda melakukan registrasi untuk membuat suatu akun, biasanya kita disuruh memasukkan passwordnya, termasuk jejaring sosial terbesar didunia FACEBOOK. Mungkin selama ini anda asal memasukkan kata dalam membuat password, padahal dalam pembuatan password itu sendiri mempunyai tingkat kelemahan dan kekuatan.

Jika password yang anda buat berlevel lemah, kemungkinan pencurian passsword bagi para hacker akan sangat mudah. untuk itu dalam pembuatan password usahakanlah berlevel tinggi. agar para penyusup cyber tidak bisa mengambil alih akun kita. Untuk itulah disini saya membuat tutorial aplikasi pengukur kekuatan password, Fungsinya agar kita bisa tau password yang  sudah kita buat apakah benar2 kuat ataukah masih sangat lemah.