Top Banner
30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan tahapan meletakkan sistem agar dapat digunakan. Tahap ini dilakukan guna membahas program dari Aplikasi penterjemah bahasa Indonesia - Tetun berbasis web. Berikut spesifikasi kebutuhan (system recquirement) dari aplikasi penterjemah bahasa Tetun-Indo. A. Halaman Admin; A1. Admin dapat mengelola aplikasi A2. Admin dapat Menambah kosakata A3. Admin dapat Mengelola admin B. Halaman User; B1. User dapat menterjemahkan kata B2. User dapat mendengar Suara B3. User dapat mencetak / Download kosakata
33

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

Dec 26, 2019

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

30

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1 Analisa Kebutuhan software

A. Bab ini membahas tahapan implementasi sistem yang merupakan tahapan

meletakkan sistem agar dapat digunakan. Tahap ini dilakukan guna membahas

program dari Aplikasi penterjemah bahasa Indonesia - Tetun berbasis web.

Berikut spesifikasi kebutuhan (system recquirement) dari aplikasi penterjemah

bahasa Tetun-Indo.

A. Halaman Admin;

A1. Admin dapat mengelola aplikasi

A2. Admin dapat Menambah kosakata

A3. Admin dapat Mengelola admin

B. Halaman User;

B1. User dapat menterjemahkan kata

B2. User dapat mendengar Suara

B3. User dapat mencetak / Download kosakata

Page 2: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

31

B. Use Case Diagram Admin

1. Package Diagram Aplikasi Penterjemah Halaman Admin

Gambar 4.1 Package Halaman Admin

a. Use Case Halaman Login

Gambar 4.2 Halaman Login

Page 3: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

32

b. Use Case Halaman Tambah Akun

Gambar 4.3 Tambah Akun

c. Use Case Halaman Tambah Kosakata

Gambar 4.4 Tambah Kosakata

Page 4: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

33

B. Use Case Diagram Pengguna

1. Package Diagram Aplikasi Penterjemah Halaman Pengguna

Gambar 4.5 Package pengguna

a. Use Case Halaman Pengguna

Gambar 4.6 Use Case Pengguna

Page 5: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

34

C. Activity Diagram Pengguna

Activity diagram pengguna menggambarkan bagaimana alur kerja

pengguna secara rinci.

Gambar 4.7 Diagram Activity Pengguna

Activity diagram pada gambar 4.7 dapat dijelaskan sebagai berikut:

a) Pengguna mengakses Aplikasi Penterjemah.

b) Pengguna melakukan pemilihan jenis terjemahan yang akan digunakan.

c) Pengguna menginput kata atau kalimat kedalam tempat yang telah

disediakan.

d) Sistem menampilkan hasil terjemahan.

Page 6: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

35

D. Activity Diagram Admin

Activity diagram admin menggambarkan alur kerja admin secara rinci.

Seperti yang tampak pada gambar 4.8

Gambar 4.8 activity diagram tambah kata

Activity diagram pada gambar 4.8 dapat dijelaskan seperti berikut:

a) Admin mengakses aplikasi penterjemahan, dengan sebelumnya melakukan

proses login, apabila proses login benar maka admin akan diarahkan pada

halaman admin.

b) Admin disini dapat menambahkan kosakata baru, memperbaharui atau

mengedit kosakata serta menghapus kosakata yang sudah ada.

c) Logout untuk mengakhiri.

Page 7: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

36

D. Activity Diagram Tambah Akun

Activity diagram admin menggambarkan alur kerja admin secara rinci.

Seperti yang tampak pada gambar 4.9

Activity diagram pada gambar 4.9 dapat dijelaskan seperti berikut:

d) Admin mengakses aplikasi penterjemahan, dengan sebelumnya melakukan

proses login, apabila proses login benar maka admin akan diarahkan pada

halaman admin.

e) Admin disini dapat menambahkan akun baru, memperbaharui atau mengedit

akun serta menghapus akun yang sudah ada.

