BAB V IMPLEMENTASI DAN PENGUJIAN

5.1

Batasan Implementasi Perangkat Lunak Pada tahap implementasi aplikasi web lelang barang memiliki batasan

agar sesuai dengan hasil analisis dan perancangan perangkat lunak yang akan dibangun. Batasan-batasan pada tahap implementasi aplikasi web lelang barang adalah sebagai berikut: 1. Aplikasi web lelang barang yang dibangun sebagian besar melelang barang jenis gadget dengan kategori yang telah ditentukan sebelumnya. 2. Software web server yang digunakan pada saat implementasi adalah xamppwin32-1.8.1. 3. Aplikasi web lelang barang diimplementasikan dalam 3 bagian, yaitu input, process, serta output. 4. Aplikasi web lelang barang dibangun pada lingkungan server yang dapat mempengaruhi kinerja aplikasi tersebut.

5.2

Perangkat Pengembangan dan Implementasi Dalam membangun perangkat lunak, dibutuhkan fasilitas berupa perangkat

pengembangan yang dapat menunjang kegiatan membangun perangkat lunak tersebut. Perangkat tersebut terdiri dari perangkat keras (hardware), perangkat lunak (software), serta sumber daya manusia (brainware).

5.2.1 Lingkungan Perangkat Keras (Hardware) Perangkat keras (hardware) yang dibutuhkan untuk mendukung kegiatan pembangunan perangkat lunak agar dapat digunakan dengan baik, minimal memiliki konfigurasi sebagai berikut: 1. ProcessorPentium IV berkecepatan 2 Ghz (Giga Hertz) 2. Random Acces Memory (RAM) 256 MB (Mega Byte) 3. Harddisk 20 GB (Giga Byte) 4. Alat input, yaitu keyboard, mouse, dan flashdisk 5. Alat output, yaitu monitor dan printer

5.2.2 Lingkungan Perangkat Lunak (Software) Perangkat lunak (software) yang dibutuhkan sebagai penunjang dalam kegiatan pengembangan perangkat lunak yang dibangun adalah sebagai berikut: 1. Sistem operasi (Operating System) Windows Vista 2. Bahasa pemograman PHP 3. Adobe Dreamweaver CS4 4. Adobe Fireworks CS4 5. EditPlus 3.0 6. Adobe Photoshop CS4 7. Web Browser (Google Chrome, Mozilla Firefox) Adapun alasan digunakannya bahasa pemograman PHP untuk membangun aplikasi web lelang barang ini adalah sebagai berikut: 1. PHP memiliki tingkat akses yang cepat. 2. PHP memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti perkembangan teknologi internet. 3. PHP bersifat gratis (free). 4. PHP memiliki tingkat keamanan yang tinggi.

5. PHP mendukung akses kepada banyak database baik yang bersifat gratis (free) maupun komersial, diantaranya adalah Adabas D, dBase, Empress, FilePro (read only), FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, MSQL, Direct MS SQL, MySQL, ODBC, Oracle (OC17 dan OC18), Ovrimos, PostgreSQL, Solid, SQLite, Sybase, Velocis, Unix DBM. 6. PHP dapat digunakan pada beberapa server, seperti Apache, Microsoft IIS (Internet Information Service), serta PWS (Personal Web Server).

5.2.3 Sumber Daya Manusia (Brainware) Sumber daya manusia (brainware) dalam pembangunan perangkat lunak memiliki peranan yang sangat penting, yakni sebagai pembuat perangkat lunak. Adapun sumber daya manusia (brainware) dalam pembangunan aplikasi web lelang barang adalah sebagai berikut: 1. Analyst system, berperan sebagai penganalisa sistem yang dibangun. Bertugas mendefinisikan secara keseluruhan mengenai perangkat lunak yang akan dibangun, mendefinisikan kebutuhan-kebutuhan apa saja yang ada dalam pembangunan perangkat lunak, serta melakukan perancangan perangkat lunak yang akan dibangun. 2. Web designer, berperan sebagai perancang tampilan halaman web. Bertugas mengontruksikan hasil rancangan antarmuka dalam bentuk halaman-halaman web. 3. Programmer, berperan sebagai pembuat perangkat lunak menjadi sebuah program yang lengkap. Bertugas melakukan pengkodean, serta

mengkontruksikan hasil analisis dan perancangan perangkat lunak menjadi sebuah aplikasi yang siap pakai.

5.3

Tahapan Implementasi Tahapan implementasi dalam pembangunan perangkat lunak merupakan

kegiatan untuk mengkontruksikan hasil analisis dan perancangan perangkat lunak. Adapun kegiatan tersebut adalah membuat antarmuka (interface), serta melakukan pengkodean (coding).

