IMPLEMENTASI WEB LELANG BARANG DENGAN PENDEKATAN TEKNOLOGI AJAX PUSH

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

IMPLEMENTASI WEB LELANG BARANG DENGAN
PENDEKATAN TEKNOLOGI AJAX PUSH

Skripsi

Diajukan Untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Komputer
Program Studi Teknik Informatika

Oleh:
Bene Diktus Eki Prabowo
095314050

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
2013

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

IMPLEMENTATION OF AUCTION WEB USING
AJAX PUSH TECHNOLOGY

A Thesis

Presented As A Partial Fulfillment of The Requrements
To Obtain The Sarjana Komputer Degree

in Informatics Engineering Study Program

By:
Bene Diktus Eki Prabowo
095314050

INFORMATIC ENGINEERING STUDY PROGRAM
DEPARTMENT OF INFORMATIC ENGINEERING
FACULTY OF SCIENCE AND TECHNOLOGY
SANATA DHARMA UNIVERSITY
YOGYAKARTA
2013

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

HALAMAN

ii

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

iii

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

LEMBAR MOTTO

“halangan dan rintangan bukan merupakan hal yang harus dihindari,
jalani dengan segenap usaha untuk dapat melewatinya”
“musuh terbesar dalam hidup adalah kemalasan, berjuang untuk
tetap memerangi kemalasan”
“HIDUP DENGAN BERSYUKUR DAN TERIMA KASIH”

iv

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

PERNYATAAN KEASLIAN KARYA

Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini

tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan
dalam kutipan dan daftar pustaka sebagaimana layaknya karya ilmiah.

Yogyakarta, 13 November 2013

v

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

PUBLIKASI KARYA ILMIAH UNTUK KEPERLUAN AKADEMIS

Yang bertanda tangan di bawah ini, saya mahasiswa Universitas Sanata Dharma:
Nama

: Bene Diktus Eki Prabowo

Nomor Mahasiswa

: 095314050

Demi mengembangkan ilmu pengetahuan, saya memberikan kepada perpustakaan
Universitas Sanata Dharma karya ilmiah saya yang berjudul:
IMPLEMENTASI WEB LELANG BARANG DENGAN PENDEKATAN
TEKNOLOGI AJAX PUSH
Beserta perangkat yang diperlukan. Dengan demikian saya memberikan kepada
Perpustakaan Universitas Sanata Dharma hak untuk menyimpan, mengalihkan
dalam bentuk media lain, mengelolanya dalam bentuk pangkalan data,
mendistribusikan secara terbatas, dan mempublikasikannya di Internet atau media
lain untuk kepentingan akademis tanpa perlu meminta izin dari saya maupun
memberikan royalti kepada saya selama tetap mencantumkan nama saya sebagai
penulis. Demikian pernyataan ini saya buat dengan sebenarnya.
Dibuat di Yogyakarta,
Pada tanggal:13 November 2013

vii

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
viii

ABSTRAK
Lelang merupakan salah satu cara perdagangan yang populer saat ini.
Lelang dapat diartikan sebagai proses penjualan yang dilakukan di hadapan orang
banyak dengan tawaran yang atas – mengatasi yang dipimpin oleh pejabat lelang.
Peserta lelang harus berkumpul di suatu tempat / balai lelang untuk menghadiri
lelang.
Dengan semakin berkembangnya teknologi dan internet dimungkinkan
untuk melakukan lelang dengan media tersebutDalam tugas akhir ini akan dibuat
web yang dapat digunakan untuk memfasilitasi transaksi lelang. Media tersebut
dituntut untuk dapat menampilkan data penawaran baru secara cepat sehingga
peserta lelang dapat mengetahui harga penawaran terbaru dan dapat menentukan

harga penawaran yang akan dilakukan. Untuk itu akan diterapkan mekanisme
server-push pada pembuatan web ini. Server-push merupakan suatu mekanisme
yang memungkinkan server untuk mengirimkan update kepada client secara terus
menerus. Dalam tugas akhir ini juga akan dilakukan pengujian untuk menetahui
performa web yang dibuat sehingga dapat diketahui apakah komponen yang
digunakan

dalam

pembuatan

web

ini

baik

atau

tidak.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

ABSTRACT
Auction is one of the popular trading today. Auction can be defined as a
process of selling goods or services by offering them up for bid, taking bids, and
then selling the item to the highest bidder. Auction is led by the auction official.
The bidders have to gather in a place or auction house to attend the auction
process.
The development of technology and internet has made this media posible
to perform an auction. In this thesis (final project), the writer would create a
website that can be used to facilitate the auction transaction. The media is required
to display the new bid data quickly so that the bidders know the lastest bid price
and then determine the bid price. Therefore, the writer would implement serverpush mechanism in this website. Server-push is a mechanism that allows the
server to send data update to the client continuously. In this thesis (final project),

the writer would verify the website in order to find out the website performance.
Therefore, it can be identified whether the components used in the website
making process is good or not.

viii

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

KATA PENGANTAR

Puji dan syukur kepada Tuhan karena atas segala berkat dan bimbinganNya, penulis dapat menyelesaikan tugas akhir ini dengan baik. Tugas akhir ini
ditulis untuk memenuhi salah satu syarat untuk memperoleh gelar Sarjana
Komputer dari Program Studi Teknik Informatika Universitas Sanata Dharma.
Penulis menyadari bahwa selesainya tugas akhir ini tak lepas dari bantuan orang –
orang di sekitar penulis. Oleh sebab itu, penulis mengucapkan terima kasih