f) Logout untuk mengakhiri.

Page 8: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

37

4.2 Desain

4.2.1 Database

A. ERD ( Entity Relationship Diagram)

Entitiy Relationship Diagram menjelaskan hubungan antara data dalam

basis data yang terdiri dari object-object dasar yang mempunyai hubungan atau

relasi antara object-object tersebut. Dalam ERD hubungan atau relasi dapat terdiri

dari sejumlah entitas yang disebut dengan derajat relasi. ERD yang ada pada

Penerjemahan Bahasa Tetun-Indonesia ini sebagai berikut:

Kosakata

Translet SuaraKosakataId

Admin

Username PasswordId_admin

Gambar 4.10 ERD Admin dan Kosakata

B. LRS ( Logical Record Structure )

Logical Record Structure di aplikasi penterjemahan bahasa Tetun_Indonesia

ini tidak memiliki relasi, hanya tunggal.

Seperti tampak pada gambar dibawah

Page 9: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

38

Admin

id_admin

Username

password

Kosakata

Id

indonesia

tetun

suara_indo_tetun

suara_tetun_indo

Gambar 4.11 LRS Admin dan Kosakata

C. Spesifikasi File

Dalam web Penerjemahan Bahasa Tetun-Indonesia ini terdapat satu

database yaitu “Kamus” dan memiliki dua tabel yang saling terkait yaitu:

1. Tabel Kosakata

Nama database : Kamus

Nama tabel : Kosakata

Tabel kosakata adalah sebuah tabel yang berfungsi untuk menyimpan

informasi tentang data seperti id, kata dan terjemahan. Tabel kosakata

ditunjukkan pada tabel 4.1

Tabel 4.1 Data Field untuk Tabel Kosakata

No Nama Field Tipe Data Size Key Keterangan

1 Id Int 11 * Id

2 Indonesia Varchar 50 Kata

3 Tetun Varchar 50 Terjemahan

4 Suara_Indo_Tetun Varchar 30 Suara

5 Suara_Tetun_Indo Varchar 30 Suara

Page 10: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

39

2. Tabel Admin

Nama database : Kamus

Nama tabel : Admin

Tabel admin adalah sebuah tabel yang berfungsi sebagai tempat

penyimpanan informasi tentang data seperti id_admin, username dan

password.

Seperti yang ditujukan oleh tabel 4.2

Tabel 4.2 Data Field untuk Tabel Admin

No Nama Field Tipe Data Size Key Keterangan

1 Id_Admin Int 3 * Id Admin

2 Username Varchar 30 Username

3 Password Varchar 30 Password

4.2.2 Software Architecture

A. Component Diagram

Component diagram menggambarkan struktur dan hubungan antar

komponen piranti lunak, termasuk keterangan (dependency) diantaranya.

Komponen piranti lunak adalah modul berisi code, baik yang berisi source code

Maupun binary code, baik library maupun executable, baik yang muncul pada

compiler time, link time maupun run time.

Page 11: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

40

Umumnya komponen terbentuk dari beberapa class dan atau package, tapi

dapat juga berupa interface, yaitu kumpulan layanan yang disediakan sebuah

komponen untuk komponen lain.

Gambar 4.12 Componen Businnes

B. Deployment Diagram

Deployment diagram menggambarkan detail bagaimana komponen

deployment dalam infrastuktur sistem, dimana komponen akan terletak ( pada

mesin, server atau piranti keras atas apa), bagaimana kemampuan jaringan pada

lokasi tersebut, spesifikasi server, dan hal-hal lain yang bersifat fisikal.

Page 12: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

41

Gambar 4.13 Deployment Diagram

4.2.3 User interface

A. Tampilan Halamn Home

Halaman home adalah tampilan yang muncul di awal website yang pertama

kali dilihat pengunjung web. Jadi apabila kita melakukan inputan berupa kosakata,

maka hasil dari terjemahan tersebut langsung terlihat dikotak sebelah kanan.

