Tutorial Membuat Aplikasi Terjemahan dengan Flutter Gemini AI

Azhar Rivaldi    6/19/2025    Tutorial Flutter    Comment   

Baca Juga

Tutorial Membuat Aplikasi Terjemahan dengan Flutter Gemini AI

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 Terjemahan dengan Flutter Gemini AI.

Aplikasi Terjemahan ini saya buat menggunakan Gemini AI ya. Untuk bahasa yang digunakan ada 10 macam bahasa. Bahasa tersebut bisa kalian ubah secara manual di Source Code-nya.

Selain terjemahan dengan teks, kalian juga bisa melakukan terjemahan melalui gambar atau foto dari kamera. Jika menggunakan kamera, pastikan fotonya jelas ya.

Tapi sebelum kalian membuat Aplikasi Terjemahan dengan Flutter Gemini AI ini, kalian harus membuat API KEY terlebih dahulu DISINI. Silahkan Login dengan akun Google kalian masing-masing ya. Untuk dokumentasinya bisa kalian lihat DISINI.

Gambar 1 Gemini API KEY

Gambar 2 Gemini API KEY

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 ⇒ New Project Flutter. Ingat, jangan langsung Run atau Copy Paste Source Code dari saya. Disini saya menggunakan Android Studio versi Meerkat.

2. Import Library ke pubspec.yaml.
Source : pubspec.yaml

3. Ubah isi main.dart yang sebagai Class utama.
Source : main.dart

4. Buat Class page_main.dart sebagai Main Page.

Source : page_main.dart

5. Buat Class fragment_generate_text.dart dan fragment_generate_image.dart yang sebagai Fragment Class.

Source : fragment_generate_text.dart dan fragment_generate_image.dart

6. Buat Class Variable. Buat global_variable.dart.

Source : global_variable.dart

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.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :

https://sociabuzz.com/azharrvldi_/donate & https://saweria.co/azharrvldi (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Aplikasi Terjemahan dengan Flutter Gemini AI 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_

#fluttertranslate #translateappflutter #aplikasiterjemahan #fluttergemini #fluttergeminiai