kepada:
1. Tuhan Yesus Kristus yang telah menyertai, membimbing dan
menuntun penulis dalam menyelesaikan tugas akhir ini sehingga
tugas akhir ini dapat selesai dengan baik.
2. Bapak Puspaningtyas Sanjoyo Adi, S. T., M. T., selaku dosen
pembimbing yang telah bersedia meluangkan waktu, ide, serta
pikiran untuk membimbing penulis dalam menyelesaikan tugas
akhir ini.
3. Dosen – dosen Teknik Informatika, Bu Rido, Pak Wawan, Bu
Tatik, Bu Polina dan semua dosen yang telah membimbing penulis
selama mengikuti kuliah sehingga penulis mendapatkan ilmu yang
berguna untuk menyelesaikan tugas akhir ini.
4. Keluarga saya, Bapak Ig Sukirna, Ibu El Siswanti, kakak Henricus
Eko Prabowo dan adik Brigitta Iko Rosario yang selalu

ix

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
x

mendampingi, memberi semangat dan motivasi serta mendoakan
penulis sehingga tugas akhir ini dapat selesai dengan baik dan tepat
pada waktunya.
5. Yohana Buragoran, seorang kekasih yang sekaligus menjadi teman
dan sahabat penulis yang menjadi salah satu motivasi penulis
dalam menyelesaikan tugas akhir ini. Wanita yang selalu
memberikan dukungan kepada penulis agar tetap semangat dan
pantang menyerah untuk menyelesaikan tugas akhir ini dengan
baik.
6. Teman – teman Teknik Informatika, Tinus, Ardha, Aden, Fidi, dan
semua teman – teman yang tidak bisa saya sebutkan satu per satu,
yang selalu memberikan semangat dan bantuan kepada penulis
dalam menyelesaikan tugas akhir ini.
7. Saya sendiri yang telah berusaha dan bekerja keras mengerjakan
tugas akhir ini. Orang yang mencoba melawan kemalasan diri
sendiri demi selesainya tugas akhir ini.

Yogyakarta,

November 2013

Penulis

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

DAFTAR ISI
HALAMAN PERSETUJUAN ................................................................................ ii
HALAMAN PENGESAHAN ................................................................................ iii
LEMBAR MOTTO ................................................................................................ iv
PERNYATAAN KEASLIAN KARYA ................................................................. v
PUBLIKASI KARYA ILMIAH UNTUK KEPERLUAN AKADEMIS ............. vii
ABSTRAK ........................................................................................................ viviii
ABSTRACT ......................................................................................................... viii
KATA PENGANTAR ......................................................................................... ixx
DAFTAR ISI .......................................................................................................... ix
DAFTAR GAMBAR........................................................................................... xiv
DAFTAR TABEL................................................................................................ xvi
DAFTAR LIST.................................................................................................. xviii
DAFTAR QUERY............................................................................................... xix
BAB I ...................................................................................................................... 1
PENDAHULUAN .................................................................................................. 1
1.1.

Latar Belakang Masalah.................................................................. 1

1.2.

Rumusan Masalah........................................................................... 3

1.3.

Batasan Masalah............................................................................. 3

1.4.

Tujuan Penelitian............................................................................ 3

1.5.

Manfaat Penelitian.......................................................................... 4

1.6.

Luaran............................................................................................. 4

1.7.

Metodologi Penelitian..................................................................... 5

1.8.

Sistematika Penulisan..................................................................... 6

xi

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
xii

BAB II ..................................................................................................................... 7
LANDASAN TEORI .............................................................................................. 7
2.1.

Lelang.............................................................................................. 7

2.2.

Web Server...................................................................................... 9

2.3.

Real-time....................................................................................... 11

2.4.

HTML Dynamic Document........................................................... 15

2.5.

JavaServer Faces(JSF)................................................................. 16

2.6.

ICEfaces Framework.................................................................... 20

BAB III ................................................................................................................. 22
ANALISIS DAN PERANCANGAN .................................................................... 22
3.1.

Deskripsi Umum Aplikasi............................................................. 22

3.2.

Analisis Masalah........................................................................... 23
3.2.1. Sistem Lelang Konvensional............................................. 23
3.2.2. Gambaran Sistem Yang Dikembangkan........................... 23

3.3.

Perancangan Aplikasi.................................................................... 26
3.3.1. Diagram Use Case............................................................. 26
3.3.2. Definisi Use Case.............................................................. 26
3.3.3. Skenario............................................................................. 27
3.3.4. Perancangan Basis Data.................................................... 34
3.3.5. Desain Tampilan............................................................... 39

3.4.

Cara Pengujian dan Analisa Hasil................................................. 43

BAB IV ................................................................................................................. 45
IMPLEMENTASI. ................................................................................................ 45
4.1.

Deskripsi Umum Aplikasi............................................................. 45

4.2.

Implementasi Tabel Basis Data..................................................... 46

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
xiii

4.3.

Implementasi Halaman.................................................................. 48
4.3.1. Halaman Utama................................................................. 48
4.3.2. Halaman Registrasi........................................................... 49
4.3.3. Halaman Profile................................................................ 51
4.3.4. Halaman Edit Profile......................................................... 51
4.3.5. Halaman Buat Lelang........................................................ 52
4.3.6. Halaman Lelang................................................................ 54
4.3.7. Halaman Edit Lelang......................................................... 55
4.3.8. Halaman Daftar Lelang..................................................... 55

BAB V................................................................................................................... 57
HASIL DAN PEMBAHASAN ............................................................................. 57
5.1.

Uji Fungsional............................................................................... 57
5.1.1. Login................................................................................. 57
5.1.2. Buat Lelang....................................................................... 58
5.1.3. Buat Penawaran................................................................. 61
5.1.4. Edit Profile........................................................................ 62
5.1.5. Logout............................................................................... 63
5.1.6. Cari Barang....................................................................... 64
5.1.7. Register............................................................................. 65

5.2.

