BAB V

IMPLEMENTASI DAN TESTING

Setelah proses pengkodean selesai, maka akan dilanjutkan dengan
melakukan uji coba aplikasi. Tahap implementasi merupakan tahapan untuk
membuktikan bahwa aplikasi profil PT.Anugerah Generasi Bersama yang dibuat
telah berfungsi dengan baik, maka diperlukan skenario uji coba yang dapat
menunjukkan bahwa hasil yang diperoleh dalam uji coba tersebut telah berjalan
dengan benar dan sesuai dengan tujuan yang diharapkan.
5.1. Implementasi
Tahap implementasi merupakan tahapan untuk membuktikan bahwa
aplikasi profil PT.Anugerah Generasi Bersama telah berfungsi dengan baik,
maka diperlukan skenario uji coba yang dapat menunjukkan bahwa hasil yang
diperoleh dalam uji coba tersebut telah berjalan dengan benar dan sesuai
dengan yang diharapkan.
5.1.1. Halaman utama
Saat aplikasi dijalankan halaman inilah yang akan tampil pertama kali.
Tampilan halaman utama adalah sebagai berikut :

(a)

(b)

Gambar 2.6 Tampilan Halaman Utama

Halaman utama aplikasi ini berisi 5 menu pilihan yang dapat dipilih
oleh pengguna, yaitu Profil Perusahaan, Profil Karyawan, History Proyek,
Contact Us dan Bantuan. Untuk keluar dari aplikasi, pengguna harus
menekan keypad kembali dan akan muncul pesan dialog tekan kembali
untuk keluar dengan menekan 1 kali lagi maka akan keluar dari aplikasi.

5.1.2. Halaman Profil Perusahaan

Halaman ini adalah tampilan dari pilihan menu pemanasan vokal pada
halaman utama. Tampilan halaman daftar latihan pemanasan adalah sebagai
berikut :

Gambar 2.7 Tampilan Halaman Daftar Latihan Pemanasan

Pada halaman daftar latihan pemanasan telah disediakan 5 jenis
pemanasan vokal, yang mana ketika salah satu latihan pemanasan dipilih
maka akan ditampilkan halaman pemanasan itu sendiri.
5.1.3.
Halaman Profil Karyawan
Halaman profil karyawan adalah tampilan dari pilihan menu profil
karyawan pada halaman utama. Tampilan halaman profil karyawan adalah
sebagai berikut :

Gambar 2.8 Tampilan Halaman Latihan Pemanasan

Pada halaman ini , akan ditampilkan seluruh data karyawan
PT.Anugerah Generasi Bersama yaitu berupa nama, jabatan, keahlian,
pengalaman professional dan tanggal masuk. Data tersebut berasal dari
tbl_karyawan pada database.
5.1.4. Halaman Pilih Tampil Proyek
Halaman ini adalah tampilan dari pilihan menu history proyekpada

halaman utama. Tampilan halaman pilih tampil poyek adalah sebagai

berikut :

Gambar 2.9 Tampilan Pilih nada dasar

Pengguna dapat menentukan/memilih nada dasar pemanasan.
5.1.4.1. Prev latihan pemanasan pada pemanasan hum
Berikut adalah tampilan ketika pengguna menekan prev ketika di latihan
pemanasan hum :

Gambar 3.1 Tampilan Prev pada Latihan Pemanasan Hum

Ketika pengguna menekan prev pada halaman hum (latihan pemanasan
pertama) maka akan muncul pesan dialog ini adalah latihan pertama .
5.1.4.2. Next latihan pemanasan pada pemanasan ooze
Berikut adalah tampilan ketika pengguna menekan next ketika di latihan
pemanasan ooze :

Gambar 3.2 Tampilan Next pada Latihan Pemanasan Ooze

Ketika pengguna menekan next pada halaman ooze (latihan pemanasan
terakhir) maka akan muncul pesan dialog ini adalah latihan terakhir .
5.1.4.3. Play pemanasan
Berikut adalah tampilan ketika pengguna menekan play ketika di latihan
pemanasan :

Gambar 3.3 Tampilan Play pada Latihan Pemanasan

Ketika pengguna menekan play pada halaman latihan pemanasan, maka
mp3 pemanasan akan diputar, kemudian seekbar akan menyesuiakan waktu
mp3.
5.1.5. Halaman demo pemanasan
Halaman demo pemanasan vokal adalah halaman yang akan tampil
ketika pengguna memilih demo pada halaman latihan pemanasan. Tampilan
halaman demo pemanasan adalah sebagai berikut :

