LAPORAN TUGAS RICH INTERNET APPLICATION PENGGUNAAN APIs GOOGLE TRASLATE Oleh: KELOMPOK 3 Waode Amaldha Brillyana Putri | 6301130238 Rillya Cahyaning Tyas | 6301130197 Muhammad Reza Rifaldi | 6301130200 PROGRAM STUDI MENEJEMEN INFORMATIKA JURUSAN TEKNOLOGI INFORMASI FAKULTAS ILMU TERAPAN BANDUNG 2015 DAFTAR ISI Contents DAFTAR ISI............................................................................................................................................... 2 DAFTAR GAMBAR.................................................................................................................................... 3 PEMBAHASAN ......................................................................................................................................... 4 A. APIs Google Translate ................................................................................................................. 4 B. Fitur pada APIs Google Translate ................................................................................................ 5 C. Cara Akses dan Tahap Penggunaan APIs .................................................................................... 6 D. Ide dalam Pembuatan Aplikasi dengan Memanfaatkan APIs ................................................... 14 REFERENSI ............................................................................................................................................. 15 DAFTAR GAMBAR Gambar 1 Tampilan Awal untuk mengaktifkan APIs............................................................................... 6 Gambar 2 Tampilan Membuat Project ................................................................................................... 6 Gambar 3 Tampilan Setelah Membuat Project ...................................................................................... 7 Gambar 4 Tampilan Search APIs Google Translate ................................................................................. 7 Gambar 5 Tampilan Enable API............................................................................................................... 8 Gambar 6 Tampilan Setelah Enable API.................................................................................................. 8 Gambar 7 Tampilan Menu Credentials ................................................................................................... 9 Gambar 8 Tampilan Add Credentials ...................................................................................................... 9 Gambar 9 Tampilan Create Key ............................................................................................................ 10 Gambar 10 Tampilan API Key................................................................................................................ 10 Gambar 11 Tampilan Setelah Create Key ............................................................................................. 11 Gambar 12 Tampilan Source Code ....................................................................................................... 11 Gambar 13 Tampilan Pada Web Browser ............................................................................................. 13 Gambar 14 Tampilan Eror ..................................................................................................................... 13 PEMBAHASAN A. APIs Google Translate Google menyediakan berbagai API (Application Programming Interface) yang sangat berguna bagipengembang web dalam memanfaatkan berbagai fitur yang disediakan oleh Google, missal: Search Engine, Translation, Maps, maupun Youtube. Definisi API (Application Programming Interface) adalah sekumpulan perintah, fungsi, serta protocol yang dapat digunakan oleh programmer saat membangun perangkat lunak untuk sistem operasi tertentu. Atau dapat diartikan sebagai kode program yang merupakan antarmuka atau penghubung antara aplikasi atau web yang dibuat dengan fungsi-fungsi yang dikerjakan. Google Translate adalah layanan yang disediakan oleh Google untuk menerjemahkan bagian teks dalam satu Bahasa ke Bahasa lain. APIs Google Translate merupakan layanan berbayar, yang menyediakan dokumen untuk pengembang aplikasi yang ingin menulis aplikasi yang dapat berinteraksi dengan Google Translate API. Kegunaan Salah satu kegunaan dari APIs Google Translate, kita tidak perlu membuat source code dari awal untuk menerjemah kata, dengan adanya API kita dimudahkan hanya dengan menggunakan data yang telah disediakan. Istilah Penting Key : API key, API memerlukan kunci yang valid untuk semua permintaan Source : Bahasa sumber, Bahasa teks sumber, nilai harus salah satu kode Bahasa yang tercantum dalam referensi Bahasa. Jika Bahasa tidak ditentukan, system akan mencoba untuk mengidentifikasi Bahasa sumber otomatis. Target : Bahasa tujuan, Bahasa untuk menerjemahkan teks sumber, nilai harus salah satu kode Bahasa yang tercantum dalam referensi Bahasa. q : Sumber teks, teks yang akan diterjemahkan. B. Fitur pada APIs Google Translate 1. Bahasa akses dinamis Google Translate API mendukung puluhan Bahasa. Mendeteksi Bahasa sokumen dan menerjemahkannya menggunakan RESTful API. 2. Diakses dengan google API Terjemahan API dapat diakses melalui standar Google API. 3. Terjangkau, Harga mudah Menerjemahkan API harga berdasarkan jutaan karakter yang dikirim. C. Cara Akses dan Tahap Penggunaan APIs Untuk mengakses atau ingin menggunakan APIs Google Translate, terlebih dahulu harus mempunyai akun gmail. Kemudian akses halaman https://console.developers.google.com/start , maka akan muncul tampilan pada gambar berikut: Gambar 1 Tampilan Awal untuk mengaktifkan APIs Pilih Use Google APIs, kemudian buat project Gambar 2 Tampilan Membuat Project Setelah membuat project, maka akan muncul tampilan berikut Gambar 3 Tampilan Setelah Membuat Project Kemudian lakukan search APIs Google Translate pada kolom search Gambar 4 Tampilan Search APIs Google Translate Klik Translate API, hingga muncul tampilan berikut untuk meng-enable kan APIs tersebut Gambar 5 Tampilan Enable API Klik tombol Enable API hingga tombol memberikan feedback berupa tulisan Disable seperti pada gambar Gambar 6 Tampilan Setelah Enable API Untuk mendapatkan key, pilih Credentials maka akan muncul tampilan seperti gambar berikut: Gambar 7 Tampilan Menu Credentials Pilih Add Credentials hingga muncul tampilan seperti pada gambar Gambar 8 Tampilan Add Credentials Pilih API Key hingga muncul tampilan berikut kemudian pilih Browser Key untuk create key Gambar 9 Tampilan Create Key Tekan Create maka akan muncul tampilan pada gambar dibawah dengan menampilkan key nya. Gambar 10 Tampilan API Key Ketika tekan tombol ok maka akan kembali ke halaman sebelumnya, pada halaman akan menampilkan Key yang sudah didapatkan atau yang telah dicreate sebelumnya Gambar 11 Tampilan Setelah Create Key Setelah mendapatkan key dari APIs Google Translate, maka langkah selanjutnya ialah membuat source code dengan format html, bias php, untuk membuat tampilan pada web yang ingin dibuat. Berikut potongan source code untuk membuat tampilan pada web Gambar 12 Tampilan Source Code Pada kode program terdapat tag berupa script, fungsi tag script adalah untuk memanggil jquery pada alamat Fungsi kode program berikut ialah untuk inputan text dengan id text, pada tag select dengan id target digunakan untuk memilih bahasa Untuk menjalankan fungsi translate buat onclick pada button Kemudian hasil translate akan tampil pada kode program pada gambar berikut Terdapat function untuk menjalankan fungsi translate, gunakan get untuk memanggil alamat APIs Google untuk translate Input key yang telah di create sebelumnya Kemudian buat kode program untuk membuat parameter source, target, dan q serta function response untuk menampilkan hasil kata yang telah ditranslate. Berikut adalah tampilan hasil dari potongan kode program pada gambar sebelumnya pada web browser Gambar 13 Tampilan Pada Web Browser Ketika di run, teks hasil translate tidak tampil, hal tersebut dikarenakan terjadi eror, dan eror tersebut dapat di cek di https://www.googleapis.com/language/translate/v2?key=AIzaSyAzwxm MM1SZLnRDRZd2ulc1KufQ8kL9VVQ&source=en&target=id&q=Hello%20 world . Berikut tampilan erornya Gambar 14 Tampilan Eror Eror tersebut dikarenakan batas harian melebihi. APIs Google Translate saat ini telah berbayar, sehingga untuk mengakses APIs tersebut harus membayar sesuai dengan biaya yang telah ditentukan dari pihak Google. D. Ide dalam Pembuatan Aplikasi dengan Memanfaatkan APIs Salah satu ide dalam pemanfaatan APIs Google Translate yaitu membuat game mencocokkan kata, dimana terdapat dua kolom, kolom kata pertama berupa output kata dalam Bahasa inggris kemudian kolom kedua berupa kolom input kata yang sama pada kolom pertama tetapi dalam Bahasa Indonesia ataupun sebaliknya dari Bahasa Indonesia ke inggris. Menampilkan gambar disertai nama pada gambar tersebut kemudian disediakan kolom untuk menebak arti kata nama pada gambar. REFERENSI https://id.wikipedia.org/wiki/Antarmuka_pemrograman_aplikasi https://cloud.google.com/translate/v2/getting_started https://console.developers.google.com https://id.wikipedia.org/wiki/Google_Terjemahan https://cloud.google.com/translate/ https://console.developers.google.com/start https://cloud.google.com/translate/docs