Pada halaman kali ini mencoba sebuah implementasi secara langsung dalam bentuk aplikasi berbasis website dengan layanan Amazon Translate yaitu Aplikasi Terjemahan Indonesia berbasis Web dengan konsep sederhana. Untuk membuat atau membangun sistem aplikasi web tersebut dengan menggunakan bahasa pemrograman PHP dan dibantu oleh AWS SDK for Developer.
Implementasi aplikasi Terjemahan tersebut bisa dijadikan sebagai referensi dalam melakukan penelitian, membuat skripsi atau Tugas Akhir, membuat Karya Ilmiah Tulis (KTI), dan proyek TIK lainnya.
Sebelum mengikuti tutorial dalam implementasi Aplikasi Terjemahan ID-EN berbasis Web dengan Amazon Translate, maka kamu harus membaca persyaratan yang harus dipenuhi dengan sebagai berikut.
Persyaratan
Kemampuan Teknikal :
- Memiliki kemampuan dasar tentang bahasa pemrograman.
- Memiliki kemampuan dasar tentang Struktur Data.
- Menguasai penggunaan kode perintah pada AWS SDK for PHP.
- Memiliki kemampuan dasar HTML, CSS, dan JavaScript.
- Memiliki kemampuan penggunaan library CSS dan / atau JavaScript Framework.
Alat dan Bahan :
- Aplikasi Composer (jika ingin dikembangkan aplikasi Translate berbasis web).
- Web server yang telah integrasi dengan sertifikat SSL baik itu Self Signed maupun CA Organization baik itu lokal, hosting, maupun VPS.
- Disarankan menggunakan aplikasi mesin engine PHP versi 7 keatas.
- Memiliki koneksi internet dengan stabil.
Setelah kamu telah memenuhi persyaratan yang diatas sebelum mulai praktek untuk implementasi Aplikasi Terjemahan ID-EN berbasis Web dengan Amazon Translate, maka bisa mulai ikuti tutorial dengan diberikan beberapa tahap atau sesi yang diberikan.
Untuk cara menggunakan AWS SDK for PHP ke dalam project kamu untuk membangun aplikasi Terjemahan ID-EN berbasis Web dengan Amazon Translate, maka kamu bisa membaca halaman situs terlebih dahulu di bawah ini.
Cara Menggunakan AWS SDK for PHP Tanpa Composer
Setelah kamu membaca halaman situs diatas dan melakukan praktek langsung ke dalam server, maka kamu bisa mulai dari konfigurasi untuk Credentials IAM yang terdapat di bawah ini.
#1 Cara Mendapatkan Kode Access Key ID, Kode Secret Key, dan Token Access di AWS Educate
1. Kunjungi situs AWS Educate.
2. Lakukan login dengan memasukkan email beserta password dengan benar.
3. Klik AWS Account.
4. Klik AWS Educate Starter Account.
5. Klik Account Details.
6. Klik Show pada AWS CLI.
7. Berikut hasilnya.
Apabila Step 1 dan Step 2 itu terdapat kode access key ID, kode secret key, beserta session token yang berbeda karena setiap kode tersebut memiliki batasan waktu yang telah ditentukan sama Vocareum Labs antara 60 – 120 menit.
#2 Cara Menerapkan Implementasi Aplikasi Terjemahan berbasis Web dengan Layanan Amazon Translate ke dalam bahasa pemrograman PHP
Pada tahap atau sesi sebelumnya, kamu telah mendapat kode access key ID, kode secret key, beserta session token dari AWS Educate. Nah, ketiga kode tersebut ini digunakan untuk melakukan autentikasi sebelum menggunakan layanan Amazon Translate ke dalam bahasa pemrograman PHP melalui AWS SDK.
Untuk mempercantik tampilan aplikasi terjemahan berbasis website disini, maka kamu bisa menggunakan library Bootstrap.
1. Aktifkan teks editor untuk membuat aplikasi Terjemahan Indo – Eng berbasis web dengan PHP.
2. Ketikkan kode perintah di bawah ini.
<?php
require 'vendor/autoload.php';
use Aws\Translate\TranslateClient;
use Aws\Exception\AwsException;
if(isset($_POST['translate'])){
$textToTranslate = $_POST['txtid'];
//Konfigurasi Credentials dari AWS Educate.
define('REGION','us-east-1');
define('VERSION','latest');
define('PROFILE','default');
define('ACCESSKEY_ID','Masukkan kode Access Key ID');
define('SECRET_KEY','Masukkan kode Secret Key');
define('TOKEN','Masukkan kode Access Key');
$client = new Aws\Translate\TranslateClient([
'region' => REGION,
'version' => VERSION,
'credentials' => [
'profile' => PROFILE,
'key' => ACCESSKEY_ID,
'secret' => SECRET_KEY,
'token' => TOKEN
]
]);
$currentLanguage = 'id';
$targetLanguage= 'en';
try {
$result = $client->translateText([
'SourceLanguageCode' => $currentLanguage,
'TargetLanguageCode' => $targetLanguage,
'Text' => $textToTranslate,
]);
$hasil = $result['TranslatedText'];
}catch (AwsException $e) {
// output error message if fails
echo $e->getMessage();
echo "\n";
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Aplikasi Web Translate ID-EN ala DwiAY dengan layanan Amazon Translate" />
<meta name="author" content="DwiAY.com" />
<title>Aplikasi Web Translate ID-EN ala DwiAY</title>
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body id="page-top">
<section id="body">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2 align="center">Aplikasi Web Translate Indonesia - Inggris Sederhana dengan Amazon Translate</h2>
<form action="<?= $_SERVER['PHP_SELF']; ?>" method="post">
<div class="form-group">
<label for="exampleInputEmail1">Indonesia</label>
<?php
if($textToTranslate == null || $textToTranslate == ""){
$txtid = "";
}else{
$txtid = $textToTranslate;
}
?>
<input type="text" name="txtid" class="form-control" value="<?php echo $txtid; ?>" id="exampleInputEmail1">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Inggris</label>
<?php
if($hasil == null || $hasil == ""){
$txten = "";
}else{
$txten = $hasil;
}
?>
<input type="text" name="txten" class="form-control" value="<?php echo $txten; ?>" id="exampleInputPassword1">
<input type="hidden" name="translate" value="translate">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</section>
<!-- Bootstrap core JS-->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
</body>
</html>
3. Klik File >>> Save As atau CTRL + S dari keyboard.
4. Berikan nama file yaitu “translateapp.php”, klik Save / OK.
Pastikan kamu menyimpan file tersebut berada di dalam folder AWS SDK yang masih utuh atau telah mengubah nama foldernya.
Setelah mengikuti sesi ini, pastikan tools web server di dalam server kamu itu sedang nyala atau aktif sebelum mengikuti program yang diatas.
CATATAN :
Untuk menggunakan AWS SDK for PHP 5 dalam membuat program translate sederhana dengan layanan Amazon Translate, maka kamu hilangkan kode perintah di bawah ini :
require 'vendor/autoload.php';
Gantikan dengan kode perintah di bawah ini :
require 'aws-autoloader.php';
Setelah itu, tekan CTRL + S dari keyboard.
#3 Cara Menguji Aplikasi Terjemahan Indonesia – English berbasis Web dengan Layanan Amazon Translate
Pada tahap atau sesi sebelumnya, kamu telah membuat aplikasi terjemahan Indonesia – English dengan layanan Amazon Translate melalui AWS SDK for PHP. Sekarang melakukan pengujian hasil aplikasi tersebut.
1. Aktifkan aplikasi web browser.
2. Ketikkan “http://localhost/[nama_project]/translateapp.php” (untuk server lokal) atau “https://alamatIP/[nama_project]/translate.php” (untuk server di hosting atau cloud), tekan Enter.
3. Tampilan hasil untuk halaman awal (homepage).
4. Tampilan hasil pada setelah mengisi kalimat dengan bahasa Indonesia.
5. Tampilan hasil pada setelah melakukan terjemahkan dari Bahasa Indonesia ke Bahasa Inggris.
Kini, kamu bisa membuat atau implementasi aplikasi Terjemahan Indonesia – English berbasis Web dengan menggunakan layanan Amazon Translate secara mandiri dengan menggunakan PHP dan bantuan AWS SDK for PHP. Terutama bagi kamu yang masih memiliki akun AWS Educate yang aktif.
Source Code
Kamu bisa mendapatkan source code untuk aplikasi Terjemahan Indonesia – English berbasis Web dengan menggunakan layanan Amazon Translate secara sederhana. Source code tersebut telah diberikan link di bawah ini.
Kamu juga bisa mengembangkan aplikasi tersebut yang didapatkan dari tutorial ini menjadi aplikasi Terjemahan Indonesia – English berbasis Web yang lebih baik dan enak dikunjungi dan diakses oleh pengguna internet apabila aplikasi tersebut dipublikasikan (dipublish).