Gambar 3.4 Tampilan Halaman Demo Pemanasan

Pada halaman ini , Nama demo pemanasan (textview) akan otomatis
berubah sesuai dengan jenis pemanasan yang dipilih. Pada halaman ini
pengguna akan mendengarkan demo pemanasan. Pengguna bisa langsung
mendengarkan demo dengan menekan play dan pengguna juga dapat
melakukan prev/next demo pemanasan.
5.1.5.1. Prev demo pada demo pemanasan hum
Berikut adalah tampilan ketika pengguna menekan prev ketika di demo
pemanasan hum :

Gambar 3.5 Tampilan Prev pada Demo pemanasan Hum

Ketika pengguna menekan prev pada halaman demo hum (demo latihan
pertama) maka akan muncul pesan dialog ini adalah demo latihan pertama
.
5.1.5.2. Next demo pada demo pemanasan ooze
Berikut adalah tampilan ketika pengguna menekan next ketika di latihan
pemanasan ooze :

Gambar 3.6 Tampilan Next pada Demo Pemanasan Ooze

Ketika pengguna menekan next pada demo ooze (demo latihan terakhir)
maka akan muncul pesan dialog ini adalah demo latihan terakhir .
5.1.5.3. Play demo pemanasan
Berikut adalah tampilan ketika pengguna menekan play ketika di demo
latihan :

Gambar 3.7 Tampilan Play pada demo Latihan

Ketika pengguna menekan play pada halaman demo pemanasan, maka
mp3 demo pemanasan akan diputar, kemudian seekbar akan menyesuiakan
waktu mp3.
5.1.6. Halaman Latihan Pernafasan
Halaman latihan pernafasan adalah halaman yang akan tampil ketika
pengguna memilih latihan pernafasan pada halaman utama. Tampilan
halaman latihan pernafasan adalah sebagai berikut :

Gambar 3.8 Tampilan Halaman Latihan Pernafasan

Pada halaman ini latihan pernafasan dilakukan. Pengguna dapat
melakukan latihan dengan memilih panjang detik latihan kemudian menekan
play. Pengguna juga dapat menghentikan/mengulang latihan dengan
menekan stop.
5.1.6.1. Play tanpa check detik latihan pernafasan
Berikut adalah tampilan ketika pengguna menekan play tanpa check
detik latihan:

Gambar 3.9 Tampilan play tanpa check detik latihan pernafasan

Ketika pengguna menekan play pada halaman latihan pernafasan tanpa
check detik latihan pernafasan maka akan muncul pesan dialog pilih detik
latihan dan latihan tidak akan dimulai.
5.1.6.2. Play dengan check detik latihan pernafasan
Berikut adalah tampilan ketika pengguna menekan play dengan check
detik latihan:

(a)

(b)
Gambar 4.1 Tampilan Animasi Textview sebelum stopwatch mulai
Ketika pengguna menekan play dengan check detik latihan maka akan
muncul animasi textview secara bergantian,

yaitu dimulai dengan (a)

kemudian (b) dengan jeda waktu 1 detik diulang sebanyak 3 kali ((a) ke (b)
kemudian kembali ke (a) = 1 kali). Animasi textview ini muncul sebelum
stopwatch berjalan, animasi ini bermaksud untuk memberikan instruksi
kepada pengguna untuk mempersiapkan diri sebelum melakukan latihan
pernafasan.

(a)

(b)
Gambar 4.2 Tampilan Animasi Textview setelah stopwatch mulai
Setelah stopwatch mulai, maka animasi textview akan menjadi (a), lalu

ketika latihan berakhir animasi akan berubah menjadi (b).

1.1............................................................................ Pengujian Blackbox
1.1.1. Testing Halaman utama
Pengujian Halaman utama dapat dilihat pada tabel berikut ini Tanda ()
merupakan tanda yang berarti halaman yang diuji berhasil.
Tabel 5.1 BlackBox Testing Halaman utama

No

Kondisi Awal

Hal yang
dilakukan

Kondisi Akhir

Hasil
Test

Pengguna melihat profil Memilih menu profil Masuk ke

perusahaan
perusahaan
halaman profil
perusahaan

Pengguna melihat profil Memilih menu profil Masuk ke

karyawan
karyawan
halaman profil
karyawan

Pengguna melihat
history proyek

Memilih menu
history proyek

Masuk ke
halaman pilih
tampil proyek

Pengguna melihat
contact us

Memilh menu
contact us