5.3.1 Aktivasi Prosedur Berdasarkan Arsitektur Program Aktivasi prosedur berdasarkan arsitektur program merupakan tahapan implementasi dalam mempersiapkan antarmuka (interface) dengan menggunakan komponen-komponen yang dibutuhkan oleh perangkat lunak yang akan dibangun. Adapun komponen program yang digunakan untuk membangun aplikasi web lelang barang adalah sebagai berikut:

Tabel 5.1 Komponen Program Komponen 1. Common a. Table a. Merupakan komponen yang Deskripsi

digunakan untuk membuat layout halaman web atau untuk membuat tabel. b. Image b. Merupakan digunakan komponen untuk yang

menampilkan

gambar (image).

Komponen 2. Form a. Form a. Merupakan

Deskripsi

komponen

yang

digunakan sebagai form area. b. Text field b. Merupakan komponen yang

digunakan untuk memasukan teks. c. Text area c. Merupakan komponen yang

digunakan untuk memasukan teks yang memiliki size panjang. d. Combo box d. Merupakan digunakan komponen untuk yang

menentukan

pilihan dari daftar yang telah dibuat e. File field e. Merupakan komponen yang

digunakan untuk memasukan data berupa file. f. Button f. Merupakan komponen yang

digunakan sebagai tombol.

5.3.2 Aktivasi Prosedur Berdasarkan Struktur Menu Aktivasi prosedur berdasarkan struktur menu merupakan tahapan implementasi dengan cara membuat menu berupa halaman-halaman web yang dibutuhkan. Adapun struktur menu pada aplikasi web lelang barang yang dibangun adalah sebagai berikut:

Tabel 5.2 Struktur Menu Menu

1. .../web_lelang/index.php diakses

Deskripsi
Halaman awal ketika website pertama kali

2.

.../web_lelang/page/profil/index.php

Halaman yang berisi informasi mengenai Profil.

3.

.../web_lelang/page/index.php

Halaman yang menampilkan macam-macam barang yang dilelang.

4.

.../web_lelang/categories/catid.php

Halaman yang menampilkan barang-barang yang dilelang berdasarkan kategori.

5.

.../web_lelang/page/files/index.php

Halaman program informasi yang berisi file-file yang bisa diunduh.

6.

.../web_lelang/page/us/index.php

Halaman yang berisi form kotakpesan untuk menghubungi administrator

7.

.../web_lelang/page/us/index.php

Halaman yang berisi mengenai kebijakan privasi.

8. 9.

.../web_lelang/page/tos/index.php .../web_lelang/cpanel/index.php

Halaman yang berisi mengenai term of service. Halaman yang untuk login bagi member atau administrator

10. .../web_lelang/cpanel/register/index.php

Halaman yang berisi form pendaftaran bagi pengunjung yang belum terdaftar untuk

mendapatkan fasilitas yang tidak didapat pengunjung biasa. 11. .../web_lelang/cpanel/admin/index.php Halaman yang berisi form untuk mengelola keseluruhan fasilitas aplikasi barang. 12. .../web_lelang/cpanel/tamu/pages/index.php Halaman kelola data untuk member. web lelang

5.3.3 Aktivasi Prosedur Berdasarkan Kode Unit Aktivasi prosedur berdasarkan kode unit merupakan kegiatan

implementasi dengan cara melakukan pengkodean (coding). Kode unit merupakan modul kode program yang digunakan untuk pengaturan form. Adapun kode unit yang digunakan dalam membangun aplikasi web lelang barang adalah sebagai berikut:

Tabel 5.3 Kode Unit Administrator Kode Unit

1.

Deskripsi Kode untuk pencarian.

Kode mengelola form barang dan

2.

verifikasi barang.

Kode mengelola form pemenang lelang

3.

. Kode mengelola form progress lelang.

4.

Kode mengelola form member .

5.

Kode mengelola form contact us.

6.

Kode mengelola form download file

7.

Kode untuk melihat detail pemilik barang yang dilelang.

8.

9.

Kode untuk melihat profil admin dan ubah password.

aksi_modul.php

modul.php

10.

Kode mengelola form polling.

aksi_poling.php

poling.php

11.

Kode mengelola form profil.

aksi_profil.php

profil.php

12.

Kode mengelola form user.

aksi_users.php

users.php

13.

Kode mengelola kolom isi website.

content.php

Kode koneksi login.

cek_login.php

Kode Unit
14.

Deskripsi Kode koneksi untuk tampilan awal halaman admin.

index.php

15.

Kode untuk logout.

logout.php

16.

Kode halaman admin.

media.php

17.

Kode mengelola halaman admin.

menu.php

menu-menu

di

18.

Kode mengatur tata letak tampilan di layar monitor.

style.css

pada

Tabel 4.4 Kode Unit Member

Kode Unit 1.
captcha.php

Deskripsi Kode untuk text captha

