BAB IV

IMPLEMENTASI DAN PEMBAHASAN SISTEM

4.1 Implementasi Sistem

Aplikasi Pengenalan Rambu Lalulintas Berbasis Dekstop

dibuat menggunakan bahasa pemrograman Java. Berdasarkan

analisis dan perancangan sistem yang telah dibuat pada bab 3,

maka implementasi merupakan tahap dimana sistem siap

dioperasikan pada keadaan yang sebenarnya.

Pada implementasi sistem ini akan dijelaskan mengenai

hasil implementasi dari aplikasi, baik berupa tampilan program

maupun potongan dari kode program.

4.1.1 Implementasi Splash Screen

Mengacu pada Gambar 3.7 mengenai rancangan Splash

Screen. Splash Screen merupakan suatu kondisi yang digunakan

untuk menggambarkan image atau gambar yang muncul pada

saat aplikasi atau program dalam proses loading.

Berikut tampilan Splash Screen aplikasi pengenalan rambu

lalulintas berbasis dekstop :

23
 24

Gambar 4.1 Splash Screen

Berikut ini adalah potongan kode program untuk membuat

Splash screen :

Color Warna = Color.BLUE;

barisProgress1.setPreferredSize(new Dimension(200, 30));
barisProgress1.setBackground(Color.blue);
barisProgress1.setForeground(Color.yellow);
barisProgress1.setStringPainted(true);
barisProgress1.setBorder(new LineBorder(Warna, 1));
labellogo1.setBorder(new LineBorder(Warna, 1));
getContentPane().add(labellogo1, BorderLayout.NORTH);
getContentPane().add(barisProgress1, BorderLayout.SOUTH);

4.1.2 Implementasi Form Utama

Mengacu pada Gambar 3.8 mengenai rancangan form

menu utama. Form menu utama terdiri dari tuju menu yaitu

menu jenis rambu lalulintas, menu pengenalan rambu lalulintas,

menu latihan, menu video pelanggaran, menu tambah gambar,

menu tentang pembuat dan menu keluar.

 25

Menu jenis rambu lalulintas digunakan untuk membedakan

jenis-jenis rambu lalulintas beserta fungsinya masing-masing,

menu pengenalan gambar digunakan untuk memperkenalkan

semua gambar rambu lalulintas kepada pengguna, menu latihan

digunakan untuk melatih pengguna dalam mengenal fungsi-

fungsi rambu lalulintas, menu video pelanggaran digunakan

untuk melihat video pelanggaran yang terjadi di masyarakat,

menu tambah rambu digunakan untuk menambah file berupa

teks, jenis rambu, gambar dan suara, menu tentang pembuat

digunakan untuk melihat tentang pembuat aplikasi sedangkan

menu keluar digunakan untuk keluar dari aplikasi.

Berikut adalah tampilan form menu utama aplikasi

pengenalan rambu lalulintas berbasis dekstop :

Gambar 4.2 Form Menu Utama

 26

4.1.3 Implementasi Form Jenis Rambu Lalulintas

Pada form jenis rambu lalulintas, pengguna akan

mengetahui fungsi dan jenis rambu lalulintas, baik dalam bentuk

gambar maupun warna tulisan.

Berikut adalah Gambar 4.3 yang merupakan tampilan

form jenis rambu lalulintas :

Gambar 4.3 Tampilan Form Jenis Rambu Lalulintas

Pada gambar 4.3 tampilan form jenis rambu lalulintas,

yang terdiri dari lima menu yaitu menu rambu peringatan, menu

rambu petunjuk, menu rambu perintah, menu rambu larangan

dan menu kembali.

Menu Jenis Rambu Peringatan

Pada tampilan menu jenis rambu peringatan, pengguna

akan mengetahui fungsi dan jenis rambu peringatan dalam

bentuk ciri khas warna kuning dengan latar warna tulisan hitam.
 27

Berikut adalah Gambar 4.4 yang merupakan tampilan

jenis rambu peringatan :

Gambar 4.4 Tampilan Jenis Rambu Peringatan

Pada gambar 4.4 yaitu form jenis rambu peringatan

dengan simbol warna kuning yang digunakan untuk mengetahui

adanya bahaya dan rintangan, yang ditunjukan untuk para

pengguna jalan berhati hati dalam menjalankan kendaraanya.