Uji Non-Fungsional....................................................................... 68
5.2.1. Performa Sistem................................................................ 68
5.2.2. Fairness dan Transparency............................................... 81

BAB VI ................................................................................................................. 84
PENUTUP
6.1.

84
Kesimpulan................................................................................... 68

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
xiv

6.2.

Saran............................................................................................. 68

DAFTAR PUSTAKA ........................................................................................... 86
LAMPIRAN .......................................................................................................... 88

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

DAFTAR GAMBAR
Gambar 2.1. Web Server ...................................................................................... 10
Gambar 2.1. Simulasi Polling .............................................................................. 12
Gambar 2.2. Simulasi HTTP Long – Polling ....................................................... 13
Gambar 2.3. Simulasi HTTP Streaming ............................................................... 14
Gambar 2.4. Ilustrasi Ajax Push ........................................................................... 21
Gambar 3.1. Skema Proses Lelang ...................................................................... 25
Gambar 3.2. Arsitektur Sistem ............................................................................. 25
Gambar 3.3. Diagram Use Case ........................................................................... 26
Gambar 3.4. ER Diagram ..................................................................................... 34
Gambar 3.5. Logical Design ................................................................................ 35
Gambar 3.6. Rancangan Tampilan Halaman Depan ............................................ 39
Gambar 3.7. Rancangan Tampilan Halaman Barang ........................................... 40
Gambar 3.8. Rancangan Tampilan Halaman Lelang ........................................... 41
Gambar 3.9. Rancangan Tampilan Halaman Registrasi ...................................... 42
Gambar 3.10. Rancangan Tampilan Halaman Profile ......................................... 42
Gambar 3.11. Rancangan Tampilan Halaman Penawaran ................................... 43
Gambar 4.1. Implementasi Halaman Utama ........................................................ 49
Gambar 4.2. Implementasi Halaman Registrasi ................................................... 50
Gambar 4.3. Implementasi Halaman Input Gambar Profil .................................. 50
Gambar 4.4. Implementasi Halaman Profil .......................................................... 51
Gambar 4.5. Implementasi Halaman Edit Profil .................................................. 52
Gambar 4.6. Implementasi Halaman Buat Lelang ............................................... 53
Gambar 4.7. Implementasi Halaman Input Gambar Lelang ................................ 53

xiv

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
xv

Gambar 4.8. Implementasi Halaman Lelang ........................................................ 54
Gambar 4.9. Implementasi Halaman Edit Lelang ................................................ 55
Gambar 4.10. Implementasi Halaman Daftar Lelang .......................................... 56
Gambar 5.1. Daftar Penawaran 1 sampai 10 ........................................................ 81
Gambar 5.2. Daftar Penawaran 11 samapai 20 .................................................... 82
Gambar 5.3. Daftar Penawaran Barang Dengan id_item itm10000000020 ......... 83

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

DAFTAR TABEL
Tabel 3.1. Definisi Use Case ................................................................................ 26
Tabel 3.2. Skenario Use Case Login .................................................................... 27
Tabel 3.3. Skenario Use Case Buat Lelang ......................................................... 28
Tabel 3.4. Skenario Use Case Buat Penawaran ................................................... 29
Tabel 3.5. Skenario Use Case Edit Profil ............................................................ 30
Tabel 3.6. Skenario Use Case Cari Barang .......................................................... 31
Tabel 3.7. Skenario Use Case Register ................................................................ 31
Tabel 3.8. Skenario Use Case Edit Lelang .......................................................... 32
Tabel 3.9. Tabel Member ..................................................................................... 36
Tabel 3.10. Tabel Category .................................................................................. 37
Tabel 3.11. Tabel Item ......................................................................................... 37
Tabel 3.12. Tabel Picture ..................................................................................... 38
Tabel 3.13. Tabel Bid ........................................................................................... 38
Tabel 5.1. Hasil Pengujian Case Login ................................................................ 58
Tabel 5.2. Hasil Pengujian Case Buat Lelang ...................................................... 59
Tabel 5.3. Hasil Pengujian Case Buat Penawaran ............................................... 61
Tabel 5.4. Hasil Pengujian Case Edit Profil ......................................................... 62
Tabel 5.5. Hasil Pengujian Case Logout .............................................................. 64
Tabel 5.6. Hasil Pengujian Case Cari Barang ...................................................... 65
Tabel 5.7. Hasil Pengujian Case Register ............................................................ 66
Tabel 5.8. Hasil Pengujian 20 Pengguna PC 1 – 10 (Percobaan 1) ..................... 70
Tabel 5.9. Hasil Pengujian 20 Pengguna PC 11 – 20 (Percobaan 1) ................... 70
Tabel 5.10. Hasil Pengujian 20 Pengguna PC 1 – 10 (Percobaan 2) ................... 70

xvi

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
xvii