Seperti yang di tampilkan pada gambar 4.14

Gambar 4.14 halaman home

Page 13: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

42

B. Tampilan Halaman Login Admin

Pada halaman ini, admin harus login terlebih dahulu untuk dapat masuk ke ruang

admin untuk menambah kosakata, dan manambah akun. Seperti yang di tampilkan

pada gambar 4.15

Gambar 4.15 halaman admin

C. Tampilan Halaman Terjemahan Kata

Pada halaman ini, pengguna dapat melakukan terjemahan kosakata bahasa

Tetun-Indonesia maupun sebaliknya Indonesia-Tetun, dan disini juga pengguna

dapat mendengarkan terjemahan kosakata yang berupa suara, dan mencetak

kosakata. Seperti yang di tampilkan pada gambar 4.16

Gambar 4.16 halaman pengguna

Page 14: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

43

D. Tampilan Halaman Tambah Akun

Halaman tambah akun adalah sebuah halaman yang di gunakan untuk

menambah, memperbaharui / mengedit serta menghapus akun. Seperti yang di

tampilkan pada gambar 4.17

Gambar 4.17 halaman tambah akun

Page 15: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

44

4.3 Code Generation

A. General Code Admin

echo "<script>document.location='?page=admin';</script>";

} elseif ($_GET['aksi'] == 'tambah' || $_GET['aksi'] == 'edit') {

$id = $_GET['id'];

if($id==''){$button="Save";}else{$button='Update';}

$query="SELECT * FROM admin WHERE `id_admin`= '$id'";

$result= $mysqli->query($query);

$data=$result->fetch_assoc(); ?>

<form action="?page=admin&aksi=prosesSubmit" method="post" class="form-horizontal">

<div class="form-body">

<div class="form-group">

<label for="varchar" class="col-sm-3 control-label">Username </label>

<div class="col-sm-4">

<input type="text" class="form-control" name="username" id="username"

placeholder="Username" value="<?php echo $data["username"]; ?>" />

</div></div><div class="form-group"> <label for="varchar" class="col-sm-3 control-

label">Password </label> <div class="col-sm-4"> <input type="text" class="form-control"

Page 16: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

45

name="password" id="password" placeholder="Password" value="<?php echo

$data["password"]; ?>" /></div></div></div><div class="form-actions">

<div class="row"><div class="col-md-offset-3 col-md-9">

<input type="hidden" name="id_admin" value="<?php echo $data["id_admin"]; ?>" />

<input type="hidden" name="statusTombol" value="<?php echo $button ?>" />

<button type="submit" class="btn btn-primary"><span class='glyphicon

glyphicon-save'></span> <?php echo $button ?></button>

<a class='btn btn-danger' onclick=self.history.back() ><span class='glyphicon

glyphicon-arrow-left'></span> Kembali</a>

</div></div>

</div></form>

<?php

} elseif ($_GET['aksi'] == 'detail') {

$id = $_GET['id'];

$query="SELECT * FROM admin WHERE `id_admin`= '$id'";

$result= $mysqli->query($query);

$data=$result->fetch_assoc(); ?>

Page 17: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

46

<table class="table table-bordered table-striped table-condensed flip-content">

<tr><td>Username</td><td><?php echo $data["username"];

?></td></tr><tr><td>Password</td><td><?php echo $data["password"]; ?></td></tr>

<tr><td></td><td><a href="?page=admin" class="btn btn-info"><i class="fa fa-reply"></i>

Kembali</a></td></tr> </table>

<?php } elseif ($_GET['aksi'] == 'prosesSubmit') {

$id_admin = $_POST['id_admin'];

$username = $_POST['username'];

$password = $_POST['password'];

switch($_POST['statusTombol']) {

case 'Save':

$query=$mysqli->query("INSERT INTO admin (`id_admin`,`username`,`password`)

VALUES ('$id_admin','$username','$password')");

break;

case 'Update':

$query=$mysqli->query("UPDATE admin set `id_admin` = '$id_admin',`username` =

'$username',`password` = '$password' WHERE id_admin='$id_admin'");

break;}

Page 18: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

47

echo "<script>document.location='?page=admin';</script>";}

}else {// end aksi?>

<a href="?page=admin&aksi=tambah" class="btn btn-primary "><i class="fa fa-plus"></i>

<span class="hidden-480">Tambah Data </span></a>

<br>

<table class="table table-bordered table-striped table-condensed flip-content"

id="mytable">

<thead class="flip-content"><tr>

<th width="80px">No</th>

<th>Username</th> <th>Password</th>

<th>Action</th> </tr> </thead><tbody> <?php $start = 0;

$query="SELECT * FROM admin order by `id_admin` asc ";

$result= $mysqli->query($query);

while($admin=$result->fetch_assoc())

{?> <tr>

<td><?php echo ++$start ?></td>

<td><?php echo $admin["username"]; ?></td>

<td><?php echo $admin["password"]; ?></td>

<td style="text-align:center" width="200px">

Page 19: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

48

<a href="?page=admin&aksi=edit&id=<?php echo $admin["id_admin"];?>" class="btn btn-

warning btn-xs purple"><i class="fa fa-edit"></i> Edit</a>

<a href="?page=admin&aksi=hapus&id=<?php echo $admin["id_admin"];?>" class="btn

btn-danger btn-xs purple" onclick="javasciprt: return confirm('Apakah anda yakin?')"><i

class="fa fa-trash-o"></i> Delete</a></td></tr> <?php} ?> </tbody> </table> <?php

}

?>

Page 20: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

49

B. General Code Login

<?php }?>

