Belajar Google API melalui Google AJAX APIs Playground
Posted by admin | Posted in Internet Technology, Search Engine, Search Tips n Trick, Web Programming | Posted on 21-07-2009
2
Salah satu cara mudah mempelajari Google API adalah dengan memanfaatkan Google AJAX APIs Playground. AJAX APIs playground adalah sebuah situs yang disediakan oleh Google bagi kita untuk mencoba secara langsung sejumlah Google API yang berbasis AJAX (Asynchronous Javascript and XML). Karena berbasis AJAX maka tentunya semua kode program dalam sintaks Javascript yang bisa kita lihat, kopi dan paste secara langsung untuk digunakan pada website kita.
Dengan menggunakan Google AJAX API, kita bisa mengintegrasikan data pada website kita dengan API yang disediakan oleh Google. Salah satu contoh penggunaan Google AJAX API adalah yang saya gunakan dalam situs ini untuk Simulasi Visualisasi Grafik perbandingan nilai sebuah parameter dari 2 situs.
Sebuah contoh sederhana coba saya kembangkan dari salah satu fitur pada Google Search API bisa dilihat disini. Kita dapat membuat sebuah custom search engine yang bisa kita batasi hasil pencarian hanya pada situs tertentu saja. Untuk tujuan ini sebenarnya bisa dengan mudah kita gunakan Google dengan tambahan kata bantu SITE: pada kolom pencarian. Namun dengan menggunakan Google API kita bisa menambahkan fasilitas itu pada situs yang kita buat tanpa merepotkan user untuk menambahkan kata bantu site: tersebut.
Code Javascriptnya adalah sebagai berikut:
<script type="text/javascript"> /* * membatasi pencarian hanya pada situs tertentu saja. */ google.load('search', '1'); function OnLoad() { // Create a search control var searchControl = new google.search.SearchControl(); // Add in a WebSearch var webSearch = new google.search.WebSearch(); // Restrict our search to pages from the Cartoon Newtowrk webSearch.setSiteRestriction('ac.id'); // Add the searcher to the SearchControl searchControl.addSearcher(webSearch); // tell the searcher to draw itself and tell it where to attach searchControl.draw(document.getElementById("content")); // execute an inital search searchControl.execute('multimedia'); } google.setOnLoadCallback(OnLoad); </script>
Untuk lebih jelas bisa dilihat pada contoh yang saya buat dan silihkan dilihat source code-nya dengan view page source. Karena semua kode dalam Javascript sehingga bisa dengan mudah anda pelajari.
Semoga berguna.