Tabel 5.11. Hasil Pengujian 20 Pengguna PC 11 – 20 (Percobaan 2) ................. 71
Tabel 5.12. Hasil Pengujian 30 Pengguna PC 1 – 10 (Percobaan 1) ................... 71
Tabel 5.13. Hasil Pengujian 30 Pengguna PC 11 – 20 (Percobaan 1) ................. 71
Tabel 5.14. Hasil Pengujian 30 Pengguna PC 21 – 30 (Percobaan 1) ................. 72
Tabel 5.15. Hasil Pengujian 30 Pengguna PC 1 – 10 (Percobaan 2) ................... 72
Tabel 5.16. Hasil Pengujian 30 Pengguna PC 11 – 20 (Percobaan 2) ................. 72
Tabel 5.17. Hasil Pengujian 30 Pengguna PC 21 – 30 (Percobaan 2) ................. 73
Tabel 5.18. Selisih Waktu Update 20 Pengguna PC 1 – 10 (Percobaan 1) ......... 74
Tabel 5.19. Selisih Waktu Update 20 Pengguna PC 11 – 20 (Percobaan 1) ....... 74
Tabel 5.20. Selisih Waktu Update 20 Pengguna PC 1 – 10 (Percobaan 2) ......... 75
Tabel 5.21. Selisih Waktu Update 20 Pengguna PC 11 – 20 (Percobaan 2) ....... 75
Tabel 5.22. Selisih Waktu Update 30 Pengguna PC 1 – 10 (Percobaan 1) ......... 76
Tabel 5.23. Selisih Waktu Update 30 Pengguna PC 11 – 20 (Percobaan 1) ....... 76
Tabel 5.24. Selisih Waktu Update 30 Pengguna PC 21 – 30 (Percobaan 1) ....... 77
Tabel 5.25. Selisih Waktu Update 30 Pengguna PC 1 – 10 (Percobaan 2) ......... 77
Tabel 5.26. Selisih Waktu Update 30 Pengguna PC 11 – 20 (Percobaan 2) ....... 78
Tabel 5.27. Selisih Waktu Update 30 Pengguna PC 21 – 30 (Percobaan 2) ....... 78
Tabel 5.28. Performa Aplikasi Web Lelang ......................................................... 79
Tabel 5.29. Hasil Pengujian Non-Fungsional ...................................................... 80

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

DAFTAR LIST
List 2.1. Contoh Elemen Sederhana ..................................................................... 17
List 2.2. Contoh Elemen Majemuk ...................................................................... 17
List 2.3. Elemen Standar JSF ............................................................................... 17
List 2.4. Tag XML ............................................................................................... 18
List 2.5. Tag Identifikasi XML ............................................................................ 18
List 2.6. Tag HTML ............................................................................................. 18
List 2.7. Managed Bean ....................................................................................... 19
List 2.8. Anotasi ................................................................................................... 20

xviii

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

DAFTAR QUERY
Query 4.1. Query DDL Tabel Member ................................................................ 46
Query 4.2. Query DDL Tabel Category ............................................................... 46
Query 4.3. Query DDL Tabel Item ...................................................................... 47
Query 4.4. Query DDL Tabel Picture .................................................................. 47
Query 4.5. Query DDL Tabel Bid ........................................................................ 48

xix

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

BAB I
PENDAHULUAN

1.1.

Latar Belakang Masalah
Kebutuhan manusia akan barang – barang kebutuhan hidup mendorong

manusia untuk melakukan kegiatan jual – beli barang. Kegiatan jual-beli barang
sudah dikenal dari jaman dahulu dengan metode barter atau melakukan tukar –
menukar barang yang dimiliki. Ada berbagai macam cara untuk melakukan
transaksi jual – beli barang. Salah satu cara jual – beli yang sering digunakan
manusia adalah dengan sistim lelang. Dalam kamus besar bahasa Indonesia,
lelang berati penjualan di hadapan orang banyak (dengan tawaran yang atas –
mengatasi) yang dipimpin oleh pejabat lelang.
Dengan semakin berkembangnya teknologi dan internet sangat
dimungkinkan untuk kita dapat bertransaksi lelang dengan media tersebut.
Dengan demikian lelang tidak lagi harus dilaksanakan di satu tempat melainkan
setiap peserta lelang dapat melakukan pelelangan dari tempat yang jauh dan
berbeda – beda.
Untuk dapat melakukan lelang dengan media internet, dibutuhkan media
/ web yang dapat memfasilitasi para peserta lelang dan penjual untuk dapat
bertransaksi. Dengan adanya web lelang barang proses lelang akan menjadi lebih
mudah dan sederhana. Di dalam lelang terdapat unsur transparency dan fairness

1

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
2

dimana peserta lelang dapat mengetahui siapa penawar dan berapa besar
penawarannya sehingga dengan begitu dapat diketahui siapa peserta lelang yang
pantas memenangkan lelang. Karena proses lelang dilakukan oleh banyak orang
sekaligus, dan mungkin selang waktu antar penawaran yang terjadi sangat cepat,
maka web yang akan dibuat dituntut untuk tidak hanya dapat menampilkan
penawaran pada waktu tertentu, tetapi juga memberikan update penawaran secara
real-time.
Dalam kegiatan lelang terdapat tahap penawaran, penentuan harga
tertinggi

dan

proses

pembayaran.

Dalam

tulisan

ini

hanya

akan

mengimplementasikan web yang akan memfasilitasi proses pelelangan barang.
Untuk proses pembayaran dan proses lain di luar lelang tidak akan dikerjakan.
Untuk memfasilitasi kebutuhan peserta lelang yang menginginkan update
penawaran secara real-time akan diterapkan mekanisme server-push. Server-push
merupakan sebuah mekanisme untuk mengirim data dari web server ke web
browser. Server-push memungkinkan server untuk terus – menerus mengirimkan
update ke client. Untuk itu web akan dibangun dengan menggunakan komponen
ICEfaces yang dapat memfasilitasi mekanisme server-push.
Dari tulisan ini akan dihasilkan sebuah web lelang barang yang tidak
hanya menampilkan web yang statik tetapi web yang akan dihasilkan adalah
sebuah web yang interaktif yang dapat memfasilitasi transaksi lelang barang dan
dapat menerima update penawaran secara langsung.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
3

1.2.

Rumusan Masalah
Berdasarkan uraian latar belakang di atas, maka yang menjadi rumusan

masalah dalam penelitian ini adalah:
1. Bagaimana merancang, implementasi dan mengukur kualitas teknologi
server-push ke dalam sebuah web lelang sehingga dapat menghasilkan
web interaktif yang menampilkan data secara real-time?
2. Bagaimana menangani masalah transparancy dan fairness dalam lelang
online?