<?php }else{?>

<div class="row">

<div class="col-md-4"></div>

<div class="col-md-4">

<div class="panel panel-default">

<div class="panel-body">

<div class="module-body">

<!------------------------------------------------------LOGIN FORM ---------------------------------

------------------------------->

<div id="dialog-form" title="Login">

<form class="form" role="form" id="form-login" action=""

method="post">

<div class="form-group">

<div class="input-group">

<span class="input-group-addon"><span class="glyphicon glyphicon-

user"></span></span>

<input type="text" name="username" id="name" class="form-control" value="" required

/></div>

</div>

<div class="form-group">

<div class="input-group">

Page 21: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

50

<span class="input-group-addon"><span class="glyphicon glyphicon-

lock"></span></span> <input type="password" name="password" id="password"

class="form-control" value="" required />

</div>

</div> <button type="submit" class="btn btn-primary" name="login" id="button-login">

<span class="glyphicon glyphicon-log-in"></span> Login</button>

</form>

<?php

if($_POST["username"] && $_POST["password"]){

function anti_injection($data){

$filter =

mysql_real_escape_string(stripslashes(strip_tags(htmlspecialchars($data,ENT_Q

UOTES))));

return $filter;

}

$username = $_POST['username'];

$pass = $_POST['password'];

$login="SELECT * FROM admin WHERE username='$username' AND

password='$pass' ";

$query=mysqli_query($mysqli, $login);

$r=mysqli_fetch_assoc($query);

Page 22: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

51

$_SESSION[namauser] = $r[username];

$_SESSION["ses_nama"] = $r[nama_lengkap];

$_SESSION[passuser] = $r[password];

$_SESSION["ses_uid"] = $r[nip];

$_SESSION["ses_login"] = true;

$_SESSION["ses_id"] = $r[kode_id];

echo "<script>alert('Login berhasil');document.location.href='index.php';</script>";}

else{

echo "<script>alert('Maaf Otentikaasi

Salah');document.location.href='index.php';</script>";

}

}

?>

</div>

</div>

</div></div>

</div>

<div class="col-md-4"></div>

</div>

<?php

Page 23: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

52

C. General Code Kosakata

<?php

