Lelang & Lampiran

IMPLEMENTASI ELEKTRONIK LELANG (E-LANG)
BERBASIS ANDROID
Skripsi
Diajukan Sebagai Salah Satu Persyaratan
Guna memperoleh gelar Sarjana Komputer (S.Kom)
DISUSUN OLEH :
NURIL SYAMSI HIDA
NPM : 15.55201.000686
PROGRAM STUDI INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS MERDEKA PASURUAN
2019
1
2

BERBASIS ANDROID
SKRIPSI
Diajukan untuk memenuhi salah satu syarat kelulusan pada

Program Studi Informatika
Universitas Merdeka Pasuruan
Oleh :
NURIL SYAMSI HIDA
NPM : 14.55201.000686
PROGRAM STUDI INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS MERDEKA PASURUAN
2019
3
PERSETUJUAN

BERBASIS ANDROID
Nama : Nuril Syamsi Hida
NPM : 15.55201.000686
Program Studi : Informatika
Pasuruan, Agustus 2019
Telah diperiksa dan disetujui oleh :
Pembimbing I Pembimbing II
Dian Ahkam Sani, S.Kom., M.Kom. Mohammad Zoqi Sarwani, S.Pd., M.Kom.
NIDN. 0724079202 NIDN. 0716049101
4
PENGESAHAN
Dinyatakan lulus setelah dipertahankan didepan Tim Penguji Skripsi
Program Studi Informatika Fakultas Teknologi Informasi
Tanggal : Agustus 2019
Pukul : 10.30 – 12.00 WIB
Judul : Implementasi Elektronik Lelang (E-Lang) Berbasis

Android
Nama : Nuril Syamsi Hida
NPM : 15.55201.000686
Tim Penguji :
Nama Tanda Tangan
i. Ketua Penguji : Achmadi Prasita Nugroho, S.Kom., M.MT. 1.
ii. Penguji I : Mohammad Nur Cholis, S.Kom., M.T. 2.
iii. Penguji II : Dian Ahkam Sani, S.Kom., M.Kom. 3.

5
PENGESAHAN
Skripsi
BERBASIS ANDROID
Nama : Nuril Syamsi HIda
NPM : 15.55201.000686
Disahkan oleh :
Dekan Ketua Program Studi
Fakultas Teknologi Informasi Informatika
Ir. Sri Hariningsih Pratiwi, M.P. Ach. Prasita Nugroho, S.Kom., M.MT.
NIS. 0064 YPTM NIS. 0115 YPTM
6
PERNYATAAN KEASLIAN SKRIPSI
Bersama ini, saya menyatakan dengan sesungguhnya bahwa Skripsi dengan judul :
BERBASIS ANDROID
Yang dibuat untuk melengkapi sebagian persyaratan menjadi Sarjana Komputer pada
Program Studi Informatika, Fakultas Teknologi Informasi Universitas Merdeka Pasuruan,
merupakan hasil karya sendiri, bukan karya orang lain dan BUKAN MERUPAKAN
TIRUAN atau DUPLIKASI dari Skripsi yang sudah dipublikasikan dan atau pernah
dipakai untuk mendapatkan gelar kesarjanaan di lingkungan Fakultas Teknologi
Informasi Universitas Merdeka Pasuruan maupun Perguruan Tinggi atau Universitas dan
Instansi manapun, terkecuali bagian yang sumber informasinya dicantumkan
sebagaimana mestinya.
Apabila dilain waktu ada pihak – pihak lain yang merasa dirugikan dengan skripsi ini,
maka saya siap bertanggungjawab dan bersedia dicabut gelar kesarjanaannya.
Nuril Syamsi Hida

15.55201.000686
7
MOTTO
 Jangan Pernah Berpikiran Negatif Saat Melakukan
Sesuatu, Karena Pada Dasarnya Kita Bisa Melakukan
Sesuatu Hingga Berhasil
 Jadikan Ketakutanmu Menjadi Motivasimu
 Jangan Pernah Menyerah Saat Gagal Setelah
Berusaha.
8
PERSEMBAHAN
Bismillahirrohmanirrohim, alhamulillahi robi’alamiin, sembah sujud serta

rasa syukur kepada Allah SWT, atas izin dan karunia serta kemudahan yang
Engkau berikan akhirnya skripsi yang sederhana ini dapat dibuat dan terselesaikan
dengan baik. Ya Allah engkaulah dzat yang telah menciptakanku, memberikan
karunia nikmat yang tak terhingga, melindungiku, membimbingku dan
mengajariku dalam kehidupanku. Sholawat serta salam selalu terlimpahkan
keharibaan Rasulullah Muhammad SAW.
Kupersembahkan karya sederhana ini kepada orang yang sangat kukasihi
dan kusayangi.
Ibunda dan Ayahanda Tercinta
Sebagai tanda bakti, hormat, dan rasa terima kasih telah memberikan kasih
sayang, menjaga, membimbing, melindungi serta selalu mendoakan dan
memberikan dukungan baik moril maupun materiil yang pastinya tidak ternilai
dan tidak dapat terbayar oleh apapun.
Adik-adikku Tersayang
Sebagai tanda cinta dan kasihku, aku mengucapkan terima kasih atas kasih
sayang, perhatian, dan kesabaranmu yang telah memberikanku semangat dalam
menyelesaikan Tugas Akhir ini. Untuk adik-adikku tersayang, semoga menjadi
pribadi yang lebih baik dariku, dan semangat dalam mengejar cita – cita.
Dosen Pembimbing Skripsi
Terima kasih kepada Bapak Dian Ahkam Sani, S.Kom., M.Kom dan
Bapak Mohammad Zoqi Sarwani, S.Pd., M.Kom selaku dosen pembimbing
skripsi saya, terima kasih banyak telah membimbing serta membantu selama ini,
menasehati, dan mengajari dengan sabar.
My Best Friend’s
Terima kasih kepada teman – teman “CMD Squad” atas bantuan, doa,
nasehat, tumpangan saat konsultasi, tumpangan untuk menginap serta semangat
yang telah kalian berikan selama ini.
9
Tim Reformasi IT
Terima kasih saya ucapkan kepada rekan – rekan tim Reformasi IT karena
tealah banyak membantu dalam mengerjakan skripsi saya. Tidak pernah mengeluh
saat saya meminta bantuan dalam mengerjakan skripsi. Saya mengucapkan terima
kasih sebanyak – banyaknya.
Terima kasih untuk kalian semua, akhir kata saya persembahkan skripsi ini
untuk kalian semua, orang-orang yang saya sayangi. Dan semoga skripsi ini dapat
bermanfaat dan berguna untuk kemajuan ilmu pengetahuan di masa yang akan
datang, amin..
10
ABSTRAK
Lelang adalah sistem penjualan barang yang dilakukan di muka umum

dengan penawaran harga yang lebih tinggi dari harga yang ditawarkan. Pada
zaman seperti ini beberapa aktivitas seperti transaksi jual beli online, pendaftaran
online bahkan kegiatan lelang pun dapat dilakukan secara online sehingga mereka
tidak perlu datang ke tempat dan tidak perlu bertatap muka secara langsung.
Dengan adanya perangkat mobile ini kegiatan yang dilakukan akan menjadi
mudah dan nyaman bagi penggunanya sehingga dengan kemudahan yang didapat,
maka aktifitas yang lainnya tidak akan terganggu.
Dengan adanya sistem informasi banyak kemudahan – kemudahan yang
terjadi. Cukup hanya menggunakan smartphone untuk melakukan pelelangan
tanpa harus menunggu adanya acara pelelangan. Selain itu pelelang maupun
penawar dapat mengakses dari smartphone mereka masing – masing tanpa harus
bertemu saat melakukan pelelangan.
Penelitian ini melakukan perancangan dan pembangunan aplikasi berbasis
android untuk pelelangan dengan tujuan dapat memudahkan orang – orang yang
suka melelang barang, serta memudahkan penawar agar tidak perlu jauh – jauh
saat mengikuti acara pelelangan.
Kata Kunci : Lelang, Android, Sistem Informasi, Smartphone.

11
ABSTRACT
The auction system is the sale of goods is carried out in public with a bid
price that is higher than the price offered. At times like this a few activities such
as buying and selling online, online auction activities even registration can also be
done online so they don't need to come to your place and do not need to directly
face to face. The existence of these mobile devices activities conducted will be
easy and convenient for users so that the ease with which to get, then other
activities will not be interrupted.
With the ease of a lot of information systems – the ease with which case.
Quite simply using a Smartphone to do the auction without having to wait for the
presence event auctions. In addition the bidders nor the auctioneer can access
from their Smartphone respectively without having to meet the time of the
auction.
This research do design and development of the Android-based
applications for the auction with the aim of can facilitate people who love to
auction items, as well as make it easier for bidders to not need much – much time
following the events of the auction.
Keywords: Auction, Android, Smartphone, Information Systems.

12
KATA PENGANTAR
Syukur Alhamdulillah penulis panjatkan kehadirat Allah SWT yang telah
melimpahkan rahmat dan karunia-Nya sehingga penulisan Skripsi dengan judul
“IMPLEMENTASI ELEKTRONIK LELANG (E-LANG) BERBASIS
ANDROID” dapat terselesaikan dengan baik.
Sesungguhnya Allah SWT tidak memberi beban suatu kaum melainkan
sesuai dengan kemampuannya. Hanya atas kehendak-Nya penulis dapat
menyelesaikan tugas akhir dalam rangka untuk memenuhi persyaratan dalam
menyelesaikan Program Sarjana di Universitas Merdeka Pasuruan.
Tiada suatu peristiwa yang menyenangkan maupun menyedihkan kecuali
mengandung hikmat, dan sesungguhnya dibalik kesukaran itu pasti ada
kemudahan. Dengan ridho Allah SWT beberapa hamba-Nya yang terpilih dan
tersentuh hati membantu penulis menyelesaikan skripsi ini. Atas bantuan dan
dukungan tersebut penulis menyampaikan penghargaan yang setinggi-tingginya.
Beliau-beliau tersebut adalah :
1. Bapak Dr. Ronny Winarno. S.H., M.Hum., selaku Rektor Universitas
Merdeka Pasuruan.
2. Ibu Ir. Sri Hariningsih Pratiwi, M.P., selaku Dekan Fakultas Teknologi
Informasi Universitas Merdeka Pasuruan.
3. Bapak Dian Ahkam Sani, S,Kom., M.Kom., selaku pembimbing I dan
Bapak Mohammad Zoqi Sarwani, S.Pd., M.Kom., selaku pembimbing II.
4. Bapak dan ibu, yang telah memberi dukungan secara material maupun
spiritual.
13
5. Teman-teman sesama pejuang skripsi yang telah menyemangati
penyelesaian pembuatan skripsi ini.
6. Teman – teman semester delapan yang selalu mendoakan dan
menyemangati untuk menyelesaikan skripsi ini.
7. Tim Reformasi IT yang telah banyak membantu, membimbing dan
menyemangati.
8. Seluruh pihak yang telah membantu hingga tersusunnya skripsi ini.
Demikian laporan ini disusun, namun penulis menyadari bahwa dalam
penyusunan skripsi ini sangat jauh dari kesempurnaan. Penulis berharap laporan
ini dapat bermanfaat bagi semua pihak.
Pasuruan, 27 Agustus 2019
Penulis,
(Nuril Syamsi Hida)

14
DAFTAR ISI
Halaman
PERSETUJUAN .................................................................................................... 3
PENGESAHAN ..................................................................................................... 4
PENGESAHAN ..................................................................................................... 5
PERNYATAAN KEASLIAN SKRIPSI .............................................................. 6
MOTTO ................................................................................................................. 7
PERSEMBAHAN .................................................................................................. 8
ABSTRAK ........................................................................................................... 10
ABSTRACT ......................................................................................................... 11
KATA PENGANTAR ......................................................................................... 12
DAFTAR ISI ........................................................................................................ 14
DAFTAR GAMBAR ........................................................................................... 17
DAFTAR TABEL................................................................................................ 19
DAFTAR LAMPIRAN ....................................................................................... 19
BAB I PENDAHULUAN .................................................................................... 21
1.1 LATAR BELAKANG ............................................................................ 21
1.2 RUMUSAN MASALAH ........................................................................ 22
1.3 BATASAN MASALAH ......................................................................... 23
1.4 TUJUAN PENELITIAN ......................................................................... 23
1.5 MANFAAT PENELITIAN .................................................................... 23
1.6 SISTEMATIKA PENULISAN ............................................................... 24
BAB II TINJAUAN PUSTAKA ........................................................................... 6
xiv
15
2.1 TINJAUAN PENELITIAN TERDAHULU ............................................. 6
2.2 TEORI DASAR YANG DIGUNAKAN .................................................. 8
2.2.1 Sistem Informasi ........................................................................... 8
2.2.2 Lelang............................................................................................ 9
2.2.3 Android ....................................................................................... 11
2.2.3 Cordova ....................................................................................... 20
BAB III METODOLOGI PENELITIAN ......................................................... 22
3.1 STUDY LITERATUR ............................................................................ 22
3.2 DESAIN DAN IMPLEMENTASI ......................................................... 23
3.2.1. Perancangan Flowchart............................................................... 23
3.2.2 Data Flow Diagram (DFD) ......................................................... 29
3.2.3 Entity Relationship Diagram ....................................................... 31
3.2.4 Deskripsi Perancangan Layout .................................................... 34
BAB IV HASIL DAN PEMBAHASAN............................................................. 41
4.1 IMPLEMENTASI INTERFACE (USER) .............................................. 41
4.1.1 Tampilan Halaman Register........................................................ 41
4.1.2 Tampilan Halaman Login............................................................ 42
4.1.3 Tampilan Halaman Utama (Penawar) ......................................... 43
4.1.4 Tampilan Halaman Deskripsi (Penawar) .................................... 44
4.1.5 Tampilan Halaman List Penawar (Penawar)............................... 45
4.1.6 Tampilan Halaman Profile (Penawar) ......................................... 46

16
4.1.7 Tampilan Panel (Penawar) ......................................................... 47
4.1.8 Tampilan Halaman Register Pelelang ......................................... 48
4.1.9 Tampilan Halaman Mengupload Barang Lelang ........................ 49
4.1.10 Tampilan Halaman Profile Pelelang ........................................... 50
4.1.11 Tampilan Panel Pelelang ............................................................. 51
4.1.12 Tampilan List Penawar Barang Saya .......................................... 52
4.1.13 Notifikasi ..................................................................................... 53
4.2 IMPLEMENTASI INTERFACE (ADMIN)........................................... 54
4.2.1 Data Member............................................................................... 54
4.2.2 Data Pelelang .............................................................................. 55
4.2.3 Data Bidder ................................................................................. 55
4.2.4 Data Winner ................................................................................ 56
4.2.5 Konfirmasi Barang ...................................................................... 57
4.2.6 List Barang Lelang ...................................................................... 58
4.3 Hasil Uji Coba......................................................................................... 59
BAB V PENUTUP ............................................................................................... 61
5.1 KESIMPULAN ....................................................................................... 61
5.2 SARAN ................................................................................................... 61
DAFTAR PUSTAKA .......................................................................................... 63