1.3.

Batasan Masalah
Penelitian ini akan membuat web yang memfasilitasi ascending bid atau

lelang Inggris. Pembuatan aplikasi ini akan menggunakan komponen ICEfaces
yang kemudian akan diteliti apakah komponen tersebut dapat berjalan dengan
baik atau tidak. Penelitian dilakukan dengan menguji seberapa cepat server dapat
mengirim update.

1.4.

Tujuan Penelitian
Tujuan yang ingin dicapai dalam penelitian ini adalah:
1. Merancang dan membangun sistem informasi lelang barang berbasis
web.
2. Menguji program yang dibangun, apakah dapat berjalan dengan baik.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
4

1.5.

Manfaat Penelitian
Dari penelitian ini diharapkan akan memberikan manfaat yaitu:
1. Memudahkan

penjual

untuk

menjual

barang dan

memudahkan

pemantauan terhadap penawaran harga.
2. Membantu peserta lelang/pembeli barang untuk dapat memperoleh
barang yang diinginkan sesuai dengan kemampuannya.
3. Memudahkan peserta lelang dalam menentukan harga penawaran dengan
selalu mengupdate penawaran yang terbaru.

1.6.

Luaran
Luaran yang akan dihasilkan dari skripsi ini adalah sebuah web lelang

interaktif yang dapat memfasilitasi proses lelang dan dapat menerima masukan
kemudian menampilkan penawaran harga secara real-time. Manfaat dari web
lelang ini adalah memudahkan transaksi lelang yang dilakukan secara online
dimana peserta lelang dapat mengetahui update penawaran harga terbaru sehingga
peserta lelang dapat menentukan penawaran yang sesuai.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
5

1.7.

Metodologi Penelitian
Metodologi yang akan digunakan dalam penyusunan tugas akhir ini

adalah sebagai berikut:
1. Survey kebutuhan program
2. Studi literatur, meliputi :
a.

Pendalaman konsep.
Memahami dan mendalami konsep tentang Server-Push dan

aplikasi pendukungnya juga cara implementasinya.
b.

Mempelajari perangkat lunak yang terlibat
Mempelajari konsep pemrograman web untuk membangun web

real time.
3. Pengembangan

perangkat

lunak

dengan

metode

pengembangan

perangkat lunak berorientasi objek, dengan langkah - langkah sebagai
berikut:
a. Analisis dan Desain sistem
1. Pembuatan Use case Diagram, Class Diagram, dan Sequence
Diagram.
2. Perancangan database.
3. Perancangan User Interface
b. Implementasi

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
6

1.8.

Sistematika Penulisan
Sistematika penulisan yang digunakan dalam penelitian ini adalah

sebagai berikut:
-

BAB I PENDAHULUAN
Bab ini menjelaskan latar belakang penelitian, rumusan masalah,

batasan masalah, tujuan penelitian, metodologi penelitian dan sistematika
penulisan.
-

BAB II DASAR TEORI
Bab ini menjelaskan dasar teori yang dipakai sebagai referensi dan

acuan dalam penelitian yang dilakukan.
-

BAB III METODOLOGI PENELITIAN
Bab ini menjelaskan mengenai metode yang dipakai dalam penelitian

dan pembuatan web sebagai implementasi.
-

BAB IV IMPLEMENTASI
Bab ini berisi mengenai listing dari implementasi yang telah dibuat

beserta penjelasan dan output dari imlementasi tersebut serta hasil
evaluasinya.
-

BAB V PENUTUP
Bab ini berisi kesimpulan dan saran dari penulis.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

BAB II
LANDASAN TEORI

Pada landasan teori ini akan dijelaskan secara singkat tentang hal – hal
yang berkaitan dengan mekanisme server-push dan teknologi yang digunakan
dalam server-push.

2.1.

Lelang
Lelang merupakan proses jual – beli barang atau jasa dengan cara

menawarkan kepada banyak penawar. Penawar akan melakukan penawaran yang
lebih tinggi dari penawaran sebelumnya untuk dapat membeli barang yang dijual.
Penawar dengan nilai penawaran paling tinggi berhak untuk membeli barang
sesuai dengan penawaran.
Lelang online adalah lelang yang diselenggarakan melalui media internet.
Ruang lingkup dan jangkauan lelang kini menjadi lebih luas oleh internet. Lelang
online kini telah memecah dan menghapus keterbatasan fisik lelang tradisional,
seperti batasan geografi, waktu kehadiran, ruang, dan luasan sasaran.

7

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
8

Jenis Lelang:
1. Ascending – bid
Ascending – bid atau lelang naik juga disebut lelang Inggris.
Pelelangan ini dilakukan secara interaktif dimana peserta lelang hadir
baik secara fisik ataupun elektronik. Harga secara bertahap akan naik
sesuai dengan penawaran peserta, penawar akan terus berkurang hingga
tersisa satu penawar yang memenangkan lelang pada harga terakhir.
2. Descending – bid
Descending – bid atau lelang turun juga disebut lelang Belanda.
Lelang ini adalah kebalikan dari ascending – bid, dimana penjual secara
bertahap akan menurunkan harga dari harga tertinggi hingga penawar
menerima dan membayar harga yang disepakati.
3. Lelang penawaran tertutup dengan penawaran terbaik
Lelang penawaran tertutup dengan penawaran terbaik adalah lelang
yang dilakukan dengan cara pelelang melakukan penawaran secara
tertutup kepada penjual. Nilai lelang ditulis kemudian dimasukkan dalam
amplop tertutup yang kemudian akan dibuka secara bersama di hadapan
peserta lelang. Penawar dengan harga tertinggi memenangkan lelang dan
membayar sesuai dengan nilai penawarannya.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
9

