Tuesday, March 2, 2021

Tutorial Membuat Aplikasi Translate dengan Android Studio

Tutorial Membuat Aplikasi Translate dengan Android Studio
Tutorial Membuat Aplikasi Translate dengan Android Studio
Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Aplikasi Translate dengan Android Studio.

Aplikasi ini menggunakan API https://github.com/azharimm/api-translate yang dibuat dari hasil Scraping Google Translate dan Baidu menggunakan Node.js. Tetapi disini saya hanya menggunakan versi yang dari Google Translate ya, karena yang dari Baidu sedang bermasalah.

Mungkin di benak kalian muncul pertanyaan "apa bedanya aplikasi ini dengan aplikasi Google Translate?", tentu tutorial ini sangat jauh jika dibandingkan dengan Google Translate. Tujuan saya membuat tutorial ini adalah agar kalian bisa mempunyai Aplikasi Translate buatan sendiri.

Di dalam tutorial ini juga saya sematkan Google Voice dan juga OCR agar bisa Scan Text (ini masih dalam pengembangan). Jadi saya terbuka buat kalian yang ingin mengembangkan tutorial ini. Buat kalian yang ingin langsung mencobanya, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai.

Jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya. Oke langsung saja tanpa basa-basi lagi kita langsung ke langkah pertama :

1. Seperti biasa, buat project baru di Android Studio dengan cara klik File ⇒ Project Baru. Ketika diminta untuk memilih Default Activity, pilih Empty Activity dan klik next. Untuk minSDK, disini saya set API 21 ya. Ingat, jangan langsung Run atau Copy Paste Source Code dari saya, pasti akan terjadi error jika beda versi Gradle dan beda versi Android Studionya. Untuk tutorial ini, saya buat dengan bahasa Kotlin ya.

2. Kemudian kamu import beberapa library ke gradle:
Source : build.gradle

3. Jangan lupa tambahkan beberapa Permission ke Android Manifest:
Source : AndroidManifest.xml

4. Buat Class Main sebagai class utama. Buat activity_main.xml dan MainActivity.kt.
Source : activity_main.xml, dan MainActivity.kt

5. Buat Class Adapter Doa. Buat list_item_translate.xml dan MainAdapter.kt.
Source : list_item_translate.xml, dan MainAdapter.kt

6. Buat Class Model. Buat ModelMain.kt.
Source : ModelMain.kt

7. Buat Class API. Buat ApiEndpoint.kt.
Source : ApiEndpoint.kt

8. Buat xml dengan nama toolbar_main.xml dan fab_menu.xml untuk di include ke dalam activity_main.xml. ToolbarMain nanti akan menjadi Header menu utama, sedangkan FabMenu untuk menampilkan tombol Voice dan Kamera.
Source : toolbar_main.xml dan fab_menu.xml

9. Selesai dan coba kalian Run. Jika kalian mengikuti langkah-langkah diatas dengan baik, pasti aplikasi yang kalian buat akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.

Untuk hasilnya nanti akan seperti ini tampilannya :
Tutorial Membuat Aplikasi Translate dengan Android Studio
Tutorial Membuat Aplikasi Translate dengan Android Studio
Tutorial Membuat Aplikasi Translate dengan Android Studio
Tutorial Membuat Aplikasi Translate dengan Android Studio
Tutorial Membuat Aplikasi Translate dengan Android Studio
Tutorial Membuat Aplikasi Translate dengan Android Studio
Tutorial Membuat Aplikasi Translate dengan Android Studio
Tutorial Membuat Aplikasi Translate dengan Android Studio
Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Translate dengan Android Studio ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_

6 comments

  1. kak mau tanya, saya kan clone project dari kk, kok waktu di clone bagian MainActivity sama Adapter kok error ya, saya coba buat project baru dan mengetik ulang tetap saja error

    ReplyDelete
    Replies
    1. kalo sambil nonton videonya pasti lancar kok, resiko kalo cuma comot source code tp gak paham algoritmanya ya error

      Delete
  2. Makasih bang, tutorial nya bermanfaat

    ReplyDelete
  3. kak ini sudah berhasil build aplikasi ketika dicoba translate kok opps terus suruh ngecek koneksi internet kenapa ya kak, padahal koneksi internet saya normal

    ReplyDelete

Silahkan tinggalkan komentar jika Anda punya saran, kritik, atau pertanyaan seputar topik pembahasan. Gunakan bahasa yang bijak dan santun. Terima Kasih.
EmoticonEmoticon