Integrasi dengan Watson : Text-to-Speech

Pendahuluan

Mengembangkan aplikasi mobile dengan menggunakan Bluemix memungkinkan anda untuk mengintegrasikan berbagai layanan yang ada dalam Bluemix. Salah satu yang menarik adalah Watson Cognitive, layananan ini merupakan layanan yang dapat menambahkan kemampuan kognitif pada aplikasi yang akan kita buat. 

Untuk project kali ini kita akan mencoba membuat aplikasi dengan memanfaatkan salah satu Watson Cognitive Service yaitu Text-to-Speech. 

Kebutuhan

1. Android Studio
2. Smartphone Android atau Android Virtual
3. IBM Watson Java SDK
4. IBM Watson Android SDK

Langkah-langkah

Langkah 1 : Membuat Bluemix Watson Service

1. Login ke akun Bluemix Anda
2. Klik “Create Service”, kemudian pilih “Watson > Text to Speech”
   
3. Beri nama TTS Service, contoh: “Text to Speech - Android”. Kemudian klik tombol “Create”
   
   
4. Pilih “Service Credentials” kemudian salin dan catat informasi credentials yang telah didapat
   

Langkah 2 : Membuat Aplikasi Android

1. Buka Android Studio, kemudian klik “Start new Android Studio project”
   
2. Beri nama aplikasi dan company domain, kemudian klik next
   
   
   
3. Pilih “Target Android Device” Anda, kemudian klik next
   
   
   
4. Pilih template “Empty Activity”, kemudian klik next
   
5. Biarkan activity name tetap default, kemudian klik finish

Langkah 3 : Menambahkan Pustaka Watson: Watson-Developer-Cloud SDK for Java

1. Buka file build.gradle (Module: app) dari project Anda
2. Tambahkan kode berikut ke depedencies:
   compile 'com.ibm.watson.developer_cloud:text-to-speech:3.5.1'
3. Klik  “Sync Now” pada bagian pojok kanan atas
   
   
   

Langkah 4 : Menambahkan Pustaka Watson: Watson-Developer-Cloud Android SDK

1. Unduh file .aar dari url: https://github.com/watson-developer-cloud/Android-sdk#aar
2. Klik kanan project, kemudian pilih “Open Module Settings”
3. Klik icon plus pada bagian pojok atas untuk menambahkan modul baru
   
   
   
4. Pilih “Import .jar/.aar package” kemudian klik next
   
   
   
5. Pilih file .aar yang telah diunduh, kemudian klik finish
   
   
   
6. Kembali ke Module Settings, klik tab Depedencies dan kemudian klik icon plus pada bagian kanan
   
   
7. Pilih modul .aar yang telah ditambahkan tadi, kemudian klik OK
   
8. Tunggu sampai gradle sync selesai

Langkah 5 : Mendesain User Interface

1. Buka layout activity_main.xml dari project Anda
2. Masukkan kode berikut pada file xml Anda
   
3. Pastikan layout Anda terlihat seperti berikut:
   

Langkah 6 : Coding Aplikasi

1. Buka MainActivity.java dari project Anda
2. Kopi-kan kode berikut ke file MainActivity.java (sesuaikan package sesuai project Anda) https://gist.github.com/hbcafe/e6d53488acfdf6ae0fdf81caea0d2dfe#file-gistfile1-txt
   
   
3. Jika Anda mengatur target Minimum SDK pada API 19 (Android Kitkat) atau versi dibawahnya, lakukan modifikasi kode berikut:
   
   
4. Modifikasi kode berikut sesuai dengan credentials Anda
   
   
5. Anda dapat memilih suara dan bahasa voicer dengan mengubah kode berikut:
   
   
6. Buka AndroidManifest.xml dari project Anda
   
7. Tambahkan permission untuk mengakses Internet dan Network State
   

Langkah 7 : Menjalankan Aplikasi

1. Hubungkan smartphone Android Anda ke komputer dengan mode developer
2. Build dan jalankan aplikasi
3. Klik Watson TTS, Anda akan mendengar ucapan dari kata yang terdapat pada kolom teks