T-10 Homepage

Pertama-tama saya ucapkan Selamat Tahun Baru 2010, semoga kita dapat meraih hasil yang lebih baik dari tahun sebelumnya.

Artikel kali ini akan membahas tentang animasi image yang sering di gunakan pada setiap sisi halaman website, yaitu image rotator. Image rotator adalah cara menampilkan daftar image yang diganti satu per satu dalam suatu periode. Animasi ini biasanya di pasang pada space banner di dalam halaman website, agar pengunjung dapat melihat satu per satu secara bergantian produk yang di tawarkan pada banner tersebut.

Untuk membuat efek image rotator dengan JavaScript biasa tentu akan sulit, namun dengan bantuan jQuery anda tidak perlu menulis banyak kode, karena efek animasi seperti fadeIn (menampilkan perlahan-lahan) dan fadeOut (menyembunyikan perlahan-lahan) sudah disediakan oleh library jQuery standar.

Selengkapnya…

Pada setiap aplikasi, menu merupakan element paling penting yang berfungsi sebagai navigasi dari halaman satu ke halaman lainnya, dari module satu ke module lainnya. Pada aplikasi yang lebih professional, menu sangat diperhatikan karena merupakan sarana untuk pembagian module per masing-masing user dan group pengguna aplikasi.

Menu sebagai dasar navigasi dari suatu aplikasi haruslah dimanis atau bisa diedit, ditambah dan di custom oleh admin. Untuk itu menu setiap link-nya harus disimpan di database, berikut sample table menu yang sederhana.

Selengkapnya…

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…

Jika berbicara tentang sarana interaktif pada web di era saat ini. Efek slideshow tentunya paling sering digunakan oleh website-website yang mengandung content berupa berita. Slideshow biasa diisi dengan rangkuman-rangkuman berita terkini (Headline) agar pengunjung dapat memantau perkembangan berita terkini dengan sajian efek slideshow yang menarik dan tidak akan cepat membuat pengunjung bosan.

Contoh slideshow yang akan kita bangun pada artikel kali ini adalah seperti gambar berikut:

Kunci dari pembuatan fasilitas ini pada halaman web anda adalah CSS + JavaScript. Untuk membuatnya pertama kali buat halaman HTML seperti ini:

Selengkapnya…

JSON ( JavaScript Object Notation ) singkatnya adalah salah satu format data yang digunakan untuk melakukan komunikasi antar aplikasi, khususnya aplikasi web. JSON sering digunakan sebagai alternatif penggunaan XML karena sifatnya yang lebih simple, lebih cepat dan lebih mudah di-parsing / terjemahkan.

Sama hal-nya pada aplikasi web yang menggunakan Ajax, JSON dianggap lebih powerful daripada XML untuk dijadikan sebuah response dari request Ajax. Jika XML ditampilkan dalam bentuk tag atau lebih menjurus ke format HTML, JSON lebih menjurus pada format variable JavaScript.

JSON biasanya mengkonversi variable PHP menjadi format JavaScript. Berikut contohnya:

	$data = array(		
		'kode' => 'P001',
		'nama' => 'Chandra',
		'umur' => 23
	  );

Variable PHP dan isinya diatas jika di konversi menjadi JSON akan seperti ini:

{"kode":"P001","nama":"Chandra","umur":23}

Isi variable PHP sebelum di konversi ke JSON berupa array assosiatif 1 dimensi, maka format JSON yang terbentuk dari variable PHP tersebut juga berupa array assosiatif 1 dimensi. Mari lihat contoh konversi array 2 dimensi PHP menjadi JSON.

Selengkapnya…