Hello Sobat Sederhana! Di artikel kali ini, kita akan membahas tentang cara membuat sederhana translate di Dev 13. Jika kamu sering bekerja dengan bahasa asing, tentu kamu memerlukan fitur translate di dalam aplikasi. Nah, di sini kita akan belajar membuatnya dengan mudah.
1. Menggunakan Google Translate API
Langkah pertama yang perlu kamu lakukan adalah memperoleh API key dari Google Translate. Kamu dapat mengikuti panduan yang ada di situs resmi Google untuk melakukannya. Setelah itu, kamu dapat memulai pengkodean.
Untuk mengimpor Google Translate API ke dalam aplikasi kamu, kamu perlu mengetikkan kode berikut:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Selanjutnya, kamu perlu menambahkan fungsi untuk memanggil API key kamu dan mengonfigurasi fitur-fitur translate yang akan muncul di aplikasi.
Untuk konfigurasi fitur-fitur tersebut, kamu dapat menentukan bahasa asal dan tujuan dengan menjalankan fungsi berikut:
function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'id'}, 'google_translate_element');}
Setelah kamu menambahkan kode di atas, kamu dapat memasukkan tag HTML berikut di dalam body aplikasi kamu:
<div id="google_translate_element"></div>
Dengan begitu, kamu sudah berhasil membuat sederhana translate di Dev 13 menggunakan Google Translate API.
Keuntungan Menggunakan Google Translate API
Menggunakan Google Translate API memungkinkan kamu untuk mengirimkan permintaan translate secara langsung ke server Google, sehingga kamu dapat memperoleh hasil dengan lebih cepat. Selain itu, kamu juga memiliki kontrol penuh atas pengaturan bahasa dari aplikasi kamu.
Kerugian Menggunakan Google Translate API
Salah satu kerugian menggunakan Google Translate API adalah kamu perlu membayar untuk penggunaan yang cukup banyak. Selain itu, kamu juga perlu memperhatikan hak cipta dari teks yang kamu translatkan.
2. Menggunakan Microsoft Translator API
Alternatif lain untuk membuat sederhana translate di Dev 13 adalah dengan menggunakan Microsoft Translator API. Langkah pertama yang perlu kamu lakukan adalah memperoleh API key dari situs resmi Microsoft. Setelah itu, kamu dapat memulai pengkodean dengan mengetikkan kode berikut:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script><script src='https://cdn.jsdelivr.net/microsoft.translator/2.0.298/js/Microsoft.Translator.js'></script>
Selanjutnya, kamu perlu menambahkan fungsi untuk memanggil API key kamu dan mengonfigurasi fitur-fitur translate yang akan muncul di aplikasi.
Untuk melakukan konfigurasi tersebut, kamu dapat menentukan bahasa asal dan tujuan dengan menjalankan fungsi berikut:
function initialize() {Microsoft.Translator.Widget.domTranslator.showTooltips = false;Microsoft.Translator.Widget.domTranslator.showHighlight = false;Microsoft.Translator.Widget.domTranslator.translateOnHover = true;Microsoft.Translator.Widget.domTranslator.pageLang = 'id';Microsoft.Translator.Widget.domTranslator.widgetId = 'translatorWidget';Microsoft.Translator.Widget.domTranslator.downloadEnabled = false;Microsoft.Translator.Widget.domTranslator.showTooltips = true;}
Setelah kamu menambahkan kode di atas, kamu dapat memasukkan tag HTML berikut di dalam body aplikasi kamu:
<div id='MicrosoftTranslatorWidget'><div id='translatorWidget'><div id='LanguageSelector' style='display:none'></div></div></div>
Dengan begitu, kamu sudah berhasil membuat sederhana translate di Dev 13 menggunakan Microsoft Translator API.
Keuntungan Menggunakan Microsoft Translator API
Salah satu keuntungan menggunakan Microsoft Translator API adalah kamu dapat mengirimkan permintaan translate secara langsung ke server Microsoft, sehingga kamu dapat memperoleh hasil dengan lebih cepat. Selain itu, kamu juga memiliki kontrol penuh atas pengaturan bahasa dari aplikasi kamu.
Kerugian Menggunakan Microsoft Translator API
Salah satu kerugian menggunakan Microsoft Translator API adalah kamu perlu membayar untuk penggunaan yang cukup banyak. Selain itu, kamu juga perlu memperhatikan hak cipta dari teks yang kamu translatkan.
3. Menggunakan Yandex.Translate API
Alternatif lain untuk membuat sederhana translate di Dev 13 adalah dengan menggunakan Yandex.Translate API. Langkah pertama yang perlu kamu lakukan adalah memperoleh API key dari situs resmi Yandex. Setelah itu, kamu dapat memulai pengkodean dengan mengetikkan kode berikut:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script src="https://translate.yandex.net/api/v1.5/tr.json/translate?key=API_KEY"></script>
Selanjutnya, kamu perlu menambahkan fungsi untuk memanggil API key kamu dan mengonfigurasi fitur-fitur translate yang akan muncul di aplikasi.
Untuk melakukan konfigurasi tersebut, kamu dapat menentukan bahasa asal dan tujuan dengan menjalankan fungsi berikut:
function translate() {var origin_text = $("#origin_text").val();$.get("https://translate.yandex.net/api/v1.5/tr.json/translate", {key: "API_KEY",text: origin_text,lang: "en-id"},function (data) {$("#translate_text").val(data.text[0]);});};
Setelah kamu menambahkan kode di atas, kamu dapat memasukkan tag HTML berikut di dalam body aplikasi kamu:
<textarea id="origin_text" name="origin_text"></textarea><textarea id="translate_text" name="translate_text"></textarea><button onclick="translate()">Translate</button>
Dengan begitu, kamu sudah berhasil membuat sederhana translate di Dev 13 menggunakan Yandex.Translate API.
Keuntungan Menggunakan Yandex.Translate API
Salah satu keuntungan menggunakan Yandex.Translate API adalah kamu dapat mengirimkan permintaan translate secara langsung ke server Yandex, sehingga kamu dapat memperoleh hasil dengan lebih cepat. Selain itu, kamu juga memiliki kontrol penuh atas pengaturan bahasa dari aplikasi kamu.
Kerugian Menggunakan Yandex.Translate API
Salah satu kerugian menggunakan Yandex.Translate API adalah kamu perlu membayar untuk penggunaan yang cukup banyak. Selain itu, kamu juga perlu memperhatikan hak cipta dari teks yang kamu translatkan.
4. Kesimpulan
Dari ketiga opsi di atas, kamu dapat memilih untuk menggunakan Google Translate API, Microsoft Translator API, atau Yandex.Translate API untuk membuat sederhana translate di Dev 13. Setiap opsi memiliki keuntungan dan kerugian masing-masing, sehingga kamu dapat memilih opsi yang paling sesuai dengan kebutuhan kamu.
FAQ
1. Apakah saya perlu membayar untuk menggunakan API yang disebutkan di atas?
Ya, kamu perlu membayar untuk penggunaan yang cukup banyak dari API tersebut. Namun, setiap penyedia API memiliki skema harga yang berbeda-beda, sehingga kamu perlu melakukan riset terlebih dahulu sebelum memilih penyedia API.
2. Apakah saya dapat menggunakan bahasa selain bahasa Indonesia?
Tentu saja. Kamu dapat mengonfigurasi bahasa asal dan tujuan sesuai dengan kebutuhan kamu.
3. Apakah saya dapat menggunakan fitur translate di dalam aplikasi mobile?
Tentu saja. Kamu dapat mengikuti panduan yang diberikan oleh penyedia API untuk mengintegrasikan fitur translate tersebut ke dalam aplikasi mobile kamu.
4. Apakah saya perlu memperhatikan hak cipta dari teks yang saya translatkan?
Ya, kamu perlu memperhatikan hak cipta dari teks yang kamu translatkan. Kamu dapat membaca ketentuan penggunaan dari penyedia API untuk mengetahui batasan-batasan penggunaan dari API tersebut.
5. Apakah saya perlu membuat akun untuk menggunakan API yang disebutkan di atas?
Ya, kamu perlu membuat akun di situs resmi penyedia API untuk memperoleh API key yang diperlukan.