2.

Kode mengelola form agenda.

agenda.php

aksi_agenda.php

Kode Unit 3.
aksi_album.php album.php

Deskripsi Kode mengelola file gambar.

4.
aksi_download.php download.php

Kode mengelola form download.

5.

Kode koneksi login.

cek_login.php

6.

Kode koneksi untuk tampilan awal halaman admin.

index.php

7.

Kode untuk logout.

logout.php

8.

Kode halaman admin.

media.php

9.

Kode mengelola halaman admin.

menu.php

menu-menu

di

Kode Unit 10.

Deskripsi Kode mengatur tata letak tampilan di layar monitor. pada

style.css

11.

index.php

Kode koneksi ke halaman utama

12.

Kode untuk memngelola tampilan pada halaman isi.

kiri.php

13.

Kode tampilan pada halaman utama

media.php

Tabel 4.4 Kode Unit Pengunjung

Kode Unit 1.
captcha.php

Deskripsi Kode untuk text captha

2.

Kode mengelola form agenda.

agenda.php

aksi_agenda.php

Kode Unit

Deskripsi Kode mengelola file gambar.

3. 4.

aksi_album.php

album.php

Kode mengelola form download.

aksi_download.php

download.php

5.

Kode koneksi login.

cek_login.php

6.

Kode koneksi untuk tampilan awal halaman admin.

index.php

7.

Kode untuk logout.

logout.php

8. Kode halaman admin.

media.php

9.

Kode mengelola halaman admin.

menu.php

menu-menu

di

10.

Kode mengatur tata letak tampilan di layar monitor.

style.css

pada

Kode Unit 11.

Deskripsi Kode koneksi ke halaman utama

index.php

12.

Kode untuk memngelola tampilan pada

halaman isi.
kiri.php

13.

Kode tampilan pada halaman utama

media.php

5.4

Antarmuka Perangkat Lunak Berikut adalah gambaran antarmuka dari aplikasi web lelang barang :

1. Halaman Index Pengunjung

Gambar 4.1 Halaman Index Pengunjung

2. Halaman Profil

Gambar 4.2 Halaman profil

3. Halaman Agenda

Gambar 4.3 HalamanAgenda

4. Halaman Berita

Gambar 4.4 Halaman Berita

5. Halaman Galeri Foto

Gambar 4.5 Halaman Galeri Foto

6. Halaman Hubungi Kami

Gambar 4.6 Halaman Hubungi Kami

7. Halaman Daftar Member

Gambar 4.7 Halaman Daftar Member

8. Halaman Index Member

Gambar 4.7 Halaman Index Member

9. Halaman Kirim Berita

Gambar 4.8 Halaman Kirim Berita

10. Halaman Download

Gambar 4.9 Halaman Download

11. Halaman Profil

Gambar 4.10 Halaman Profil

12. Halaman Agenda

Gambar 4.11 Halaman Agenda

13. Halaman Berita

Gambar 4.12 Halaman Berita

14. Halaman Galeri Foto

Gambar 4.13 Halaman Galeri Foto

15. Halaman Hubungi Kami

Gambar 4.14 Halaman Hubungi Kami

16. Halaman Daftar Member

Gambar 4.15 Halaman Daftar Member

17. Halaman Index Berita

Gambar 4.16 Halaman Index Berita

18. Halaman Login Admin

Gambar 4.17 Halaman Login Admin

19. Halaman Home Admin

Gambar 4.18 Halaman Home admin

20. Halaman Kelola User

Gambar 4.19 Halaman Manajemen User

21. Halaman Kelola Profil

Gambar 4.20 Halaman Profil Admin

22. Halaman Kelola Agenda

Gambar 4.21 Halaman Agenda Admin

23. Halaman Kelola Kategori

Gambar 4.22 Halaman Kategori Admin

24. Halaman Kelola Berita

Gambar 4.23 Halaman Berita Admin

25. Halaman Kelola Komentar

Gambar 4.24 Halaman Komentar

26. Halaman Kelola Download

Gambar 4.25 Halaman Download admin

27. Halaman Kelola Polling

Gambar 4.26 Halaman Polling Admin

28. Halaman Kelola Hubungi Kami

Gambar 4.27 Halaman Hubungi Kami Admin

29. Halaman Kelola Galeri Foto

Gambar 4.28 Halaman Galeri Foto Admin

4.3 Pengujian Perangkat Lunak Menggunakan Metode Black Box Pengujian black box merupakan metode pengujian yang berfokus pada persyaratan fungsional perangkat lunak, serta pengujian black-box cenderung

diaplikasikan selama tahap akhir pengujian. Berikut adalah black box test case aplikasi koran kampus berbasis web UNIBI untuk pengelolaan data berita:

Tabel 4.5 Test Case Proses Daftar Member