if (isset($_GET['aksi'])) {

if ($_GET['aksi'] == 'hapus') {

$id = $_GET['id'];

$sql=$mysqli->query("DELETE FROM kosakata WHERE `id`= '$id'");

echo "<script>document.location='?page=kosakata';</script>";

} elseif ($_GET['aksi'] == 'tambah' || $_GET['aksi'] == 'edit') {

$id = $_GET['id'];

if($id==''){$button="Save";}else{$button='Update';}

$query="SELECT * FROM kosakata WHERE `id`= '$id'";

$result= $mysqli->query($query);

$data=$result->fetch_assoc();

?>

<form action="?page=kosakata&aksi=prosesSubmit" method="post" class="form-

horizontal" enctype="multipart/form-data">

<div class="form-body">

<div class="form-group">

<label for="varchar" class="col-sm-3 control-label">Indonesia </label>

<div class="col-sm-4">

<input type="text" class="form-control" name="indonesia" id="indonesia"

placeholder="Indonesia" value="<?php echo $data["indonesia"]; ?>" />

</div>

</div>

Page 24: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

53

<div class="form-group">

<label for="varchar" class="col-sm-3 control-label">Tetun </label>

<div class="col-sm-4">

<input type="text" class="form-control" name="tetun" id="tetun" placeholder="Tetun"

value="<?php echo $data["tetun"]; ?>" />

</div>

</div>

<div class="form-group">

<label for="varchar" class="col-sm-3 control-label">Suara Indo Tetun </label>

<div class="col-sm-4">

<input type="file" class="form-control" name="suara_indo_tetun" id="suara_indo_tetun"

placeholder="Suara Indo Tetun" value="<?php echo $data["suara_indo_tetun"]; ?>" />

<input type="hidden" class="form-control" name="suara_indo_tetun0"

id="suara_indo_tetun" placeholder="Suara Indo Tetun" value="<?php echo

$data["suara_indo_tetun"]; ?>" />

</div>

</div>

<div class="form-group">

<label for="varchar" class="col-sm-3 control-label">Suara Tetun Indo

</label>

<div class="col-sm-4">

<input type="file" class="form-control"

name="suara_tetun_indo" id="suara_tetun_indo" placeholder="Suara Tetun Indo"

value="<?php echo $data["suara_tetun_indo"]; ?>" />

Page 25: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

54

<input type="hidden" class="form-control" name="suara_tetun_indo0"

id="suara_tetun_indo" placeholder="Suara Tetun Indo" value="<?php

echo $data["suara_tetun_indo"]; ?>" />

</div>

</div>

</div>

<div class="form-actions">

<div class="row">

<div class="col-md-offset-3 col-md-9">

<input type="hidden" name="id" value=">

<?php

Page 26: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

55

4.4 Testing

Pengujian sistem dilakukan bertujuan untuk memeriksa kekompakan setiap

komponen sistem yang diimplementasikan serta untuk mengetahui kelemahan dari

perangkat lunak. Pengujian aplikasi penterjemah bahasa Tetun – Indonesia

berbasis web ini menggunakan metode pengujian black box. Pengujian dengan

menggunakan sistem black box ini adalah bertujuan untuk menemukan kesalahan

fungsi pada program. Pengujian sendiri dilakukan dengan cara memasukkan input

tertentu serta melihat keluaran yang didapat dari input tersebut.

Pengujian dilakukan dengan memberikan masukan atau input terhadap

sistem yang sudah berjalan serta mengamati hasil keluaran atau output dari sistem.

Pengujian tersebut dilakukan pada setiap use case untuk mengetahui kesesuaian

fungsi dari perangkat lunak.

Adapun prosedur pengujian yang dilakukan terhadap aplikasi penterjemah

bahasa Tetun – Indonesia berbasis web adalah :

A. Menentukan data – data yang dipergunakan untuk keperluan pengujian

sistem, data – data tersebut diantaranya data kosakata dan data admin. Berikut

adalah tabel data yang dipersiapkan.

Tabel 4.3 Data-data Pengujian

No Jenis Data Detail Data Tabel Tujuan

1 Data Kosakata Id

kata

terjemahan

Tabel Kosakata

2 Data Admin id_admin

username

password

Tabel Admin

Page 27: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

56

B. Metode pengujian yang digunakan dalam pengujian aplikasi penterjemahan

ini adalah mengunakan metode black box. Daftar use case, metode pengujian serta

kriteria evaluasi hasil pengujian dapat dilihat pada tabel di bawah.

tabel 4.4 Daftar use case metode pengujian dan kriteria evaluasi hasil.

Id Kasus Uji Use Case Metode

Pengujian

Kriteria Evaluasi

Hasil Pengujian

UC-1 Pengguna Black Box Melakukan

Penterjemahan,dengar

Suara dan Cetak /

Download Kosakata

UC-2 Admin Black Box Mengelola Aplikasi

C. Pengujian dilakukan dengan memasukkan inputan tertentu serta melihat

hasil yang didapat dari inputan tersebut. Pengujian dilakukan untuk mengetahui

kinerja serta kesesuaian fungsi dari perangkat lunak yang ditunjukkan pada Tabel

Berikut:

Page 28: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

57

Tabel 4.5 Hasil Pengujian

Page 29: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

58

Berdasarkan pengujian diatas, output dari sistem aplikasi penterjemah

bahasa Tetun – Indonesia berbasis web yang dirancang telah sesuai yang

diharapkan sehingga dapat disimpulkan bahwa perancangan Aplikasi penterjemah

bahasa Tetun – Indonesia berbasis web ini berhasil.

D. Setelah dilakukannya simulasi mengenai Aplikasi penterjemah bahas

Tetun– Indonesia berbasis web, selanjutnya dilakukan pembahasan terhadap

sistem yang berjalan. Pembahasan ini dilakukan dengan melihat hubungan sistem

dengan kebutuhan pengguna terhadap informasi yang didapat. Hasil pembahasan

meliputi diantaranya :

1. Dalam perancangannya aplikasi penterjemah ini melibatkan dua orang aktor

yaitu pengguna dan admin yang alur kerja sistemnya dijelaskan dengan

menggunakan Unified Modeling Languange (UML). Untuk alur kerja sistem

yang baru dijelaskan pada gambar usecase diagram 4.2 yaitu usecase

diagaram admin dan pada gambar usecase diagram 4.6 yaitu usecase

diagram diagram pengguna. Sedangkan untuk alur kerja sistem yang lebih

spesifik menggunakan aktivity diagram, seperti yang terlihat pada gambar

aktivitiy diagram pengguna (gambar 4.7), aktivity diagram admin terbagi

menjadi dua yaitu aktivity diagram tambah kata (gambar 4.8) dan aktivity

diagram tambah akun (gambar 4.9). Pada pemodelan datanya tersusun dari

dua tabel utama yaitu tabel kosakata (tabel 4.1) yang tersusun dari

id,indonesia,tetun,suara indo_tetun,suara tetun_indo , sedangkan tabel

admin (tabel 4.2) tersusun dari id_admin, username dan password. Dalam

pemodelan ini tabel tidak direlasikan satu dengan yang lain. Untuk

Page 30: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

59

perancangan desain user interface terbagi menjadi dua bagian yaitu user

interface untuk pengguna (gambar 4.15) dan user interface untuk admin

yang terdiri dari gambar 4.14 (Login), gambar4.13 halaman tampil home

dan gambar 4.16 (Tambah Akun). Dalam perancangan penyusunan user

interface di gunakan StarUML dan Visio untuk menyusunya.

2. Aplikasi penterjemah bahasa Tetun – Indonesia berbasis web ini membantu

penggunanya dalam melakukan penterjemahan kosakata – kosakata dalam

bentuk dari bahasa Tetun ke Bahasa Indonesia begitupun sebaliknya.

Dengan berbasis web ini pengguna dapat megaksesnya secara online

dimanapun dan kapanpun serta pengguna dapat menggunakan atau

mengaksesnya dengan menggunakan perangkat mobilenya yang telah

terkoneksi dengan internet. Aplikasi penterjemah bahasa Tetun – Indonesia

berbasis web ini sangat membantu dan memudahkan penggunanya dalam

melakukan penterjamahan kosakata dalam bahas Tetun ke Indonesia atau

sebaliknyaini ditunjukkan pada gambar 4.13 (halaman utama) disana

pengguna bisa langsung dengan mudah menggunakan aplikasi tesebut

tinggal pilih jenis terjemahan, masukan kata setelah itu tekan tombol

translate maka hasilnya akan langsung didapat, didalam halaman utama

tersebut disediakan pula fasilitas atau fitur untuk dengar suara dan

download / cetak bagi pengguna yang ingin mencetak atau mendownload

kosakata – kosakata yang telah disediakan oleh pengelola aplikasi. Dalam

aplikasi penterjemah bahasa Tetun – Indonesia berbasis web ini juga

memberikan kemudahan bagi admin / pengelola aplikasi dalam mengelola

aplikasi penterjemah ini seperti memasukkan /menginput kosakata –

Page 31: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

60

koskata baru, mengedit kosakata, serta menghapus kosakata seperti yang

ditampilkan pada gambar 4.16 (halaman utama admin). Berdasarkan hasil

diatas membuktikan adanya kemudahan yang diberikan kepada Admin

dalam mengelola aplikasi penterjemah ini.

4.4 Support

4.5.1 Publikasi Web

Publikasi website pada Aplikasi peterjemahan Bahasa Tetun-Indonesia

ini melalui hosting dan domain yaitu www.kamustet_tetun.com

1. Nama domain (domain name) adalah nama unik yang diberikan untuk

mengidentifikasi nama server seperti webserver ataupun internet. Nama

domain berfungsi untuk mempermudah pengguna di internet pada saat

melakukan akses ke server. Registrasi domain name untuk website ini

adalah www.kamustetunindonesia.com

2. Kapasitas Hosting

Hosting adalah jasa layanan internet yang menyediakan server-server untuk

disewakan sehingga memungkinkan organisasi atau individu menempatkan

informasi di internet. Untuk kapasitas yang mencukupi dalam publikasi website

ini adalah 500 MB. Pada saat mengakses website bisa dengan menggunakan

browser seperti mozilla firefox, internet explorer dll. Carannya dengan

mengetikkan alamat website yang dituju ke dalam adress bar yang ada pada

browser yang digunakan.

Page 32: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

61

4.5.2 Spesifikasi Hardware dan Software

Perangkat keras dan perangkat lunak yang dibutuhkan dalam penerapan

aplikasi penterjemahan ini adalah sebagai berikut:

Tabel 4.6 Spesifikasi hardware dan software

Kebutuhan Keterangan

Sistem Operasi : Windows 7 Ultimate

Processor : Core i5-5200U CPU 2.20 GHz

RAM : 4,00 GB

Harddisk : 500 GB

Mouse : Standar

Browser : Mozilla Firefox, Internet Explorer, Google Chrome

Software : Dreamweaver CS6, PHP My Admin

Database : MySQL Versi 5.0.18

4.6 Spesifikasi Dokumen Sistem Usulan

Spesifikasi bentuk sistem usulan aplikasi penterjemahan Bahasa Tetun-

Indonesia adalah:

1. Nama Dokumen : Form login admin

Fungsi : Menginput Kosakata

Sumber : Admin

Tujuan : Pengguna

Media : Tampilan Layar

Frekuensi : Setiap ada kosakata baru

2. Nama Dokumen : Form Pengguna

Page 33: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · 30 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1 Analisa Kebutuhan software A. Bab ini membahas tahapan implementasi sistem yang merupakan

62

Fungsi : Menginput Kosakata

Sumber : Pengguna

Tujuan : Menterjemahkan Kosakata

Media : Tampilan Layar

Frekuensi : Setiap ada kosakata baru untuk diterjemahkan