4. Lelang penawaran tertutup dengan harga kedua
Lelang penawaran terttutup dengan harga kedua disebut juga dengan
lelang Vickrey. Lelang ini hampir mirip dengan lelang penawaran
tertutup dengan penawaran terbaik, hanya saja pemenang lelang hanya
akan membayar sebesar jumlah yang ditawarkan penawar tertinggi
kedua.

2.2.

Web Server
Web server merupakan sebuah perangkat lunak server yang berfungsi

untuk menerima request(permintaan) HTTP atau HTTPS dari client atau web
browser kemudian mengirimkan kembali hasilnya dalam bentuk halaman web.
Prinsip kerja web server cukup sederhana karena pada dasarnya tugas web server
hanya dua, yaitu:
1. Menerima permintaan dari client (request)
2. Mengirimkan apa yang diminta client (response)

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
10

Gambar 2.1. Web Server
Gambar di atas merupakan gambaran cara kerja web server menangani request.
Berikut ini merupakan penjelasan dari gambar:
1. Web browser mengirimkan HTTP request ke web server melalui internet.
2. Setelah menerima request, web server mengambil file yang diminta dan
mengirimkan halaman web ke web browser.
3. Web browser menanalisa file halaman web untuk menentukan apakah ada
file yang dimasukkan (seperti gambar, animasi, uara, dan sebagainya)
yang dibutuhkan web browser dari server.
4. Web browser mengirimkan beberapa HTTP request ke web server(satu
request untuk satu file).

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
11

5. Web server menerima request untuk file, server menemukan setiap file dan
mengirimkannya ke web browser.
6. Web browser mengambil file halaman web kemudian menggabungkan
halaman web dengan file kemudian akan ditampilkan di layar.

2.3.

Real-time
Sistem komputer real-time merupakan suatu sistem komputer dimana

luaran dari sistem tidak hanya mementingkan ketepatan pelaksanaan instruksi,
tetapi juga interval waktu ketika output sampai kepada pengguna(Kopetz, 2011).
Sistem real-time merupakan sistem yang menggunakan batasan waktu dalam
menghasilkan output (mementingkan respon yang cepat).
Berikut adalah beberapa metode yang sering digunakan:
-

Polling
Polling mengambil event dari browser untuk mengotomatisasi proses

mendapatkan informasi baru. Pengembang harus membuat set interval
seperti fungsi Javascript setInterval() untuk memeriksa update setiap
detiknya. Simulasi polling dapat dilihat pada Gambar 2.1.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
12

Gambar 2.2. Simulasi Polling
Meskipun polling ini merupakan solusi yang dapat dipakai, tetapi
polling memiliki kekurangan. Kekurangan yang paling jelas terlihat adalah
polling menciptakan banyak permintaan kosong yang tidak diperlukan
dalam sebuah aplikasi.

-

HTTP Long-Polling
HTTP long-polling membuka HTTP request untuk jangka waktu

tertentu untuk mendapatkan respon dari server. Jika terdapat data baru,
server akan mengirimkan data dan menutup permintaan/request, jika tidak
permintaan tersebut akan ditutup setelah batas interval habis dan kemudian
akan membuka permintaan baru.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
13

Gambar 2.3. Simulasi HTTP Long – Polling
Dibandingkan dengan polling standar, long-polling jauh lebih efisien.
Hal ini dikarenakan long-polling dapat mengrangi jumlah permintaan yang
dikirim oleh aplikasi. Pendekatan ini menyediakan mekanisme dimana
server dapat memberi tahu client jika terdapat data baru.

-

HTTP Streaming
Http streaming sangat mirip dengan Http long-polling, hanya saja pada

HTTP streaming koneksi tidak akan tertutup ketika data baru tersedia atau
pada interval waktu tertentu. Data baru akan dikirimkan server dari
koneksi yang ada.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
14

Gambar 2.4. Simulasi HTTP Streaming
Manfaat dari model ini adalah koneksi antara client dan server selalu
bertahan sehingga data baru yang tersedia langsung dapat dikirimkan ke
server, dan setiap terdapat data baru selanjutnya juga akan dikirim dengan
koneksi yang sama. Hal ini menjamin bahwa client dan server tetap
sinkron.
HTTP streaming memiliki keterbatasan dalam komunikasi dua arah.
Oleh karena itu HTTP streaming harus melibatkan sumberdaya lain yang
digunakan untuk koneksi kedua untuk komunikasi antara client dengan
server.
Masalah lain dalam pendekatan HTTP streaming ini adalah
inkonsistensi bagaimana HTTP streaming dapat dicapai oleh web browser
yang tidak berbasis Gecko. Dalam browser yang berbasis Gecko
dimungkinkan untuk menggunakan multipart replace headers yang
memberitahu browser untuk mengganti konten lama deangan konten baru.
Dalam browser lain hal ini tidak dimungkinkan, sehingga buffer respon

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
15

akan terus tumbuh hingga tidak ada pilihan lain selain menutup dan
membuka lagi koneksi ke server.

2.4.

HTML Dynamic Document
Model dokumen HTML standar merupakan model statik dimana dokumen

merupakan dokumen tetap yang tidak dapat berubah. Berkebalikan dengan
dokumen statis, dokumen dinamis merupakan model dimana isi dari dokumen
dapat berubah secara dinamis. Dokumen dinamis merupakan hasil dari beberapa
transaksi yang dimulai dari sisi client maupun server.
Terdapat dua mekanisme untuk dinamik dokumen yaitu client-pull dan
server-push. Pada client-pull client melakukan serangkaian transaksi untuk
mendapatkan pembaruan dokumen, sedangkan pada server-push transaksi
dilakukan oleh server (server yang aktif melakukan pembaruan dokumen).
-