Data Uji
Username = String[50]

Input username = @yu02, password = 4yu#12, nama = ayu, telepon=0819098800889, Alamat email = ayu@yahoo.com,
kode = 08a765(sesuai dengan kode yang ditampilkan di layar)

Output yang Output Uji diharapkan Muncul pesan Muncul pesan Selamat Bergabung Selamat Bergabung

Hasil Uji Valid

Password=
String[50]

Nama=
String[50]

dengan Kami dengan Kami Be The Young Be The Young Be Informated Be Informated

Alamat email=
String[50] kode= String[50]

Username = String[50]

username = @yu02, password = 4yu#12, nama = ayu, telepon=0819098800889, Alamat email = ayu@yahoo.com,
kode = (tidak sesuai dengan kode yang ditampilkan di layar)

Muncul pesan Kode yang Anda masukkan tidak cocok UlangiLagi

Muncul pesan Kode yang Anda masukkan tidak cocok UlangiLagi

Valid

Password=
String[50]

Nama=
String[50]

Alamat email=
String[50] kode= String[50]

Data Uji
Username = String[50]

Input username = , password = 4yu#12,

Output yang Output Uji diharapkan Muncul pesan Muncul pesan Anda belum Anda belum

Hasil Uji Valid

Password=
String[50]

nama = ayu, telepon=0819098800889, Alamat email = ayu@yahoo.com,

kode = 08a765(sesuai dengan kode yang ditampilkan di layar)

mengisikan username Ulangi Lagi

mengisikan username Ulangi Lagi

Nama=
String[50]

Alamat email=
String[50] kode= String[50] Username = String[50]

username = @yu02, password = , nama = ayu, telepon=0819098800889, Alamat email = ayu@yahoo.com,

kode = 08a765(sesuai dengan kode yang ditampilkan di layar)

Muncul pesan Muncul pesan Anda belum Anda belum mengisikan Password mengisikan Password

Valid

Password=
String[50]

Nama=
String[50]

Alamat email=
String[50] kode= String[50] Username = String[50]

Ulangi Lagi

Ulangi Lagi

username = @yu02, password = 4yu#12 , nama = , telepon=0819098800889, Alamat email = ayu@yahoo.com,

kode = 08a765(sesuai dengan kode yang ditampilkan di layar)

Muncul pesan Muncul pesan Anda belum Anda belum mengisikan Nama Ulangi Lagi mengisikan Nama Ulangi Lagi

Valid

Password=
String[50]

Nama=
String[50]

Alamat email=
String[50] kode= String[50]

Data Uji
Username = String[50]

Input username = @yu02,

Output yang Output Uji diharapkan Muncul pesan Muncul pesan

Hasil Uji Valid

Password=
String[50]

password = 4yu#12 , nama = ayu , telepon= , Alamat email = ayu@yahoo.com,

kode = 08a765(sesuai dengan kode yang ditampilkan di layar)

Anda belum Anda belum mengisikan

Telepon

mengisikan
Telepon

Nama=
String[50]

Alamat email=
String[50] kode= String[50]

Ulangi Lagi

Ulangi Lagi

Username = String[50]

username = @yu02, password = 4yu#12 , nama = ayu , telepon=652465465824, Alamat email = ,

kode = 08a765(sesuai dengan kode yang ditampilkan di layar)

Muncul pesan

Muncul pesan

Valid

Anda belum Anda belum mengisikan Email Ulangi Lagi mengisikan Email Ulangi Lagi

Password=
String[50]

Nama=
String[50]

Alamat email=
String[50] kode= String[50]

Tabel 4.7 Test Case Login

Data Uji

Input

Output yang

Output Uji

Hasil

diharapkan Username=
String[50]

Uji Menampilkan kotak pesan valid

( )

Menampilkan kotak Anda mengisikan username pesan

belum Anda mengisikan username

belum

Password=
String[50]

( )

Menampilkan kotak Anda mengisikan Password pesan

Menampilkan kotak pesan

valid

belim Anda mengisikan pasword

belum

Username=
String[50]

123(acak)

Menampilkan pesan Menampilkan pesan valid LOGIN Username GAGAL! LOGIN atau Username GAGAL! atau

(salah/tidak sesuai pada saat daftar)

Password Anda tidak Password Anda tidak benar. benar.

Atau account Anda Atau account Anda sedang diblokir. sedang diblokir. ULANGI LAGI ULANGI LAGI

Password=
String[50]

123(acak)

Menampilkan pesan Menampilkan pesan valid LOGIN Username GAGAL! LOGIN atau Username GAGAL! atau

(salah/tidak sesuai pada saat daftar)

Password Anda tidak Password Anda tidak benar. benar.

Atau account Anda Atau account Anda sedang diblokir. sedang diblokir. ULANGI LAGI ULANGI LAGI