Menu Jenis Rambu Petunjuk

Pada tampilan menu jenis rambu petunjuk, pengguna akan

mengetahui fungsi dan jenis rambu petunjuk dalam bentuk

gambar atau arah petunjuk.

Berikut adalah Gambar 4.5 yang merupakan tampilan

jenis rambu petunjuk :

 28

Gambar 4.5 Tampilan Jenis Rambu Petunjuk

Pada gambar 4.5 yaitu form jenis rambu petunjuk dengan

simbol gambar petunjuk yang digunakan sebagai keterangan

atau petunjuk tentang arah tujuan yang ditempuh.

Menu Jenis Rambu Perintah

Pada tampilan menu jenis rambu perintah, pengguna akan

mengetahui fungsi rambu perintah dalam bentuk ciri khas latar

warna biru dengan gambar putih dan merah.

Berikut adalah Gambar 4.6 yang merupakan tampilan jenis

rambu perintah :

Gambar 4.6 Tampilan Jenis Rambu Perintah

 29

Pada gambar 4.6 yaitu form rambu perintah dengan simbol

gambar latar warna biru yang digunakan untuk memerintah

semua kendaraan untuk melewati jalur tertentu.

Menu Jenis Rambu Larangan

Pada tampilan menu jenis rambu larangan, pengguna akan

mengetahui fungsi dan jenis rambu larangan dalam bentuk ciri

khas latar warna merah dengan tulisan warna hitam dan putih.

Berikut adalah Gambar 4.7 yang merupakan tampilan jenis

rambu larangan :

Gambar 4.7 Tampilan Jenis Rambu Larangan

Pada gambar 4.7 yaitu form jenis rambu larangan yang

digunakan sebagai keterangan untuk melarang pengguna dalam

melawati jalur tertentu.

Adapun potongan kode program yang terdapat pada

Gambar 4.3 yaitu jenis rambu peringatan, rambu petunjuk,

rambu perintah dan rambu larangan adalah sebagai berikut :

 30