Server-Push
Dalam mekanisme server-push, dinamik dokumen dikendalikan dari
sisi server. Mekanisme ini memungkinkan server untuk mengirim (push)
data kepada client. Koneksi antara client dengan server akan tetap
terbuka setelah transaksi awal dan server secara berkala akan
megirimkan data baru ke client kemudian memperbarui tampilan.
Koneksi akan tetap terbuka sampai data terakhir terkirim.

-

Client-Pull
Client-pull merupakan mekanisme dalam dokumen dinamik dimana
cleint melakukan serangkaian transaksi/request untuk mendapatkan

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
16

dokumen dan memperbarui tampilan. Dalam dokumen client-pull
terdapat kode html yang memberitahu client untuk secara berkala
melakukan request dan men-download dokumen dari satu atau lebih
server yang ada pada network dan meng-update tampilan secara dinamis.
Dokumen client-pull relatif mudah untuk digunakan. Yang diperlukan
hanya menambahkan tag ke dalam header dokumen HTML. Tag
tersebut berfungsi untuk memberi tahu browser untuk menampilkan
dokumen dalam rentang waktu tertentu.

2.5.

Java Server Faces(JSF)
Java Server Faces merupakan framework java untuk membuat

antarmuka aplikasi web. JSF menyederhanakan pengembangan tampilan
antarmuka yang terkadang sulit dalam pengembangan aplikasi web. JSF
mendefinisikan satu set komponen dasar antarmuka ditambah dengan beberapa
kemampuan tambahan, serta API (Application Programming Interface) untuk
memperluas komponen standar atau mengembangkan komponen baru.
-

Dasar Tag JSF
Halaman JSF terdiri dari berbagai elemen. Elemen merupakan sebuah string

yang dipisahkan oleh tag. Setiap tag memiliki nama dan atribut yang dimulai
dengan ‘’. Terdapat dua jenis elemen dalam JSF, yaitu
elemen sederhana dan elemen majemuk.
Elemen sederhana terdiri dari satu tag yang berakhiran ‘/>’. Sebagai contoh
adalah tag commandButton:

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
17



List 2.1. Contoh Elemen Sederhana
Elemen majemuk terdiri dari pasangan tag awal dan tag akhir dengan nama
yang sama. Sebagai contoh adalah tag panelGrid:

Masukkan nama anda:



List 2.2. Contoh Elemen Majemuk
-

Elemen standar halaman JSF
Semua halaman JSF memiliki struktur dasar sbagai berikut:





A Title






List 2.3. Elemen Standar JSF

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
18

Karena JSF merupakan aplikasi XML, baris pertama merupakan tag khusus
yang mengidentifikasi sebagai XML.


List 2.4. Tag XML
Tag kedua berfungsi untuk mengidentifikasi aplikasi XML yang digunakan
dalam dokumen.


List 2.5. Tag Identifikasi XML
Tag html menandai awal dan akhir halaman. Tag ini berisi satu atau lebih
atribut namespace XML yang menyatakan library yang digunakan dalam
dokumen.


List 2.6. Tag HTML
-

Managed Beans
Managed beans merupakan kelas java yang pada umumnya digunakan untuk

mewakili input pengguna. Berikut ini merpakan contoh Managed Beans
sederhana:

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
19

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ ManagedBean
@ SessionScoped
public class Mahasiswa{
public Mahasiswa(){}
private String nama;
private String nim;
public void setNama(String nama){
this.nama = nama;
}
public String getNama(){
return nama;
}
public void setNama(String nama){
this.nama = nama;

}

public String getNama(){

return nama;
}
}

List 2.7. Managed Bean

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
20

Sebuah kelas Java Bean adalah kelas yang harus memiliki konstruktor tanpa
parameter dan satu atau lebih atribut. Setiap atribut harus memiliki metode set dan
get untuk mengakses atribut tersebut.
Dalam kelas Java Bean terdapat sepasang anotasi:
@ ManagedBean
@ SessionScoped

List 2.8. Anotasi
Anotasi tersebut mengatur metadata khusus yang ditanamkan java compiler
ke kelas yang dihasilkan. Server akan membaca anotasi kemudian anotasi akan
mengarahkan server untuk menggunakan kelas tersebut.

2.6.

ICEFaces Framework
ICEFaces merupakan sebuah Rich Internet Application (RIA) development

framework yang berdasar pada JavaServer Faces(JSF) 2 standar. ICEFaces
memperluas

kemampuan

JavaServer

Faces

untuk

menyederhanakan

pengembangan dan meningkatkan fitur standar JSF sekaligus meningkatkan
efisiensi developer dan memperluas kemampuan RIA yang dapat dimasukkan
dalam aplikasi web berbasis JSF. ICEFaces memiliki kemampuan di atas JSF
standar, terutama dua pada dua tambahan yaitu Automatic AJAX dan AJAX Push.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
21

-

AJAX Push
Ajax push memungkinkan aplikasi untuk secara bertahap memperbarui

halaman setiap saat. Ajax push pada icefaces memanfaatkan mekanisme
pemberitahuan asynchronous yang disebut icepush. Icepush menggunakan longpolling untuk memfasilitasi pemberitahuan asynchronous melalui HTTP standar.
Urutan peristiwa yang terjadi dalam ajax push digambarkan sebagai berikut:

Gambar 2.5. Ajax Push

1. Perubahan kondisi aplikasi memicu event ajax push.
2. Server mengirimkan pemberitahuan ke browser.
3. Notifikasi pada browser menyebabkan browser mengirim ajax request ke
server.
4. Server menangkap kondisi baru pada client dan direct-to-DOM
(mekanisme yang membuat komponen JSF menjadi standar W3C DOM)
memberikan update halaman kepada client.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI

BAB III
ANALISIS DAN PERANCANGAN

