Archive

Posts Tagged ‘PrototypeJs’

Konsep Object Oriented Programming Pada Framework PrototypeJs dan jQuery

March 11th, 2009 1,954 views 8 comments

Object Oriented Programming (OOP) adalah metode yang baik dalam pengembangan aplikasi. Sebuah variable biasa dapat di ubah menjadi sebuah object dan dapat melakukan banyak hal seperti simpan data, memformat penampilan data dll.

Sama hal-nya dengan bahasa pemrograman lainnya, JavaScript juga membutuhkan konsep OOP dalam pengembangan aplikasi yang lebih komplex dan powerful. Saat ini banyak framework JavaScript yang menawarkan kemudahan dalam pengembangan aplikasi namun tidak banyak di antara framework-framework tersebut yang support dengan konsep OOP seperti pemrograman lainnya.

Sejauh ini framework yang saya gunakan sehari-hari adalah jQuery dan PrototypeJs. Sejauh ini konsep OOP yang kuat masih dipegang oleh PrototypeJs dan di website ini banyak script yang saya berikan sentuhan OOP dalam pengembangannya. Namun ternyata jQuery bisa juga melakukan hal yang sama.

Berikut adalah contoh script OOP dengan menggunakan PrototypeJs berikut penjelasannya:

Selengkapnya…

(11 votes, average: 4.09 out of 5) KurangBiasaLumayanBagusLuar Biasa
Loading ... Loading ...

T-10 Tabs: Membuat Tab Pada Halaman Web Dengan Lebih Mudah

January 2nd, 2009 2,200 views 11 comments

Sebelumnya saya ucapkan, Selamat tahun baru 2009, semoga segala cita-cita anda tercapai pada tahun ini… Amien. Berarti ini adalah posting pertama saya di tahun 2009… ^_^

Pada saat ini teknologi web semakin gencar dikembangkan oleh developer agar dapat menyaingi keunggulan pemrograman desktop, hal yang nyata terjadi adalah semakin banyak interface form desktop yang bisa diimplementasikan di halaman web. Contohnya seperti DateTimePicker, ColorPicker, DynamicGrid, Slider dan PageTab. Khusus untuk PageTab atau Tab saya akan memberikan kemudahan dalam mengimplementasikannya ke aplikasi anda.

Selengkapnya…

(11 votes, average: 4.18 out of 5) KurangBiasaLumayanBagusLuar Biasa
Loading ... Loading ...

Tips Membuat Web Full Ajax Sederhana

October 17th, 2008 8,891 views 19 comments

Fenomena Ajax yang menjanjikan pengembangan aplikasi web menjadi lebih dinamis dan interaktif membuat para developer pun terus menerus melakukan eksperimen. JavaScript yang menjadi unsur dasar Ajax pun terus menerus dikembangkan dan hampir seluruh website sudah pasti menggunakan JavaScript untuk membuat setiap halamannya lebih hidup dan menarik.

Yang membuat Ajax menarik adalah kita dapat mengupdate satu atau lebih dari element di halaman web kita tanpa perlu reload halaman. Bila reload dapat dihindarkan tentunya kita berhemat waktu pengambilan data.

Seiring berkembangnya Ajax, banyak pertanyaan dan usulan muncul kepada saya tentang bagaimana kalau kita buat saja 1 web yang seluruh fasilitasnya merupakan Ajax, jadi tidak ada lagi berpindah-pindah halaman karena semua proses dilakukan pada 1 file. Bagaimana mungkin? namun di dalam prinsip saya “kalau tidak dicoba maka belum boleh bilang tidak mungkin” bukan?? ^_^

Disini saya punya tips dasar membuat website berpindah-pindah halaman/proses dengan Ajax dan kita akan lakukan semua proses di 1 file saja yaitu index.html.

Selengkapnya…

(18 votes, average: 4.50 out of 5) KurangBiasaLumayanBagusLuar Biasa
Loading ... Loading ...

T-10 ShoutBox: Simple ShoutBox dengan Ajax + PHP

July 21st, 2008 1,412 views 11 comments

Pernah lihat shoutbox di web yang sering anda kunjungi??? Ya, shoutbox adalah form sederhana yang biasa ditempatkan pada sisi kanan atau kiri website yang bertujuan agar pengunjung dapat memberikan komentar singkat tentang hasil kunjungan mereka di web tersebut.

Biasanya setiap web pribadi menggunakan shoutbox agar si pembuat mengetahui kesan pengunjung website dia. Saya akan menawarkan shoutbox dinamis buatan saya sendiri.

Teknologi shoutbox akhir-akhir ini lebih sering menggunakan Ajax untuk menangani posting yang diinput agar ketika pesan diinput pengunjung tidak harus menunggu halaman yang sedang mereka kunjungi di reload ulang seperti layaknya kita mengisi guestbook atau comment berita.

Saya menggunakan framework prototype.js untuk mengimplementasikan ajax disini, ajax dengan prototype.js lebih mudah dan hemat script dijamin anda pasti akan cepat mengerti.

Selengkapnya…

(4 votes, average: 4.00 out of 5) KurangBiasaLumayanBagusLuar Biasa
Loading ... Loading ...