Pemrograman Web

Kapita selekta Pemrograman Web

Topik: Ajax, JavaScript

Referensi Ringan tentang JavaScripts dan Ajax

1 komentarYan Arief on February 5th, 2008

Scott Klarr melansir JavaScript/Ajax cheat sheets. Dia mengumpulkan berbagai tautan referensi ringan tentang JavaScript dan Ajax Framework populer, termasuk : jQuery, Scriptaculous, Prototype, Microsoft Ajax Library, YahooYUI, dan masih banyak lagi…

Topik: Ajax

Survei Penggunaan Ajax tahun 2007

1 komentarYan Arief on December 17th, 2007

Ajaxian merilis hasil survei terbuka tentang penggunaan Ajax di tahun 2007, terutama penggunaan pustaka (library), framework dan toolkit terkait. Tahun 2007 ini berbagai toolkit baru makin banyak dikembangkan, terdapat 241 Ajax toolkits dan berbagai pustaka Ajax yang terdaftar dalam survei. Prototype menjadi pilihan terbanyak sedangkan Ajax Framework yang tengah saya pelajari yakni jQuery berada di urutan kedua.

dec2007top10_2.gif

Mungkin hasil survei ini bisa memberikan pandangan bagi anda yang ingin mengimplementasikan Ajax. Namun perlu dipertimbangkan, toolkit yang menempati posisi atas belum tentu cocok bagi Anda, perlu memperhatikan ketersediaan tutorial yang memadai sehingga dengan nyaman bisa menggunakannya dalam pekerjaan anda.

Topik: Alat Bantu

Membuat Grafik Menggunakan Google Chart API

DiskusiYan Arief on December 16th, 2007

Tak perlu pustaka GD, Java atau Flash untuk menampilkan grafik dinamis di halaman web, Google Chart API yang dirilis Google code memberi solusi, untuk mempermudah pembuatan grafik. Dengan menyisipkan tag <img> berisi HTTP request, otomatis akan ditampilkan gambar dalam format PNG.

Contoh cara menampilkan grafik di halaman web, dengan menyisipkan kode :

<img src="http://chart.apis.google.com/chart?cht=lc&chd=s:pqokeYONOMEBAKPOQVTXZdecaZcglprqxuux393ztpoonkeggjp&chco=FF0000&chls=4.0,3.0,0.0&chs=300x150&chxt=x,y&chxl=0:|1|2|3|4|5|1:|0|50|100&chf=c,lg,0,76A4FB,1,ffffff,0|bg,s,EFEFEF">

Maka akan ditampilkan grafik seperi di bawah ini :

Untuk mengetahui parameter untuk membuat berbagai bentuk grafik lebih lengkapnya silahkan membaca petunjuk penggunaan.

Menurut hemat saya, Google Chart API ini cukup membantu dalam membuat grafik untuk situs web secara mudah. Namun, apabila koneksi ke server Google mengalami gangguan maka grafik tidak tampil serta proses pemuatan (loading) situs web terasa lambat.

Topik: Alat Bantu

Merancang Peta Situs di WriteMaps.com

DiskusiYan Arief on December 13th, 2007

Salah satu Tahapan awal yang cukup penting dalam membangun sebuah situs web adalah merumuskan peta situs (sitemap). Peta situs yang terstruktur dengan baik akan mempermudah dalam merancang antar muka situs yang ramah bagi pengunjung serta sebagai pemandu pengunjung menjelajahi isi situs web.

write map

Kini tersedia layanan berbasis web WriteMaps.com untuk merancang peta situs anda. Antar muka yang interaktif sangat membantu anda menuangkan ide, merancang alur peta situs dengan mudah, terpusat di satu lokasi serta menyimpannya dan bisa diintegrasikan dengan situs web anda.

WriteMaps.com dibangun dengan pustaka jQuery, layanan perancangan peta situs ini memiliki beberapa fitur, diantaranya : menyunting secara langsung, opsi tampilan model diagram pohon (treeview) dan hirarki, menambah informasi halaman (page info) dan selanjutnya bisa diekspor ke dalam XML — semisal mengkonversi ke format XML untuk Google sitemap.

Informasi lebih detail silahkan kunjungi blog WriteMaps.com atau membaca review di Ajaxian.

Topik: Ajax, JavaScript

Efek Tirai Menggunakan JavaScript

DiskusiYan Arief on December 12th, 2007

Saya menyebutnya efek tirai, ada yang menyebutnya sliding door atau istilah populer saat ini accordion. Efek ini cukup menarik untuk mempercantik tampilan web. Nah, untuk membuat efek tirai ini tak perlu menggunakan Adobe Flash, dengan cukup menggunakan JavaScript dan dipoles dengan CSS. Tak perlu repot-repot untuk menulis kodenya, tersedia beberapa pustaka skrip dan framework untuk membuat efek tirai.

Perlu diperimbangkan, apabila anda menggunakan JavaScript seyogyanya konten di dalam efek tersebut bisa baik oleh mesin pencari atau bila fasilitas JavaScript pada penjelah web di-non-aktifkan.