17
DAFTAR GAMBAR
Gambar 2.‎1 Icon Android versi 1.5 Cupcake ........................................................ 13
Gambar 2.‎2 Icon Android Versi 1.6 Donut ........................................................... 14
Gambar 2.‎3 Icon Android Versi 2.2 Froyo .......................................................... 15
Gambar 2.4 Icon Android Versi 2.3 Gingerbread ................................................ 16
Gambar ‎2.5 Icon android Versi 3.0 Honeycomb ................................................. 17
Gambar ‎3.1 Diagram Alir Pengerjaan Penelitian .................................................. 22
Gambar ‎3.2 Flowchart........................................................................................... 24
Gambar ‎3.3 Flowchart Pelelang ............................................................................ 25
Gambar ‎3.4 Flowchart Penawar ............................................................................ 27
Gambar ‎3.5 Flowchart Konfirmasi Barang ........................................................... 28
Gambar ‎3.6 Data Flow Diagram (DFD) ............................................................... 29
Gambar ‎3.7 Entity Relationship Diagram (ERD) ................................................. 31
Gambar ‎3.8 Splashscreen ...................................................................................... 34
Gambar ‎3.9 Rancangan Register ........................................................................... 35
Gambar ‎3.10 Rancangan Login............................................................................. 35
Gambar ‎3.11 Tampilan Home ............................................................................... 36
Gambar ‎3.12 Tampilan Profile .............................................................................. 37
Gambar ‎3.13 Halaman Daftar Lelang ................................................................... 38
Gambar ‎3.14 Upload Barang Lelang .................................................................... 38
Gambar ‎3.15 Halaman Menawar Barang .............................................................. 39
Gambar ‎3.16 Halaman Bidder............................................................................... 40
Gambar ‎4.1 Halaman Register .............................................................................. 41

18
Gambar ‎4.2 Halaman Login .................................................................................. 42
Gambar ‎4.3 Halaman Utama ................................................................................. 43
Gambar ‎4.4 Tampilan Halaman Deskripsi ............................................................ 44
Gambar ‎4.5 Tampilan Halaman List Penawar ...................................................... 46
Gambar ‎4.6 Profile Penawar ................................................................................. 46
Gambar ‎4.7 Panel Sebelum Mebjadi Pelelang ...................................................... 47
Gambar ‎4.8 Halaman Register Pelelang ............................................................... 48
Gambar ‎4.9 Halaman Upload Barang ................................................................... 49
Gambar ‎4.10 Tampilan Profile Pelelang ............................................................... 50
Gambar ‎4.11 Tampilan Panel ................................................................................ 51
Gambar ‎4.12 Halaman List Penawar Barang Saya ............................................... 52
Gambar 4.13 Halaman Notiikasi...........................................................................49
Gambar ‎4.13 Tampilan Data Member .................................................................. 54
Gambar ‎4.14 Tampilan Data Pelelang .................................................................. 55
Gambar ‎4.15 Tampilan Data Bidder ..................................................................... 56
Gambar ‎4.16 Tampilan Winner............................................................................. 56
Gambar ‎4.17 Tampilan Konfirmasi Barang .......................................................... 57
Gambar ‎4.18 Tampilan List Barang Lelang .......................................................... 58

19
DAFTAR TABEL
Tabel 3.1 Tipe Data ............................................................................................... 32

Tabel 4.1 Pengujian Fungsionalitas ...................................................................... 59
20
DAFTAR LAMPIRAN
Lampiran 1 Listing Program ............................................................................... 65
Lampiran 2 Daftar Riwayat Hidup ...................................................................... 95
Lampiran 3 Daftar Kehadiran Bimbingan ........................................................... 98
xx
21
BAB I
PENDAHULUAN
1.1 LATAR BELAKANG
Lelang adalah sistem penjualan barang yang dilakukan di muka umum
dengan penawaran harga yang lebih tinggi dari harga yang ditawarkan,
dengan persetujuan harga yang lebih tinggi, dimana orang – orang yang
diundang sebelumnya sudah diberi tahu tentang pelelangan kesempatan
yang diberikan kepada orang – orang yang berlelang atau yang membeli
untuk menawarkan harga hingga persetujuan tawaran harga. Untuk para
kolektor, apabila terdapat acara pelelangan yang berada di luar kota mereka
rela pergi jauh – jauh demi mengikuti acara pelelangan tersebut untuk
mendapatkan barang yang diinginkan. Dan itu akan menguras waktu, tenaga
dan biaya (Himawan, 2013).
Menurut Bakri dkk (2013) pada zaman seperti ini beberapa aktivitas
seperti transaksi jual beli online, pendaftaran online bahkan kegiatan lelang
pun dapat dilakukan secara online sehingga mereka tidak perlu datang ke
tempat dan tidak perlu bertatap muka secara langsung. Biasanya hal ini
banyak diterapkan melalui aplikasi berbasis web. Namun, selain aplikasi
berbasis web, perangkat mobile saat ini juga sangat berkembang dengat
pesat. Dengan adanya perangkat mobile ini kegiatan yang dilakukan akan
menjadi mudah dan nyaman bagi penggunanya sehingga dengan kemudahan
yang didapat, maka aktifitas yang lainnya tidak akan terganggu (Setyo Budi,
22
2018). Salah satunya seperti hal diatas yaitu lelang secara online, yang dapat
diakses melalui Smartphone.
Menurut Daeng dkk (2017) kehadiran dari smartphone ini benar –
benar mampu memberi macam – macam manfaat dan berbagai kemudahan
bagi penggunanya. Pengunaan smartphone dikalangan masyarakat kian hari
semakin meningkat berdasarkan data dari ciptamedia.org (2013) jumlah
penggunaan smartphone di Indonesia adalah anak muda, terpelajar, dan
tinggal di kota. Berdasarkan id.techinasia.com untuk pasar Indonesia,
jumlah pengguna smartphone mencapai sekitar 52.200.000 orang pengguna
dan terus bertambah setiap harinya mengingat harga perangkat
telekomunikasi ini semakin terjangkau oleh lapisan masyarakat bawah.
Dengan melihat kondisi ini, maka dilakukanlah penelitian
pengembangan dalam Membangun Aplikasi Mobile Cross Platform pada
studi kasus pelelangan. Dimana aplikasi ini dapat digunakan di perangkat
bergerak (Mobile) berbasis android. Aplikasi lelang ini dirancang agar
pelelang dapat melakukan lelang kapan saja tanpa menunggu acara
pelelangan. Begitu juga dengan penawar tidak perlu jauh – jauh hanya untuk
mengikuti acara pelelangan. Sehingga dengan dengan adanya aplikasi ini
dapat membantu penggunanya dalam pelelangan secara online.
1.2 RUMUSAN MASALAH
Berdasarkan uraian latar belakang di atas, maka dapat dirumuskan
permasalahan yaitu bagaimana membangun aplikasi pelelangan secara
realtime ?
23
1.3 BATASAN MASALAH
Adapun batasan masalah dari ruang lingkup permasalahan sebagai berikut :
1. Proses penawaran akan dibatasi oleh waktu yang telah ditentukan oleh
pelelang.
2. Pemrosesan upload barang haru dikonfirmasi admin terlebih dahulu
guna penentuan barang yang pantas untuk dilelang.
3. Aplikasi ini tidak menggunakan fitur pembayaran secara online.
4. Penetuan pemenang dilakukan pelelang itu sendiri siapa yang berhak
untuk memenangkan pelelangan.
5. Admin hanya mengkonfirmasi barang lelang yang akan dilelangkan.
1.4 TUJUAN PENELITIAN
Berdasarkan rumusan masalah di atas, tujuan dari penelitian ini adalah
untuk membangung sebuah sistem lelang online berbasis android sehingga
para pengguna dapat melakukan lelang secara realtime melalui lelang online
tanpa harus menunggu acara pelelangan barang.
1.5 MANFAAT PENELITIAN
Dari tujuan yang telah dihasilkan, dapat dihasilkan juga manfaatnya
sebagai berikut :
1. Mempermudah pelelang maupun penawar dalam melakukan pelelangan
serta penawaran tanpa harus bertemu.
2. Membantu pelelang melelangkan barang tanpa harus menunggu adanya
acara pelelangan.
24
3. Membantu penawar mengetahui barang lelang kapan saja tanpa harus
menunggu adanya acara pelelangan.
4. Dapat menghemat waktu dan tenaga saat melakukan lelang.
1.6 SISTEMATIKA PENULISAN
Sistematika penulisan ini disusun untuk mempermudah dan
memahami pembahasan penulisan skripsi. Urutan penyajian dan hal-hal
yang akan dibahas pada penulisan skripsi ini dibagi dalam 5 (lima) bab,
masing-masing bab diuraikan sebagai berikut :
Bab I Pendahuluan
Untuk memberikan informasi-informasi awal bagaimana pengerjaan laporan
akhir yang menjelaskan tentang latar belakang, rumusan masalah, batasan
masalah, tujuan penelitian, manfaat penelitian, dan sistematika penulisan.
Bab II Tinjauan Pustaka
Berisikan tentang teori-teori atau hasil analisis lainnya yang mendukung dan
berhubungan dengan pembuatan sistem aplikasi.
Bab III Metodologi Penelitian
Menjabarkan tahap perancangan sistem dari analisa aplikasi yang akan
dibuat, alur proses kerja penggunaan aplikasi, desain proses aplikasi, desain
sistem aplikasi, dan desain tampilan aplikasi yang dirancang.
Bab IV Hasil dan Pembahasan
Menjabarkan cara kerja pada program aplikasi, dalam memproses
penyimpanan dan pencarian data.

25
Bab V Penutup
Berisi kesimpulan yang diperoleh selama tugas akhir selama merancang
aplikasi dan saran yang diberikan sebagai acuan untuk perbaikan dan
pengembangan aplikasi lebih lanjut.

5
6
BAB II
TINJAUAN PUSTAKA
2.1 TINJAUAN PENELITIAN TERDAHULU
Dalam penyusunan skripsi ini sedikit banyak terinspirasi dan
mereferensi dari penelitian-penelitian sebelumnya yang berkaitan dengan
latar belakang masalah pada skripsi ini. Adapun penelitian yang
berhubungan dengan skripsi ini antara lain :
Penelitian yang dilakukan oleh Setiawan, Soelaiman, & Akbar (2017)
yang berjudul “Rancang Bangun Aplikasi Pelelangan Online (E-Auction)
Berbasis Perangkat Bergerak Android”. Pada perancangan aplikasi ini
penulis melakukan beberapa analisis terhadap literatur yang diambil.
Analisis yang dilakukan penulis berupa faktor – faktor ketidakpuasan
pengguna seperti informasi yang tidak sesuai mengenai barang, hingga
menganalisis potensi pasar dari Sistem Operasi Android. Sehingga penulis
melakukan rancang bangun aplikasi lelang ini sesuai dengan hasil analisis
yang dilakukan. Dimana aplikasi ini memungkinkan pengguna untuk
mengelola data diri miliknya, mengelola barang – miliknya, melakukan
aktivasi transaksi utama yang terjadi, dan menjalankan aktivitas pendukung
lain yang mendukung produktivitas pengguna.
Penelitian selanjutnya yaitu penelitian yang dilakukan oleh Sasmita &
Jasa (2011) yang berjudul "Rancang Bangun Sistem Lelang Online
Pegadaian”. Dimana penulis mencoba untuk mengembangkan suatu sistem
6
7
lelang pegadaian berbasis WEB. Penulis juga menjelaskan bahwa aplikasi
ini digunakan untuk melelang barang yang sudah jatuh tempo, sehingga
panitia dapat melelang barang tersebut melalui aplikasi ini dan pembeli
dapat melakukan penawaran melalui aplikasi ini. Jasa penyedia layanan
pelelangan barang lelang pegadaian ini menggunakan bahasa pemrograman
PHP, database MySql dan webserver Xampp 1.6. Aplikasi ini berbasis web
sehingga mudah diakses oleh semua pihak dan menggunakan antarmuka
yang user friendly hingga nyaman digunakan.
Penelitian berikutnya merupakan penelitian Tenrysau & Hasti (2017)
yang berjudul “Sistem Informasi Pelelangan Online pada PT. Balai Lelang
Bandung”. Dalam penelitian ini sebelum membuat aplikasi penulis
melakukan perancangan sistem. Penulis membuat rancangan sistem dengan
berbagai diagram seperti Usecase Diagram, Class Diagram, Component
Diagram, dan Deployment Diagram. Sehingga dapat disimpulkan bahwa
proses registrasi, penjadwalan, pelelangan, survei dan pembayaran telah
terkomputerisasi, sehingga memudahkan baik pengguna ataupun
perusahaan. Penyimpanan data telah disimpan dengan baik sehingga
memudahkan perusahaan dalam pencarian data dan mempercepat kinerja
perusahaan.
Pada penelitian selanjurnya yaitu penelitian dari Lestari, Coyanda, &
Dasrial (2015) dengan judul “Sistem Informasi Pelelangan Barang Secara
Online pada PT. Pegadaian (Persero) Unit Pelayanan Cabang Pasar 26 Ilir
Palembang”. Dalam membangun sistem ini juga penulis menggunakan

8
bahasa pemrograman PHP dan MySQL untuk databasenya. Penulis
membuat sistem ini dengan beberapa tampilan, yaitu Tampilan Registrasi,
Tampilan Login, Tampilan Data Barang Lelang, Tampilan Pemberitahuan
Lelang, Tampilan Data Pengumuman, dan yang terakhir Tampilan Laporan.
Dilihat dari beberapa tampilan tersebut dapat disimpulkan bahwa
penggunaan aplikasi tersebut sangat mudah dan tidak berbelit – belit.
Untuk penelitian selanjutnya yaitu penelitian yang dilakukan oleh
Basri dkk (2018) dengan judul “Web Progresif Sistem Informasi Pelelangan
Produk Online pada PT Nusantara Sarana Outlet Jakarta”. Penulis membuat
sistem pelelangan ini berbasis Web Progresif. Dengan konsep Web
Progresif yaitu konsep terbaru pembuatan website yang bisa dibuka saat
offline. Penulis menjelaskan bahwa aplikasi sitem pelelangan produk online
yang dibuat ini bisa dibuka secara offline layaknya native aplikasi serta pada
aplikasi pelelangan ini mempunyai performa yang sangat bagus karena
dalam pembuatan telah menerapkan konsep progressive web application.
2.2 TEORI DASAR YANG DIGUNAKAN
Untuk mendukung penelitian, penulis seharusnya memahami
pengertian dari pembahasan judul skripsi. Adapun beberapa pengertian
pembahasan seperti berikut :
2.2.1 Sistem Informasi
Sistem informasi adalah suatu sistem dalam suatu organisasi
yang mempertemukan kebutuhan pengolahan transaksi harian yang
mendukung fungsi operasi organisasi yang bersifat manajerial

9
dengan kegiatan strategi dari suatu organisasi untuk dapat
menyediakan kepada pihak luar tertentu dengan laporan-laporan
yang diperlukan (Handayani, Anofrizen, & Jazman, 2016).
2.2.2 Lelang
Dalam suatu lelang pasti terjadi penawaran yang diajukan
oleh beberapa pihak pembeli, setiap pembeli (penawar) dapat
mengajukan penawaran terhadap produk yang ditawarkan oleh pihak
pelelang. Secara umum pihak pelelang pasti akan memilih penawar
yang memberikan penawaran (bidding) dengan harga paling tinggi
diantara penawaran lainnya (Prasetyo, 2015).
Berdasarkan tipenya, lelang dibedakan menjadi 2 yaitu sebgai
berikut :
1. Lelang Tradisional
Lelang tradisional ini biasanya hanya berlangsung
beberapa menit saja untuk setiap barang yang dilelangkan. Hal
ini membuat para pembeli potensial hanya memiliki waktu yang
begitu sedikit untuk mengambil keputusan, sehingga mereka
para penawar tidak dapat memberikan penawaran. Lelang
tradisional ini juga dapat merugikan pembeli karena dengan
adanya waktu yang begitu singkat (terbatas) besar kemungkinan
para pembeli akan mengambil keputusan dengan cepat sehingga
mereka melakukan penawaran yang sangat tinggi.