Masuk ke
halaman contact
us

Pengguna melihat
bantuan

Memilih menu
bantuan

Masuk ke
halaman
bantuan

Pengguna keluar
aplikasi

Klik keypad
back/kembali 2 kali

Keluar aplikasi

1.1.2. Testing Halaman profil perusahaan

Pengujian Halaman daftar latihan pemanasan dapat dilihat pada tabel
berikut ini. Tanda () merupakan tanda yang berarti halaman yang diuji
berhasil.
No
1

Tabel 5.2 BlackBox Testing Halaman Profil Perusahaan

Kondisi Awal
Hal yang
Kondisi Akhir Hasil
dilakukan
Test
Pengguna melihat profil Memilih menu profil Masuk ke
perusahaan
perusahaan di
halaman profil
halaman utama
perusahaan

1.1.3. Testing Halaman profil karyawan

Pengujian Halaman latihan pemanasan dapat dilihat pada tabel berikut ini.
Tanda () merupakan tanda yang berarti halaman yang diuji berhasil.

No
1

Tabel 5.3 BlackBox Testing Halaman Profil Karyawan

Kondisi Awal
Hal yang
Kondisi Akhir Hasil
dilakukan
Test

Pengguna melihat profil Memilih menu profil Masuk ke

karyawan
karyawan di halaman halaman profil
utama
karyawan

1.1.4. Testing Halaman pilih tampil proyek

Pengujian Halaman demo pemanasan dapat dilihat pada tabel berikut ini.
Tanda () merupakan tanda yang berarti halaman yang diuji berhasil.
No

Tabel 5.4 BlackBox Testing Halaman Pilih Tampil Proyek

Kondisi Awal
Hal yang dilakukan Kondisi Akhir Hasil
Test

1 Pengguna melihat foto

proyek

Memilih foto proyek Masuk ke

halaman tampil
foto

2 Pengguna melihat semua Memilih semua

history proyek
proyek

Masuk ke
halaman history
proyek

3 Pengguna melihat tampil Memilih tampil

proyek berdasarkan
proyek berdasarkan

4 Pengguna melihat tampil Memilih tampil

proyek berdasarkan nilai proyek berdasarkan
proyek
nilai proyek

Masuk ke
halaman history
proyek
Masuk ke
halaman history
proyek

5 Pengguna melihat tampil Memilih tampil

proyek berdasarkan
proyek berdasarkan
tahun proyek
tahun proyek

Masuk ke
halaman history
proyek

1.1.5. Testing Halaman history proyek

Pengujian Halaman latihan pernafasan dapat dilihat pada tabel berikut ini.
Tanda () merupakan tanda yang berarti halaman yang diuji berhasil.
Tabel 5.5 BlackBox Testing Halaman Pilih Tampil Proyek

No

Kondisi Awal

Hal yang dilakukan

Kondisi Akhir

Hasil
Test

1 Pengguna melihat semua Memilih semua

Menampilkan
history proyek
proyek pada halaman data tabel dari
pilih tampil proyek database

2 Pengguna melihat tampil Memilih tampil

Menampilkan
proyek berdasarkan nilai proyek berdasarkan data tabel dari
proyek
nilai proyek pada
database
halaman pilih tampil
proyek

3 Pengguna melihat tampil Memilih tampil

Menampilkan
proyek berdasarkan
proyek berdasarkan data tabel dari
tahun proyek
tahun proyek pada
database
halaman pilih tampil
proyek

1.1.6. Testing Halaman contact us

Pengujian Halaman daftar latihan pemanasan dapat dilihat pada tabel
berikut ini. Tanda () merupakan tanda yang berarti halaman yang diuji
berhasil.
No
1

Tabel 5.6 BlackBox Testing Halaman Contact Us

Kondisi Awal
Hal yang
Kondisi Akhir Hasil
dilakukan
Test
Pengguna melihat
contact us

Memilih menu
contact us di
halaman utama

Masuk ke
halaman contact
us

1.1.7. Testing Halaman Bantuan

Pengujian Halaman daftar latihan pemanasan dapat dilihat pada tabel
berikut ini. Tanda () merupakan tanda yang berarti halaman yang diuji
berhasil.

No
1

Tabel 5.7 BlackBox Testing Halaman Bantuan

Kondisi Awal
Hal yang
Kondisi Akhir Hasil
dilakukan
Test
Pengguna melihat
bantuan

Memilih menu
bantuan di halaman
utama

Masuk ke
halaman
bantuan