Saat anda mencari dengan Google, anda bisa mendapatkan hasil pencarian bahkan sebelum anda menekan tombol ‘cari’? Betul ga? itu adalah teknologi Google Instant Search. Dalam tutorial ini, kira kira begitulah yang akan kita buat. Alih alih cuma menampilkan autocomplete, kenapa ga sekalian menampilkan hasilnya. Skenenario Sistem yang akan kita buat adalah sistem pencarian data film….
Autocomplete adalah fitur yang sering dipakai dalam sebuah website yang menggunakan fitur pencarian atau input data. Tujuan utama dari fitur ini jelas untuk memudahkan user mencari atau melengkapi data. Sebagai contoh disini, kita akan membuat input autocomplete dengan menggunakan jQuery UI autocomplete. Data autocomplete di ambil dari tabel Country, denga nama database world yang bisa…
Kadang data propinsi dan kabupaten di pakai untuk keperluan yang lain yang dipakai bersamaan dalam sebuah form, misalkan kita ingin membuat form pendaftaran mahasiswa. DI form ini ada combo propinsi dan combo kabupaten. Namun combo kabupaten akan tampil sesuai dengan propinsi yang terpilih. Misalkan di combo propinsi saya memilih Yogyakarta, maka otomatis combo kabupaten hanya…
Table sorter adalah teknik mengurutkan data di table halaman HTML dengan menggunakan jQuery, lebiht tepatnya menggunakan jquery plugin bernama tablesorter. Teknik yang digunakan oleh table sorter murni hanya menggunakan javascript sehingga tidak perlu harus koneksi keserver. Salahsatu website yang menggunakan teknik sorting jenis ini adalah wikipedia.Anda bisa mencoba contohnya disini. Bagaimana caranya? langkah implementasi tablesorter…
Kemampuan jQuery memang luar biasa. Dari efek animasi, ajax serta ratusan plugin siap pakai membuat sesuatu yang dulu sulit dilakukan sekarang semudah membalik tangan. Salah satu efek yang sekarang sering di pakai adalah efek grayscale pada gambar, saat mouse berada diatas gambar, barulah gambar warna muncul. Jika anda perhatikan, website ini juga menggunakan efek yang…
Validasi form adalah hal yang wajib dilakukan dalam setiap pembuatan aplikasi. Ada banyak cara memvalidasi form berbasis web, namun cara yang paling simple dan menarik adalah menggunakan jQuery, lebih tepatnya menggunakan jquey Plugin bernama jQuery validate. Sebelumnya saya pernah membahas tentang validasi form menggunakan class javascript yang bisa anda baca di sini, namun kekurangan dari…
Ini adalah tutorial keempat yang membahas materi highchart. perbedaan dengan tutorial sebelumnya, kali ini kita akan menggunakan data yang tersimpan didalam MySQL sebagai sumber data untuk grafik yang akan kita buat. Kalau direview ulang, data di tutorial sebelumnya diletakan manual di code javascriptnya. Nah, kali ini saya akan menunjukan cara membuat grafik berbasis web dengan…
ini adalah tutorial ketiga tentang cara membuat grafik chart menggunakan Highchart. Highchart adalah library javascript untuk membuat grafik berbasis web dengan cara yang sangat mudah.Pembahasan kali ini akan membuat grafik pie chart. Jika grafik batang lebih fokus pada perbandingan antar item, grafik linier lebih fokus pada tingkat pertumbuhan item (misal penjualan) maka grafik pie lebih…
Dalam panduan sebelumnya, sudah kita bahas bagaimana cara membuat grafik sederhana menggunakan Highchart. Dalam panduan kali ini kita akan membahas cara membuat multiple grafik chart dalam satu tampilan. Untuk contohnya, kita akan menampilkan grafik dari tabel penjualan smartphone disebuah toko fiktif candraphone. Data penjualan seperti dibawah ini Data penjualan Smartphone Januari Febuari Maret April Mei…
melihat data yang banyak dalam bentuk tabel tentunya tidak nyaman, apalagi kalau kita atau manager kita ingin mendapatkan gambaran secara umum. Misalkan apakah data penjualan meningkat dari satu periode ke periode atau yang semisal seperti apakah pendapatan perkapita indonesia naik dari tahun ketahun. Membuat grafik chart di Microsoft Excel memang mudah, nah bagaimana kalau kita…