10
2. Lelang elektronik
Lelang elektronik atau lelang online merupakan salah satu
jenis e-commerce. Pada tipe lelang ini penjual atau pelelang
akan menawarkan pelelangan barang secara elektronik (online)
dimana pihak pembeli dapat memberikan penawaran (bidding)
harga berulang kali hingga waktu yang telah ditentukan.
(Kalakota dan Whinston, 1996)
Berikut ini ada beberapa peraturan – peraturan umum dan
khusus yang mengenai lelang online yang ada di situs lelang
yaitu sebagai berikut :
a. Peraturan Umum
 Setiap peserta berhak melakukan penawaran. Untuk
setiap penawaran tertinggi atau terakhir maka dia berhak
membeli barang tersebut sesuai dengan harga yang
ditawar oleh peserta lelang (penawar).
 Setiap yang menjadi peserta lelang wajib mengikuti
syarat dan ketentuan yang berlaku.
b. Peraturan Khusus
 Untuk peserta lelang harus mendaftar terlebih dahulu.
 Setelah melakukan pendaftaran maka secara otomatis
peserta lelang dapat melakukan penawaran terhadap
barang yang di lelang.

11
 Setiap peserta lelang dengan penawaran tertinggi atau
terakhir menawar berhak membeli barang yang
ditawarkan sesuai dengan harga yang telah ditawar
(Siadari, 2012).
Manfaat dari kegiatan lelang yaitu :
1. Membantu dalam melakukan transaksi yang aman dan legal
secara hukum.
2. Membantu negara dalam menjual aset negara (Tenrysau & Hasti,
2017).
Dalam pengertian lelang diatas terdapat beberapa istilah tentang
pelelang, penawar dan pemenang.
- Pelelang merupakan orang yang melakukan penjualan atau orang
yang melelangkan barang.
- Penawar merupakan orang yang melakukan penawaran harga
barang lelanng terhadap pelelang.
- Pemenang yaitu orang yang berhak mendapatkan barang lelang
karena telah diplih sebagai pemenang. Biasanya pemenang dipilih
berdasarkan harga penawaran yang paling tinggi.
2.2.3 Android
Sistem operasi Android merupakan sistem operasi yang
begitu popular pada saat ini, bahkan hampir seluruh dunia
menggunakan android. Sistem operasi android inilah yang dapat
menjalankan berbagai macam perangkat mulai dari smartphone, jam

12
tangan, tablet, televisi dan kacamata (Rio, 2016). Android
merupakan sistem opersai pada telepon seluler yang berbasis Linux.
Android memiliki keunggulan yaitu bersifat terbuka (open source).
User tidak perlu membayar untuk menggunakannya dan bebas
mengembangkan ataupun menambahkan aplikasi baru di dalamnya
(Sagita, 2015).
Menurut Supriyono, Saputra, Sudarmilah, & Darsono (2014)
arsitektur Android terdiri dari bagian-bagian seperti berikut:
a. Applications dan Widgets: lapisan dimana pengguna hanya dapat
berhubungan dengan aplikasi saja.
b. Applications Framework: lapisan dimana para pengembang
melakukan pembuatan aplikaso yang akan dijalankan di sistem
operasi Android dengan komponen – komponennya meliputi
views, contens, providers, resource manager, notification,
manager, activity manager.
c. Libraries: lapisan dimana fitur – fitur android berada yang berada
diatas kernel meliputi library C/C++ inti seperti Libc dan SSL.
d. Android Run Time: lapisan yang membuat aplikasi Android dapat
dijalankan dimana dalam prosesnya menggunakan implementasi
Linux yang teragi menjadi dua bagian yaitu Core Libraries dan
Dalvik virtual Machine.

13
e. Linux Kernel: Layer (lapisan) yang berisi file – file system untuk
mengatur processing, memory, resource, driver, dan sistem
operasi android lainnya.
Menurut Clinten (2018) ada beberapa versi android dari awal
keluarnya android hingga yang paling baru yaitu android Pie. Versi –
versi android sebagai berikut :
1. Versi Android 1.0
Versi komersial android pertama kali ini telah hadir pada
September 2008 di ponsel besutan T-Mobile, G1 (HTC Dream).
Pada waktu rilisnya ini, android hanya memiliki nomor versi
(Android 1.0) tanpa embel-embel nama.
2. Android 1.5 Cupcake
Gambar 2.1 Icon Android versi 1.5 Cupcake

14
Setelah satu tahun berlalu maka rilis Android baru dengan nama
Cupcake (Versi 1.5) pada versi ini menghadirkan on-screen
keyboar, dapat merekam video.
3. Android 1.6 Donut
Gambar 2.2 Icon Android Versi 1.6 Donut
Karena masih terasa kurang dari segi jaringan dan
layarnya, Google memperbarui Android dengan nama Donuts
(versi 1.6) pada tahun 2009 dengan menghadirkan dukungan
untuk jaringan CDMA dan beragam ukuran layar. Selain itu,
untuk memudahkan pengguna dalam menjelajahi antarmuka
ponsel, muncul fitur baru berupa search box yang ada dalam
home screen.
15
4. Android 2.0 Eclair
Gambar 2.3 Icon Android Versi 2.0 Eclair
Untuk versi selanjutnya yaitu Android 2.0 Eclair. Versi ini
membawa fitur baru untuk pengguna saat bepergian, yaitu Google
Map. Versi ini juga menambah dukungan HTML5 di browser,
berikut kemampuan untuk memutar video. Lock screen turut
dirombak dengan menambahkan fitur swipe to unlock ala iPhone.
5. Android 2.2 Froyo (Frozen Yoghurt)
Gambar 2.4 Icon Android Versi 2.2 Froyo

16
Pada tahun 2010 hadir versi android baru yaiu Android
Froyo (Frozen Yoghurt, versi 2.2) tambahannya yaitu Voice
Action, dukungan mobile hot spot dan kunci PIN untuk lock
screen, melengkapi pattern lock yang sebelumnya sudah ada di
Android.
6. Android 2.3 Gingerbread
Gambar 2.5 Icon Android Versi 2.3 Gingerbread
Masih ditahun yang sama dengan Android Froyo, telah
rilis lagi android versi Gingerbread (versi 2.3) versi ini menambah
dukungan kamera depan. Google juga menerapkan fitur battery
management. Keyboard Gingerbread turut dipermak dengan
warna baru dan peningkatan dukungan multi-touch

17
7. Android 3.0 Honeycomb
Gambar 2.6 Icon android Versi 3.0 Honeycomb
Pada tahun selanjutnya yaitu tahun 2011, Google merilis
sistem operasi Android Honeycomb (versi 3.0) yang khusus
ditujukan bagi perangkat tablet. Honeycomb membawa beberapa
perubahan dibanding OS Android untuk smartphone, seperti
warna tema biru -bukan hijau- dan preview untuk widget.
Tombol-tombol navigasi pun ditampilkan Honeycomb langsung
di layar (virtual buttons) sehingga perangkat tak membutuhkan
tombol fisik.
8. Android 4.0 Ice Cream Sandwich
Selanjutnya yaitu Android Ice Cream Sandwich (versi
4.0), memboyong fitur-fitur Honeycomb ke smartphone. Ini
termasuk tombol navigasi virtual buttons yang bisa ditampilkan
langsung di layar dan gestur sapuan dengan jari untuk menutup

18
aplikasi. Ice Cream Sandwich turut menghadirkan sejumlah fitur
baru seperti face unlock, rekaman penggunaan data internet,
aplikasi e-mail dan kalender baru, berikut dukungan Near-Field
Communication (NFC).
9. Android 4.1 JellyBean
Pada tahun 2012 masih memiliki nomor versi “4”, tapi
memiliki julukan baru, yakni Jelly bean (versi 4.1). Google mulai
menerapkan teknologi asisten digital Google Now yang bisa
diakses dengan sapuan jari dari home screen. Google turut
mengimplementasikan “Project Butter”.
10. Android 4.4 KitKat
Pada tahun 2013 , Google merilis sistem operasi Android
Kitkat (versi 4.4) Tampilan Kitkat dipermak supaya tampak lebih
modern, dengan akses warna putih dan desain ulang aplikasi-
apliaksi bawaaan dengan warna lebih terang. Kitkat ikut
memperkenalkan frasa perintah suara “OK Google” yang
digunakan untuk memanggil Google Now dengan ucapan,
kapanpun dikehendaki oleh pengguna. Ada juga phone dialler
baru.
11. Android 5.0 Lollipop
Pada tahun 2014 telah hadir Android Lollipop (versi 5.0).
Di OS inilah Google mulai menerapkan filosofi desain antarmuka

19
“Material Design” yang serba “flat” di Android. Di luar tampilan
kosmetik ada banyak perubahan lain di Android Lollipop,
termasuk debut Android Runtime menggantikan Dalvik VM yang
sudah uzur, dan dukungan format gambar RAW.
12. Android 6.0 Marshmallow
Android versi ini tiba di tahun 2015 dengan membawa
sejumlah perubahan tampilan lebih jauh. Menu app, misalnya
dirombak dan kini menggunakan latar belakang putih, bukan
hitam. Ada juga search bar untuk mempermudah pengguna
menemukan aplikasi yang dicari. Pada Marshmallow pula,
Android untuk pertama kalinya menambahkan dukungan resmi
terhadap sensor peemindai sidik jari. Permissions aplikasi tak lagi
diminta secara sekaligus, tapi dirinci satu per satu sehingga bisa
lebih diteliti oleh pengguna.
13. Android 7.0 Nougat
Nougat (versi 7.0) keluaran 2016 adalah salah suatu upgrade
terbesar untuk sistem operasi Android. Google menambahkan
dukungan multi-window sehingga pengguna bisa menjalankan
dua aplikasi secara bersamaan dalam jendela terpisah yang
diposisikan secara berdampingan. Fitur Data Saver pada Android
Nougat membantu pengguna dalam memonitor dan membatasi
penggunaan kuota data internet. Tambahan lain termasuk mode
VR dan 63 emoji baru.

20
14. Android 8.0 Oreo
Setelah Nougat, Android Oreo (versi 8.0) yang dirilis pada
2017 menambah lebih banyak fitur multi-tasking seperti Picture-
in-Picture. Bagian notifikasi ikut dirombak. Pengguna bisa
mengatur notifikasi mana saja yang akan ditampilkan dan apa
yang dilakukan perangkat saat menyuguhkannya. Selain OS
Android versi “reguler”, Google juga membuat Android versi
“ringan” bernama Android Go Edition yang diambil dari basis
Android Oreo. OS ini khusus ditujukan supaya bisa dijalankan
dengan lancar oleh perangkat-perangkat entry level Android Go.
15. Android 9.0 Pie
Inilah Android terbaru yang baru saja diresmikan pada 2018.
Android Pie (versi 9.0) mengganti tiga tombol navigasi dengan
tombol tunggal berbentuk elips. Karenanya, Android Pie pun
lebih mengandalkan gestur gerakan-gerakan jari untuk melakukan
hal-hal seperti multitasking.
2.2.3 Cordova
Cordova adalah satu set Application Programming Interface
(API) perangkat yang memungkinkan pengembang aplikasi mobile
untuk mengakses fungsi perangkat asli seperti kamera atau
accelerometer dengan menggunakan bahasa JavaScript.
Dikombinasikan dengan framework antar muka seperti jQuery
Mobile atau Dojo Mobile atau Sencha Touch, Cordova

21
memungkinkan aplikasi mobile dikembangkan dengan hanya
HTML, CSS, dan JavaScript (Djuandi, 2015).

BAB III
METODOLOGI PENELITIAN
Bab ini akan memaparkan tentang metodologi penelitian yang digunakan
pada penelitian ini, yang terdiri dari (1) Study Literatur, (2) Desain dan
Implementasi, (3) Pengujian, (4) Hasil Pengujian, (5) Evaluasi Hasil Penelitian,
(6) Laporan dan Jadwal Kegiatan.
Gambar 3.1 Diagram Alir Pengerjaan Penelitian
3.1 STUDY LITERATUR
Tahap yang paling awal untuk melakukan penelitian ini adalah dengan
melakukan studi literatur berdasarkan topik penelitian yang telah ditentukan.
Studi literatur yang digunakan berkaitan dengan Rancang bangun aplikasi
Mobile Cross Platform dalam sistem informasi lelang online. Pembangunan
aplikasi Mobile Cross Platform dalam pembuatan sistem informasi lelang
selain memberikan kemudahan dalam melakukan lelang juga memberi
kemudahan bagi user tanpa harus install aplikasi, karena aplikasi ini dapat
22
23
diakses melalui web. Dari literatur diatas dapat menjadi dasar kontribusi
pada penelitian yang dilakukan, yaitu merancang, menganalisa serta
menentukan fitur – fitur dalam aplikasi serta tampilan user interface yang
menarik bagi pengguna.
3.2 DESAIN DAN IMPLEMENTASI
Pada sub bab ini akan menjelaskan bagaimana perancangan sistem
dari Aplikasi Lelang. Perancangan sistem ini dilakukan berdasarkan
kebutuhan dengan tujuan untuk mempermudah proses pembuatan aplikasi.
Perancangan sistem ini meliputi perancangan flowchart, deskripsi
perancangan layout, Data Flow Diagram (DFD) dan Entity Relationship
Diagram (ERD).
3.2.1. Perancangan Flowchart
Pada Gambar 3.2 menjelaskan tentang alur Aplikasi lelang.
Dimana langkah pertama yang dilakukan user adalah login terlebih
dahulu sebelum melakukan aktifitas dalam aplikasi tersebut. Apabila
user belum memiliki akun, maka user harus melakukan registrasi
terlebih dahulu agar menjadi member. Jika sudah, maka user dapat
melakukan lelang, tetapi apabila user tidak melelang maka user
hanya melakukan penawaran barang yang di lelang. Setelah pelelang
melakukan lelang maka barang tersebut dapat terjual. Dan penawar
dapat mengetahui siapa yang berhasil memenangkan lelang.

24
Gambar 3.2 Flowchart Sistem
Pada gambar 3.2 tersebut merupakan flowchart sistem dalam
ruang lingkup member(pelelang dan penawar). Selain flowchart
diatas terdapat flowchart yang merupakan alur dari proses
bagaimana member menjadi seorang pelelang hingga melelangkan
barang, Juga terdapat flowchart dalam melakukan penawaran.
Agar lebih jelas bagaimana alur dari melelangkan barang
serta proses penawaran tersebut dapat dilihat pada gambar 3.3 dan
3.4
25
Gambar 3.3 Flowchart Pelelang