Bila anda ingin membuat efek tirai anda bisa menggunakan skrip Accordion 2.0 yang diintegrasikan dengan JavaScript framework Prototype dan script.aculo.us. Tak kalah menarik, JavaScript framework jQuery ditambah plugin Horizontal Accordion. Pustaka JavaScript moo.fx juga menyediakan efek akordion. Ada pula skrip yang lebih ringan yakni Simple Javascript Accordions. Oke, selamat mecoba ….

Topik: CMS, PHP

Packt CMS Award 2007: Drupal Paling Favorit

DiskusiYan Arief on November 4th, 2007

Drupral meraih the Overall 2007 Packt Publishing Open Source CMS Award, selelah menjadi pilihan paling favorit dari 18 ribu suara hasil voting di situs web Packt dan penilian para pakar dan juri. Sedangkan diperingkat kedua bagi Joomla! dan CMS Made Simple duduk diperingkat ketiga.

Hasil selengkapnya Packt Publishing Open Source Content Management System Award 2007 :

  • Overall Winner : Drupal
  • Most Promising: MODx
  • Best Open Source PHP: Joomla!
  • Best non PHP Open Source CMS: mojoPortal
  • Best Social Networking: WordPress

Topik: CMS, PHP

Packt CMS Award 2007: Joomla! dan MODx Raih Penghargaan

DiskusiYan Arief on November 2nd, 2007

Packt Publishing Open Source Content Management System Award 2007 memilih Joomla! sebagai Best PHP Open Source CMS dan MODx sebagai Most Promising Open Source CMS, menyusul 2 CMS terbaik dalam kategori lainnya, yang telah dipublikasikan sebelumnya.

Joomla! terpilih sebagai Best PHP Open Source CMS mengungguli Drupal dan e107. Dengan demikian Pack memberikan penghargaan sebesar $2000 kepada pengembangnya. Joomla! mungkin merupakan salah satu kisah sukses open source. Pertama kali dirilis pada bulan September 2005 dan kini telah tumbuh sebagai salah satu paket CMS yang paling banyak diunduh.

Sementara, MODx memenangkan Most Promising CMS, mengungguli TYPOlight dan dotCMS yang bersama-sama menempati urutan kedua. MODx adalah CMS berbasis PHP dan MySQL, memperhatikan fiturnya, MODx bisa juga dikatergorikan sebagai CMS Framework.

Masih tersisa satu pengharggan lagi yakni Overall Award, 5 kontestan yakni CMS Made Simple, Drupal, e107, Joomla! dan PHP-Fusion akan bersaing. Kita tunggu saja siapa yang terbaik.

Topik: ASP, PHP

ASP vs PHP, mana yang terbaik?

6 komentarYan Arief on November 2nd, 2007

Cukup alot memperdebatkan ASP dan PHP, namun menentukan pilihan yang terbaik sebenarnya cukup mudah, tergantung anda pribadi sebagai pemrogramer.

Saya mencoba menggaris-bawahi penjelasan di aspvphp.com tentang perbandingan dua bahasa pemrograman web tersebut, yang pertama, apa bahasa pemrograman lain yang telah anda kuasai? Bila anda telah belajar Java atau C++, mungkin anda akan merasa lebih familier dengan kode program PHP. Sedangkan apabila Anda telah mendalami Visual Basic, dengan mudah akan memahami ASP.

Selanjutnya, sistem operasi pelayan web yang anda gunakan, UNIX/LINUX atau Windows? PHP lebih fleksibel, bisa berjalan pada berbagai platform, sedangkan ASP lebih optimal bila dijalankan di Windows. Perlu dipertimbangkan, biaya untuk hosting dengan sistem operasi Windows lebih mahal.

Masalah database untuk aplikasi web Anda, layanan hosting berbasis Windows hanya menyediakan Microsoft Access, sedangkan bila ingin menggunakan Microsoft SQL Server perlu mengeluarkan biaya lagi. Sementara Kebanyakan hosting UNIX/Linux menggunakan pelayan database MySQL dengan keunggulan dan kekurangannya.

Di situs web aspvphp.com tersedia pula perbandingan penulisan kode program ASP dan PHP, misalnya: pencacah dan menampilkan waktu.

Topik: Alat Bantu

30 Tombol Pintas di Dreamweaver

2 komentarYan Arief on November 1st, 2007

Bagi anda yang menggunakan Dreamweaver untuk merancang situs web dan membangun aplikasi web. Berikut ini 30 tombol pintas (shortcut) yang mungkin bisa membantu Anda dalam bekerja.

Topik: Ajax, PHP

QuTags, Ajax-PHP tanpa JavaScript

5 komentarYan Arief on October 31st, 2007

qutags_logo.jpgAJAX selalu berkaitan dengan Javascript dan XML. Nah, bagi Anda yang akrab dengan PHP dan akan mengimplementasikan AJAX, QuTags memberikan solusi agar pekerjaan Anda lebih cepat dan mudah.

QuTaqs adalah pustaka untuk membangun aplikasi berbasis AJAX tanpa javascript dan xml, cukup menggunakan bahasa pemrograman PHP saja. Bagi pengembang aplikasi web berbasis PHP, Anda tak perlu mendalami javascripts maupun XML untuk membuat sebuah halaman web interaktif.

Bila ingin mencoba beberapa implementasi QuTaqs silahkan kunjungi halaman demo ini dan untuk mengunduh kode sumber QuTaqs klik saja tautan ini.

Pemrograman Web is part of Asia Blogging Network