private void tampilkanJenisRambu(int jenisRambu, int batas){

Connection koneksi = new Koneksi().connect();
int i = 0;
String gambar = "";
String rambu = "";
try{
String sql="SELECT * FROM laluLintas l, jenisLaluLintas j
WHERE l.kodeJenis = '"+jenisRambu+"' AND l.kodeJenis =
j.kodeJenis ORDER BY RANDOM() LIMIT 0,4";
Statement stmt=koneksi.createStatement();
ResultSet rslt=stmt.executeQuery(sql);
while(rslt.next()){
indeksGambar[i]=rslt.getString("no");
..........................................................

Ada pun penjelasan pada scrip diatas adalah String sql="SELECT *

FROM laluLintas l, jenisLaluLintas j yaitu menampilkan data

dari tabel lalulintas dan jenis lalulintas yang kode jenisnya sama

kemudian diacak (ORDER BY RANDOM()), data yang sudah diambil

kemudian ditampilkan kebutton.

4.1.4 Implementasi Form Pengenalan Rambu lalulintas

Pada form pengenalan rambu lalulintas yaitu gabungan

dari berbagai bentuk jenis rambu lalulintas, seperti rambu

peringatan, rambu petunjuk, rambu perintah dan rambu

larangan, pada form pengenalan rambu lalulintas, pengguna

akan mengetahui semua bentuk dari gambar rambu lalulintas.

Berikut adalah Gambar 4.8 yang merupakan tampilan

form pengenalan gambar :

 31

Gambar 4.8 Halaman Gambar

Pada Gambar 4.8 merupakan halaman pengenalan

gambar rambu lalulintas, yang terdiri dari 64 gambar, pengguna

diwajibkan memilih salah satu gambar untuk mengetahui arti

dari fungsi gambar tersebut.

Adapun potongan kode program yang terdapat pada

Gambar 4.8 adalah sebagai berikut :

java.sql.Connection koneksi = new Koneksi().connect();

String gambar = "", rambu = "";
......................................
String sql="Select * from lalulintas ORDER BY
RANDOM()";
..........................................................
while(rslt.next()){
rambu = rslt.getString("nama");
gambar=rslt.getString("no");
if (i < 64){
indeksGambar[i] = gambar;
namaRambu[i] = rambu;
..........................................................
 32

Ada pun penjelasan pada program diatas adalah

menampilkan seluruh data dari tabel lalulintas kemudian diacak

(ORDER BY RANDOM()), jumlah data yang diambil sebanyak 64

kemudian ditampilkan kebutton.

Untuk setiap button menampilkan gambar pada masing-

masing button yang dimulai dari buttonGambar00 sampai dengan

buttonGambar77, gambar yang terdapat pada masing-masing

button diambil dari tabel lalulintas.

Pada tampilan awal pengenalan gambar terdapat salah

satu menu yaitu menu kembali yang berfungsi untuk keluar dari

form pengenalan gambar.

Berikut merupakan gambar 4.9 tampilan gambar.

Gambar 4.9 Tampilan Gambar

Pada tampilan Gambar 4.9 merupakan tampilan setelah

memilih salah satu gambar dan akan menghasilkan suara dari

fungsi gambar tersebut. Untuk mengetahui semua arti dan

 33

fungsi gambar terdapat pada form pengenalan gambar,

pengguna diwajibkan untuk memilih semua gambar.

Adapun potongan kode program yang terdapat pada

Gambar 4.9 adalah sebagai berikut :

private void tampilkanGambar(int i){

halGambar.setVisible(false);

halTampilGambar.setVisible(true);

String url = "Data/Gambar/"+indeksGambar[i]+".png";

labelGambar.setIcon(new ImageIcon(url));

labelNamaRambu.setText(namaRambu[i].toUpperCase());

sound(Integer.parseInt(indeksGambar[i])); }

..........................................................

Ada pun penjelasan pada scrip diatas adalah setiap button

di klik, String url "Data/Gambar akan membaca data gambar

kemudian menampilkan gambar, menampilkan suara dan nama

dari button tersebut.

4.1.5 Implementasi Form Latihan

Mengacu pada form menu utama, setelah form pengenalan

gambar yaitu form latihan, di mana pada form latihan ini akan

menguji kemampuan pengguna dalam mengenal fungsi dari

gambar-gambar rambu lalulintas.

Berikut adalah Gambar 4.10 yang merupakan tampilan

form Latihan:
 34

Gambar 4.10 Form Latihan

Pada tampilan Gambar 4.10 yaitu form latihan merupakan

tampilan yang di mana pada form latihan akan menguji

kemampuan pengguna dalam mengenal gambar, ada pun soal

latihan yang akan di uji terdiri dari 15 soal dengan cara memilih

gambar yang benar.

Adapun potongan kode program yang terdapat pada

Gambar 4.10 adalah sebagai berikut :

private void ambilSoal(){

Connection koneksi = new Koneksi().connect();
try{
String sql="Select * from lalulintas ORDER BY RANDOM()";
...........................................................
no=rslt.getString("no");
soal=rslt.getString("nama");
indeksSoal[0] = no;
labelLatihan.setText(soal);
............................................................

Pada Scrip diatas berfungsi mengambil soal yang sudah

diacak RANDOM() yang disimpan divariabel indeksSoal[0].
 35

private void ambilJawaban(){

Connection koneksi = new Koneksi().connect();
try{String sql="Select * from lalulintas where no <>
"+indeksSoal[0]+" order by random() limit 0,4";
Statement stmt=koneksi.createStatement();
ResultSet rslt=stmt.executeQuery(sql);
int i = 1;
while(rslt.next()){
no=rslt.getString("no");
soal=rslt.getString("nama");
indeksSoal[i] = no;
i++;

Pada Scrip diatas yaitu mengambil jawaban yang sudah

diacak RANDOM() yang disimpan divariabel indeksSoal[i].

private void tampilkanSoal(){

int i = (int) (Math.random() * 4);
imageIcon = new
ImageIcon("Data/Gambar/"+indeksSoal[0]+".png");
switch (i){
case 0: buttonJawab1.setIcon(new
ImageIcon(imageIcon.getImage().getScaledInstance(100, -1,
............................................................
}
if (i != 0) {
jawabA = Integer.parseInt(indeksSoal[1]);
imageIcon = new ImageIcon("Data/Gambar/"+jawabA+".png");
.............................................................

Pada Scrip diatas berfungsi menampilkan soal yang sudah

diacak RANDOM() yang disimpan divariabel indeksSoal[0].

 36

4.1.6 Implementasi Hasil Latihan

Mengacu pada Gambar 3.11 untuk dapat melihat hasil nilai

yang didapat oleh pengguna dalam mengerjakan soal latihan

yang terdapat pada form latihan.

Berikut adalah Gambar 4.11 yang merupakan tampilan

form nilai :

Gambar 4.11 Form Nilai

Pada Gambar 4.11 menampilkan hasil latihan berupa nilai,

dimana nilai akan ditampilkan sesuai hasil jawaban yang telah

dikerjakan oleh pengguna, jika pilihan benar akan mendapat nilai

dan jika pilihannya salah nilai berkurang dan jika benar semua

akan mendapatkan nilai 100.

public FrameNilai(java.awt.Frame parent, boolean modal, int

nilai) {
super(parent, modal);
initComponents();
setLocationRelativeTo(null);
labelNilai.setText(Integer.toString(nilai));
...........................................................
 37

Pada penjelasan program diatas yaitu menampilkan

variabel nilai yang terdapat pada kelas Menuutama.

4.1.7 Implementasi Video Pelangaran

Pada form Video Pelanggaran akan menampilkan contoh

video pelanggaran rambu lalulintas yang terjadi di lingkungan

masyarakat. Seperti kecerobosan lampu merah, angkutan

kendaraan bermotor melebihi standar yang telah ditentukan dan

kecerobosan dalam melintasi jalur-jalur umum.

Berikut adalah Gambar 4.12 yang merupakan tampilan

video pelanggarans.

Gambar 4.12 Tampilan Video Pelanggaran

Dari tampilan video pelanggaran rambu lalulintas yang

terdapat pada Gambar 4.12, yaitu tampilan video pelanggaran

yang terjadi di masyarakat dengan durasi kurang dari satu

menit.
 38

Berikut merupakan potongan kode program yang terdapat

pada gambar 4.12 :

void play() {
try {
URL url = new URL("file",null,"Data/Video/video.mpg");
myPlayer = Manager.createRealizedPlayer(url);
myPlayer.start();
............................................................
}
void stop() {
myPlayer.stop();
myPlayer.close();
}

Pada Penjelasan program diatas yaitu menggunakan

method play (), Method ini berfungsi untuk menampilkan video

yang diambil dari alamat Url (,"Data/Video/video.mpg"). Method

stop() berfungsi untuk menghentikan video dan keluar dari

media player.

4.1.8 Implementasi Tambah Rambu

Pada form Tambah Rambu yaitu menambah file berupa

gambar, teks dan suara, jika pengguna merasa bosan dengan

gambar tersebut dan ingin menambah gambar atau rambu

lalulintas. Berikut adalah Gambar 4.13 yang merupakan tampilan

form tambah rambu.

 39

Gambar 4.13 Tampilan Form Tambah Rambu

Pada Gambar 4.13 yaitu proses penambahan file berupa

teks, jenis rambu, gambar dan suara. Sebelum mengambil

gambar yang pertama yang harus dilakukan oleh pengguna yaitu

mengimput nama gambar kemudian menentukan jenis rambu

yang akan dipilih, pada kolom tambah gambar, pengguna akan

menentukan ukuran gambar, dengan panjang 256 inches dan

lebar 256 inches, dari nama gambar yang telah ditambah, pada

kolom tambah suara, pengguna diwajibkan menambah suara

sesuai dengan nama gambar yang telah ditentukan kemudian

simpan file tersebut.

Berikut merupakan potongan kode program yang terdapat

pada gambar 4.13 :

 40

private void updateSoal(int noSoal, String nmRambu){

java.sql.Connection koneksi = new Koneksi().connect();try{
Statement stat = koneksi.createStatement();
PreparedStatement prep = koneksi.prepareStatement("insert
into laluLintas values (?, ?);");
prep.setString(1, Integer.toString(noSoal));
prep.setString(2, nmRambu);
prep.addBatch();
koneksi.setAutoCommit(false);
prep.executeBatch();
..........................................................

Pada Scrip tambah gambar berfungsi untuk mengimputkan

data ke database, mengkopi file gambar, suara ke direktori data.

4.1.9 Implementasi Tentang Pembuat

Mengacu pada tahap implementasi tentang pembuat, yaitu

profil dari pembuat aplikasi pengenalan rambu lalulintas berbasis

dekstop.

Berikut adalah Gambar 4.14 yang merupakan tampilan

form tentang pembuat.

Gambar 4.14 Tampilan Tentang Pembuat

 41

4.2 Pembahasan Sistem

Setelah Aplikasi Pengenalan Rambu Lalulintas Berbasis

Desktop diimplementasi maka perlu dibuat pembahasan dari

hasil implementasi tersebut.

4.2.1 Splash Screen

Tampilan pertama kali yang muncul ketika pengguna

menjalankan Aplikasi Pengenalan Rambu Lalulintas Berbasis

Desktop adalah Splash Screen. Setelah splash screen selesai

dijalankan maka akan memanggil menu utama.

4.2.2 Form Utama

Pada form utama pengguna dapat memlih menu yang

diinginkan diantaranya : pengguna dapat memilih menu jenis

rambu lalulintas, menu pengenalan gambar, menu latihan, menu

video pelanggaran, menu tambah rambu, menu tentang

pembuat dan keluar dari aplikasi.

4.2.3 Form Jenis Rambu Lalulintas

Pada Form jenis rambu lalulintas, dimana pengguna akan

mengetahui jenis rambu lalulintas yang dapat dilihat dari warna

atau bentuk gambar, ada pun tampilan jenis rambu lalulintas

yaitu rambu peringatan, rambu petunjuk, rambu perintah dan

rambu larangan.

4.2.4 Form Pengenalan Rambu Lalulintas

 42

Pada Form pengenalan gambar yang harus dilakukan oleh

pengguna adalah memilih 1 kotak untuk menentukan fungsi

gambar. Setelah kotak terbuka lebar dan menghasilkan suara

dari gambar yang telah dipilih. Pengguna disarankan untuk

memilih semua kotak yang ada pada form pengenalan gambar,

untuk mengetahui fungsi dari masing-masing gambar.

4.2.5 Form Latihan

Pada form latihan pengguna diwajibkan memilih gambar

yang benar diantara 4 gambar yang ada pada form latihan, yang

bertujuan untuk mengetahui kemampuan pengguna dalam

mengenal fungsi-fungsi gambar rambu lalulintas.

4.2.6 Form Nilai

Pada form nilai yaitu hasil nilai yang didapat oleh

pengguna dalam latihan memilih gambar, nilai 10 jika pilihannya

benar dan nilai 0 jika pilihannya salah. Jika benar semua akan

mendapat nilai 100.

4.2.7 Form Video Pelanggaran

Pada form video pelanggaran yaitu tampilan video

pelanggaran lalulintas yang terjadi di lingkungan masyarakat.

4.2.8 Form Tambah Rambu

Form tambah gambar akan digunakan jika pengguna

merasa bosan dengan gambar-gambar yang ada pada form

 43

pengenalan gambar, pengguna bisa menambah gambar-gambar

rambu lalulintas yang baru.

4.2.9 Form Tentang Pembuat

Pada form tentang pembuat, yaitu form tampilan profil

pembuat aplikasi pengenalan rambu lalulintas berbasis dekstop,

yang bertujuan agar pengguna dapat mengetahui identitas dari

pembuat aplikasi yang digunakannya.

4.2.10 Pengujian Aplikasi

Pengujian aplikasi digunakan untuk mengukur tingkat

kemampuan pengguna dalam mengenal fungsi-fungsi aplikasi

rambu lalulintas.

Dari hasil uji coba dapat diambil kesimpulan, aplikasi

pengenalan rambu lalulintas berbasis desktop masih belum

sempurna, baik dalam bentuk tampilan aplikasi maupun proses

penerapan pengenalan gambar untuk anak-anak.

Kelebihan dan kekurangan aplikasi pengenalan rambu lalulintas

berbasis desktop :

1. Kelebihan aplikasi pengenalan rambu lalulintas berbasis

desktop

o Aplikasi ini memiliki tampilan, teks, Audio dan video.

o Aplikasi ini dapat membedakan jenis-jenis rambu lalulintas.

 44

o Aplikasi ini mudah dipahami oleh anak-anak yang belum

bisa membaca, dan memahami gambar dalam bentuk

suara.

2. Kekurangan aplikasi pengenalan rambu lalulintas berbasis

desktop

o Proses pembelajaran untuk anak-anak harus dalam

pengawasan orang tua.

o Pengguna belum pernah melihat semua gambar rambu

lalulintas yang ada di jalanraya.