26
Pada gambar 3.3 dijelaskan bahwa sebelum user menjadi
seorang pelelang, user harus login terlebih dahulu, apabila user
belum mempunyai akun, maka user harus melakukan registrasi
terlebih dahulu kemudian login. Setelah itu user (member) dapat
melihat list barang yang di lelang. Setelah login secara otomatis
sistem akan melakukan pengecekan apakah akun yang login tersebut
adalah seorang pelelang atau bukan. Apabila bukan maka pelelang
harus mendaftarkan diri menjadi pelelang apabila ingin menjadi
pelelang. Jika pelelang sudah daftar maka pelalang dapat melakukan
upload barang, kemudian input data barang. Jika pelelang tidak ingin
melakukan upload barang, pelelang dapat melihat – lihat barang
lelang. Selanjutnya ketika pelelang telah menginput data barang,
data tersebut tidak akan langsung dimasukkan ke dalam list barang
lelang, karena harus menunggu konfirmasi dari admin. Apabila
admin tidak menolak barang yang pelelang input maka pelelang
tidak diizinkan untuk melelang barang tersebut. Jika dikonfirmasi
maka data barang masuk ke list barang lelang dan resmi untuk di
lelang. Setelah itu, pelelang mendapatkan list bidder, dimana list
bidder ini adalah daftar tawsran barang yang pelelang upload.
Krmudian pelelang memilih pemenang dari salah satu list bidder
tersebut. Kemudian pelelang mendapatkan informasi data pemenang
dan selesai.
27
Selanjutnya terdapat flowchart yang merupakan alur sebagai
penawar. Flowchart dapat dilihat sbeagai berikut.
Gambar 3.4 Flowchart Penawar
Pada gambar 3.4 menjelaskan alur sebagai penawar. Langkah
pertama sama seperti pelelang yaitu harus registrasi jika belum
memiliki akun. Kemudian dapat melihat list barang lelang.
Kemuadian penawar dapat melihat siapa saja dan nominal berapa
saja yang melakukan bid terhadap gambar yang dipilihnya. Jika

28
penawar melakukan bid maka setelah waktu lelang habis, bidder
akan mendapatkan informasi pemenang, apabila menjadi seorang
pemenang dia akan mendapatkan informasi peelang. Dan selesai,
apabila penawar tidak melakukan bid maka penawar hanya melihat –
lihat barang.
Untuk selanjutnya terdapat Flowchart untuk konfirmasi
barang lelang. Flowchart tersebut dapat dilihat sebagai berikut.
Gambar 3.5 Flowchart Konfirmasi Barang
Pada gambar 3.5 menjelaskan tentang konfirmasi barang.
Pada saat terdapat data barang yang masuk, admin akan melakukan
pengecekan apakah barang tersebut layak untuk dilelang atau tidak,
apabila layak (dikonfirmasi) maka data barang yang masuk akan

29
masuk ke list barang lelang dimana dalam list ini barang telah resmi
dilelang.
3.2.2 Data Flow Diagram (DFD)
Admin
Data Member
Reg ister 1 Reg ister
Reg istrasi
Konfirmasi Barang Lelang
Data
Data Member
Cek
2
Login
Login
Pelelang
Pelelang Penawar
Login
Data Pelelang
Melelang
Info lelang
List Penawar
Data
Daftar sebag ai pelelang Menawar

Lelang
Pilih Pemenang
Barang Terjual Informas i Pemenang

Data
data
data
List Bidder
Data Pemenang
Data Barang Lelang
Data Barang
Konfirmasi Barang lelang
Lelang
Admin
Informas i Member
Gambar 3.6 Data Flow Diagram (DFD)

30
Pada gambar diatas yaitu gambar 3.6 Data Flow Diagram (DFD)
menjelaskan alur program aplikasi lelang. Dimana hal pertama yang
dilakukan user adalah melakukan registrasi terlebih dahulu. Apabila
user sudah melakukan registrasi maka user dapat melakukan login ke
aplikasi tersebut. Bagi user yang ingin melelangkan barangnya maka
user tersebut harus mendaftarkan diri sebagai pelelang terlebih
dahulu. Tetapi jika user tidak ingin melelangkan barang atau hanya
ingin menjadi penawar maka user tidak perlu melakukan
pendaftaran. Setelah melakukan pendaftaran, pelelang dapat
melakukan upload gambar(barang) untuk dilelang. Akan tetapi
gambar(barang) yang akan dilelang tersebut tidak akan langsung di
post dihalaman utama. Bagi pelelang yang sudah mengisi form
melelangkan barang, harus menunggu persetujuan admin apakah
barang yang akan dilelang tersebut pantas atau tidak. Apabila
gambar tersebut pantas untuk dilelang, maka admin akan
mengkonfirmasi form barang lelang yang telah dikirim pelelang.
Setelah admin mengkonfirmasi form tersebut, maka barang akan
masuk list barang lelang. Kemudian untuk member yang menjadi
pelelang, pelelang tidak hanya melakukan pelelangan saja, tetapi
pelelang juga dapat melakukan penawaran terhadap barang yang
lain. Dan pelelang dapat memilih salah satu penawar sebagai
pemenang. Untuk penawar dapat melihat informasi barang apa saja
yang terdapat di aplikasi. Kemudian penawar dapat melakukan

31
penawaran hingga waktu yang telah ditentukan oleh pelelang. Dan
penawar mendapatkan informasi pemenang lelang, dan barang
pelelangpun terjual.
3.2.3 Entity Relationship Diagram
Gambar 3.7 Entity Relationship Diagram (ERD)

Pada Gambar 3.16 ERD diatas menjelaskan bahwa member
yang ingin melakukan lelang harus memenuhi persyaratan lelang
dimana persyaratan tersebut berupa file pas foto, foto ktp, dan foto
npwp. Setelah mengirim berkas – berkas tersebut member sudah
dianggap menjadi pelelang, sehingga dapat melakukan pelelangan.

32
Saat melakukan lelang, pelelang harus input data terlebih dahulu
seperti gambar, nama barang, dan deskripsi. Kemudian para member
(penawar) dapat melakukan tawaran terhadap barang lelang. Dalam
list tawaran hanya di butuhkan nama penawar beserta nominal
tawaran yang diajukan.
Berikut ini merupakan tipe data dalam implementasi lelang
online, sebagai berikut.
Tabel 3.1 Tipe Data
Tabel Field Tipe Data Keterangan
Member (Pelelang - Id member Int (8) Primary Key
& Penawar) - NIK Int (100)
- Nama Varchar (100)
- Alamat Text
- No. Hp Varchar (100)
- Email Varchar (100)
- Password Text
- Foto Varchar (100)
- NPWP Varchar (100)
Persyaratan - Id Pelelang Int (8) - Primary Key
Menjadi Pelelang
- Id Member Int (8) - Foreign Key
33
Persyaratan - Id Pelelang Int (8) - Primary Key
Menjadi Pelelang - Pas Foto Varchar (100)
- Foto KTP Varchar (100)
- Foto NPWP Varchar (100)
Barang Lelang - Id barang Int (8) - Primary Key
- Id member Int (8) - Foreign Key
- Nama barang Varchar (100)
- Gambar Varchar (100)
- Deskripsi Text
- Harga Varchar (100)
- Tanggal batas Varchar (100)
lelang
Tawaran - Id bid (id Int (8) - Primary Key
tawaran)
- Id member Int (8) - Foreign Key
- Id barang Int (8) - Foreign Key
- Tawaran Varchar (100)
Winner - Id Winner Int (8) - Primary Key
- Id Bidder Int (8) - Foreign Key

34
Winner - Id Barang Int (8) - Foreign Key
- Id Member Int (8) - Foreign Key
- Harga Varchar (100)
3.2.4 Deskripsi Perancangan Layout
a. Rancangan Splashscreen
Tampilan Splashscreen merupakan tampilan pertama kali
saat user memulai atau membuka aplikasi. Rancangan
splashscreen dapat dilihat pada gambar 3.8.
Gambar 3.8 Splashscreen

35
b. Rancangan Tampilan Register
Gambar 3.9 Rancangan Register
Selanjutnya yaitu perancangan register. Untuk gambar
rancangan Register dapat dilihat pada gambar 3.9. tampilan ini
merupakan tampilan untuk melakukan registrasi sebelum user
melakukan login.
c. Rancangan Tampilan Login
Gambar 3.10 Rancangan Login

36
Selanjutnya yaitu perancangan login. Untuk gambar
rancangan login dapat dilihat pada gambar 3.10.
d. Rancangan Halaman Utama
Pada rancangan ini untuk membantu pembuatan tampilan
Home Untuk rancangan halaman utama sebelum login dapat dilihat
pada gambar 3.11
Gambar 3.11 Tampilan Home
e. Rancangan Halaman Profile
Pada gambar 3.12 yaitu menampilkan profil user, selain
menampilkan profil user juga disediakan fitur menambah barang
yang akan dilelang. Tetapi menambah barang lelangpun tidak hanya

37
menambahkan, tetapi ada persyaran khusus agar bisa mengirim data
barang lelang.
Gambar 3.12 Tampilan Profile
f. Rancangan Halaman Daftar Lelang
Perancangan halaman daftar lelang dapat dilihat pada
gambar 3.13. dimana halaman ini nantinya untuk para user
mendaftarkan sebagai pelelang.

38
Gambar 3.13 Halaman Daftar Lelang
g. Rancangan Upload Barang Lelang
Pada bagian rancangan upload barang dapat dilihat pada
gambar 3.14. dimana rancangan ini digunakan untuk upload barang
yang akan dilelang oleh user.
Gambar 3.14 Upload Barang Lelang

39
h. Rancangan Halaman Bid (menawar)
Dalam rancangan halaman Bid ini merupakan halaman untuk
menawarkan harga kepada pelelang. Gambar perancangannya dapat
dilihat pada gambar 3.15
Gambar 3.15 Halaman Menawar Barang
i. Rancangan Halaman List Bidder (Penawar) Lelang
Untuk rancangan ini untuk menampilkan daftar penawar lelang. Untuk
perancangannya pada dilihat pada gambar 3.16.

40
List Bidder
Gambar 3.16 Halaman Bidder

41
BAB IV
HASIL DAN PEMBAHASAN
Bab ini membahas rangkaian uji coba dan evaluasi pada aplikasi.
4.1 IMPLEMENTASI INTERFACE (USER)
Implementasi interface merupakan tampilan dari aplikasi yang
dibangun. Berikut beberapa interface yang terdapat dalam aplikasi.
4.1.1 Tampilan Halaman Register
Gambar 4.1 Halaman Register
41
42
Pada gambar 4.1 merupakan halaman register yaitu halaman
dimana pembuatan akun agar bisa menjadi member, dan dibutuhkan
saat login, agar bisa mengikuti pelelangan. Dalam tampilan register
terdapat form yang berisi beberama field atau kolom pengisian.
Kolom pengisian tersebut berisi NIK, Nama, Alamat, No. Hp, Email,
Password, Pas foto dan NPWP.
4.1.2 Tampilan Halaman Login
Gambar 4.2 Halaman Login

43
Gambar 4.2 menampilkan halaman login, dimana semua
member harus login terlebih dahulu sebelum masuk ke aplikasi.
Syarat melakkuan login yaitu melakukan registrasi agar
mendapatkan email dan password yang telah dibuat pada saat
registrasi sebelumnya. Jadi pada halaman login ini hanya
membutuhkan email dan password saja. Setelah memasukkan email
dan password maka user akan masuk ke menu halaman utama.
4.1.3 Tampilan Halaman Utama (Penawar)
Gambar 4.3 Halaman Utama

44
Pada gambar 4.3 diatas merupakan tampilan halaman utama
dimana halaman ini dapat dilihat oleh pelelang maupun penawar.
Tampilan ini menampilkan barang – barang yang dilelang, harga,
tanggal batas lelang sehingga user dapat melakukan tawaran jika
tertarik ke salah satunya. Gambar – gambar tersebut dapat diklik
guna melihat deskripsi barang maupun untuk melakukan penawaran.
Pada pojok kiri atas terdapat button untuk membuka sebuah
panel, pada halaman ini juga terdapat searchbar.
4.1.4 Tampilan Halaman Deskripsi (Penawar)
Gambar 4.4 Tampilan Halaman Deskripsi

45
Selanjutnya merupakan tampilan halaman deskripsi, dimana
dalam tampilan ini user dapat melihat secara detail gambar yang
ingin dilelangnya. Dalam halaman deskripsi ini terdapat gambar
lelang, ada nama barang, ada harga barang, ada tanggal batas lelang,
dan ada deskripse tentang barang lelang. Selain melihat deskripsi,
halaman ini menyediakan fitur untuk melakukan bid (penawaran)
sehingga user dapat input tawaran didalam halaman ini, tawaran
yang di input pelelang akan masuk kedalam list penawar. Fitur untuk
melihat list penawar barang tersebut tersedia dalam halaman ini
(halaman deskripsi), sehingga penawar barang dapat mengetahui
tawaran tertinggi saat itu. Tampilan halaman deskripsi dapat dilihat
pada Gambar 4.4. sebelumnya.
4.1.5 Tampilan Halaman List Penawar (Penawar)
Pada tampilan selanjutnya merupakan tampilan halaman list
penawar, dimana halaman ini hanya menampilkan list penawar
barang berdasarkan barang tertentu. Halaman ini hanya
menampilkan daftar penawar. Dimana daftar tersebut menampilkan
nama penawar beserta nominal yang ditawar oleh bidder. Apabila
belum ada list penawar, maka tampilan ini akan kosong begitu saja.
Untuk Tampilan List Penawaran dapat dilihat pada gambar 4.5
berikut.
46
Gambar 4.5 Tampilan Halaman List Penawar
4.1.6 Tampilan Halaman Profile (Penawar)
Gambar 4.6 Profile Penawar

47
Pada gambar 4.6 merupakan tampilan profile penawar.
Tampilan ini menampilkan foto profile, id member, nama dan
alamat. Tampilan profile diatas merupakan tampilan bagi penawar
(sebelum menjadi pelelang). Apabila penawar ingin menjadi
pelelang, hal yang harus dilakukan adalah mendaftarkan diri dengan
menekan button “Register Pelelang”.
4.1.7 Tampilan Panel (Penawar)
Pada tampilan panel ini terdapat beberapa button. Button –
button tersebut yaitu “Profile”, “Notifikasi” dan button “logout”.
Tampilan ini dapat dilihat pada gambar 4.7
Gambar 4.7 Panel Sebelum Menjadi Pelelang

48
4.1.8 Tampilan Halaman Register Pelelang
Untuk halaman register pelelang ini maksudnya adalah
halaman dimana member melakukan pendaftaran menjadi pelelang.
Dalam halaman ini member hanya melakukan input id member serta
melakukan upload beberapa berkas berupa foto untuk mempermudah
user. Berkas – berkas tersebut merupakan pas foto, foto ktp, foto
npwp. Untuk kolom id member, tidak perlu di inputkan karena id
otomatis terinput Kemudian member sudah dapat melakukan upload
foto.
Untuk tampilan halaman register pelelang dapat dilihat pada
gambar 4.8 sebagai berikut.
Gambar 4.8 Halaman Register Pelelang

49
4.1.9 Tampilan Halaman Mengupload Barang Lelang
Pada halaman mengupload barang hanya terdapat form untuk
upload barang yang akan di lelang. Pada form tersebut pelelang
memasukkan id member, nama barang, file foto barang, deskripsi,
harga, dan batas waktu lelang. Agar lebih jelas bagaimana
tampilannya dapat dilihat pada gambar 4.9.
Gambar 4.9 Halaman Upload Barang