Pada metodologi penelitian ini akan dibahas deskripsi dari aplikasi yang
akan dibuat, analisis masalah dan perancangan sistem yang akan dibuat.

3.1.

Deskripsi Umum Aplikasi
Untuk melakukan transaksi lelang, orang – orang harus hadir dan

berkumpul di suatu tempat yang telah disepakati untuk melakukan transaksi lelang
barang. Dengan semakin berkembangnya teknologi dan internet sangat
dimungkinkan untuk kita dapat bertransaksi lelang dengan media tersebut.
Dengan demikian setiap peserta lelang dapat melakukan pelelangan dari tempat
yang jauh dan berbeda – beda.
Aplikasi yang akan dibuat adalah aplikasi web lelang barang real-time.
Server akan memberikan update penawaran terbaru sesuai dengan masukan
pengguna selama waktu lelang belum selesai. Server akan mengirimkan data
penawar, harga penawaran, dan waktu penawaran.

22

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
23

3.2.

Analisis Masalah
3.2.1. Sistem Lelang Konvensional
Dalam sistem lelang konvensional, lelang dilakukan di hadapan
banyak orang yang berkumpul di dalam satu ruangan. Lelang dipimpin
oleh pejabat lelang, untuk mendapatkan barang yang dilelang peserta harus
melakukan penawaran. Peserta lelang akan melakukan penawaran yang
saling mengatasi dari penawaran peserta lain. Lelang selesai jika sudah
didapatkan penawar tertinggi atau jika waktu lelang sudah habis.
3.2.2. Gambaran Sistem Yang Dikembangkan
Untuk mempermudah transaksi lelang, maka akan dibuat sistem
baru yaitu sebuah Web Lelang Barang. Sistem ini digunakan untuk
memfasilitasi transaksi lelang barang baik sebagai penjual maupun
pembeli. Sistem ini akan memberikan update penawaran terbaru secara
real-time agar memudahkan peserta dalam menentukan penawaran yang
akan dilakukan dan memudahkan penjual dalam memantau harga barang.
Untuk dapat menjual atau melelang barang, pengguna harus
terdaftar dalam sistem ini. Pengunjung dapat melakukan registrasi dengan
mengisikan data diri yang dibutuhkan. Untuk dapat menjual barang
member harus login terlebih dahulu kemudian mengisikan data barang
yang akan dilelang. Demikian pula untuk melakukan penawaran, member
harus login kemudian masuk ke halaman barang yang diinginkan
kemudian memasukkan penawaran.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
24

Orang yang Terlibat dalam sistem:
1.

Member
Member adalah orang yang telah mendaftar dalam sistem.

Member dapat memiliki 2 peranan yaitu:
- Penjual
Orang yang menjual barang.
- Pembeli
Orang yang melakukan penawaran.
2.

Pengunjung
Pengunjung merupakan pengguna web yang bukan member.

Proses yang menjadi fitur utama sistem ini merupakan proses
membuat penawaran yang dilakukan oleh member yang berperan sebagai
pembeli. Gambaran umum proses membuat penawaran dan arsitektur
sistem dapat dilihat pada gambar 3.1. dan gambar 3.2.

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
25

Gambar 3.1. Skema Proses Lelang

Gambar 3.2. Arsitektur Sistem

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
26

3.3.

Perancangan Aplikasi
3.3.1. Diagram Use Case

Gambar 3.3. Diagram Use Case

3.3.2. Definisi Use Case
Tabel 3.1. Definisi Use Case
Use Case

Deskripsi

Login

Aktor: Member
Deskripsi: member memasukkan user name dan
password

Buat Lelang

Aktor: Member
Deskripsi: member memasukkan data barang yang akan
dilelang

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
27

Buat penawaran

Aktor: Member
Deskripsi: member memasukkan penawaran

Cari barang

Aktor: Member & Pengunjung
Deskripsi: member memilih barang berdasarkan
kategori, masukkan nama barang yang dicari

Edit Profil

Aktor: Member
Deskripsi: member memilih profil kemudian
memasukkan data baru
Aktor: Pengunjung

Register

Deskripsi: pengunjung memilih register kemudian
memasukkan data
Edit Lelang

Aktor: Member
Deskripsi: member memilih lekang kemudian
memasukkan data baru

3.3.3. Skenario
1.

Nama Use Case : Login
Aktor : Pengunjung
Tabel 3.2. Skenario Use Case Login

Aksi Aktor

Reaksi Sistem

Skenario Normal
1. Memasukkan user name dan
password yang benar
2. Membuat session dan user
akan masuk dalam sistem

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
28

Skenario Alternatif
1. Memasukkan user name dan
password salah
2. Menampilkan pesan user
name atau password salah

2.

Nama Use Case : Buat Lelang
Aktor : Member
Tabel 3.3. Skenario Use Case Buat Lelang

Aksi Aktor

Reaksi Sistem

Skenario Normal
1. memilih pilihan “Sell”
2. menampilkan form barang
3. mengisi form barang &
pilih buat lelang
4. menyimpan ke database
kemudian menampilkan
halaman input file gambar
5. memilih gambar kemudian
pilih save
6. menyimpan gambar
kemudian menampilkan
pemberitahuan file berhasil
disimpan
7. pilih finish
8. menampilkan halaman
barang
Skenario Alternatif
3. mengisi form tidak
lengkap/tidak sesuai

PLAGIAT
PLAGIATMERUPAKAN
MERUPAKANTINDAKAN
TINDAKANTIDAK
TIDAKTERPUJI
TERPUJI
29

4. menampilkan pesan
kesalahan
5. memilih file bukan gambar
6. menampilkan pemberitahuan
file salah

3.

Nama Use Case : Buat Penawaran
Akt