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.


Duch terima kasih neh innfo nya,, saya tadi ada panggilan salah satu perusahaan IT dan disuruh buat program pake Framework CI + Google map+ database SQL dikasih waktu 3 hari jadi klo bisa mohon info nya gimana ya?? kalo berkenan kirim kan ia info nya ke email saya di rahman_blogger@yahoo.com
wah sulit juga MEMAHAMINYA Go Learning | The best place to learn BANTUIN DONK