50
4.1.10 Tampilan Halaman Profile Pelelang
Gambar 4.10 Tampilan Profile Pelelang
Pada gambar diatas merupakan tampilan profile untuk
member yang sudah menjadi pelelang. Button yang sebelumnya
adalah “Register pelelang” berubah menjadi “Lelang barang”.
Dimana button ini digunakan untuk menuju halaman form input data
51
barang lelang. Untuk tampilan sama yaitu menampilkan foto profile,
id member, nama, dan alamat. Hanya saja button yang berbeda.
4.1.11 Tampilan Panel Pelelang
Gambar 4.11 Tampilan Panel
Pada gambar 4.11 diatas menjelaskan tampilan panel untuk
member yang sudah menjadi pelelang. Tampilannya sama saja
dengan tampilan panel member (penawar) yaitu terdapat button

52
profile, button notifikasi, dan button logout. Tetapi pada panel
pelelang bertambah 1 button yaitu button “Barang lelang saya”.
Button ini digunakan untuk melihat barang lelang yang pernah di
upload oleh pelelang.
4.1.12 Tampilan List Penawar Barang Saya
Gambar 4.12 Halaman List Penawar Barang Saya
Pada gambar diatas adalah tampilan list penawar untuk
pelelang. List ini terdapat di halaman barang lelang saya. Pada

53
halaman ini menampilkan nama penawar dan nominal yang dibid
oleh penawar erta terdapat button pilih untuk pelelang agar pelelang
dapat memilih pemenang secara langsung.
4.1.13 Notifikasi
Gambar 4.13 Halaman notifikasi

54
Pada gambar 4.13 merupakan halaman untuk pemberitahuan
atau yang biasa disebut dengan notifikiasi. Dimana notifikasi dikirim
kepada member atau user.
4.2 IMPLEMENTASI INTERFACE (ADMIN)
4.2.1 Data Member
Gambar 4.14 Tampilan Data Member
Pada gambar diatas yaitu gambar 4.14 merupakan tampilan
untuk admin dimana halaman tersebut menampilkan data member.
Dimana data member tersebut merupakan data yang masuk saat user
mendaftar sebagai member.

55
4.2.2 Data Pelelang
Gambar 4.15 Tampilan Data Pelelang
Pada gambar 4.15 adalah tampilan halaman untuk admin.
Dimana halaman tersebut menampilkan data – data pelelang. Data
tersebut ada ketika para member mendaftarkan dirinya menjadi
seorang pelelang. Artinya data yang ada dihalaman ini merupakan
berkas – berkas yang dikirim member untuk menjadi pelelang.
4.2.3 Data Bidder
Tampilan halaman selanjutnya yaitu tampilan data
bidder(Penawar). Halaman ini menampilkan siapa saja yang
melakukan penawaran terhadap barang lelang. Dapat juga dikatakan
bahwa halaman ini menampilkan penawaran yang masuk. Tampilan
tersebut dapat dilihat pada gambar 4.16 Sebagai berikut

56
Gambar 4.16 Tampilan Data Bidder
4.2.4 Data Winner
Gambar 4.17 Tampilan Winner
Pada gambar 4.17 merupakan tampilan halaman untuk admin.
Dimana tampilan tersebut menampilkan data pemenang lelang yang
telah dipilih oleh pelelang. Jadi pada saat pelelang memutuskan

57
untuk memilih pemenang lelang, maka data pemenang tersebut akan
masuk ke halaman tersebut.
4.2.5 Konfirmasi Barang
Gambar 4.18 Tampilan Konfirmasi Barang
Pada gambar 4.18 adalah tampilan untuk admin agar
mengkonfirmasi barang yang akan di lelang oleh pelelang. Apabila
admin mengknfirmasi barang tersebut, maka barang telah fix untuk
dilelang. Dalam tampilan konfirmasi barang lelang tersebut terdapat
tambhan button disetiap barang. Dimana button tersebut ada 2 yaitu
konfirmasi (biru) dan hapus (merah). Button konfirmasi (biru) untuk
mengkonfirmasi barang, sedangkan button hapus (merah) untuk
menolak serta menghapus data tersebut.

58
4.2.6 List Barang Lelang
Gambar 4.19 Tampilan List Barang Lelang
Selanjutnya adalah tampilan list barang lelang yang sudah di
konfirmasi oleh admin. Seperti yang di jelaskan pada tampilan
konfirmasi barang, admin harus melakukan konfirmasi terlebih
dahulu sebelum barang dilelang. Setelah admin mengkonfirmasi data
barang lelang yang masuk ke halaman konfirmasi barang, secara
otomatis barang masuk kedalam list barang lelang, yang artinya
barang tersebut sudah dilelangkan. Dan user dapat melihat barang
yang sudah dikonfirmasi oleh admin.
Kurang lebih seperti itulah tampilan – tampilan yang ada di Aplikasi
Elektronik Lelang (E-lang). Baik itu tampilan interface admin maupun user.
59
4.3 Hasil Uji Coba
Pada tabel pengujian telah didapatkan hasil pengujian aplikasi, yaitu:
Tabel 4.1 Pengujian Fungsionalitas
Hasil
No Pengujian Hasil yang diharapkan Kesimpulan
Pengujian
Proses Instalasi Yang

Terpasang Pada
Smartphone Android Sesuai
1 Install APK Valid
Harapan
Terpasang Dengan
Baik
Menjalankan
Aplikasi Yang Berjalan Dan Aplikasi Sesuai
2 Valid
Dapat Terbuka Harapan
Terpasang
Aplikasi Dapat Sesuai

3. Registrasi Valid
Berfungsi Harapan
Berfungsi Dengan Sesuai

4. Verifikasi Email Valid
Baik Harapan

5. Login Valid
Berfungsi Harapan
Menampilkan Daftar
6. Barang Lelang Valid
Berfungsi Harapan
Beserta Deskripsi
Input Data Barang

lelang, Tawaran, Aplikasi Dapat Sesuai
7. Valid
File Persyaratan Berfungsi Harapan
Menjadi Pelelang
Menampilkan List Aplikasi Dapat Sesuai

8. Valid
tawaran Berfungsi Harapan

9. Logout Valid
Berfungsi Harapan
60
Hasil
No Pengujian Hasil yang diharapkan Kesimpulan
Pengujian
Sesuai
10. Notifikasi Berfungsi Valid
Harapan
61
BAB V
PENUTUP
Pada bab ini menjelaskan tentang kesimpulan-kesimpulan yang dapat
ditarik oleh penulis selama penulis melakukan penelitian ini. Penulis juga akan
mengemukakan saran-saran dari analisis penulis untuk penelitian selanjutnya serta
tindak lanjut penggunaan dan pengembangan sistem informasi elektronik lelang
(E-lang) berbasis Android
5.1 KESIMPULAN
Berdasarkan hasil dari penelitian Rancang Bangun Sistem Informasi
Elektronik Lelang (E-Lang) Berbasis Android dapat disimpulkan bahwa :
1. Aplikasi Elektronik Lelang (E-Lang) Berbasis Android dapat membantu
para pelelang untuk melelang tanpa harus menunggu acara pelelangan.
2. Dengan adanya Aplikasi Elektronik Lelang (E-Lang) Berbasis Android
ini, informasi dapat diakses dengan mudah, dimana saja, dan kapan
saja.
5.2 SARAN
Sebaik – baiknya apapun teknologi pasti terdapat kelemahan
didalamnya. Kiranya kita sebagai pemakai teknologi tersebut dapat dengan
bijak menggunakannya untuk hal positif dan dapat bertanggung jawab atas
apa yang ada pada teknologi tersebut. Pada penelitian Rancang Bangun
Sistem Informasi Elektronik Lelang (E-Lang) Berbasis Android ini masih
banyak memiliki kekurangan yang harus dibenahi antara lain :
61
62
1. Perlu adanya penyempurnaan dalam notifikasi
2. Perlu adanya pembayaran online dalam aplikasi guna mempermudah
user.
3. Perlu pemyempurnaan dalam penggunaan batas waktu.

63
DAFTAR PUSTAKA
Bakri, R. A., Fitriawan, H., & Nama, G. F. (2013). Sistem Lelang Online Berbasis
Web. Rekayasa dan Teknologi Elektro, 98-107.
Basri, H., Nurmalasari, & Jaelani, M. (2018). Web Progresif Sistem Informasi
Pelelangan Produk Online pada PT Nusantara Sarana Outlet Jakarta.
Penelitian Ilmu Komputer, System Embedded & Logic, 21-28.
Clinten, B. (2018, October 30). Kompas.com. Dipetik February 28, 2019, dari
Kompas.com: https://tekno.kompas.com
Djuandi, F. (2015, July). Memulai Cordova. hal. 1-9.
Handayani, S., Anofrizen, & Jazman, M. (2016). Sistem Informasi E-Commerce

Untuk Jaringan Penjualan Sepeda Motor Bekas Kabupaten Kampar (Studi
Kasus : Adira Finance). Rekayasa Dan Manajemen Sistem Informasi, 106-
111.
Himawan, H. (2013). Aplikasi Lelang Online Barang Antik Berbasis Php Dan
Sms Gateway.
Lestari, A., Coyanda, J. R., & Dasrial. (2015). Sistem Infomasi Pelelangan Barang
Secara Online Pada Pt. Pegadaian (Persero) Unit Pelayanan Cabang Pasar
26 Ilir Palembang. Informatika Global, 8-12.
Nugraha, A. A., & Rijati, N. (2015). Rancang Bangun Sistem Aplikasi E-Lelang
Barang Dengan Metode The Concurrent Of Development. 1-7.
Prasetyo, H. (2015). Rancang Bangun Sistem E-Lelang Berbasis Web

Menggunankan Php Dan Mysql. 1-13.
Sagita, S. M. (2015). Aplikasi Informasi Negara Asean Pada Smartphone Berbasis

Android Menggunakan Phonegap. 190-199.
64
Sasmita, G. M., & Jasa, L. (2011). Rancang Bangun Sistem Lelang Online
Pegadaian. Lontar Komputer, 42-51.
Setiawan, A., Soelaiman, R., & Akbar, R. J. (2017). Rancang Bangun Aplikasi
Pelelangan Online (E-Auction) Berbasis Perangkat Bergerak Android.
TEKNIK, A532 - A536.
Supriyono, H., Saputra, A. N., Sudarmilah, E., & Darsono, R. (2014). Rancang
Bangun Aplikasi Pembelajaran Hadis Untuk Perangkat Mobile Berbasis
Android. Jurnal Informatika, 907-920.
Tenrysau, I., & Hasti, N. (2017). Sistem Informasi Pelelangan Online Pada PT.
Balai Lelang Bandung. Sistem Informasi, 95-100.
Witanti, W., & Siwa'aro, D. (2016). Sistem Informasi Rumah Lelang. Seminar
Nasional Telekomunikasi dan Informatika, 62-67.
65
LAMPIRAN
Lampiran 1 Listing Program
Koneksi.php
<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Method: *');
$koneksi =
mysqli_connect("localhost","root","","lelang1");
?>
Login.php
<?php } else
include 'koneksi.php'; {
echo json_encode(
$email = $_POST['email']; array(
$password = "status" =>
$_POST['password']; false,
"message" =>
$hashedPassword = "failed",
hash("sha1", $password); "kirim" =>
$hashedPassword
$hasil = )
mysqli_query($koneksi,"SELE );
CT * FROM member WHERE }
email = '$email' AND ?>
password =
'$hashedPassword'"); Register.php
$result = array();
foreach($hasil as $k) <?php
{ header('Access-Control-
$result[] = $k; Allow-Origin: *');
} header('Access-Control-
if(count($result)>0) Allow-Method: *');
{ $msg = "";
echo json_encode( $con = new
array( mysqli("localhost", "root",
"status" => "", "lelang1");
true,"message" => $nik =
"success", "data" => $_POST['nik'];
array('id_member' => $nama =
$result[0]['id_member']) $_POST['nama'];
) $alamat =
); $_POST['alamat'];
65
66
$nohp = $nohp','$email','$hashedPas
$_POST['nohp']; sword', '$file', '$npwp',
$email = '0', '$token')");
$_POST['email']; $insert_data =
$password = mysql_query($query);
$_POST['password']; if
$npwp = ($insert_data) {
$_POST['npwp']; echo
$file = json_encode(array("status"
$_FILES['file']['name']; => true,"message" =>
$file1 = "Berhasil"));
$_FILES['file']['tmp_name'] } else{
; echo json_encode(
$ekstensi_diperbolehka array("status" =>
n = false,"message" =>
array('png','jpg','jpeg'); "Gagal"));
$x = explode('.', }
$file); require
$ekstensi = 'phpmailer/PHPMailerAutoloa
strtolower(end($x)); d.php';
$ukuran = $mail = new PHPMailer;
$_FILES['file']['size']; $mail->isSMTP();
$mail->Host =
$sql = $con- 'smtp.gmail.com';
>query("SELECT id_member $mail->SMTPAuth = true;
FROM member WHERE $mail->Username =
email='$email'"); 'isarahma30@gmail.com';
$mail->Password =
$token 'Hida1234';
= $mail->SMTPSecure = 'tls';
'qwertzuiopasdfghjklyxcvbnm $mail->Port = 587;
QWERTZUIOPASDFGHJKLYXCVBNM0 $mail->SMTPOptions = array(
123456789!$/()*'; 'ssl' =>
$token array('verify_peer' =>
= str_shuffle($token); false,'verify_peer_name' =>
$token false,'allow_self_signed'
= substr($token, 0, 10); => true
$hashedPassword = )
hash("sha1", $password); );
move_uploaded_file($file1, $mail->setFrom($email,'Try
"../gambar/$file"); It');
$query = $con- $mail-
>query("INSERT INTO member >addReplyTo($email,'Try
(nik, nama, alamat, nohp, It');
email, password, foto, $mail->addAddress($email,
npwp, status, token) values $nama);
('$nik','$nama','$alamat','
67
$mail->Subject = "Please token='$token' AND

verify email!"; status=0");
$mail->isHTML(true); if ($sql->num_rows > 0) {
$mail->Body = " $con->query("UPDATE member
Please click on the link SET status=1, token=''
below:<br><br> WHERE email='$email'");
<a echo 'Your email has
href='localhost/lelang/emai been verified! You can log
l/confirm.php?email=$email& in now!';
token=$token'>Click } else
Here</a>"; redirect();
if ($mail->send()) }
$msg = "You have been ?>
registered! Please verify
your email!"; Tampilgambar.php
else
<?php
$msg = "Something wrong
header('Access-Control-
happened! Please try
Allow-Origin: *');
again!";
?>
Allow-Method: *');
$koneksi =
Confirm.php
mysqli_connect("localhost",
<?php "root","","lelang1");
function redirect() { date_default_timezone_set("
header('Location: ASIA/JAKARTA");
register.php'); $result =
exit(); mysqli_query($koneksi,
} "SELECT * FROM brg_lelang
if (!isset($_GET['email']) WHERE id_barang NOT IN (
|| !isset($_GET['token'])) SELECT id_barang FROM
{ winner )");
redirect(); $data = array();
} else { while ($row =
$con = new mysqli_fetch_assoc($result)
mysqli('localhost', 'root', )
'', 'lelang1'); {
$email = $con- $a['id_gambar'] =
>real_escape_string($_GET[' $row['id_barang'];
email']); $a['id_pelelang'] =
$token = $con- $row['id_pelelang'];
>real_escape_string($_GET[' $a['nama']
token']); = $row['nama_barang'];
$sql = $con->query("SELECT $a['link'] =
id_member FROM member WHERE "http://192.168.43.217/lela
email='$email' AND ng/baranglelang/".$row['gam
bar'];
68
$a['harga'] = header('Access-Control-
$row['harga']; Allow-Method: *');
$a['deskripsi'] = $koneksi =
$row['deskripsi']; mysqli_connect("localhost",
$a['tgl'] = "root","","lelang1");
$row['batas_lelang']; $id_member =
$tanggal = date('d-m- $_POST['id_member'];
Y', $jumlah =
strtotime($row['batas_lelan count($_FILES['gambar']['na
g'])); me']);
$a['batas'] = $tanggal; if ($jumlah > 0) {
array_push($data, $a); $gambar = array();
} for ($i=0; $i <
echo $jumlah; $i++)
json_encode(array("status"= {
>true,"data"=>$data)); $file_name =
?> $_FILES['gambar']['name'][$
i];
Harga.php $tmp_name =
$_FILES['gambar']['tmp_name
//Harga Tertinggi
'][$i];
<?php
include 'koneksi.php';
$ekstensi_diperbolehka
$id = $_GET['id_gambar'];
n =
$result =
array('png','jpg','jpeg');
mysqli_query($koneksi,
$x = explode('.',
"SELECT * FROM bidder WHERE
$file_name);
tawaran = (SELECT
$ekstensi =
MAX(tawaran) FROM bidder
strtolower(end($x));
WHERE id_barang = $id)");
$ukuran =
if ($row =
$_FILES['gambar']['size'][$
mysqli_fetch_assoc($result)
i];
)
{
move_uploaded_file($tm
echo
p_name,
json_encode('Rp.'.$row['taw
"gambar/".$file_name);
aran']);
$gambar[$i] =
} else {
$file_name;
echo json_encode('-');
}
}
if(in_array($ekstensi,
?>
$ekstensi_diperbolehkan)
=== true)
Daftarlelang.php
{
<?php if($ukuran <
header('Access-Control- 1044070)
Allow-Origin: *'); {
69
$sql = }else
"INSERT INTO pelelang {
(id_member, foto_ktp, echo 'EKSTENSI
foto_npwp, foto_diri) FILE YANG DI UPLOAD TIDAK
VALUES DI PERBOLEHKAN';
('$id_member','$gambar[0]', }
'$gambar[1]','$gambar[2]')" }
; ?>
$insert_data Uploadlelang.php
= mysqli_query($koneksi,
<?php
$sql);
Allow-Origin: *');
if
($insert_data)
Allow-Method: *');
{
$koneksi =
echo
mysqli_connect("localhost",
json_encode(
"root","","lelang1");
$id_member =
array(
$_POST['id_member'];
$id_pelelang =
"status" => true,
$_POST['id_pelelang'];
$id_barang =
"message" =>
$_POST['id_barang'];
"Berhasil"
$nama_barang =
$_POST['nama_barang'];
)
$deskripsi =
);
$_POST['deskripsi'];
} else
$harga =
{
$_POST['harga'];
echo
$tanggal =
json_encode(
$_POST['batas_lelang'];
$tgl = explode('-
array(
',$tanggal);
$batas_lelang = $tgl[2]."-
"status" => false,
".$tgl[1]."-".$tgl[0];
$gambar =
"message" => "Gagal"
$_FILES['gambar']['name'];
$gambar1 =
)
$_FILES['gambar']['tmp_name
);
'];
}
$ekstensi_diperbolehkan =
} else
array('png','jpg','jpeg');
{
$x = explode('.', $gambar);
echo 'UKURAN
$ekstensi =
FILE TERLALU BESAR';
strtolower(end($x));
}
70
$ukuran = )
$_FILES['gambar']['size']; );
if(in_array($ekstensi, }
$ekstensi_diperbolehkan) } else
=== true) {
{ echo 'UKURAN FILE
if($ukuran < 1044070) TERLALU BESAR';
{ }
} else
move_uploaded_file($ga {
mbar1, echo 'EKSTENSI FILE
"baranglelang/$gambar"); YANG DI UPLOAD TIDAK DI
$sql = "INSERT PERBOLEHKAN';
INTO konfir_barang }
(id_barang, id_pelelang, ?>
id_member, nama_barang,
gambar, deskripsi, harga, Deskripsi.php
batas_lelang) values
<?php
('$id_barang','$id_pelelang
','$id_member',
$id = $_GET['id_gambar'];
'$nama_barang', '$gambar',
$result =
'$deskripsi', '$harga',
'$batas_lelang')";
"SELECT * FROM brg_lelang
$insert_data =
WHERE id_barang = $id");
$data = array();
$sql);
while ($row =
if ($insert_data)
{
)
echo
{
json_encode(
$a['nama_barang'] =
array(
$row['nama_barang'];
$a['member'] =
"status" => true,
$row['id_member'];
$a['id_pelelang'] =
"message" =>
$row['id_pelelang'];
"Berhasil"
$a['link'] =
)
"http://192.168.43.217/lela
);
ng/baranglelang/".$row['gam
} else
bar'];
{
$a['harga'] =
echo
$row['harga'];
json_encode(
$tanggal = date('d-m-
array(
Y',
strtotime($row['batas_lelan
"status" => false,
g']));
$a['batas'] = $tanggal;
"message" => "Gagal"
71
$a['deskripsi'] = Tawaran.php
$row['deskripsi'];
<?php
array_push($data, $a);
}
$id_member =
echo
$_POST['id_member'];
json_encode(array("status"=
$id_pelelang =
>true,"data"=>$data));
$_POST['id_pelelang'];
?>
$id_gambar =
$_POST['id_gambar'];
Listpenawar.php
$tawaran =
<?php $_POST['tawaran'];
include 'koneksi.php'; $sql = "INSERT INTO bidder
$id_gambar = (id_pelelang, id_member,
$_GET['id_gambar']; id_barang, tawaran) values
$result = ('$id_pelelang',
mysqli_query($koneksi, '$id_member',
"SELECT member.nama as '$id_gambar','$tawaran')";
nama, member.id_member as $insert_data =
id_member, bidder.id_bid as mysqli_query($koneksi,
id, bidder.tawaran as $sql);
tawaran FROM bidder, member if ($insert_data) {
where member.id_member = echo
bidder.id_member and json_encode("Berhasil");
bidder.id_barang = }else{
$id_gambar"); echo
$data = array(); json_encode("Gagal");
while ($row = }
mysqli_fetch_assoc($result) ?>
)
{ Profile.php
$a['id'] = $row['id'];
<?php
$a['id_member'] =
$row['id_member'];
$id_member =
$a['nama'] =
$_GET['id_member'];
$row['nama'];
$result =
$a['tawaran'] =
$row['tawaran'];
"SELECT * FROM member WHERE
id_member = $id_member");
}
$data = array();
echo
while ($row =
)
?>
{
$a['id_member'] =
$row['id_member'];
72
$a['link'] = )
"http://192.168.43.217/lela );
ng/gambar/".$row['foto']; }
$a['nama'] = ?>
$row['nama'];
$a['alamat'] = Barangku.php
$row['alamat'];
<?php
}
$id = $_GET['id_member'];
echo
$result =
"SELECT * FROM brg_lelang
?>
INNER JOIN member ON
brg_lelang.id_member =
Cekpelelang.php
member.id_member WHERE
<?php brg_lelang.id_member =
include 'koneksi.php'; $id");
$id_member = $data = array();
$_GET['id_member']; while ($row =
$sql = mysqli_fetch_assoc($result)
mysqli_query($koneksi, )
"SELECT * FROM pelelang {
where id_member = $a['id_gambar'] =
$id_member"); $row['id_barang'];
if ($row = $a['nama'] =
mysqli_fetch_assoc($sql)) $row['nama'];
{ $a['nama_barang'] =
echo json_encode( $row['nama_barang'];
array( $a['link'] =
"status" => "http://192.168.43.217/lela
true, ng/baranglelang/".$row['gam
"message" => bar'];
"Berhasil", $tanggal = date('d-m-
"data" => Y',
array('id_pelelang' => strtotime($row['batas_lelan
$row['id_pelelang']) g']));
) $a['batas'] = $tanggal;
); array_push($data, $a);
} else }
{ echo
echo json_encode( json_encode(array("status"=
array( >true,"data"=>$data));
"status" => ?>
false,
"message" =>
"Gagal"
73
Notif.php array_push($data,
$a);
<?php
}
echo
if(isset($_GET['id_member']
))
{
}
$id =
?>
$_GET['id_member'];
$status =
Hapus_notif.php
$_GET['status'];
if($status == <?php
"konfirmasi") include 'koneksi.php';
{ if(isset($_GET['id_member']
$sql = "SELECT * ))
FROM notif WHERE nm_tabel = {
'brg_lelang' AND id_tabel = $id =
{$id}"; $_GET['id_member'];
} elseif($status == $status =
"tawaran") $_GET['status'];
{ if($status ==
$sql = "SELECT * "konfirmasi")
FROM notif WHERE nm_tabel = {
'bidder' AND id_tabel = $sql = "SELECT *
{$id}"; FROM notif WHERE nm_tabel =
} else 'brg_lelang' AND id_tabel =
{ {$id}";
$sql = "SELECT * } elseif($status ==
FROM notif WHERE nm_tabel = "tawaran")
'winner' AND id_tabel = {
{$id}"; $sql = "SELECT *
} FROM notif WHERE nm_tabel =
$hasil = 'bidder' AND id_tabel =
mysqli_query($koneksi,$sql) {$id}";
; } else
$data = array(); {
while ($row = $sql = "SELECT *
mysqli_fetch_assoc($hasil)) FROM notif WHERE nm_tabel =
{ 'winner' AND id_tabel =
$a['id_notif'] = {$id}";
$row['id_notif']; }
$a['nm_tabel'] = $hasil =
$row['nm_tabel']; mysqli_query($koneksi,$sql)
$a['id_tabel'] = ;
$row['id_tabel']; $data = array();
$a['status'] = while ($row =
$row['status']; mysqli_fetch_assoc($hasil))
74
{
$a['id_notif'] =
$row['id_notif'];
$a['nm_tabel'] =
$row['nm_tabel'];
$a['id_tabel'] =
$row['id_tabel'];
$a['status'] =
$row['status'];
array_push($data,
$a);
}
echo
}
?>
75
Home.js
// Initialize app app.dialog.close();
var app = new Framework7({ return false;
on: { }else if
init: function() { (cpage.indexOf('index') >
if 0) {
(localStorage.login ==
"true") { app.dialog.confirm('Are you
sure you want to exit?',
mainView.router.navigate("h 'Exit E-Lang', function() {
ome.html");
} navigator.app.exitApp();
}, },
pageInit: function() { function() {
console.log('Page });
initialized') } else {
},
initOnDeviceReady: mainView.router.back();
function() { }
console.log('App },
Ready') },
}, dialog: {
}, title: 'E-Lang',
pushState: true, buttonOk: 'OK'
methods: { },
onBackKeyDown: root: '#app',
function() { name: 'E-Lang',
var leftp = id: 'com.refit.pare',
app.panel.left && panel: {
app.panel.left.opened; swipe: 'right',
var rightp = },
app.panel.right && routes: [
app.panel.right.opened; {
var cpage = path: '/regis/',
app.views.main.router.url; url:
if ( leftp || rightp 'menu/register.html',
) { }
]
app.panel.close(); });
return false; var $$ = Dom7;
}else if ($$('.modal-
in').length > 0) { var mainView =
app.views.create('.view-
main', {
on: {
pageInit: function() {
76
app.preloader.show();
setTimeout(function() localStorage.login =
{ "true";
app.preloader.hide(); app.dialog.alert("Berhasil
}, 1000); Login", function(){
}
}, window.location.href =
dynamicNavbar: true, "home.html";
}); });
//Proses Login } else {
$$("#login").on('click',
function(){ app.dialog.alert("Email
var email = atau Password anda salah");
$$("#email").val();
var password = $$("#login").html("LOGIN");
$$("#password").val(); }
console.log(email); },
console.log(password); error: function(xhr,
app.request({ status) {
url: console.log("error
"http://192.168.43.217/lela status " +
ng/login.php", JSON.stringify(xhr) + "
data: Dengan nama : " +
"email="+email+"&password=" JSON.stringify(status));
+password, }
async: true, });
type: "POST", return false;
cache: false, });
crossDomain: true, //Proses Registrasi
beforeSend: $$(document).on('page:init'
function() { ,'.page[data-
name="registrasi"]',functio
$$("#login").html('Connecti n(e){
ng...');
}, $$("#form").on('submit',
success: function(e){
function(data, xhr, status) e.preventDefault();
{
console.log(data); var file = new
var obj = FormData($$(this)[0]);
JSON.parse(data);
console.log(obj.status);
if (obj.status) {
console.log(file);
app.request({
localStorage.setItem("id_me
mber", obj.data.id_member);
77
url: },
'http://192.168.43.217/lela },
ng/email/register.php', // id:
point to server-side PHP 'io.framework7.testapp',
script root: '#app',
data: file, data: function () {
async : true, return {
type : "POST", user: {
cache : false, firstName: 'John',
crossDomain : lastName: 'Doe',
true, },
success: };
function(php_script_respons },
e){ pushState: true,
methods: {
app.dialog.alert("Silahkan onBackKeyDown:
Verifikasi Email Anda !", function() {
function(){ var leftp =
app.panel.left &&
window.location.href = app.panel.left.opened;
"index.html"; var rightp =
}); app.panel.right &&
app.panel.right.opened;
console.log(php_script_resp var cpage =
onse); // display response app.views.main.router.url;
from the PHP script, if any if ( leftp || rightp
} ) {
});
}); app.panel.close();
}); return false;
}else if ($$('.modal-
in').length > 0) {
Index.js
var app = new Framework7({ app.dialog.close();
on: { return false;
init: function(){ }else if
console.log('Login'); (cpage.indexOf('index') >
0) {
document.addEventListener('
backbutton', app.dialog.confirm('Are you
app.methods.onBackKeyDown, sure you want to exit?',
false); 'Exit E-Lang', function() {
},
pageInit: function (page) { navigator.app.exitApp();
}, },
popupOpen: function
(popup) {
78
function() { },
}); {
} else { path: '/daftar/',
url:
mainView.router.back(); 'menu/daftarlelang.html'
} },
}, {
helloWorld: function () path:
{ '/daftarlelang/',
url:
app.dialog.alert('Hello 'menu/daftarlelang.html'
World!'); },
}, {
}, path:'/upload/',
popup: { url:
closeOnEscape: true, 'menu/uploadlelang.html'
}, },
sheet: { {
closeOnEscape: true, path:'/deskripsi/',
}, url:
popover: { 'menu/deskripsi.html'
closeOnEscape: true, },
}, {
actions: { path:'/profile/',
closeOnEscape: true, url:
}, 'menu/profile.html'
vi: { },
placementId: {
'pltd4o7ibb9rc653x14', path:'/barangku/',
}, url:
dialog: { 'menu/barangku.html'
title: 'E-Lang', },
buttonOk: 'OK' {
}, path:'/listpenawar/',
routes: [ url:
{ 'menu/list_penawar.html'
path: '/home/', },
url: 'home.html', {
},
{ path:'/listpenawar1/',
path: '/login/', url:
url:'index.html' 'menu/list_penawar1.html'
}, },
{ {
path: '/regis/', path:'/tawar/',
url: url:
'menu/register.html' 'menu/tawar.html'
79
}, window.location.href =
{ 'index.html';
path:'/notif/', });
url:
'menu/notif.html' $$(document).on('page:init'
} ,'.page[data-
], name="daftarlelang"]',funct
}); ion(e){
var $$ = Dom7;
var id_member =
// Add view localStorage.getItem("id_me
var mainView = mber");
app.views.create('.view-
main', { app.request.get("http://192
on: { .168.43.217/lelang/profile.
init: function(){ php?id_member="+id_member,
function (result) {
var input =
}, JSON.parse(result);
pageInit: function() { console.log(input);
app.preloader.show(); var id = input.data;
setTimeout(function()
{ id.forEach(function(field,
i){
app.preloader.hide();
}, 1000); $$('#id_member').append(
} $$('<input
}, type="text"
name="id_member"
dynamicNavbar: true, id="id_member">').val(field
router:true, .id_member)
}); )
if (localStorage.login == });
"true") { });
console.log("device is
ready");
$$("#form").on('submit',
console.log(localStorage.ge function(e){
tItem("id_member")); e.preventDefault();
} else {
window.location.href = var file = new
'index.html'; FormData($$(this)[0]);
} console.log(file);
$$('#logout').click(functio
n() { app.request({
localStorage.login =
"false";
80
url:
'http://192.168.43.217/lela dt_list.forEach(function(fi
ng/daftarlelang.php', eld, i){
data: file,
async : true, localStorage.setItem("id_ga
type : "POST", mbar", field.id_gambar);
cache : false,
crossDomain : localStorage.setItem("pelel
true, ang", field.id_pelelang);
success: var id_gambar =
function(php_script_respons localStorage.getItem("id_ga
e){ mbar");
console.log(id_gambar);
app.dialog.alert("Anda
Telah Terdaftar", app.request.get("http://192
function(){ .168.43.217/lelang/harga.ph
p?id_gambar="+field.id_gamb
window.location.href = ar,function(a){
"home.html";
$$("#listdata").append(
console.log(php_script_resp $$('<li>').append(
onse); $$('<div
}); class="card">').append(
$$('<div
} class="card-
}); content">').append(
});
}); $$('<center>').append(
$$('<img
$$(document).on('page:init' src="'+field.link+'"width="
, '.page[data- 130" height="100">')
name="home"]', function (e) ).append(
{ $$('<p
var id_member = class="nama">').text(field.
localStorage.getItem("id_me nama)
mber"); ).append(
console.log(id_member); $$('<p
class="harga">').text("Rp."
app.request.get("http://192 +field.harga)
.168.43.217/lelang/tampilga ).append(
mbar.php", function $$('<p
(result) { class="batas"
var member = id="batas">').text(field.ba
JSON.parse(result); tas)
console.log(member); ).append(
var dt_list = $$('<p
member.data; class="waktu">')
81
).append( localStorage.status =
$$('<p "true";
class="tertinggi">').text(" $$('#barang').show();
Tertinggi : "+a) }else{
) $$('#barang').hide();
) }
) });
).on("click", var searchbar =
function(){ app.searchbar.create({
el: '.searchbar',
localStorage.setItem("id_ga searchContainer:
mbar", field.id_gambar); '.list',
searchIn: '.nama',
mainView.router.navigate("/ on: {
deskripsi/"); search(sb, query,
}) previousQuery) {
console.log(query,
) previousQuery);
}
app.request.get("http://192 }
.168.43.217/lelang/hapusbar });
ang.php?tanggal="+field.tgl });
, function(hapus){
console.log(hapus); $$(document).on('page:init'
}) , '.page[data-
}); name="deskripsi"]',
}); function (e) {
var id_gambar =
}); localStorage.getItem("id_ga
mbar");
app.request.get("http://192 var id_member =
.168.43.217/lelang/cekpelel localStorage.getItem("id_me
ang.php?id_member="+id_memb mber");
er, function(result){ var id_pelelang =
var tampil = localStorage.getItem("pelel
JSON.parse(result); ang");
console.log(tampil); console.log(id_pelelang);
if (tampil.status) {
app.request.get("http://192
localStorage.setItem("id_pe .168.43.217/lelang/deskrips
lelang", i.php?id_gambar="+id_gambar
tampil.data.id_pelelang); , function (result) {
var id_pelelang = var gambar =
localStorage.getItem("id_pe JSON.parse(result);
lelang") console.log(gambar);
var dt_user =
console.log(id_pelelang); gambar.data;
82
dt_user.forEach(function(fi localStorage.getItem("id_ga
eld, i){ mbar", field.id_gambar);
var id_gambar =
localStorage.getItem(id_gam mainView.router.navigate("/
bar) listpenawar1/");
})
$$("#deskripsi").append( )
$$('<li>').append( )
$$('<div )
class="card">').append( });
$$('<div });
class="card- $$('#kirim').on('click',
content">').append( function(){
var tawaran =
$$('<center>').append( $$('#nawar').val();
$$('<img app.request({
src="'+field.link+'"width=" url:
250" height="250">') "http://192.168.43.217/lela
) ng/tawaran.php",
).append( data:
$$('<p "id_gambar="+id_gambar+"&id
class="nama_barang">').text _pelelang="+id_pelelang+"&i
("Nama Barang : d_member="+id_member+"&tawa
"+field.nama_barang) ran="+tawaran,
).append( async: true,
$$('<p type: "POST",
class="harga">').text("Harg cache: false,
a : "+field.harga) crossDomain:
).append( true,
$$('<p success:
class="batas">').text("Bata function(data, xhr,
s : "+field.batas) status){
).append(
$$('<p app.dialog.alert("Terima
class="deskripsi">').text(" Kasih");
Deskripsi :
"+field.deskripsi) mainView.router.navigate("/
).append( listpenawar1/");
$$('<button
class="button-fill" console.log(tawaran);
id="submit">').text("List },
Tawaran") error:
).on("click", function(xhr, status){
function(){
console.log("error status "
+ JSON.stringify(xhr) + "
83
Dengan nama : " +

JSON.stringify(status)); localStorage.getItem(id_mem
} ber)
});
}); $$("#profile").append(
$$('<li>').append(
app.request.get("http://192 $$('<div
.168.43.217/lelang/cekgamba class="card">').append(
r.php?id_member="+id_member $$('<div
+"&id_gambar="+id_gambar, class="card-
function(result){ content">').append(
console.log(result);
var tampil = $$('<center>').append(
JSON.parse(result); $$('<img
console.log(tampil); src="'+field.link+'"width=5
if (tampil.status) { 0%; height=50%;">')
localStorage.status = )
"true"; ).append(
$$('#tutup').hide(); $$('<p
}else{ class="member">').text("ID
$$('#tutup').show(); Member : "+field.id_member)
} ).append(
}); $$('<p
}); class="nama">').text("Nama
: "+field.nama)
$$(document).on('page:init' ).append(
, '.page[data- $$('<p
name="profile"]', function class="alamat">').text("Ala
(e) { mat : "+field.alamat)
var id_member = )
localStorage.getItem("id_me )
mber"); )
console.log(id_member); )
});
app.request.get("http://192 });
.168.43.217/lelang/profile.
php?id_member="+id_member, app.request.get("http://192
function (result) { .168.43.217/lelang/cekpelel
var gambar = ang.php?id_member="+id_memb
JSON.parse(result); er, function(result){
console.log(gambar); console.log(result);
var dt_user = var tampil =
gambar.data; JSON.parse(result);
console.log(tampil);
dt_user.forEach(function(fi if (tampil.status) {
eld, i){ localStorage.status =
"true";
84
$$('#daftar').hide(); id="member">').val(id_membe
$$('#upload').show(); r)
}else{ )
$$('#daftar').show();
$$('#upload').hide(); $$('#id_pelelang').append(
} $$('<input
}) type="text"
}); name="id_pelelang"
id="pelelang">').val(id_pel
elang)
$$(document).on('page:init' )
,'.page[data-
name="uploadlelang"]',funct });
ion(e){ });
var calendarDefault =
app.calendar.create({
inputEl: $$("#form").on('submit',
'#batas_lelang', function(e){
dateFormat:'dd-mm-yyyy' e.preventDefault();
}); var id_member =
localStorage.getItem("id_me
var id_member = mber");
localStorage.getItem("id_me var id_pelelang =
mber"); localStorage.getItem("id_pe
lelang");
app.request.get("http://192 var file = new
.168.43.217/lelang/profile. FormData($$(this)[0]);
php?id_member="+id_member, console.log(file);
function (result) { app.request({
var input = url:
JSON.parse(result); 'http://192.168.43.217/lela
console.log(input); ng/uploadlelang.php',
var id = input.data; data: file,
async : true,
id.forEach(function(field, type : "POST",
i){ cache : false,
var id_pelelang = crossDomain :
localStorage.getItem("id_pe true,
lelang"); success:
var id_member = function(php_script_respons
localStorage.getItem("id_me e){
mber");
app.dialog.alert("Tunggu
$$('#id_member').append( Konfirmasi Dari Admin",
$$('<input function(){
type="text"
name="id_member"
85
$$('<img
localStorage.getItem("id_me src="'+field.link+'"width="
mber"); 130" height="100">')
).append(
window.location.href = $$('<p
"home.html"; class="nama">').text(field.
}); nama)
} ).append(
}); $$('<p
}); class="nama_barang">').text
}); (field.nama_barang)
).append(
$$(document).on('page:init' $$('<p
, '.page[data- class="harga">').text(field
name="barangku"]', function .harga)
(e) { ).append(
console.log("hai"); $$('<p
var id_member = class="batas">').text(field
localStorage.getItem("id_me .batas)
mber"); )
console.log(id_member); )
)
app.request.get("http://192 ).on("click",
.168.43.217/lelang/barangku function(){
.php",
{id_member:id_member}, localStorage.setItem("id_ga
function (result) { mbar", field.id_gambar);
var member =
JSON.parse(result); mainView.router.navigate("/
console.log(member); listpenawar/");
var dt_list = })
member.data; )
});
dt_list.forEach(function(fi });
eld, i){ });
$$("#listgambar").append(
$$('<li>').append( $$(document).on('page:init'
$$('<div , '.page[data-
class="card">').append( name="listpenawar"]',
$$('<div function (e) {
class="card- var id_gambar =
content">').append( localStorage.getItem("id_ga
mbar");
$$('<center>').append( console.log(id_gambar);
app.request.get("http://192
86
.168.43.217/lelang/listpena data:
war.php?id_gambar="+id_gamb "id="+id_bidder+"&id_barang
ar, function (result) { ="+id_gambar+"&id_member="+
var member = id_member+"&harga="+tawaran
JSON.parse(result); ,
console.log(member); async: true,
var dt_list = type: "POST",
member.data; cache: false,
crossDomain:
dt_list.forEach(function(fi true,
eld, i){ success:
function(data, xhr,
$$("tbody#listtawaran").app status){
end(
$$('<tr>').append( app.dialog.alert("SELAMAT
$$('<td !!! Anda Telah Memilih
class="label- Pemenang");
cell">').text(field.nama)
).append( $$('#submit').hide();
$$('<td },
class="label- error:
cell">').text(field.tawaran function(xhr, status){
)
).append( console.log("error status "
$$('<td + JSON.stringify(xhr) + "
class="action- Dengan nama : " +
cell">').append( JSON.stringify(status));
$$('<button }
class="button-fill" });
id="submit">').text("Pilih" })
) )
).on("click", )
function(){ });
var id_bidder = });
field.id; });
var id_member =
field.id_member; $$(document).on('page:init'
var id_gambar = , '.page[data-
localStorage.getItem("id_ga name="listpenawar1"]',
mbar"); function (e) {
var tawaran = var id_gambar =
field.tawaran; localStorage.getItem("id_ga
mbar");
app.request({ console.log(id_gambar);
url:
"http://192.168.43.217/lela app.request.get("http://192
ng/winner.php", .168.43.217/lelang/listpena
87
war.php?id_gambar="+id_gamb console.log(tampil);
ar, function (result) { if (tampil.status) {
var member =
JSON.parse(result); localStorage.setItem("id_pe
console.log(member); lelang",
var dt_list = tampil.data.id_pelelang);
member.data; var id_pelelang =
localStorage.getItem("id_pe
dt_list.forEach(function(fi lelang")
eld, i){
console.log(id_pelelang);
$$("tbody#listtawaran1").ap localStorage.status =
pend( "true";
$$('<tr>').append( }
$$('<td var url =
class="label- "http://192.168.43.217//lel
cell">').text(field.nama) ang/notif.php?id_member="+i
).append( d_pelelang+"&status=konfirm
$$('<td asi";
class="label- app.request.get(url,
cell">').text(field.tawaran function(a){
) console.log(a);
) var dt =
) JSON.parse(a);
}); // if (dt.status) {
}); //
}); localStorage.setItem("notif
_konfirmasi",
dt.data.id_notif);
// var
$$(document).on('page:init' notif_konfirmasi =
, '.page[data- localStorage.getItem("notif
name="notif"]', function _konfirmasi")
(notifikasi) { //
console.log(notif_konfirmas
// KONFIRMASI BARANG i);
LELANG //
var id_member = localStorage.status =
localStorage.getItem("id_me "true";
mber"); // }
app.request.get("http://192 var data = dt.data;

.168.43.217/lelang/cekpelel
ang.php?id_member="+id_memb data.forEach(function(field
er, function(result){ , i){
var tampil =
JSON.parse(result); $$("#notif").append(
88
$$('<li>').append( ang/notif.php?id_member="+i
$$('<div d_pelelang;
class="item-link item- app.request.get(url,
content">').append( function(b){
$$('<div console.log(b);
class="item- var tampilkan =
inner">').append( JSON.parse(b);
$$('<div var data = tampilkan.data;
class="item-title-
row">').append( data.forEach(function(field
$$('<div , i){
class="item-
title">').text(field.status console.log(field.id_notif)
) ;
) $$("#notif").append(
).append( $$('<li>').append(
$$('<div $$('<div
class="item- class="item-link item-
text">').text("Barang Anda content">').append(
Telah Dikonfirmasi") $$('<div
) class="item-
) inner">').append(
).on("click", $$('<div
function(){ class="item-title-
row">').append(
mainView.router.navigate("/ $$('<div
barangku/"); class="item-
var id_notif title">').text(field.status
= field.id_notif; )
)
console.log(id_notif); ).append(
var hapus = $$('<div
"http://192.168.43.217//lel class="item-
ang/hapus_notif.php?id_noti text">').text("Lihat
f="+id_notif; Penawaran !!!")
)
app.request.get(hapus, )
function(data){ ).on("click",
function(){
console.log(data);
}); mainView.router.navigate("/
}) barangku/");
) var id_notif
}); = field.id_notif;
});
var url = console.log(id_notif);
"http://192.168.43.217//lel
89
var hapus = title">').text(field.status

"http://192.168.43.217//lel )
ang/hapus_notif.php?id_noti )
f="+id_notif; ).append(
$$('<div
app.request.get(hapus, class="item-
function(data){ text">').text("SELAMAT !!!
Anda Menjadi Pemenang !!!")
console.log(data); )
}); )
}) ).on("click",
) function(){
});
}); mainView.router.navigate("/
barangku/");
// PEMENANG var id_notif
var id_member = = field.id_notif;
localStorage.getItem("id_me
mber"); console.log(id_notif);
console.log(id_member); var hapus =
var url = "http://192.168.43.217//lel
"http://192.168.43.217//lel ang/hapus_notif.php?id_noti
ang/notif.php?id_member="+i f="+id_notif;
d_member+"&status=pemenang"
; app.request.get(hapus,
app.request.get(url, function(data){
function(c){ console.log(data);
console.log(c); });
var tampil = JSON.parse(c); })
var data = tampil.data; )
});
data.forEach(function(field
, i){ });
$$("#notif").append( });
$$('<li>').append( });
$$('<div Tampilan Admin
class="item-link item-
Index.php
content">').append(
$$('<div
<?php
class="item-
require_once
inner">').append(
"config/database.php";
$$('<div
class="item-title-
$not = mysql_query("SELECT
row">').append(
* FROM konfir_barang");
$$('<div
$num =
class="item-
mysql_num_rows($not);
90
keychar =
echo $num; String.fromCharCode(key);
keychar =
?> keychar.toLowerCase();
<!DOCTYPE html> goods =
<html lang="en"> goods.toLowerCase();
<head> // check goodkeys
<meta charset="utf-8"> if
<meta http-equiv="X-UA- (goods.indexOf(keychar) !=
Compatible" -1)
content="IE=edge"> return true;
<meta name="viewport" // control keys
content="width=device- if ( key==null ||
width, initial-scale=1"> key==0 || key==8 || key==9
<title>E-Lang</title> || key==27 )
<link rel="shortcut return true;
icon" if (key == 13) {
href="assets/img/favicon.pn var i;
g"> for (i = 0; i <
<link field.form.elements.length;
href="assets/css/bootstrap. i++)
min.css" rel="stylesheet"> if (field
<link == field.form.elements[i])
href="assets/css/datepicker break;
.min.css" rel="stylesheet"> i = (i + 1) %
<link field.form.elements.length;
href="assets/css/style.css"
rel="stylesheet"> field.form.elements[i].focu
<script s();
language="javascript"> return false;
function getkey(e) };
{ return false;
if (window.event) }
return </script>
window.event.keyCode; </head>
else if (e) <body>
return e.which; <nav class="navbar
else navbar-default navbar-
return null; fixed-top">
} <div
function goodchars(e, class="container-fluid">
goods, field) <div class="navbar-
{ header">
var key, keychar; <a class="navbar-
key = getkey(e); brand" href="index.php">
if (key == null)
return true;
91
<i include "form-

class="glyphicon glyphicon- ubah.php";
check"></i> } elseif
E-LANG ($_GET['page'] ==
</a> 'pelelang') {
<a class="navbar- include "form-
brand" pelelang.php";
href="?page=pelelang">Data } elseif
Pelelang</a> ($_GET['page'] ==
<a class="navbar- 'konfirmasi') {
brand" include
href="?page=bidder">Data "konfirmasi.php";
Bidder</a> } elseif
<a class="navbar- ($_GET['page'] == 'bidder')
brand" {
href="?page=winner">Data include "data-
winner</a> bidder.php";
<a class="navbar- } elseif
brand" ($_GET['page'] == 'winner')
href="?page=konfirmasi">Kon {
firmasi Barang include "tampil-
<span winner.php";
class="badge badge-light" } elseif
><?php echo $num; ($_GET['page'] == 'barang')
?></span></a> {
<a class="navbar- include "data-
brand" barang.php";
href="?page=barang">List }
Barang</a> ?>
</div> </div>
</div> <script
</nav> src="assets/js/jquery.min.j
<div class="container- s"></script>
fluid"> <script
<?php src="assets/js/bootstrap.mi
if n.js"></script>
(empty($_GET["page"])) { <script
include "tampil- src="assets/js/bootstrap-
data.php"; datepicker.min.js"></script
} elseif >
($_GET['page'] == 'tambah') <script
{ type="text/javascript" src
include "form- ="https://ajax.googleapis.c
tambah.php"; om/ajax/libs/jquery/3.1.0/j
} elseif uery.min.js">
($_GET['page'] == 'ubah') { </script>
92
<script <i
type="text/javascript"> class="glyphicon glyphicon-
$(function () { search"></i>
$('.date- </div>
picker').datepicker({ <input
autoclose: true, type="text" class="form-
todayHighlight: control" name="cari"
true placeholder="Cari ..."
}); autocomplete="off"
$('[data- value="<?php echo $cari;
toggle="tooltip"]').tooltip ?>">
(); </div>
}) </div>
</script> </form>
</body> </div>
</html> </h4>
</div>
Tampil-data.php <div class="panel
panel-primary">
<?php <div class="panel-
if (isset($_POST['cari'])) heading">
{ <h3 class="panel-
$cari = $_POST['cari']; title">Data Member</h3>
} else { </div>
$cari = ""; <div class="panel-
} body">
?> <div
<div class="row"> class="table-responsive">
<div class="col-md-12"> <table
<div class="page- class="table table-striped
header"> table-hover">
<h4> <thead>
<i <tr>
class="glyphicon glyphicon- <th
user"></i> Data Member class="center">No.</th>
<div class="pull- <th
right btn-tambah"> class="center">ID
<form Member</th>
class="form-inline" <th
method="POST" class="center">NIK</th>
action="index.php"> <th
<div class="center">Nama</th>
class="form-group"> <th
<div class="center">Alamat</th>
class="input-group"> <th
<div class="center">No.hp</th>
class="input-group-addon">
93
<th <td
class="center">Email</th> width='100'
<th class='center'>$data[alamat
class="center">Foto</th> ]</td>
<th <td
class="center">NPWP</th> width='200'
</tr> class='center'>$data[nohp]<
</thead> /td>
<tbody> <td
<?php width='300'
$no = 1; class='center'>$data[email]
if </td>
(isset($cari)) { <td
$sql = width='100' class='center'>
mysql_query("SELECT * FROM <img
member src='../gambar/$data[foto]'
width='50px'
WHERE alamat LIKE '%$cari%' height='50px'/></td>
OR nama LIKE '%$cari%' <td
width='100'
ORDER BY nama"); class='center'>$data[npwp]<
} else { /td>
$sql = ";
mysql_query("SELECT * FROM ?>
member ORDER BY nama "); <?php
} echo "
while ($data
= mysql_fetch_assoc($sql)) </div>
{ </td>
echo " </tr>";
<tr> $no++;
<td }
width='25' ?>
class='center'>$no</td> </tbody>
<td </table>
width='25' </ul>
class='center'>$data[id_mem </nav>
ber]</td> </div>
<td </div>
width='150' </div>
class='center'>$data[nik]</ </div>
td> </div>
<td
width='200' data-barang.php
class='center'>$data[nama]<
/td> <?php
94
if (isset($_POST['cari'])) <div class="panel-

{ heading">
$cari = $_POST['cari']; <h3 class="panel-
} else { title">Data Member</h3>
$cari = ""; </div>
} <div class="panel-
?> body">
<div class="row"> <div
<div class="col-md-12"> class="table-responsive">
<div class="page- <table
header"> class="table table-striped
<h4> table-hover">
<i <thead>
class="glyphicon glyphicon- <tr>
user"></i> Data Member <th
<div class="pull- class="center">No.</th>
right btn-tambah"> <th
<form class="center">ID
class="form-inline" Member</th>
method="POST" <th
action="index.php"> class="center">NIK</th>
<div <th
class="form-group"> class="center">Nama</th>
<div <th
class="input-group"> class="center">Alamat</th>
<div <th
class="input-group-addon"> class="center">No.hp</th>
<i <th
class="glyphicon glyphicon- class="center">Email</th>
search"></i> <th
</div> class="center">Foto</th>
<input <th
type="text" class="form- class="center">NPWP</th>
control" name="cari" </tr>
placeholder="Cari ..." </thead>
autocomplete="off" <tbody>
value="<?php echo $cari; <?php
?>"> $no = 1;
</div> if
</div> (isset($cari)) {
</form> $sql =
</div> mysql_query("SELECT * FROM
</h4> member
</div>
<div class="panel WHERE alamat LIKE '%$cari%'
panel-primary"> OR nama LIKE '%$cari%'
95
class='center'>$data[npwp]<
ORDER BY nama"); /td>
} else { ";
$sql = ?>
mysql_query("SELECT * FROM <?php
member ORDER BY nama "); echo "
}
while ($data </div>
= mysql_fetch_assoc($sql)) </td>
{ </tr>";
echo " $no++;
<tr> }
<td ?>
width='25' </tbody>
class='center'>$no</td> </table>
<td </ul>
width='25' </nav>
class='center'>$data[id_mem </div>
ber]</td> </div>
<td </div>
width='150' </div>
class='center'>$data[nik]</ </div>
td>
<td Proses-konfirm.php
width='200'
class='center'>$data[nama]< <?php
/td> header('Access-Control-
<td Allow-Origin: *');
width='100' header('Access-Control-
class='center'>$data[alamat Allow-Method: *');
]</td> $koneksi =
<td mysqli_connect("localhost",
width='200' "root","","lelang1");
class='center'>$data[nohp]< $id =
/td> $_GET['id_barang'];
<td $sql = $koneksi-
width='300' >query("INSERT INTO
class='center'>$data[email] brg_lelang (id_barang,
</td> id_pelelang, id_member,
<td nama_barang, gambar,
width='100' class='center'> deskripsi, harga,
<img batas_lelang, tgl, status)
src='../gambar/$data[foto]' SELECT id_barang,
width='50px' id_pelelang, id_member,
height='50px'/></td> nama_barang, gambar,
<td deskripsi, harga,
width='100' batas_lelang, tgl, status
96
FROM konfir_barang WHERE

id_barang=$id");
$delete =
$koneksi->query("DELETE
FROM konfir_barang WHERE
id_barang = $id");
$insert_data =
$sql);
if ($query) {
header('location:
index.php?page=barang');
} else {
header('location:
index.php?page=konfirmasi')
;
}
?>
97
Lampiran 2 Daftar Riwayat Hidup
DAFTAR RIWAYAT HIDUP
1. Nama : Nuril Syamsi Hida
2. Tempat/Tgl.Lahir : Pasuruan, 27 Desember 1996
3. Jenis Kelamin : Perempuan
4. Agama : Islam
5. Kewarganegaraan : Indonesia
6. Alamat Rumah : Dsn. Kramat RT.011/RW.005 Ds. Sedarum
Kec. Nguling Kab.Pasuruan (67185)
7. Email : nurilsyamsihida3@gmail.com
8. Riwayat Pendidikan :
NO Pendidikan Yang Pernah Ditempuh Tahun Lulus
1. SDN Sedarum 1 2009
2. 2012
SMPN 2 Nguling
3. SMAN 1 Grati 2015
Nuril Syamsi Hida

15.55201.000686
97
98
Lampiran 3 Daftar Kehadiran Bimbingan
Gambar Lampiran Absensi ke Pembimbing 1

99
Gambar Lampiran Absensi ke Pembimbing II

Lelang & Lampiran

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Lelang & Lampiran

Diunggah oleh

Hak Cipta:

Format Tersedia

IMPLEMENTASI ELEKTRONIK LELANG (E-LANG)

Diajukan Sebagai Salah Satu Persyaratan

Guna memperoleh gelar Sarjana Komputer (S.Kom)

PROGRAM STUDI INFORMATIKA

IMPLEMENTASI ELEKTRONIK LELANG (E-LANG)

Diajukan untuk memenuhi salah satu syarat kelulusan pada

NURIL SYAMSI HIDA

PROGRAM STUDI INFORMATIKA

IMPLEMENTASI ELEKTRONIK LELANG (E-LANG)

Nama : Nuril Syamsi Hida

Program Studi : Informatika

Pasuruan, Agustus 2019

Telah diperiksa dan disetujui oleh :

Dinyatakan lulus setelah dipertahankan didepan Tim Penguji Skripsi

Program Studi Informatika Fakultas Teknologi Informasi

Tanggal : Agustus 2019

Pukul : 10.30 – 12.00 WIB

Judul : Implementasi Elektronik Lelang (E-Lang) Berbasis

Nama : Nuril Syamsi Hida

Program Studi : Informatika

Pasuruan, Agustus 2019

Nama Tanda Tangan

i. Ketua Penguji : Achmadi Prasita Nugroho, S.Kom., M.MT. 1.

ii. Penguji I : Mohammad Nur Cholis, S.Kom., M.T. 2.

iii. Penguji II : Dian Ahkam Sani, S.Kom., M.Kom. 3.

IMPLEMENTASI ELEKTRONIK LELANG (E-LANG)

Nama : Nuril Syamsi HIda

Program Studi : Informatika

Dekan Ketua Program Studi

Fakultas Teknologi Informasi Informatika

PERNYATAAN KEASLIAN SKRIPSI

IMPLEMENTASI ELEKTRONIK LELANG (E-LANG)

Program Studi Informatika, Fakultas Teknologi Informasi Universitas Merdeka Pasuruan,

dipakai untuk mendapatkan gelar kesarjanaan di lingkungan Fakultas Teknologi

Instansi manapun, terkecuali bagian yang sumber informasinya dicantumkan

maka saya siap bertanggungjawab dan bersedia dicabut gelar kesarjanaannya.

Pasuruan, Agustus 2019

Nuril Syamsi Hida

 Jangan Pernah Berpikiran Negatif Saat Melakukan

Sesuatu, Karena Pada Dasarnya Kita Bisa Melakukan

Sesuatu Hingga Berhasil

 Jadikan Ketakutanmu Menjadi Motivasimu

 Jangan Pernah Menyerah Saat Gagal Setelah

Bismillahirrohmanirrohim, alhamulillahi robi’alamiin, sembah sujud serta

Lelang adalah sistem penjualan barang yang dilakukan di muka umum

Kata Kunci : Lelang, Android, Sistem Informasi, Smartphone.

Keywords: Auction, Android, Smartphone, Information Systems.

Syukur Alhamdulillah penulis panjatkan kehadirat Allah SWT yang telah

melimpahkan rahmat dan karunia-Nya sehingga penulisan Skripsi dengan judul

“IMPLEMENTASI ELEKTRONIK LELANG (E-LANG) BERBASIS

ANDROID” dapat terselesaikan dengan baik.

Sesungguhnya Allah SWT tidak memberi beban suatu kaum melainkan

sesuai dengan kemampuannya. Hanya atas kehendak-Nya penulis dapat

menyelesaikan tugas akhir dalam rangka untuk memenuhi persyaratan dalam

menyelesaikan Program Sarjana di Universitas Merdeka Pasuruan.

Tiada suatu peristiwa yang menyenangkan maupun menyedihkan kecuali

mengandung hikmat, dan sesungguhnya dibalik kesukaran itu pasti ada

dukungan tersebut penulis menyampaikan penghargaan yang setinggi-tingginya.

Beliau-beliau tersebut adalah :

1. Bapak Dr. Ronny Winarno. S.H., M.Hum., selaku Rektor Universitas

Informasi Universitas Merdeka Pasuruan.

3. Bapak Dian Ahkam Sani, S,Kom., M.Kom., selaku pembimbing I dan

Bapak Mohammad Zoqi Sarwani, S.Pd., M.Kom., selaku pembimbing II.