[revisi tidak terperiksa]

[revisi terperiksa]

Revisi terkini pada 8 Oktober 2019 10.42

PENERAPAN SISTEM REALTIME BIDDING PADA APLIKASI LELANG ONLINE

MENGGUNAKAN LARAVEL DAN VUE.JS

DI CURALIB TECH

Displaying LOGO-UNIVERSITAS-RAHARJA.png

Disusun Oleh :

NIM	: 1222472113
NAMA	: GARRYANDI FAHRYAN

FAKULTAS SAINS DAN TEKNOLOGI

PROGRAM STUDI TEKNIK INFORMATIKA

KONSENTRASI SOFTWARE ENGINEERING

UNIVERSITAS RAHARJA

TANGERANG

2018/2019

UNIVERSITAS RAHARJA

LEMBAR PENGESAHAN SKRIPSI

PENERAPAN SISTEM REALTIME BIDDING PADA APLIKASI LELANG ONLINE

MENGGUNAKAN LARAVEL DAN VUE.JS

DI CURALIB TECH

Disusun Oleh :

NIM	: 1222472113
Nama	: GARRYANDI FAHRYAN
Fakultas	: Sains dan Teknologi
Jenjang Studi	: Strata Satu
Jurusan	: Teknik Informatika
Konsentrasi	: Software Engineering

Disahkan Oleh :

Tangerang, Juli 2019

Rektor		Ketua Program Studi
Universitas Raharja		Program Studi Teknik Informatika




(Drs. Po. Abas Sunarya , M.Si)		(Ruli Supriati, S.Kom., M.T.I.)
NIP : 000603		NIP : 08166

UNIVERSITAS RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PENERAPAN SISTEM REALTIME BIDDING PADA APLIKASI LELANG ONLINE

MENGGUNAKAN LARAVEL DAN VUE.JS

DI CURALIB TECH

Disusun Oleh :

NIM	: 1222472113
Nama	: GARRYANDI FAHRYAN

Disetujui setelah berhasil dipertahankan di hadapan Tim Penguji Ujian

Komprehensif

Jurusan Sistem Informasi

Konsentrasi Komputer Akuntansi

Tahun Akademik 2017/2018

Disetujui Penguji :

Tangerang, Juli 2019

Ketua Penguji	Penguji I	Penguji II




(_______________)	(_______________)	(_______________)
NID :	NID :	NID :

UNIVERSITAS RAHARJA

LEMBAR PERSETUJUAN PEMBIMBING

PENERAPAN SISTEM REALTIME BIDDING PADA APLIKASI LELANG ONLINE

MENGGUNAKAN LARAVEL DAN VUE.JS

DI CURALIB TECH

Disusun Oleh :

NIM	: 1222472113
Nama	: GARRYANDI FAHRYAN

Telah Disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Fakultas Sains dan Teknologi

Program Studi Teknik Informatika

Konsentrasi Software Engineering

Disetujui Oleh :

Tangerang, Juli 2019

Pembimbing I		Pembimbing II




(Nasril Sany, M.Kom)		(Ilamsyah, M.Kom)
NID : 08190		NID : 011716

ABSTRAKSI

Dalam sebuah aplikasi tentu memiliki modul-modul tertentu dan padasetiap modul tersebut pasti kebutuhannya berbeda-beda. Ada yang memerlukanbanyak data, ada yang memerlukan tampilan yang bagus tetapi pada modul yanglainnya tidak dibutuhkan tampilan yang menarik. Ada juga yang memerlukansistem yang bisa menangani user secara realtime dan ada juga yang tidak perlurealtime. Contoh yang tidak membutuhkan realtime adalah halaman admin.Sedangkan halaman frontend ada yang perlu realtime dan ada juga yang kurangperlu realtime. Jika suatu halaman frontend hanya menampilkan profil-profil atauportofolio dari sebuah perusahaan, maka itu tidak perlu untuk dibuat realtime.Akan tetapi jika halaman tersebut merupakan halaman untuk belanja onlineseperti pelelangan online dan lain-lain yang sejenisnya, maka ini sangat perluuntuk dijadikan realtime, karena user perlu mengetahui jumlah barang saat inijuga, jumlah barang yang sedang terbeli tanpa harus memuat ulang halamanwebsite-nya. Oleh karena itulah dengan alasan bahwa dalam sebuah pelelanganyang bersifat online, perlu tahu harga yang ditawarkan oleh pelelang pada saatdetik itu juga dan perlu tahu kapan lelang ditutup pada detik itu juga, makadibutuhkanlah sebuah sistem realtime bidding guna mengatasi hal tersebut. Dalampenelitian ini, penulis akan meneliti dengan menggunakan metode SWOT dalammenganalisis sistem pelelangan oleh Curalib Tech yang menjadi objek penelitianpenulis. Yang menjadi inti dari penelitian ini adalah bagaimana seseorang bisamelakukan kegiatan pelelangan tanpa perlu datang ke gedung pelelangan dan bisadilakukan secara online di rumah. .

Kata Kunci: Realtime, Pelelangan, Lelang Online, Realtime Bidding.

ABSTRACT

As we can see into an application, it’s surely has so many modules and inevery module of them, it must be have difference needs. In an application itcertainly has certain modules and in each of these modules the needs aredifferent. There are those that require a lot of data, some require a good display,but in the other modules there is no need for an attractive display. There are alsothose who need a system that can handle users in real time and some that don'tneed realtime. An example that does not require realtime is the admin page. Whilethere are frontend pages that need realtime and some need less realtime. If afrontend page only displays profiles or portfolios of a company, then it does notneed to be made realtime. But if the page is a page for online shopping such asonline auctions and the like, then it is very necessary to be realtime, because theuser needs to know the number of items at this time, too, the number of itemsbeing purchased without having to reload the website - his. Therefore, on thegrounds that in an online auction, it is necessary to know the price offered by theauctioneer at the same moment and need to know when the auction closes at thatmoment, so a realtime bidding system is needed to overcome this. In this study, theauthor will examine using the SWOT method in analyzing the auction system byCuralib Tech which is the object of research by the author. The core of thisresearch is how one can conduct auction activities without the need to come to theauction place and can be done by online at home.

Keywords : Realtime, Auction, Online Auction, Realtime Bidding

KATA PENGANTAR

Alhamdulillah, puji dan syukur atas kehadirat Allah Subhanahu WaTa’ala yang telah melimpahkan rahmat dan karunia-Nya sehingga penulisdapat menyelesaikan Skripsi dengan judul“PENERAPAN SISTEMREALTIME BIDDING PADA APLIKASI LELANG ONLINEMENGGUNAKAN LARAVEL DAN VUE.JS DI CURALIB TECH”.

Tujuan penulisan Laporan Skripsi ini adalah sebagai syarat dalammenyelesaikan Program Pendidikan Strata1 Program Studi Teknik Informatika pada Universitas Raharja.

Penulis menyadari bahwa dengan pertolongan dan izin-Nya,kemudian adanya bimbingan dan dorongan dari banyak pihak, penulisdapat menyelesaikan Skripsi ini dengan baik dan tepat pada waktunya.

Pada kesempatan ini pula penulis menyampaikan ucapan terimakasih kepada :

Bapak Dr. Po. Abas Sunarya, M.Si, selaku Rektor Universitas Raharja.
Bapak Dr. Henderi, S.Kom., M.Kom, selaku Dekan Fakultas Universitas Raharja.
Bapak Padeli, M.Kom, selaku Wakil Dekan Fakultas Sains dan Teknologi Universitas Raharja.
Ibu Ruli Supriati, S.Kom., M.T.I, selaku Ketua Program Studi Teknik Informatika.
Bapak Nasril Sany, M.Kom sebagai Dosen Pembimbing I yang telah memberikan bimbingan dan masukan kepada penulis sehingga Skripsi ini dapat diselesaikan dengan baik.
Bapak Ilamsyah, M.Kom sebagai Dosen Pembimbing II yang telah meluangkan waktunya untuk memberikan bimbingan, masukan dan motivasi kepada penulis.
Bapak Ahmad Padli selaku stakeholder yang telah memberikan kontribusi besar di dalam lancarnya proses penelitian skripsi ini.
Bapak dan Ibu Dosen serta Staff Universitas Raharja yang telah memberikan bekal ilmu pengetahuan dan motivasi kepada penulis.
Keluarga tercinta yang telah memberikan doa, dukungan moril maupun materil sehingga Skripsi ini dapat diselesaikan dengan baik.
Teman-teman seperjuangan yang selalu ada dan memberikan semangat.

Penulis menyadari bahwa dalam penulisan Laporan Skripsi ini masih jauh dari sempurna. Oleh karena itu kritik dan saran yang membangun, penulis harapkan sebagai pemicu untuk dapat berkarya lebih baik lagi. Semoga laporan ini bermanfaat bagi pihak yang membutuhkan.

	Tangerang, 18 Juli 2019
















	Garryandi Fahryan
	NIM. 1222472113

Daftar isi

1 BAB I
2 BAB II
- 2.1 Teori Umum
- 2.2 Teori Khusus
3 BAB III
4 BAB IV
- 4.1 Rancangan Sistem Usulan
- 4.2 Prosedur Sistem Usulan
  - 4.2.1 Prosedur Pendaftaran Calon Peserta Lelang
  - 4.2.2 Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan
5 DAFTAR PUSTAKA

BAB I

PENDAHULUAN

Latar Belakang

Saat ini yang merupakan zaman digital, kita sangat mudah untuk menjual barang secara online baik barang yg baru maupun barang yang bekas. Orang yang akan datang dan menanyakan barang tersebut adalah orang yang butuh, karena orang tersebut memang yang membuka toko online atau marketplace -nya.

Yang menjadi masalah adalah, orang-orang yang mau membeli di toko online tersebut jika membeli barang bekas selalu menawar harga hingga terendah, sehingga penjual barang bekas tersebut kurang mendapatkan keuntungan apabila yang dijualnya adalah barang-barang yang tergolong harganya tinggi, seperti kendaraan dan properti.

Dari masalah tersebut, maka solusinya untuk barang-barang yang

berharga tinggi membutuhkan, ditargetkan dan tidak kepada menawarkan orang yang benar-benar penurunan harga, tetapi menawarkan dengan harga yang lebih tinggi dari harga minimal yang diberikan oleh penjual barang tersebut, dengan syarat penjual barang

tersebut tidak mematok harga sebesar harga jual di toko online .

Dari solusi tersebut, maka didirikanlah sebuah perusahaan yang

berdiri di bidangnya tersebut (yaitu pelelangan), perusahaan tersebut 12 bernama PT Altolelang yang saat ini ada di wilayah Jakarta Barat dan

Bandung.

Perusahaan Curalib Tech merupakan salah satu perusahaan

software house di Jakarta. Software House tersebut melayani satu client , yaitu PT Altolelang tersebut yang nantinya ingin membuat lelang versi

online yang semisal dengan marketplace .

Dalam hal pelelangan versi online tersebut dibutuhkan respon dari

aplikasi yang sifatnya realtime dan perlu menanggapi penawaran yang akan diakses oleh orang banyak secara cepat, dan bahkan harus bisa menanggapi jika ada beberapa orang yang akan menawarkan barang

lelangan tersebut secara bersamaan.

Oleh karena itu penulis akan meneliti bagaimana jika sistem

Realtime Bidding ini akan diaplikasikan pada aplikasi lelang online ini. Realtime Bidding sebenarnya pada praktiknya, digunakan di setiap marketplace untuk mengiklankan barang dengan keyword tertentu, yang keyword tertentu tersebut digunakan tidak mungkin hanya oleh satu

orang, tetapi bisa banyak orang yang memburu keyword tersebut.

Dengan begitu, keyword tersebut dibeli dengan sistem lelang, yaitu

siapa yang bayarannya paling besar, dia yang akan menggunakan

keyword tersebut.

Rumusan Masalah

Apakah kegiatan pelelangan dapat dilakukan secara online dengan menggunakan sistem Realtime Bidding ?
Apakah Vue.js bisa digunakan untuk membuat sistem pelelangan online tersebut menjadi realtime ?
Bagaimana hasil dari jalannya proses penawaran lelang online pada saat sebelum dan setelah sistem realtime bidding ini diterapkan?

Ruang Lingkup Penelitian

Metodologi Agile untuk proses development-nya.
Perancangan sistem pelelangan yang sebelumnya adalah pelelangan secara bukan online menjadi online .
Perancangan proses pelelangan menjadi realtime dengan menggunakan Vue.js.

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Tujuan dari laporan ini adalah untuk menjabarkan penerapan sistem realtime bidding pada aplikasi lelang online tersebut dan menjabarkan bagaimana implementasinya ke dalam bahasa pemrogramannya.

Selain mempermudah itu tujuan dari laporan proses kegiatan ini juga pelelangan untuk serta pembayarannya yang semua akan dilakukan secara online . Pembayaran sekaligus bid -nya akan dilakukan secara online menggunakan saldo khusus PT Altolelang yang semacam seperti pulsa atau dompet online .

Manfaat Penelitian

Manfaat dari penelitian ini dari sisi penulis adalah penulis dapat lebih mensinkronisasikan antara ilmu teori dan fakta yang terjadi di lapangan sehingga dari ilmu teori tersebut, penulis dapat memecahkan permasalahan yang terjadi secara nyata.

Sedangkan manfaat untuk Curalib Tech adalah aplikasi lelang online-nya tersebut bisa dilakukan penawaran oleh banyak orang secara bersamaan, mengurangi resiko lambatnya dalam proses penawaran barang lelangan tersebut.

Adapun manfaat untuk para peserta lelang di PT Altolelang adalah para peserta tersebut dapat melakukan kegiatan pelelangannya tanpa harus datang ke lokasi pelelangan tersebut.

Metode Penelitian

Metode-metode yang digunakan dalam penelitian ini adalah sebagai berikut.

Metode Pengumpulan Data

Dalam metode ini, penulis melakukan observasi, wawancara terhadap CEO Curalib Tech, dan penulis melakukan tinjauan kepustakaan (literature review) terhadap penelitian-penelitian yang serupa.

Observasi
Penulis melakukan observasi langsung ke Curalib Tech, kemudian dari Curalib Tech juga melakukan observasi ke PT Altolelang. Dari observasi tersebut, PT Altolelang yang merupakan sebuah tempat lelang yang memerlukan sistem pelelangan yang bisa berbasis online, dan saat ini yang ada hanya website untuk menunjukkan jadwal pelelangan dan barang-barang lelangannya saja.
Metode Wawancara (Interview)
Sebelum penelitian diterapkan, penulis terlebih dahulu melakukan wawancara terhadap pihak yang bersangkutan, yaitu pihak Curalib Tech untuk mengetahui masalah-masalah yang dihadapi oleh Curalib Tech dalam mengembangkan aplikasi lelang online. Penulis mewawancarai Ahmad Padli yang merupakan CEO dari Curalib Tech tersebut, dan beliau menjelaskan bahwa saat ini yang menjadi masalah pada project PT Altolelang tersebut adalah belum realtime-nya proses penawaran (bidding) tersebut.
Metode Studi Pustaka (Library Research)
Selain membaca buku referensi, penulis juga membaca dan mendapatkan informasi dari jurnal-jurnal dan/atau karya-karya ilmiah yang lain sebagai sumber pengetahuan untuk penulis dan juga untuk menjaga agar tidak terjadi plagiarisme oleh penulis baik secara sengaja maupun tidak disengaja.

Metode Analisa

Dalam penelitian ini, metode analisis yang akan digunakan oleh penulis adalah metode SWOT, yaitu metode yang menganalisis 4 hal dalam bentuk evaluasi, yaitu Strengths (Kekuatan), Weaknesses (Kelemahan), Opportunities (Peluang) dan Threats (Ancaman).

Metode Perancangan

Pada penelitian ini, perancangan yang akan dilakukan oleh penulis beserta alat untuk merancangnya adalah sebagai berikut :

Pemodelan aplikasinya menggunakan UML (Unified Modelling Language),
Pemrograman aplikasinya menggunakan bahasa pemrograman PHP Framework Laravel 5.7, Jquery.js, Vue.js dan Vue Router yang proses instalasinya menggunakan Node Package Manager,
Database aplikasinya menggunakan MySql (My Structured Query Language),
Server dari aplikasi tersebut menggunakan Nginx v1.14 yang sama seperti Apache.

Sistem Penulisan

Penulisan laporan ini diurutkan sebagai berikut :

BAB I : PENDAHULUAN

Pada bab ini dijelaskan latar belakang pada masalah yang terjadi dalam mengembangkan aplikasi lelang berbasis online serta membatasi permasalahan serta penulis melakukan literature review dalam pencarian sistem yang pas untuk kasus aplikasi tersebut. Setelah itu penulis menjabarkan metode-metode apa yang dilakukan untuk penelitian ini, dimulai dari metode yang dilakukan untuk pencarian data, metode yang dilakukan untuk analisis pembuatan aplikasi, metode perancangan aplikasinya, prototyping dan pengujian aplikasinya.

BAB II : LANDASAN TEORI

Penulis akan menjabarkan teori umum dan teori khusus terkait pada penelitian ini, yaitu Sistem Realtime Bidding. Secara pengetahuan, penulis akan mencantumkannya pada bab ini, berdasarkan referensi-referensi yang sudah didapatkan oleh penulis. Kemudian penulis akan menjabarkan tentang metode-metode yang dilakukan pada penelitian ini, masing-masing pengertian dan esensi-esensinya akan penulis sampaikan pada penelitian ini. Lalu selanjutnya penulis akan mencantumkan literature review dari penelitian tentang penggunaan sistem realtime pada kegiatan bidding yang telah dicoba untuk diterapkan bahkan ada yang diimplementasikan pada penelitian-penelitian lain, tentunya pada kasus-kasus yang lain.

BAB III : SISTEM YANG BERJALAN

Data bersangkutan yang telah didapatkan dari Curalib Tech oleh penulis akan dijabarkan pada bab ini, yaitu berupa struktur organisasi Curalib Tech. Kemudian penulis akan menjabarkan analisis dan prosedur sistemnya, serta disertai permintaan dari stakeholder serta penyaringan elisitasi-elisitasi dari permintaan stakeholder tersebut. Penulis juga akan mencantumkan konfigurasi-konfigurasi yang ada pada satu unit komputer dari objek penelitian (Curalib Tech) tersebut.

BAB IV : SISTEM YANG DIUSULKAN

BSetelah menjabarkan data dari Curalib Tech pada bab III, penulis akan menjabarkan solusinya pada bab ini, yaitu dengan menjelaskan bahasa pemodelannya, hipotesisnya serta prototype berupa tampilan input dan tampilan output dari halaman pengguna dan halaman administrator. Penulis juga akan memasukkan rancangan basis datanya, listing program yang telah dibuat dalam penelitian ini sebagai sebagian kode dari pembuatan aplikasi tersebut dan juga terakhir penulis akan mencantumkan pengujian (testing) yang penulis lakukan, Whitebox dan Blackbox.

BAB V : PENUTUP

Masalah yang didapat berupa data-data yang telah dicantumkan, kemudian solusinya juga telah dicantumkan, maka penulis akan memberikan kesimpulan pada bab ini, namun karena penulis serta penelitian yang diterapkan oleh penulis juga memiliki keterbatasan, maka pada bab ini penulis juga akan menuliskan saran untuk pembaca agar pembaca diharapkan bisa memberikan masukan untuk perbaikan pada kegiatan penelitian ini.

DAFTAR PUSTAKA

LAINNYA

BAB II

LANDASAN TEORI

Teori Umum

Konsep Dasar Perancangan Sistem

Wahyu Hidayat, dkk (2016:49) ^[1] mendefinisikan tentang perancangan bahwa, “Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan wujud visual yang dihasilkan dari bentuk-bentuk kreatif yang telah direncanakan. Langkah awal dalam perancangan desain bermula dari hal-hal yang tidak teratur berupa gagasan atau ide-ide kemudian melalui proses penggarapan dan pengelolaan akan menghasilkan hal-hal yang teratur, sehingga hal-hal yang sudah teratur bisa memenuhi fungsi dan kegunaan secara baik. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi”. Kemudian Jogiyanto (2005:3) ^[2] menyimpulkan tentang arti dari Perancangan Sistem adalah, “penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi”. Menurut Alison McKay, et al (2016:237-250) ^[3] , “Perancangan Kegiatan Rekayasa adalah sebuah tahapan awal yang penting dari proses pembaharuan yang menghantarkan produk-produk baru kepada market-market dimana tantangan sosial ditempatkan dan dibangun secara mewah”.

Dari ketiga definisi di atas, maka dapat disimpulkan bahwa perancangan merupakan sebuah kebutuhan di tahapan awal berupa penuangan ide secara visual agar nantinya dapat dianalisis dan dipresentasikan ke ahli-ahli teknik yang terlibat dengan tujuan sistem tersebut memenuhi kebutuhan pengguna sistem.

1. Konsep Dasar Sistem

Di dalam setiap kehidupan, kita tidak akan lepas dari masalah. Masalah adalah sesuatu yang berjalan tidak sesuai dengan keinginan atau harapan. Dengan hadirnya teknologi informasi, diharapkan bisa mengurangi masalah yang ada sesuai dengan penyelesaian tertentu dan penyelesaian masalah tersebutlah yang disebut sebagai algoritma.

Definisi Sistem

Menurut Romney Dan Steinbart (2015:3) sistem adalah suatu rangkaian yang terdiri dari dua atau lebih komponen yang saling berhubungan dan saling berinteraksi satu sama lain untuk mencapai tujuan dimana sistem biasanya terbagi dalam sub sistem yang lebih kecil yang mendukung sistem yang lebih besar. Jeperson Hutahaean (2015:2) ^[4] menyebutkan bahwa sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan berkumpul bersama – sama untuk melakukan kegiatan atau untuk melakukan sasaran yang tertentu.

Jadi bisa disimpulkan bahwa sistem adalah suatu prosedur yang menjadi panutan pekerjaan bagi komponen-komponen suatu jaringan atau organisasi dalam rangka mencapai sasaran-sasaran dari jaringan atau organisasi tersebut.
Karakteristik Sistem
Menurut Hutahaean (2015:3-5) ^[4] , bahwa supaya sistem itu dikatakan sistem yang baik memiliki karakteristik yaitu:
1. Komponen Sistem (Components)
  
  Suatu sistem terdiri dari sejumlah komponen-komponen yang saling berinteraksi yang artinya saling bekerja sama membentuk satu kesatuan. Komponen sistem terdiri dari komponen yang berupa subsistem atau bagian-bagian dari sistem.
2. Batasan Sistem (Boundary)
  
  Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan lingkungan luarnya. Batasan sistem ini memungkinkan suatu sistem dipandang sebagai suatu kesatuan. Batasan suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
3. Lingkungan Luar Sistem (Environment)
  
  Lingkungan luar sistem (Environment) adalah diluar batas sistem yang mempengaruhi operasi sistem. Lingkungan dapat bersifat menguntungkan yang harus tetap dijaga dan yang merugikan yang harus dijaga dan dikendalikan, kalau tidak akan mengganggu kelangsungan hidup dari sistem.
4. Penghubung Sistem (Interface)
  
  Penghubung sistem merupakan media penghubung antara satu subsistem dengan subsistem lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari subsistem ke subsistem lain.
5. Masukan Sistem (Input)
  
  Masukan adalah energi yang dimasukan ke dalam sistem, yang dapat berupa perawatan (maintenance input), dan masukkan sinyal (signal input).
6. Keluaran Sistem (Output)
  
  Keluaran sistem adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.
7. Pengolah Sistem (Process)
  
  Suatu sistem menjadi bagian pengolah yang akan merubah masukan menjadi keluaran. Sistem produksi akan mengolah bahan baku menjadi bahan jadi, sistem akuntansi akan mengolah data menjadi laporan-laporan keuangan.
8. Sasaran Sistem (Objective)
  
  Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Sasaran dari sistem sangat menentukan input yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.

2. Klasifikasi Sistem

Menurut Hutahaean (2015: 6-7) ^[4] Sistem dapat diklasifikasikan dalam beberapa sudut pandang :

Klasifikasi Sistem sebagai :
1. Sistem Abstrak (Abstract System)
  
  Sistem abstrak adalah sistem yang berupa pemikiran-pemikiran atau yang tidak tampak secara fisik.
2. Sistem Fisik (Physical System)
  
  Sistem fisik adalah sistem yang ada secara fisik.
Sistem diklasifikasikan sebagai :
1. Sistem Alamiah (Natural System),
  
  Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak di buat oleh manusia. Misalnya sistem perputaran bumi. Misalnya sistem perputaran bumi.
2. Sistem Buatan Manusia (Human Made System),
  
  Sistem buatan manusia adalah sistem yang dibuat oleh manusia yang melibatkan interaksi antara manusia dengan mesin (human machine system).
Sistem diklasifikasikan sebagai :
1. Sistem Tertentu (Deterministic System)
  
  Sistem tertentu adalah, sistem yang beroperasi dengan tingkah laku yang sudah dapat diprediksi, sebagai keluaran sistem yang dapat diramalkan.
2. Sistem Tak Tentu (Probabilistic System)
  
  Sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilistic.
Sistem diklasifikasikan sebagai :
1. Sistem Tertutup (Close System)
  
  Sistem tertutup adalah sistem yang tidak terpengaruh dan tidak berhubungan dengan lingkungan luar, sistem bekerja otomatis tanpa ada turut campur lingkungan luar. Secara teoritis sistem tertutup ini ada, kenyataannya tidak ada sistem yang benar-benar tertutup, yang ada hanya relatively closed system.
2. Sistem Terbuka (Open System)
  
  Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Sistem ini menerima input dan ouput dari lingkungan luar atau subsistem lainnya. Karena sistem terbuka terpengaruh lingkungan luar maka harus mempunyai pengendali yang baik.

Konsep Dasar Sistem Informasi

1. Definisi Sistem Informasi

Menurut Hutahaean (2015: 13), ^[4] sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengelolaan transaksi harian, mendukung operasi, bersifat manajerial, dan kegiatan strategi dan suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang dibutuhkan. Menurut Abdul Kadir dalam bukunya (2014:8) ^[5] menyatakan bahwa sistem informasi mencakup sejumlah komponen (manusia, komputer, teknologi informasi, dan prosedur kerja) ada sesuatu yang diproses (data menjadi informasi) dan dimaksudkan untuk mencapai suatu sasaran.

Menurut Atyanto Mahatmyo (2014: 6) ^[6] , “Sistem Informasi adalah serangkaian prosedur formal dimana data dikumpulkan, diproses menjadi informasi dan didistribusikan ke pengguna”. Dari ketiga definisi yang dikemukakan oleh para ahli di atas dapat disimpulkan bahwa sistem informasi adalah sebuah sistem yang dibuat untuk memberikan informasi-informasi yang mendukung operasi dari sistem yang ada pada jaringan tersebut.

Komponen Sistem Informasi
Menurut Abdul Kadir (2014:71) ^[5] , Sistem informasi mengandung komponen-komponen seperti berikut ini :
1. Perangkat Keras (Hardware), yang mencakup peranti-peranti fisik seperti komputer dan printer.
2. Perangkat Lunak (Software) atau Program, yaitu sekumpulan instruksi yang memungkinkan perangkat keras memproses data.
3. Prosedur, yaitu sekumpulan aturan yang dipakai untuk mewujudkan pemrosesan data dan pembangkitan keluaran yang dikehendaki.
4. Orang, yakni semua pihak yang tanggung jawab dalam pengembangan sistem informasi, pemrosesan dan penggunaan keluaran sistem informasi.
5. Basis Data (Database), yaitu kumpulan tabel, hubungan dan lain-lain yang berkaitan dengan menyimpan data. Jaringan Komputer dan Komunikasi Data, yaitu sistem penghubung yang memungkinkan sumber (resources) dipakai secara bersama atau diakses oleh sejumlah pemakai.

Konsep Dasar Data

1. Pengertian Data

Menurut Abishek Kanal dan Aishwarya (2016:5) ^[7] “Data Merupakan Pendorong penting dalam membuka cara untuk pendekatan bisnis yang optimal dalam ukuran organisasi”. H.A. Rusdiana dan Moch Irfan (2014:68) ^[8] mengemukakan bahwa, “data adalah fakta yang dapat digunakan sebagai input dalam menghasilkan informasi. Data dapat berupa bahan untuk diskusi, pengambilan keputusan, perhitungan, atau pengukuran. Saat ini data tidak hanya dalam bentuk kumpulan huruf-huruf dalam bentuk kata atau kalimat, tetapi juga dapat dalam bentuk suara, gambar diam dan bergerak, baik dalam bentuk dua maupun tiga dimensi”.

Menurut Siregar yang dikutip oleh Priyo Sutopo, dkk dalam Jurnal Informatika Mulawarman (2016:23). “Data diterjemahkan sebagai istilah yang berasal dari kata “datum” yang berarti fakta atau bahan-bahan keterangan. Data merupakan deskripsi dari sesuatu dan kejadian yang kita hadapi”.

Berdasarkan ketiga definisi di atas, maka dapat disimpulkan bahwa data adalah suatu rekaman berupa fakta atau kejadian yang didapatkan tetapi belum memiliki kesimpulan.

Konsep Dasar Database

1. Definisi Database

Menurut Rosa A.S dan M.Shalahuddin (2013:43) ^[9] “Database (basis data) adalah sistem yang terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah atau informasi dan membuat informasi tersedia saat dibutuhkan.” Menurut Sri Rahayu, dkk dalam jurnal CCIT, Vol.9 No.1 (2015:54) ^[10] “Database (basis data) adalah kumpulan data yang terintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat.” Menurut Sanjaya dan Cahyono (2013:17-15) ^[11] ,“Basis Data (Database) adalah sekumpulan informasi yang berkaitan dengan subjek yang diorganisasikan dengan cara tertentu sebagai basis atau fondasi untuk prosedur seperti mengakses informasi, menarik kesimpulan dan membuat keputusan”.

Dari beberapa definisi di atas, maka dapat disimpulkan bahwa basis data adalah tempat sekumpulan data yang terintegrasi yang nantinya akan diproses untuk mendapatkan kesimpulan.

Penggunaan Database
Berdasarkan cara berinteraksi dengan sistem, pengguna basis data dibedakan sebagai berikut: (Anhar, 2016:20) ^[12] :
1. Database Administrator adalah Orang yang mendefinisikan basis data, mengatur hak-hak akses, melakukan perawatan dan koreksi terhadap basis data.
2. Programme Aplikasi adalah Pengguna yang berinteraksi dengan basis data, dengan membuat antarmuka yang digunakan untuk manipulasi basis data.
3. Sophisticated User adalah Pengguna yang ahli, maksudnya adalah pengguna yang mengakses langsung ke mesin basis data menggunakan bahasa non-prosedural.
4. Specialized User adalah Pengguna yang mempunyai keahlian dibidang tertentu, maksudnya adalah Pengguna ini memakai basis data untuk membangun program aplikasi sesuai bidang keahliannya.
5. Nav User adalah Pengguna yang memiliki pengetahuan komputasi dan basis data secara terbatas. Pengguna ini berinteraksi dengan basis data melalui program aplikasi yang sudah disediakan.

Teori Khusus

Konsep Dasar Realtime Bidding

Menurut Yuan, et. al (2014:218) ^[13] , Realtime Bidding merupakan pemotongan model dari perbatasan ujung pada penelitian periklanan terkomputasi dan paradigma periklanan dari hal ketiga yang banyak digunakan mengikuti jaringan tampilan iklan dan periklanan berbasis pencarian kata kunci.

Menurut Shalinda (2015:19) ^[14] Realtime Bidding adalah sebuah pelelangan yang terjadi seketika pada saat itu juga secara programatis, yang mendorong pembeli-pembeli impresi untuk meluncurkan kampanye periklanan mereka via jaringan periklanan yang berlipat ganda.

Berawal di tahun 2009, Realtime Bidding mulai digunakan untuk kegiatan marketing yang mana pada kegiatan periklanan tersebut menggunakan sistem lelang. Saat seorang pengguna yang hendak mengiklankan produknya, pengguna tersebut mengklik halaman periklanan produknya, maka ia akan bersaing dengan pengguna-pengguna lain yang akan menggunakan iklan tersebut. Kemudian pengguna tersebut menawarkan iklan dengan harga tertentu dan tawaran tersebut diterima oleh sebuah mesin yang bernama Demand Side Platform dan Supply Side Platform, yang mana pada Supply Side Platform terdapat informasi-informasi mengenai demografi target pasar yang ditargetkan oleh pelanggan, usia, lokasi dan sebagainya.

Saat pengguna tersebut mulai mengajukan penawaran dengan klik dengan harga sekian, dan pengguna lain juga melakukan klik dengan harga sekian, maka mesin tersebut akan memilih dengan realtime siapa yang harganya paling tinggi, maka harga itulah yang akan ditampilkan beserta iklannya juga akan ditampilkan.

Pada kasus ini, penulis akan membahas tentang pemanfaatan Vue.js dalam mengaplikasikan Realtime Bidding untuk aplikasi lelang online. Konsepnya sama seperti Realtime Bidding pada iklan, yaitu ketika seseorang mengklik penawaran pada sebuah barang, maka barang tersebut secara langsung akan tampil harga dari penawaran dari orang yang mengklik tersebut. Penulis akan memanfaatkan sebuah kode javascript pada Realtime Bidding ini, yaitu Vue Js.

Konsep Dasar Pelelangan

Menurut Wolfstetter (1994:5) ^[15] , Lelang adalah sebuah mekanisme penawaran yang dijelaskan oleh seperangkat peraturan lelang yang menentukan bagaimana pemenang tersebut diputuskan dan berapa harga yang harus dibayar oleh pemenang tersebut.

Menurut Peraturan Menteri Keuangan Republik Indonesia No. 240/PMK.06/2012 ^[16] , Lelang adalah penjualan BMN yang terbuka untuk umum dengan penawaran harga secara tertulis dan/atau lisan yang semakin meningkat atau menurun untuk mencapai harga tertinggi yang didahului dengan pengumuman lelang.

Asal kata dari lelang adalah Auctio, yang artinya peningkatan secara bertahap. Berbeda dengan jual-beli, lelang merupakan penjualan umum atau penjualan barang-barang yang dilakukan kepada umum dengan harga penawaran yang meningkat atau menurun atau dengan pemasukan harga dalam sampul tertutup, atau kepada orang-orang yang diundang atau sebelumnya diberitahu mengenai pelelangan atau penjualan itu, atau diizinkan untuk ikut serta dan diberi kesempatan untuk menawar harga, menyetujui harga yang ditawarkan atau memasukkan harga dalam sampul tertutup.

Definisi lelang dalam Pasal 1 sub 17 undang-undang nomor 19 tahun 2000 tentang Penagihan Pajak Dengan Surat Paksa adalah penjualan barang di muka umum dengan cara penawaran harga secara lisan dan atau tertulis melalui usaha pengumpulan peminat atau calon pembeli.

Konsep Dasar UML (Unified Modeling Language)

Tentang UML

UML pertama kali dicetuskan oleh 3 orang, yaitu James Rumbaugh, Grady Booch dan Ivar Jacobson pada 1 perusahaan yaitu Rational Software Corporation di tahun 1994. James Raumbaugh bertugas pada Teknik Pemodelan Berbasis Objek yang baik digunakan untuk Analisis Berorientasi Objek. Kemudian Grady Booch memiliki metode yang bagus untuk Desain Berorientasi Objek (Object Oriented Design), dan pada saat itu, mereka berdua langsung dibantu oleh Ivar Jacobson, seorang pencetus metode Object Oriented Software Engineering.
Definisi UML

Di dalam buku yang ditulis oleh mereka bertiga (James Raumbaugh, Grady Booch dan Ivar Jacobson) yang berjudul The Unified Modeling Language Reference Manual sebagai buku pendoman untuk membuat UML (Raumbaugh, et. al: 1) ^[17] , mereka mengatakan, “UML adalah sebuah bahasa pemodelan visual bertujuan umum yang digunakan untuk mengkhususkan, memvisualisasikan, membangun dan mendokumentasikan apa yang dibuat dari sistem perangkat lunak. Ia menangkap keputusan-keputusan dan pengertian tentang sistem-sistem yang harus dibangun. Ia digunakan untuk memahami, mendesain, mencari, mengkonfigurasi, memelihara dan mengendalikan informasi tentang sistem-sistem tersebut.”
Jenis UML yang Digunakan
1. Use Case
  
  Menurut Bruegge dan Dutoit (2010:31) ^[18] , “Use case adalah tool yang digunakan selama elisitasi permintaan dan analisis untuk merepresentasikan fungsi dari sistem. Use case menjelaskan fungsi yang disediakan oleh sistem yang menghasilkan hasil yang tampak untuk actor. Actor menjelaskan tentang siapapun yang menjadi entitas yang berinteraksi dengan sistem.”
2. Activity Diagram
  
  Menurut Bruegge dan Dutoit (2010:33) ^[18] , “Activity diagram menjelaskan tentang perilaku dari sebuah sistem yang diistilahkan sebagai activity. Activity adalah elemen-elemen pemodelan yang merepresentasikan pengeksekusian dari beberapa set operasi. Pengeksekusian dari activity tersebut bisa dipicu oleh penjalanan dari aktivitas lainnya, oleh objek yang tersedia atau oleh event eksternal”.siapapun yang menjadi entitas yang berinteraksi dengan sistem.”
3. Sequence Diagram
  
  Sequence Diagram merupakan salah satu dari Interaction Diagram, yang menjelaskan pola dari komunikasi di antara satu set dari objek-objek yang berinteraksi menurut Bruegge dan Dutoit (2010:59) ^[18] . Menurut Bruegge dan Dutoit (2010:59) ^[18] , ”Sequence diagram merepresentasikan objek-objek yang berpartisipasi dalam interaksi secara horizontal dan waktu secara vertikal.”

Konsep Dasar Metode Agile

Metode Agile merupakan salah satu metode Pengembangan Aplikasi. Metode pengembangan aplikasi ini adalah metode pengembangan aplikasi dengan cara tidak mendalami secara jauh operasional perusahaan, tetapi lebih terfokus kepada strategi bisnis yang akan dituangkan dalam aplikasi ini, sehingga siklus aplikasi ini jangkanya tidak panjang.

Menurut Scott Ambler (2002:6) ^[19] , manifesto dari Agile (Agile Alliance 2001a) adalah 4 nilai pokok, yang terpenting adalah memahami pada saat Anda harus menilai konsep pada sisi kanan, Anda harus menilai hal-hal pada sisi kirinya. Keempat manifestonya adalah sebagai berikut.

Individual dan interaksi terhadap alat dan proses.
Mengerjakan perangkat lunak berdasarkan dokumentasi yang ditentukan.
Kolaborasi customer berdasarkan kontrak dan negosiasi.
Merespon untuk mengubah susunan script berdasarkan rencana yang diikuti.

Konsep Dasar Strength, Weakness, Opportunity And Threats (SWOT)

Strength (Kekuatan), Weakness (Kelemahan), Opportunity (Peluang) dan Threats (Ancaman) merupakan suatu teknik dalam manajemen yang dicetuskan oleh Albert Humprey. Menurut Erhard K. Valentin di dalam Jurnal berjudul The Journal of Applied Business Research – Spring (2005:91) ^[20] , analisis SWOT adalah penggambaran konteks internal bisnis dalam hal kekuatan dan kelemahan dan menjelajahi konteks eksternal untuk peluang dan ancaman.

Konsep Dasar Laravel Framework

Framework adalah script yang merupakan ringkasan dari suatu bahasa pemrograman, sehingga dapat mengubah sebagian dari grammar yang ada pada bahasa pemrograman tersebut. Fungsi dari adanya framework adalah untuk memudahkan para pemrogram aplikasi agar para pemrogram tersebut hanya terfokus pada masalah pengambilan data.

Laravel merupakan salah satu dari Framework bahasa pemrograman PHP yang dibuat oleh Taylor Otwell di tahun 2011 yang menggunakan konsep MVC (Model, View, Controller) dalam proses pemrogramannya. Sejarahnya, framework Laravel ini dibuat oleh Taylor Otwell yaitu dengan tujuan menggantikan framework Codeigniter yang pada saat itu Codeigniter tidak bisa menunjang pembuatan autentikasi untuk customer dan otorisasi pengguna.

Konsep Dasar Vue.js dan Websocket

Akhir-akhir ini sangat banyak developer yang memanfaatkan sebuah script yang membuat sebuah halaman menjadi realtime, terutama untuk halaman Frontend. Script tersebut dibangun dari Javascript sehingga menjadi Node.js, yaitu script Javascript yang bentuknya adalah Server Side (karena tadinya Javascript adalah merupakan script Client Side).

Apa yang dimaksud dengan Server Side dan Client Side? Server Side adalah sebuah script yang ditanamkan pada server dan tidak bisa dilihat di komputer client jika seorang user yang menggunakan komputer client melakukan Inspeksi pada browser saat membuka suatu halaman aplikasi tersebut. Client Side adalah sebaliknya dari Server Side, dia memang juga merupakan script yang ditanamkan di komputer Server, tetapi akan terlihat dan bisa dimanipulasi di komputer client jika client melakukan inspeksi pada browsernya.

Masalah yang terjadi adalah, ketika ada perubahan dari sisi server, tidak bisa dijalankan secara realtime atau halaman tersebut harus selalu dimuat ulang agar sisi server yang berubah tersebut tampil di halaman website. Oleh karena itu, dibuatlah sebuah websocket yang bertujuan untuk selalu melakukan listening terhadap sisi server tersebut, dan kemudian hasilnya dibaca oleh sebuah bahasa sisi client yaitu Vue js.

Konsep Dasar Prototyping

Definisi Prototyping

Ian Sommerville (Sommerville:35) ^[21] mengatakan bahwa prototype adalah sebuah versi inisial dari sebuah perangkat lunak yang digunakan untuk mendemonstrasikan konsep-konsep, mencoba mendesain opsi-opsi dan menemukan lebih banyak masalah dan solusinya.
Tujuan Prototyping

Suatu kegiatan developing aplikasi pastinya akan memakan waktu yang lama dan pastinya akan memakan biaya jika si developer tersebut adalah freelancer. Akan sangat fatal apabila ada kesalahpahaman antara ekspektasi dari aplikasi yang diminta dengan apa yang diprogram oleh developer-developer tersebut. Oleh karena itu agar tampilan interface beserta alur dari aplikasinya tidak terjadi fatal seperti itu, maka dibuatlah prototype dari sebuah aplikasi yang akan dibangun tersebut. Itulah tujuan dari dilakukannya prototyping.
Tujuan Prototyping

Suatu kegiatan developing aplikasi pastinya akan memakan waktu yang lama dan pastinya akan memakan biaya jika si developer tersebut adalah freelancer. Akan sangat fatal apabila ada kesalahpahaman antara ekspektasi dari aplikasi yang diminta dengan apa yang diprogram oleh developer-developer tersebut. Oleh karena itu agar tampilan interface beserta alur dari aplikasinya tidak terjadi fatal seperti itu, maka dibuatlah prototype dari sebuah aplikasi yang akan dibangun tersebut. Itulah tujuan dari dilakukannya prototyping.
Manfaat Prototyping

Adapun manfaat dari prototyping adalah sebagai berikut :
1. Bisa dijadikan sebagai blueprint dari sebuah aplikasi dan blueprint tersebut dapat dimusyawarahkan sebelum dilakukannya proses development.
2. Mengurangi terjadinya missed communication antara developer dengan project manager.
3. Dari sudut pandang para developer, mereka akan merasa lebih terarah bagaimana alur yang terstandar dari aplikasi tersebut.

Konsep Dasar Literature Review

Definisi Literature Review

Menurut Walliman (2011:52) ^[22] , “Literature review adalah kegiatan menyaring seluruh sumber informasi yang tersedia guna mendapatkan informasi-informasi pengetahuan terbaru, dan untuk menilai relevansi, kualitas, kontroversi dan kesenjangan.” Dari literature review, kita bisa membuktikan bahwa pengertian-pengertian dari apa yang kita tulis yang itu akan menjadi informasi, bisa dinilai valid, karena dengan literature review akan ada sumber yang valid. Selain dari itu, dengan literature review, bisa juga didapatkan pengetahuan-pengetahuan yang terbaru karena penelitian akan terus berjalan.
Tujuan Literature Review

Menurut Arshed dan Danson (2015:31) ^[23] , tinjauan pustaka tujuannya mudah saja, yaitu untuk mengedukasi itu sendiri dalam area pembahasan dan untuk memahami literatur sebelum memotong sebuah argumen atau justifikasi. Sedangkan menurut Maier (2013:4) ^[24] , tinjauan pustaka memiliki beberapa tujuan, yaitu sebagai berikut:
1. Mengidentifikasi masalah yang ditujukan.
2. Membahas kritis tentang apa yang telah ada.
3. Mengidentifikasi kesenjangan pengetahuan.
4. Objektif
Berikut adalah penjelasan tentang tujuan tinjauan pustaka menurut Maier :
1. Mengidentifikasi masalah yang ditujukan
  
  Jika kita membuat suatu penelitian, maka otomatis penelitian yang akan kita ambil tersebut harus jelas apa masalahnya. Dengan peninjauan pustaka, maka kita pastinya akan menemukan masalah apa yang ada pada penelitian tersebut, atau bisa juga meneliti hal yang baru untuk meneruskan jawaban dari penelitian tersebut.
2. Membahas kritis tentang apa yang telah ada
  
  Dalam peninjauan pustaka, kita juga bisa mengkritisi tulisan-tulisan atau penelitian yang dilakukan oleh si penulis tersebut, dengan menyatakan apa yang telah dia nyatakan dalam tulisannya kemudian jika cantumkan pada penulisan kita bagaimana solusi yang seharusnya.
3. Mengidentifikasi kesenjangan pengetahuan
  
  Dengan tinjauan pustaka, kita juga bisa mengukur seberapa pengetahuan si penulis dari hasil penelitiannya tersebut. Pastinya ada perbedaan pendapat juga antara kita dengan si penulis tersebut, tergantung dari sumber pengetahuan yang dia atau kita dapatkan.
4. Objektif
  
  Dengan hasil penelitian yang kita dapatkan dari seorang penulis, pastinya kita tidak akan begitu memperhatikan latar belakang siapa penulisnya, tetapi yang akan kita lihat adalah hasil dari karya penelitiannya. Jika penulis tersebut lulusan dari universitas ternama, tetapi saat penulisan penelitiannya kurang mencantumkan sumber yang jelas dengan kata lain ia mengarang bebas, maka nilainya akan lebih rendah daripada orang yang lulusannya mungkin bukan dari universitas tetapi hasil penelitiannya mencantumkan sumber yang jelas dan apa yang ia tulis juga berdasarkan dari sumber tersebut.

Studi Pustaka (Literature Review) Yang Digunakan

Berikut ini adalah penelitian yang telah dilakukan dan memiliki korelasi yang searah dengan penelitian yang akan dibahas dalam Skripsi ini diantaranya yaitu:

Penelitian yang dilakukan oleh Benito Mendoza dan José M. Vidal (2008) ^[25] dengan judul "Pendekatan Algoritma Bidding untuk Pelelangan Kombinatorial Terdistribusi" menjelaskan tentang rumus algoritma dalam aplikasi pelelangan. Algoritma tersebut yang di kala itu hanya berjalan pada satu garis waktu, namun di dalam jurnal ini penulisnya juga menambahkan peralatan untuk penawar harga sebagai hasil dari sedikit pengurangan di dalam hasilnya.
Penelitian yang dilakukan oleh Ye Chen dan Pavel Berkhin (2011) ^[26] dengan judul “Algoritma Realtime Bidding Untuk Alokasi Iklan Berdasarkan Performa” menjelaskan tentang implementasi algoritma realtime bidding untuk pelelangan iklan dari suatu produk.
Penelitian oleh Brendan Kitts dan Benjamin LeBlanc (2004) ^[27] dengan judul “Penawaran Optimal dan Pelelangan Kata Kunci” yang meneliti tentang pelelangan kata kunci pada iklan. Mereka melakukan pengujian terhadap sebuah agent dan agent tersebut menghasilkan empat kali jumlah kunjungan sebagai pengatur dari manusia, terlebih lagi untuk mengurangi cost dan variasi.
Penelitian oleh Hemantha Kumar P. dan Gautam Barua (2013) ^[28] dengan judul “Desain Sistem Pelelangan yang Realtime” yang penelitian ini penulisnya membuat studi terhadap sistem Tea Auction, yaitu sebuah software agent yang melakukan aksinya sebagai penawar harga, yang dengan arsitektur ini dapat digunakan untuk merancang sistem pelelangan untuk berbagai pasar komoditas.
Penelitian oleh Marella Saibarath, Padmavasani K, dan P. Muneeswarant (2016) ^[29] tentang “Sistem Lelang Online yang Efektif” yang konsepnya menggunakan konsep marketplace dihantarkan dari pelelangan online. Kesimpulan dalam penulisan ini adalah pengguna yang sudah terdaftar dapat mengajukan lelang yang baru di dalam web-portal, serta dapat membeli dan menawarkan sebuah barang lain di dalam pelelangan tersebut.
Yanlin Peng, Lingfeng Zhang dan Yong Guan (2009) ^[30] tentang “Mendeteksi Fraud pada Sistem Lelang Internet”, yang menuliskan tentang sebuah algoritma yang dapat mengidentifikasi pembuat fraud yang berkolusi secara realtime.
Amin Sayedi (2017) ^[31] dengan judul “Realtime Bidding Dalam Display Periklanan Secara Online”, yang di dalam tulisannya tersebut mereka menggunakan teori game dengan dua pengiklan dan seorang penerbit untuk mempelajari efek-efek dari Realtime Bidding pada strategi-strategi pengiklan dan penerbit tersebut.
Rajib Abi Bakri, Helmy Fitriawan, Gigih Fordha Nama (2013) ^[32] dengan judul “Sistem Lelang Online Berbasis Web”, yang membangun aplikasinya dengan pemrograman PHP dengan metode Waterfall.
Diky Arga Anggara (2017) ^[33] dengan judul “Lelang Online Secara Real Time Dengan Protokol Websocket Menggunakan Socket.io”, yang aplikasi lelang online-nya agar menjadi realtime menggunakan protokol websocket sehingga bersifat client-server-realtime.
Penelitian yang dilakukan oleh Shalinda Adikari dan Kaushik Dutta (2015) ^[34] dengan judul “Strategi Penilaian Harga Otomatis Realtime Bidding Dalam Periklanan: Sebuah Pendekatan Pemrograman yang Dinamis” yang meneliti tentang perubahan otomatis dari sebuah harga dari pelelangan. Hasilnya adalah berupa pengaplikasian Strategi Penilaian Harga Otomatis ke Realtime Bidding dan mendemonstrasikan bagaimana Realtime Bidding yang ada mendekat dengan sebuah konversi harga tertinggi untuk target besarnya harga yang sama.

BAB III

ANALISIS SISTEM YANG BERJALAN

Gambaran Umum Perusahaan

Curalib Tech adalah sebuah software house yang beralamat di Centennial Tower, Gatot Subroto, DKI Jakarta. Software house ini dibangun pertama kali oleh seseorang yang bernama Ahmad Padli. Berawal dari karirnya sebagai seorang programmer di Paramount Serpong, karena bosan di tempat kerjanya yang lama, ia mulai mencoba untuk freelance sendiri, dan hingga akhirnya dengan banyaknya orderan untuk membuat aplikasi, mendirikan Curalib Tech.

Sejarah Singkat Perusahaan

Berawal dari Ahmad Padli sebagai seorang programmer yang memiliki kemauan untuk mengubah nasibnya, ia melihat banyak sekali di akhir-akhir ini startup yang berdiri. Pemikiran dan tekadnya yang membuat Ahmad Padli ini untuk ikutan bersaing membuka usaha mendirikan startup, akhirnya seorang programmer yang telah bekerja di sebuah perusahaan ternama PT Paramount Serpong tersebut memutuskan untuk resign dan membangun startup di tahun 2015. Startup yang dibangun tersebutlah yang dinamakan sebagai Curalib Tech.

Visi dan Misi Curalib Tech

Adapun penjabaran dari visi dan misi dari perusahaan Curalib Tech adalah sebagai berikut.

Visi :

Menjadi bagian dari pilihan yang kami (Curalib) fokuskan dari pendalaman pada tahapan global dengan menyediakan solusi-solusi yang inovatif, lebih cepat, reliabel dan terprofit pada client kami (Curalib).
Misi :

Misi kami (Curalib) adalah untuk menyediakan solusi yang optimal dengan kualitas dan layanan terbaik pada harga yang terjangkau. Dalam Ketentuan Bisnis kami (Curalib), kepuasan adalah hal utama kami (Curalib).

Team kami (Curalib) sangat ramah dalam menghadapi pelanggan dan hal itu menolong kami (Curalib) untuk menjaga relastionship kami tetap langgeng dengan klien-klien kami yang ada dan mengekspansi kustomer kami seluas lingkaran dunia. Kami selalu mencoba untuk improvisasi kualitas kami (Curalib) pada produk-produk kami dengan mengeksplorasi ide-ide yang inovatif dan juga mengeksplorasi teknik-teknik baru.

Struktur Organisasi Curalib Tech

Berikut ini adalah bagan dari Struktur Organisasi dari perusahaan Curalib Tech beserta penjelasannya.

Gambar 3.1 Bagan Struktur Curalib Tech

Berikut adalah penjelasan dari bagan struktur gambar 3.1 adalah sebagai berikut.

CEO/ Direktur Utama merupakan atasan utama pada Curalib Tech.
Direktur merupakan wakil atasan dari direktur utama. Apabila ada client yang ingin rapat dengan Curalib Tech, kemudian Direktur Utama sedang tidak bisa menghadapi client tersebut, maka Direktur Utama akan mengutus Direktur untuk menghadapi client tersebut.
Komisaris. Di Curalib Tech, untuk Komisaris bertugas untuk membantu Direktur mengawasi pekerjaan para karyawannya agar benar-benar bekerja dengan baik, atau menangani apabila ada hal yang mengganggu pekerjaan tersebut.
Quality Assurance. Dalam sebuah pengembangan software, pasti ada beberapa error yang terdapat pada hasil dari pengkodean aplikasi tersebut, tanpa disadari oleh para programmer-nya (dalam istilah dunia programming, hal ini disebut sebagai bug). Quality Assurance inilah yang bertugas untuk memastikan aplikasi berjalan dengan error yang sangat minim, serta memberikan masukan kepada programmer jika ada kesalahan yang itu bukan error, tetapi berupa modul yang tidak baik untuk user (misalkan jika register harus ada konfirmasi email terlebih dahulu, namun programmer tidak membuatkan konfirmasi tersebut), maka Quality Assurance inilah yang harus melapor ke programmer.
VP of Engineering, yaitu bagian yang bertugas untuk membantu tim developer untuk mengatur bagaimana aplikasi tersebut akan diprogram, mengatur fitur-fitur dalam aplikasi yang dibuat, kapan sebuah aplikasi akan rilis.
Web Developer, yaitu bertugas untuk memprogram aplikasi berbasis website.
Android Developer, bertugas untuk memprogram aplikasi berbasis android.

Prosedur Sistem yang Berjalan

Prosedur sistem yang berjalan pada perusahaan lelang yang ditangani Curalib Tech adalah :

Prosedur Open House
Prosedur Pendaftaran Calon Peserta Lelang
Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan

Namun prosedur yang akan dibahas dalam lingkup sistem yang berjalan ini hanya 2 prosedur, yaitu Prosedur Pendaftaran Calon Peserta Lelang hingga menjadi peserta lelang, dan Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan hingga pembayaran administrasi pelelangan apabila peserta lelang tersebut menang.

Berikut ini adalah penjelasan rinci dari kedua prosedurnya.

Prosedur Pendaftaran Calon Peserta Lelang
1. Calon Peserta Lelang datang ke tempat pelelangan PT Altolelang pada saat Open House untuk melakukan survey barang lelangan yang akan dipilih.
2. Setelah memilih barang lelangan, Calon Peserta Lelang melakukan pendaftaran ke Administrasi PT Altolelang dengan menunjukkan KTP Calon Peserta Lelang tersebut ke Administrasi.
3. Calon Peserta Lelang mendaftarkan diri ke Administrasi dengan syarat membayar jaminan ke Administrasi lelang tersebut.
4. Administrasi akan memberikan jadwal dan tempat pelelangannya beserta NIPL (Nomor Induk Peserta Lelang) ke Calon Peserta Lelang sehingga Calon Peserta Lelang menjadi Peserta Lelang.
Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan
1. Peserta Lelang datang ke Pelelangan dengan menunjukkan NIPL sebelum masuk ke tempat pelelangan.
2. Pelelang mulai membuka kegiatan pelelangannya.
3. Peserta Lelang I mulai menawarkan harga untuk barang lelangan tersebut.
4. Pelelang menerima tawaran harga tersebut kemudian menanyakan kembali ke peserta lelang yang lain apakah ada yang akan menawarkan lebih tinggi dari Peserta Lelang I.
5. Peserta Lelang II menawarkan harga yang lebih tinggi untuk barang lelangan tersebut.
6. Pelelang kembali menerima tawaran harga tersebut kemudian menanyakan kembali ke peserta lelang yang lain apakah ada yang akan menawarkan lebih tinggi dari Peserta Lelang II.
7. Jika tidak ada lagi yang menawar lebih tinggi dan waktu lelang habis, maka Pelelangan ditutup oleh Pelelang tersebut.
8. Pelelang menetapkan pemenang pelelangan tersebut (misalkan yang ditetapkan adalah Peserta Lelang II).
9. Pelelang meminta Administrasi untuk mencatatkan Peserta Lelang II sebagai pemenang pelelangan ke lembar Kwitansi Pelunasan, namun kwitansi tersebut masih harus dipegang oleh Administrasi.
10. Administrasi mencatat Pemenang Pelelangan di Kwitansi Pelunasan.
11. Untuk mengambil barang lelangannya, Peserta Lelang II datang ke Administrasi untuk menyerahkan NIPL-nya ke Administrasi kemudian membayar lunas barang lelangannya (maksimal 5 hari) dan juga membayar biaya administrasi.
12. Administrasi akan menyerahkan Kwitansi Pelunasan ke Peserta Lelang II tersebut.

Prosedur Sistem Yang Berjalan Dengan Use Case

Gambar 3.2 Use Case Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan

Berdasarkan pada gambar diagram 3.2 di atas, ada 2 actor, 6 use case dan 1 system. Berikut adalah tabel penjelasan Actor dan Use Case-nya.

No.	Actor	Keterangan
1.	Calon Peserta Lelang	Merepresentasikan orang-orang yang nantinya akan mendaftarkan diri sebagai peserta pelelangan.
2.	Administrasi	Merepresentasikan orang-orang yang bertugas di bagian administratif pelelangan, pada kasus ini adalah petugas di bagian pendaftaran.

Tabel 3.1 Penjelasan Actor Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan

No.	Use Case	Keterangan
1.	Survey ke Tempat Barang Lelang	Kegiatan survey ke tempat barang lelangan pada saat Altolelang mengadakan Open House.
2.	Mendaftarkan Diri	Kegiatan para calon peserta lelang untuk mendaftarkan diri ke bagian Administrasi.
2.	Menunjukkan KTP	Para calon peserta lelang diminta untuk menunjukkan KTP ke Administrasi untuk didaftarkan ke pelelangan.
2.	Membayar Uang Jaminan	Para calon peserta lelang diminta untuk membayar uang jaminan sebagai syarat pendaftaran pelelangan tesebut.
2.	Memberikan NIPL	Administrasi memberikan NIPL (Nomor Induk Peserta Lelang) ke calon peserta lelang setalah melakukan kegiatan registrasi.
2.	Memberikan Jadwal dan Tempat Pelelangan	Sebelum memberikan NIPL, Administrasi juga perlu memberitahu kepada calon peserta lelang tempat dan jadwal dimana pelelangan akan dilaksanakan.

Tabel 3.2 Penjelasan Use Case Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan

Use Case Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan

Berdasarkan pada gambar diagram 3.3 di atas, ada 4 actor, 14 use case dan 1 system. Berikut adalah tabel penjelasan Actor dan Use Case-nya.

No.	Actor	Keterangan
1.	Peserta Lelang I	Merepresentasikan seorang peserta lelang.
2.	Peserta Lelang II	Merepresentasikan satu atau lebih orang lain yang juga menjadi peserta lelang.
3.	Pelelang	Mempresentasikan seorang yang bertindak sebagai pelelang.
2.	Administrasi	Merepresentasikan orang-orang yang bertugas di bagian administratif pelelangan, pada kasus ini adalah petugas di bagian kasir.

Tabel 3.3 Penjelasan Actor Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan

No.	Use Case	Keterangan
1.	Datang ke Tempat Pelelangan	Hadir ke acara proses pelelangan.
2.	Menunjukkan NIPL	Peserta Lelang diharuskan menunjukkan NIPL ke security sebelum masuk dan duduk di acara pelelangan tersebut.
2.	Membuka Kegiatan Pelelangan	Pelelang mulai membuka kegiatan pelelangan.
2.	Menawarkan Harga Barang Lelangan	Peserta Lelang I mulai menawarkan harga barangnya ke Pelelang dengan tawaran yang lebih tinggi dari harga minimum.
2.	Menerima Tawaran Harga	Pelelang menerima tawaran Peserta Lelang I, kemudian menanyakan kembali ke peserta lelang lainnya apakah akan ada yang menawar dengan harga yang lebih tinggi lagi.
2.	Menawarkan Harga yang Lebih Tinggi	Peserta Lelang II (yaitu Peserta Lelang yang lain) menawarkan harga yang lebih tinggi dari tawaran Peserta Lelang I.
2.	Menanyakan Kembali Tawaran Lebih Tinggi	Pelelang Menerima tawaran dari Peserta Lelang II, kemudian menanyakan kembali ke peserta lelang lain apakah akan ada yang menawar dengan harga yang lebih tinggi lagi.
2.	Menetapkan Pemenang Pelelangan	Setelah menanyakan harga yang lebih tinggi ke para peserta lelang, kemudian waktu habis, maka didapatlah siapa peserta lelang yang harga tawarannya paling tinggi, maka Pelelang menetapkan peserta tersebut sebagai pemenang (ketok palu).
2.	Meminta Administrasi Mencatat Pemenang	Pelelang tersebut meminta ke bagian Administrasi untuk mencatat peserta lelang yang menang.
2.	Mencatat Pemenang Pelelangan di Kwitansi Pelunasan	Bagian Administrasi mencatat peserta lelang yang menang tersebut ke Kwitansi Pelunasan, namun kwitansi tersebut masih ada di tangan Administrasi.
2.	Mengambil Barang Lelangan	Peserta lelang yang menang datang ke Administrasi untuk mengambil barang lelangannya.
2.	Membayar Lunas Pelelangannya	Syarat untuk mengambil barang lelangan tersebut, peserta lelang yang menang harus membayar lunas barang lelangan tersebut.
2.	Menunjukkan NIPL ke Administrasi	Syarat untuk mengambil barang lelangan tersebut juga adalah peserta lelang yang menang harus menunjukkan NIPL ke Administrasi untuk dicocokkan dengan NIPL yang tadi dicatat sebagai pemenang.
2.	Menyerahkan Kwitansi Pelunasan	Setelah peserta lelang membayar lunas dan menunjukkan NIPL, bagian Administrasi menyerahkan Kwitansi Pelunasan ke peserta lelang tersebut dan peserta lelang tersebut bisa mengambil barang lelangannya.

Tabel 3.4 Penjelasan Use Case Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan

Prosedur Sistem Yang Berjalan Dengan Activity Diagram

Gambar 3.4 Activity Diagram Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan

Pada Activity Diagram di atas, terdapat tambahan kondisi, yaitu jika Calon Peserta Lelang tidak menunjkkan KTP atau Membayar Jaminan, maka pendaftaran calon peserta lelang tersebut ditolak. Kemudian berikut ini adalah Activity Diagram untuk proses pelelangan yang berjalan.

Gambar 3.5 Activity Diagram Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan

Pada Activity Diagram di atas, terdapat tambahan kondisi, yaitu jika Peserta Lelang tidak menunjukkan NIPL-nya, maka Peserta Lelang tersebut Tidak Diperbolehkan Masuk. Kemudian berikutnya adalah, apabila Peserta Lelang yang menang tidak dapat menunjukkan NIPL ke Administrasi dan tidak melunasi barang yang berhasil dimenangkannya, maka permintaan Peserta Lelang tersebut untuk mengambil barang lelangan tersebut ditolak.

Prosedur Sistem Yang Berjalan Dengan Sequence Diagram

Gambar 3.6 Sequence Diagram Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan

Gambar 3.7 Sequence Diagram Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan

Analisis Sistem yang Berjalan

Berikut ini adalah analisis pada sistem yang berjalan menggunakan dengan menggunakan Metode Analisis SWOT.

Kemudian untuk strategi yang akan dimplementasikan ke dalam project dijabarkan dalam bentuk SWOT Matriks sebagai pencocokan terhadap identifikasi SWOT tersebut. SWOT Matriks akan dijabarkan sebagai berikut :

Berikut ini adalah Analisis Masukan, Analisis Proses dan Analisis Pengeluaran dari sistem yang berjalan.

Analisis Masukan

Nama masukan : Pendaftaran Peserta Pelelangan

Fungsi : Untuk menyaring peserta yang nantinya datang ke gedung pelelangan hanya orang-orang yang terdaftar

Sumber : NIPL (Nomor Induk Peserta Lelang)

Media : Kertas Pendaftaran
Analisis Proses

Nama proses : Proses Jalannya Pelelangan

Masukan : NIPL

Keluaran : Hasil Pemenang Pelelangan

Ringkasan Proses : Saat peserta pelelangan masuk, peserta pelelangan melakukan aktivitas penawaran terhadap barang yang akan dilelangnya, mereka saling berlomba menawarkan harga tertinggi untuk mendapatkan barang lelangan tersebut.
Analisis Keluaran

Nama keluaran : Pemenang Pelelangan

Fungsi : Untuk mengetahui siapa pemenang dari pelelangan tersebut, kemudian pemenang tersebut diberi waktu maksimal 5 hari kerja dalam melunasi barang yang dimenangkan dalam pelelangan tersebut.

Media : Kertas Kwitansi Pelunasan

Konfigurasi Sistem

Dalam melakukan observasi, kami mendapatkan informasi bahwa rata-rata spesifikasi komputer yang saat ini digunakan untuk proses administrasi sistem pelelangan adalah sebagai berikut:

Perangkat Keras (Hardware)
1. Processor : Intel Core i3
2. RAM : 16 GB
3. HDD : 1 TB
4. Keyboard : Logitech
5. Mouse : Logitech
Perangkat Lunak (Software)
1. Windows 10
2. Ms. Excel 2013
Hak Akses (Brainware)

Untuk mengoperasikan komputer dalam mendaftarkan calon peserta lelang, mendata barang-barang lelangan, mendata jadwal lelang dan mendata administrasi pembayaran barang lelangan.

Permasalahan yang Dihadapi dan Alternatif Pemecahan Masalah

Permasalahan yang Dihadapi

Untuk mengoperasikan komputer dalam mendaftarkan calon peserta lelang, mendata barang-barang lelangan, mendata jadwal l
1. Sistem pelelangan yang dilakukan secara online di rumah belum ada
2. Sistem pelelangan secara online jika hanya menggunakan pemrograman server side tidak memenuhi kriteria user friendly karena setiap saat harus melakukan muat ulang halaman sedangkan sistem tersebut harus bersifat realtime.
Alternatif Pemecahan Masalah

Pemecahan masalahnya adalah agar sistem pelelangan secara online tersebut bisa menjadi realtime, maka sistem pelelangan tersebut akan memanfaatkan Vue.js agar menjadi realtime. Sistem harus dapat menangani bid para peserta lelang jika mereka berlomba-lomba melakukan bid terlebih dahulu.

Sistem juga harus bisa melakukan penutupan secara realtime agar di saat peserta lelang melakukan bid bersamaan dengan detik lelang tersebut harus tertutup, maka lelang tersebut akan tertutup.

Namun apabila Vue.js tidak bisa memecahkan masalah tersebut, maka alternatif yang diambil adalah Jquery Long Polling, yaitu sebuah kode berbasis Jquery yang melakukan request ke server secara terus menerus berdasarkan interval waktu tertentu.

User Requirement

Elisitasi Tahap I

Functional
Analisis Kebutuhan
Saya Ingin Sistem Dapat
1	Bisa tampil list barang lelangnya
2	Dibedakan halamannya antara lelang otomotif dan lelang properti
3	Bisa upload foto produk
4	Bisa tampil harganya
5	Bisa realtime saat klik tawarkan
6	Bisa pilih jenis, subjenis dan bahan bakar mobilnya
7	Ada icon dan logo perusahaannya
8	Sistem bisa menangani jika ada bid yang dilakukan saling bersamaan antar peserta pelelangan
9	Sistem bisa menangani jika ada bid yang dilakukan bersamaan dengan waktu ditutupnya pelelangan
10	Pengguna tidak bisa mengakses halaman lain jika dia sudah masuk dan sedang berada dalam sistem pelelangan online tersebut
11	Jumlah bid terakhir dengan harga tertinggi harus ditampilkan
12	Sistem pelelangan harus dilakukan secara deposit
13	Peserta pelelangan hanya bisa melelang tidak lebih dari jumlah saldo pada depositnya
14	Jumlah deposit peserta pelelangan bisa melihat saldo depositnya
15	Jumlah deposit bisa ditambahkan dan kemudian jumlahnya bertambah di saat pelelangan berlangsung tanpa memuat ulang halaman
16	Ditampilkan nomor rekening yang bisa dilihat peserta pelelangan untuk menambah saldo depositnya.
17	Ditampilkan nama pemenang kompetisi di saat itu juga (meski belum final ketok palu) beserta alamat emailnya.
18	Ditampilkan nama pemenang final (setelah ketok palu) beserta alamat emailnya. dan keterangan pada masing-masing user apakah dia menang atau kalah.

Non Functional
Saya Ingin Sistem Dapat :
1	Bentuknya Single Page
2	Ada chatnya
3	Di detail bisa tampil slidernya
4	Bisa pilih jangkauan harganya
5	Bisa geser slidernya
6	BTambahkan konten (konten didapat dari stackholder-nya)

Elisitasi Tahap II

Functional
Analisis Kebutuhan
Saya Ingin Sistem Dapat
1	Bisa tampil list barang lelangnya
2	Dibedakan halamannya antara lelang otomotif dan lelang properti
3	Bisa upload foto produk
4	Bisa tampil harganya
5	Bisa realtime saat klik tawarkan
6	Bisa pilih jenis, subjenis dan bahan bakar mobilnya
7	Ada icon dan logo perusahaannya
8	Sistem bisa menangani jika ada bid yang dilakukan saling bersamaan antar peserta pelelangan
9	Sistem bisa menangani jika ada bid yang dilakukan bersamaan dengan waktu ditutupnya pelelangan
10	Pengguna tidak bisa mengakses halaman lain jika dia sudah masuk dan sedang berada dalam sistem pelelangan online tersebut
11	Jumlah bid terakhir dengan harga tertinggi harus ditampilkan
12	Sistem pelelangan harus dilakukan secara deposit
13	Peserta pelelangan hanya bisa melelang tidak lebih dari jumlah saldo pada depositnya
14	Jumlah deposit peserta pelelangan bisa melihat saldo depositnya
15	Jumlah deposit bisa ditambahkan dan kemudian jumlahnya bertambah di saat pelelangan berlangsung tanpa memuat ulang halaman
16	Ditampilkan nomor rekening yang bisa dilihat peserta pelelangan untuk menambah saldo depositnya.
17	Ditampilkan nama pemenang kompetisi di saat itu juga (meski belum final ketok palu) beserta alamat emailnya.
18	Ditampilkan nama pemenang final (setelah ketok palu) beserta alamat emailnya. dan keterangan pada masing-masing user apakah dia menang atau kalah.

Non Functional
Saya Ingin Sistem Dapat :
1	Bentuknya Single Page
2	Ada chatnya
3	Di detail bisa tampil slidernya
4	Bisa pilih jangkauan harganya
5	Bisa geser slidernya
6	BTambahkan konten (konten didapat dari stackholder-nya)

BAB IV

RANCANGAN SISTEM YANG DIUSULKAN

Rancangan Sistem Usulan

Dari beberapa masalah yang telah ditemukan dari bab sebelumnya yang membahas sistem yang saat ini sedang berjalan, maka pada bab ini akan dibahas tentang sistem yang diusulkan untuk meminimalisasi masalah yang ada pada sistem yang berjalan.

Berikut ini merupakan penjabaran dari sistem yang diusulkan, diantaranya akan dijelaskan tentang prosedurnya, diagramnya, susunan basis datanya, proposal dan beberapa hasil testing.

Prosedur Sistem Usulan

Ada 2 prosedur dalam sistem yang diusulkan yang akan dibahas, yaitu prosedur pendaftaran calon peserta lelang hingga menjadi peserta lelang, dan prosedur peserta lelang dalam mengikuti kegiatan pelelangan hingga pembayaran administrasi pelelangan apabila peserta lelang tersebut menang.

Berikut ini adalah penjelasan prosedurnya yang merupakan prosedur sistem yang diusulkan berdasarkan kebutuhan yang telah dianalisis pada sistem yang berjalan.

Prosedur Pendaftaran Calon Peserta Lelang

Keterangan : Untuk prosedur Pendaftaran Calon Peserta Lelang, Calon Peserta Lelang memiliki 2 pilihan dalam pendaftarannya, apakah ingin melakukan pendaftaran secara tertulis di Administrasi, atau ingin melakukan pendaftaran secara online.

Jika Calon Peserta Lelang mendaftarkan diri secara tertulis di Administrasi, maka prosedur pendaftarannya sama seperti Prosedur Pendaftaran Calon Peserta Lelang pada Sistem yang Berjalan.

Adapun jika Calon Peserta Lelang mendaftarkan diri secara online, maka berikut ini adalah prosedurnya.

Calon Peserta Lelang membuka website https://altolelang.co.id, kemudian klik Login/Registrasi di Navigasi sebelah kanan.
Calon Peserta Lelang nantinya akan melakukan Login tersebut, namun saat ini klik tab Register untuk melakukan registrasi.
Setelah melakukan registrasi, Calon Peserta Lelang kemudian diminta untuk memverifikasi Email.
Setelah Verifikasi email, Calon Peserta Lelang mengakses kembali website Altolelang tersebut, kemudian bisa langsung melakukan Login.
Setelah melakukan Login, Calon Peserta Lelang melengkapi data diri serta yang paling penting adalah melampirkan Foto KTP.
Calon Peserta Lelang diharuskan untuk memilih barang yang akan dilelangnya. Survey bisa dilakukan dengan mendatangi langsung Altolelangnya apabila Altolelang mengadakan Open House.
Setelah Verifikasi email, Calon Peserta Lelang mengakses kembali website Altolelang tersebut, kemudian bisa langsung melakukan Login.
Administrasi Altolelang akan membuka halaman Admin Altolelang, kemudian melakukan konfirmasi terhadap Calon Peserta Lelang tersebut.
Setelah melakukan konfirmasi, Administrasi Altolelang mengirimkan NIPL-O (Nomor Induk Peserta Lelang Online) ke email terdaftar Calon Peserta Lelang tersebut sehingga Calon Peserta Lelang tersebut sudah menjadi Peserta Lelang secara Online.

Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan

Aplikasi Lelang Memulai Pelelangan apabila waktu lelang sudah tiba.
Para Peserta Lelang melakukan login ke website Altolelang, kemudian website Altolelang.
Para Peserta Lelang mengakses halaman Ruang Lelang dengan syarat menginput NIPL-O (Nomor Induk Peserta Lelang Online).
Aplikasi Lelang akan menampilkan Saldo Altolelang ke masing-masing peserta lelang, hitung mundur waktu durasi lelang, barang yang dilelang beserta fotonya, tawaran masing-masing peserta lelang dan tawaran peserta lelang dengan nilai nol (karena belum ada yang melakukan penawaran).
Para Peserta Lelang mulai melakukan penawaran harga untuk barang lelangan tersebut dengan cara mengklik Tawarkan pada aplikasi tersebut, tawaran tidak boleh lebih dari Saldo Altolelang yang dimilikinya dan tidak boleh kurang dari Harga Minimal barang lelangan tersebut.
Para Peserta Lelang bisa menambahkan harga yang ditawarkannya, tidak boleh lebih dari Saldo Altolelang yang dimilikinya dan tidak boleh kurang dari Harga Minimal barang lelangan tersebut.
Aplikasi Lelang mencantumkan Penawar Tertinggi (yaitu Peserta Lelang I) ke semua peserta lelang beserta selisih harga tawaran antara Penawar Tertinggi dengan masing-masing peserta lelang.
Para Peserta Lelang bisa menambahkan deposit saldo Altolelang.
Jika tidak ada lagi yang menawar lebih tinggi dan Hitung Mundur Waktu Lelang tersebut mencapai 00:00:00, maka Pelelangan ditutup oleh Aplikasi Lelang tersebut.
Aplikasi Lelang menetapkan pemenang pelelangan tersebut.
Aplikasi Lelang akan memotong saldo real-nya Peserta Lelang yang menang sesuai dengan jumlah yang sudah diinput oleh Peserta Lelang tersebut.
Aplikasi Altolelang akan mengirimkan Kwitansi Pelunasan ke Peserta Lelang yang menang tersebut via Email beserta kode unik pada kwitansi tersebut.
Untuk mengambil barang lelangannya, Peserta Lelang yang menang datang ke Administrasi untuk menyerahkan Kwitansi Pelunasan tersebut.

DAFTAR PUSTAKA

↑^[1] Hidayat, Wahyu. dkk. 2016. “Perancangan Media Video Desain Interior Sebagai Salah Satu Penunjang Promosi Dan Informasi
↑^[2] Jogiyanto, HM. 2005. “Sistem Teknologi Informasi: Pendekatan Terintegrasi: Konsep Dasar, Teknologi, Aplikasi, Pengembangan dan Pengelolaan. Edisi 2”. Yogyakarta: Andi Offset
↑^[3] McKay, Alison. et al. 2016. “Principles For The Definition of Design Structures. International Journal of Computer Integrated Manufacturing”. Volume 29, Issue 3. Pages 237-250. diakses pada tanggal 10 Oktober 2016.
↑^[4.0]^[4.1]^[4.2]^[4.3] Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Deepublish.
↑^[5.0]^[5.1] Kadir, A. 2014. Pengenalan Sistem Informasi Edisi Revisi.
↑^[6] Mahatmyo, Atyanto. 2014. Sistem Informasi Akuntansi Suatu Pengantar. Yogyakarta : Deepublish.
↑^[7] Kanal, Abishek and Aishwarya . 2016. “Data Analysis And Business Modelling In Microsoft Excel Using Analysis Tollpax.in : In International Journal Of Computer Science And Information Technologies,Pages.
↑^[8] Rusdiana, H.A,.dan Moch Irfan. 2014. Sistem Informasi Manajemen. Bandung : CV Pustaka Setia.
↑^[9] S, Rosa.A dan M.Shalahuddin.2013.Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek.Bandung: Informatika.
↑^[10] Rahayu, Sri, dkk.2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1-September 2015.
↑^[11] Sanjaya, Ardi dan Cahyono.2013. Membangun Kedekatan Pelanggan Menggunakan SMS Broadcast Bersalam pada Momkids.Yogyakarta: Prosiding Seminar Nasional Teknologi Informasi dan Multimedia(Semnasteknomedia) 2013. STMIK AMIKOM
↑^[12] Anhar. 2016. Kumpulan Sourch Code Visual Basic 6.0 untuk Skripsi. Jakarta: PT Elex Media Komputindo.
↑^[13] Yuan, Shuai, Jun Wang and Xiaoxue Zhao. 2013. Real-time Bidding for Online Advertising: Measurement and Analysis. ADKDD ’13, August 11, Chicago, Illinois, U.S.A. ACM 978-1-4503-2323-9
↑^[14] Adikari, Shalinda and Kaushik Dutta. 2015. Real Time Bidding in Online Digital Advertisement. Switzerland : Springer International Publishing Switzerland, B. Donnellan et al. (Eds.): DESRIST 2015, LNCS 9073: 19–38.
↑^[15] Wolfstetter, Elmar. 1994. Auctions An Introduction. Humboldt Universitat zu Berlin. Berlin - Jerman.
↑^[16] Peraturan Menteri Keuangan Republik Indonesia No. 240/PMK.06/2012. Jakarta. 2012.
↑^[17] Raumbaugh, James, Ivar Jacobson, Grady Booch. 2004. The Unified Modeling Language Reference Manual Second Edition. Addison Wesley: Boston, Massachusetts 02116
↑^[18.0] ^[18.1] ^[18.2] ^[18.3] Bruegge, Bernd, Allen H. Dutoit. 2010. Object-Oriented Software Engineering Using UML, Patterns, And Java Third Edition. Prentice Hall: Upper Saddle River, New Jersey.
↑^[19] Ambler, Scott. 2002. Agile Modelling: Effective Practices for eXtreme Programming and the Unified Process. John Wiley & Sons, Inc. : 605 Third Avenue, New York.
↑^[20] Valentin, Erhard K. 2005. Away With SWOT Analysis: Use Defensive/Offensive Evaluation Instead. The Journal of Applied Business Research – Spring 2005 vol. 21 no. 2.
↑^[21] Sommerville, Ian. 2011. Sonftware Engineering Ninth Edition. Addison Wesley: Boston, Massachusetts 02116.
↑^[22] Walliman, Nicholas. 2011. Research Methods The Basics. Routeledge, Taylor & Francis Group : London and New York.
↑^[23] Arshed, Norin and Mike Danson. 2015. The Global Management Series: Research Methods for Business & Management Second Edition. Goodfellow Publishers Ltd : 26 Home Close, Wolvercote, Oxford OX2 8PS.
↑^[24] Maier, Holger R. 2013. What Constitutes A Good Literature Review And Why Does Its Quality Matter?. Environmental Modelling and Software, 43, 3‐4, DOI: 10.1016/j.envsoft.2013.02.004.
↑^[25] Mendoza, Benito and José M. Vidal. 2008. Approximate Bidding Algorithms for a Distributed Combinatorial Auction. Proc. of 7th Int. Conf. on Autonomous Agents and Multiagent Systems (AAMAS 2008) , Padgham, Parkes, Müller and Parsons (eds.), May, 12-16., 2008, Estoril, Portugal.
↑^[26] Chen, Ye and Pavel Berkhin. 2011. Real-Time Bidding Algorithms for Performance-Based Display Ad Allocation. KDD’11, August 21–24, 2011, San Diego, CA. ACM 0-12345-67-8/90/01.
↑^[27] Kitts, Brendan and Benjamin Leblanc. 2004. Optimal Bidding on Keyword Auctions. Electronic Markets vol. 14 no. 3: 186-201. www.electronicmarkets.org
↑^[28] P, Hemanta Kumar and Gautam Barua. Design of Real-Time Auction System. Department of Computer Science and Engineering Indian Institute of Technology Guwahati 781039.
↑^[29] Saibarath, Marella and Padmavasani. K, P. Muneeswaran. 2016. An Effective Online Auction System. The IOOAB Journal: Emerging Technologies in Networking and Security (ETNS) Vol. 7 | 9 | 137-143.
↑^[30] Peng, Yanlin, Lingfeng Zhang, Yong Guan. 2009. Detecting Fraud In Internet Auction Systems. G. Peterson and S. Shenoi (Eds.): Advances in Digital Forensics V, IFIP AICT 306, pp. 187–198.
↑^[31] Sayedi, Amin. 2017. Real-Time Bidding in Online Display Advertising. University of Washington - Michael G. Foster School of Business.
↑^[32] Bakri, Rajib Abi, Helmy Fitriawan dan Gigih Fordha Nama. 2013. Sistem Lelang Online Berbasis Web. ELECTRICIAN – Jurnal Rekayasa dan Teknologi Elektro Vol. 7, No. 3, September 2013
↑^[33] Anggara, Diky Arga dan Ajib Susanto. 2017. Lelang Online Secara Real Time Dengan Protocol Websocket Menggunakan Socket.io. IJCCS, Vol.x, No.x, July xxxx, pp. 1~5. ISSN: 1978-1520
↑^[34] Adikari, Shalinda and Kaushik Dutta. 2015. Real Time Bidding in Online Digital Advertisement. Switzerland : Springer International Publishing Switzerland, B. Donnellan et al. (Eds.): DESRIST 2015, LNCS 9073: 19–38.

Contributors

Admin, Garry

[pertama] [1] Hidayat, Wahyu. dkk. 2016. “Perancangan Media Video Desain Interior Sebagai Salah Satu Penunjang Promosi Dan Informasi

[kedua] [2] Jogiyanto, HM. 2005. “Sistem Teknologi Informasi: Pendekatan Terintegrasi: Konsep Dasar, Teknologi, Aplikasi, Pengembangan dan Pengelolaan. Edisi 2”. Yogyakarta: Andi Offset

[ketiga] [3] McKay, Alison. et al. 2016. “Principles For The Definition of Design Structures. International Journal of Computer Integrated Manufacturing”. Volume 29, Issue 3. Pages 237-250. diakses pada tanggal 10 Oktober 2016.

[keempat] [4.0]^[4.1]^[4.2]^[4.3] Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Deepublish.

[kelima] [5.0]^[5.1] Kadir, A. 2014. Pengenalan Sistem Informasi Edisi Revisi.

[keenam] [6] Mahatmyo, Atyanto. 2014. Sistem Informasi Akuntansi Suatu Pengantar. Yogyakarta : Deepublish.

[ketuju] [7] Kanal, Abishek and Aishwarya . 2016. “Data Analysis And Business Modelling In Microsoft Excel Using Analysis Tollpax.in : In International Journal Of Computer Science And Information Technologies,Pages.

[kedelapan] [8] Rusdiana, H.A,.dan Moch Irfan. 2014. Sistem Informasi Manajemen. Bandung : CV Pustaka Setia.

[kesembilan] [9] S, Rosa.A dan M.Shalahuddin.2013.Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek.Bandung: Informatika.

[kesepuluh] [10] Rahayu, Sri, dkk.2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1-September 2015.

[kesebelas] [11] Sanjaya, Ardi dan Cahyono.2013. Membangun Kedekatan Pelanggan Menggunakan SMS Broadcast Bersalam pada Momkids.Yogyakarta: Prosiding Seminar Nasional Teknologi Informasi dan Multimedia(Semnasteknomedia) 2013. STMIK AMIKOM

[keduabelas] [12] Anhar. 2016. Kumpulan Sourch Code Visual Basic 6.0 untuk Skripsi. Jakarta: PT Elex Media Komputindo.

[ketigabelas] [13] Yuan, Shuai, Jun Wang and Xiaoxue Zhao. 2013. Real-time Bidding for Online Advertising: Measurement and Analysis. ADKDD ’13, August 11, Chicago, Illinois, U.S.A. ACM 978-1-4503-2323-9

[keempatbelas] [14] Adikari, Shalinda and Kaushik Dutta. 2015. Real Time Bidding in Online Digital Advertisement. Switzerland : Springer International Publishing Switzerland, B. Donnellan et al. (Eds.): DESRIST 2015, LNCS 9073: 19–38.

[kelimabelas] [15] Wolfstetter, Elmar. 1994. Auctions An Introduction. Humboldt Universitat zu Berlin. Berlin - Jerman.

[keenambelas] [16] Peraturan Menteri Keuangan Republik Indonesia No. 240/PMK.06/2012. Jakarta. 2012.

[ketujubelas] [17] Raumbaugh, James, Ivar Jacobson, Grady Booch. 2004. The Unified Modeling Language Reference Manual Second Edition. Addison Wesley: Boston, Massachusetts 02116

[kedelapanbelas] [18.0] ^[18.1] ^[18.2] ^[18.3] Bruegge, Bernd, Allen H. Dutoit. 2010. Object-Oriented Software Engineering Using UML, Patterns, And Java Third Edition. Prentice Hall: Upper Saddle River, New Jersey.

[kesembilanbelas] [19] Ambler, Scott. 2002. Agile Modelling: Effective Practices for eXtreme Programming and the Unified Process. John Wiley & Sons, Inc. : 605 Third Avenue, New York.

[keduapuluh] [20] Valentin, Erhard K. 2005. Away With SWOT Analysis: Use Defensive/Offensive Evaluation Instead. The Journal of Applied Business Research – Spring 2005 vol. 21 no. 2.

[keduasatu] [21] Sommerville, Ian. 2011. Sonftware Engineering Ninth Edition. Addison Wesley: Boston, Massachusetts 02116.

[keduadua] [22] Walliman, Nicholas. 2011. Research Methods The Basics. Routeledge, Taylor & Francis Group : London and New York.

[keduatiga] [23] Arshed, Norin and Mike Danson. 2015. The Global Management Series: Research Methods for Business & Management Second Edition. Goodfellow Publishers Ltd : 26 Home Close, Wolvercote, Oxford OX2 8PS.

[keduaempat] [24] Maier, Holger R. 2013. What Constitutes A Good Literature Review And Why Does Its Quality Matter?. Environmental Modelling and Software, 43, 3‐4, DOI: 10.1016/j.envsoft.2013.02.004.

[kedualima] [25] Mendoza, Benito and José M. Vidal. 2008. Approximate Bidding Algorithms for a Distributed Combinatorial Auction. Proc. of 7th Int. Conf. on Autonomous Agents and Multiagent Systems (AAMAS 2008) , Padgham, Parkes, Müller and Parsons (eds.), May, 12-16., 2008, Estoril, Portugal.

[keduaenam] [26] Chen, Ye and Pavel Berkhin. 2011. Real-Time Bidding Algorithms for Performance-Based Display Ad Allocation. KDD’11, August 21–24, 2011, San Diego, CA. ACM 0-12345-67-8/90/01.

[keduatuju] [27] Kitts, Brendan and Benjamin Leblanc. 2004. Optimal Bidding on Keyword Auctions. Electronic Markets vol. 14 no. 3: 186-201. www.electronicmarkets.org

[keduadelapan] [28] P, Hemanta Kumar and Gautam Barua. Design of Real-Time Auction System. Department of Computer Science and Engineering Indian Institute of Technology Guwahati 781039.

[keduasembilan] [29] Saibarath, Marella and Padmavasani. K, P. Muneeswaran. 2016. An Effective Online Auction System. The IOOAB Journal: Emerging Technologies in Networking and Security (ETNS) Vol. 7 | 9 | 137-143.

[ketigapuluh] [30] Peng, Yanlin, Lingfeng Zhang, Yong Guan. 2009. Detecting Fraud In Internet Auction Systems. G. Peterson and S. Shenoi (Eds.): Advances in Digital Forensics V, IFIP AICT 306, pp. 187–198.

[ketigasatu] [31] Sayedi, Amin. 2017. Real-Time Bidding in Online Display Advertising. University of Washington - Michael G. Foster School of Business.

[ketigadua] [32] Bakri, Rajib Abi, Helmy Fitriawan dan Gigih Fordha Nama. 2013. Sistem Lelang Online Berbasis Web. ELECTRICIAN – Jurnal Rekayasa dan Teknologi Elektro Vol. 7, No. 3, September 2013

[ketigatiga] [33] Anggara, Diky Arga dan Ajib Susanto. 2017. Lelang Online Secara Real Time Dengan Protocol Websocket Menggunakan Socket.io. IJCCS, Vol.x, No.x, July xxxx, pp. 1~5. ISSN: 1978-1520

[ketigaempat] [34] Adikari, Shalinda and Kaushik Dutta. 2015. Real Time Bidding in Online Digital Advertisement. Switzerland : Springer International Publishing Switzerland, B. Donnellan et al. (Eds.): DESRIST 2015, LNCS 9073: 19–38.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]

[24]

[25]

[26]

[27]

[28]

[29]

[30]

[31]

[32]

[33]

[34]

@@ Baris 1: / Baris 1: @@
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PENERAPAN SISTEM REALTIME BIDDING PADA'''</P></div>
+<p style="line-height: 1">''' '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''APLIKASI LELANG ONLINE MENGGUNAKAN LARAVEL'''</P></div>
+<p style="line-height: 1">'''PENERAPAN SISTEM REALTIME BIDDING PADA APLIKASI LELANG ONLINE'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''DAN VUE.JS DI CURALIB TECH'''</P></div>
+<p style="line-height: 1">'''MENGGUNAKAN LARAVEL DAN VUE.JS'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''DI CURALIB TECH'''</P></div>
@@ Baris 12: / Baris 14: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-[[File:Logo stmik raharja.jpg|150px|center]]</div>
+<img src="https://lh3.google.com/u/0/d/1iZlbfVzk_6hoHnIYKYFQoA4IUhCkcW-4=w1299-h638-iv1" class="a-b-ta-Ua" alt="Displaying LOGO-UNIVERSITAS-RAHARJA.png" aria-hidden="true" width="150">
+</div>
@@ Baris 23: / Baris 26: @@
 |<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1222472113'''</div>
 |-
-|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''GARRYANDI FAHRYAN'''</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[Pembicaraan_Pengguna:Garry|GARRYANDI FAHRYAN]]'''</div>
 |}
@@ Baris 38: / Baris 41: @@
 <p style="line-height: 1">'''TANGERANG'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''2019/2020'''</P></div>
+<p style="line-height: 1">'''2018/2019'''</P></div>
-{{pagebreak}}
-<div align="center"><img width="800" height="800" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
 {{pagebreak}}
+<p></p>
-<div align="center"><img width="800" height="800" style="margin:0px" src="https://s19.postimg.org/4fjqpb7zn/Untitled-2.jpg"/></div>
+<hr>
-{{pagebreak}}
+<br>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PENGESAHAN SKRIPSI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PENERAPAN SISTEM REALTIME BIDDING PADA'''</P></div>
+<p style="line-height: 1">''' '''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''APLIKASI LELANG ONLINE MENGGUNAKAN LARAVEL'''</P></div>
+<p style="line-height: 1">'''PENERAPAN SISTEM REALTIME BIDDING PADA APLIKASI LELANG ONLINE'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''DAN VUE.JS DI CURALIB TECH'''</P></div>
+<p style="line-height: 1">'''MENGGUNAKAN LARAVEL DAN VUE.JS'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''DI CURALIB TECH'''</P></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Disusun Oleh :</p></div>
@@ Baris 69: / Baris 71: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: GARRYANDI FAHRYAN</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Pembicaraan_Pengguna:Garry|GARRYANDI FAHRYAN]]</div>
-|}
+|-
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Fakultas</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sains dan Teknologi</div>
-<p style="line-height: 1" style="text-align: center;">Telah Disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p></div>
+|-
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jenjang Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata Satu</div>
-<p style="line-height: 1" style="text-align: center;">Fakultas Sains dan Teknologi</p></div>
+|-
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Program Studi Teknik Informatika</p></div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Teknik Informatika</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Software Engineering</p></div>
+|-
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Software Engineering</div>
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
@@ Baris 95: / Baris 102: @@
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing I</div>|| &nbsp;
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Rektor</div>|| &nbsp;
-||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing II</div>
+||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Ketua Program Studi</div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Universitas Raharja</div>|| &nbsp;
+||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Program Studi Teknik Informatika</div>
 |-
@@ Baris 117: / Baris 130: @@
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Nasril Sany, M.Kom)</u></div>|| &nbsp;
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Dr._Po._Abas_Sunarya,_M.Si|Drs.  Po. Abas Sunarya , M.Si]])</u></div>|| &nbsp;
-|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Ilamsyah, M.Kom)</u></div>
+|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Ruli_Supriati|Ruli Supriati, S.Kom., M.T.I.]])</u></div>
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 08190</div> || &nbsp;
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 000603</div> || &nbsp;
-|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 011716</div>
+|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 08166</div>
 |}
 {{pagebreak}}
+<p></p>
+<hr>
+<br>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN DEWAN PENGUJI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PENERAPAN SISTEM REALTIME BIDDING PADA'''</P></div>
+<p style="line-height: 1">''' '''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''APLIKASI LELANG ONLINE MENGGUNAKAN LARAVEL'''</P></div>
+<p style="line-height: 1">'''PENERAPAN SISTEM REALTIME BIDDING PADA APLIKASI LELANG ONLINE'''</P></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''DAN VUE.JS DI CURALIB TECH'''</P></div>
+<p style="line-height: 1">'''MENGGUNAKAN LARAVEL DAN VUE.JS'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''DI CURALIB TECH'''</P></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Disusun Oleh :</p></div>
@@ Baris 174: / Baris 192: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
-<p style="line-height: 1" style="text-align: right;">Tangerang,  Juli 2019/p></div>
+<p style="line-height: 1" style="text-align: right;">Tangerang,  Juli 2019</p></div>
 {|table align="center"
@@ Baris 219: / Baris 237: @@
 {{pagebreak}}
+<p></p>
+<hr>
+<br>
-<div align="center"><img width="800" height="800" style="margin:0px" src="https://s19.postimg.org/mh2vmzroz/Untitled-1.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">''' '''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''PENERAPAN SISTEM REALTIME BIDDING PADA APLIKASI LELANG ONLINE'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''MENGGUNAKAN LARAVEL DAN VUE.JS'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">'''DI CURALIB TECH'''</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Disusun Oleh :</p></div>
+{|table align="center"
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1222472113</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: GARRYANDI FAHRYAN</div>
+|}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 1" style="text-align: center;">Telah Disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 1" style="text-align: center;">Fakultas Sains dan Teknologi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Program Studi Teknik Informatika</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Software Engineering</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
+<p style="line-height: 1" style="text-align: right;">Tangerang,  Juli 2019</p></div>
+{|table align="center"
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing I</div>|| &nbsp;
+||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing II</div>
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Nasril_Sany|Nasril Sany, M.Kom]])</u></div>|| &nbsp;
+|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Ilamsyah|Ilamsyah, M.Kom]])</u></div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 08190</div> || &nbsp;
+|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 011716</div>
+|}
+{{pagebreak}}
+{{pagebreak}}
+<p></p>
+<hr>
+<br>
 {{pagebreak}}
+<p></p>
+<hr>
+<br>
@@ Baris 406: / Baris 519: @@
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Metodologi Agile untuk proses  development-nya.</p>
+<p style="line-height: 2">Metodologi Agile untuk proses  development-nya.</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <p style="line-height: 2">Perancangan
@@ Baris 414: / Baris 527: @@
 sebelumnya
 adalah
-pelelangan secara bukan  online  menjadi  online  .</p>
+pelelangan secara bukan  online  menjadi  online  .</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <p style="line-height: 2">Perancangan
@@ Baris 422: / Baris 535: @@
 realtime
 dengan
-menggunakan Vue.js.</p>
+menggunakan Vue.js.</p></li>
+</ol>
 ==Tujuan dan Manfaat Penelitian==
@@ Baris 479: / Baris 593: @@
 ===Metode Pengumpulan Data===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Metode penelitian yang digunakan yaitu metode dengan cara mengumpulkan dan menggambarkan data mengenai keadaan secara langsung dari lapangan atau objek dari penelitian untuk mendapatkan data secara relevan.
+<p style="line-height: 2">Dalam metode ini, penulis melakukan observasi, wawancara terhadap CEO Curalib Tech, dan penulis melakukan tinjauan kepustakaan (literature review) terhadap penelitian-penelitian yang serupa.
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Adapun teknik pengumpulan data yang digunakan dalam mencari, mengumpulkan data serta mengolah informasi yang diperlukan yaitu:.
 </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Pengamatan Langsung (Observation)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Observasi<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-   Penulisan dengan cara melakukan pengamatan secara langsung pada objek yang diteliti terhadap data-data nasabah serta menganalisa sistem yang dibutuhkan untuk mengetahui unsur-unsur dari sistem tersebut . </p></li>
+   Penulis melakukan observasi langsung ke Curalib Tech, kemudian dari Curalib Tech juga melakukan observasi ke PT Altolelang. Dari observasi tersebut, PT Altolelang yang merupakan sebuah tempat lelang yang memerlukan sistem pelelangan yang bisa berbasis online, dan saat ini yang ada hanya website untuk menunjukkan jadwal pelelangan dan barang-barang lelangannya saja.</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Wawancara (Interview)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Adalah suatu metode untuk mendapatkan data dengan tatap muka dan tanya jawab secara lisan yang dilakukan oleh penulis dengan analis, serta melakukan pencatatan terhadap hasil wawancara untuk dijadikan sumber data.</p></li>
+Sebelum penelitian diterapkan, penulis terlebih dahulu melakukan wawancara terhadap pihak yang bersangkutan, yaitu pihak Curalib Tech untuk mengetahui masalah-masalah yang dihadapi oleh Curalib Tech dalam mengembangkan aplikasi lelang online. Penulis mewawancarai Ahmad Padli yang merupakan CEO dari Curalib Tech tersebut, dan beliau menjelaskan bahwa saat ini yang menjadi masalah pada project PT Altolelang tersebut adalah belum realtime-nya proses penawaran (bidding) tersebut.</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Studi Pustaka (Library Research)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Suatu metode untuk mend apatkan data dengan cara mempelajari buku-buku yang berkaitan dengan penelitian dari berbagai sumber yang tertulis dan mempelajari unsur-unsur objek yang diteliti.</p></li>
+Selain membaca buku referensi, penulis juga membaca dan mendapatkan informasi dari jurnal-jurnal dan/atau karya-karya ilmiah yang lain sebagai sumber pengetahuan untuk penulis dan juga untuk menjaga agar tidak terjadi plagiarisme oleh penulis baik secara sengaja maupun tidak disengaja.</p></li>
 </ol>
 ===Metode Analisa===
-<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Setelah proses pengumpulan data yang dilaksanakan melalui beberapa teknik, maka data yang sudah ada akan diolah dan dianalisa supaya mendapatkan suatu hasil akhir yang bermanfaat bagi penelitian. Dalam metode analisa sistem dilakukan melalu 4 (empat) tahap, yaitu :</p>
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Dalam penelitian ini, metode analisis yang akan digunakan oleh penulis adalah metode SWOT, yaitu metode yang menganalisis 4 hal dalam bentuk evaluasi, yaitu Strengths (Kekuatan), Weaknesses (Kelemahan), Opportunities (Peluang) dan Threats (Ancaman).</p>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Survey terhadap sistem yang berjalan.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisa terhadap temuan sistem.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Identifikasi kebutuhan informasi.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Identifikasi persyaratan sistem.</li>
-</ol>
 ===Metode Perancangan===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">
-Penulis menggunakan metode perancangan berorientasi objek dengan menggunkan tools UML. Perancangan sistem informasi debitur urut tanggal pada PT. Bank Mandiri Persero KCM Jati Uwung menggunakan software dalam perancangannya, antara lain:</p></div>
+Pada penelitian ini, perancangan yang akan dilakukan oleh penulis beserta alat untuk merancangnya adalah sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">PHP, merupakan bahasa pemrograman yang dipakai.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pemodelan aplikasinya menggunakan UML (Unified Modelling Language),</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">MySQL, merupakan database yang akan digunakan.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pemrograman aplikasinya menggunakan bahasa pemrograman PHP Framework Laravel 5.7, Jquery.js, Vue.js dan Vue Router yang proses instalasinya menggunakan Node Package Manager,</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Notepad++, merupakan software yang digunakan untuk men-design web yang akan dibuat.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Database aplikasinya menggunakan MySql (My Structured Query Language),</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Server dari aplikasi tersebut menggunakan Nginx v1.14 yang sama seperti Apache.</li>
 </ol>
-<p style="line-height: 2">
-UML dirancang dengan menggunakan software Visual Paradigma dalam pembuatan Use Case Diagram, Squance Diagram, Activity Diagram dan Class Diagram.</p>
 ==Sistem Penulisan==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Penulisan Skripsi ini disusun menjadi beberapa bab. Dalam setiap bab-nya diberikan gambaran mengenai pokok pembahasan yang ada, sehingga dengan demikian dapat memberikan penjelasan yang lengkap mengenai Skripsi ini. Adapun sistematika penulisannya adalah sebagai berikut:
+<p style="line-height: 2">Penulisan laporan ini diurutkan sebagai berikut :
 </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <p style="line-height: 2">'''BAB I : PENDAHULUAN'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pada bab ini penulis meguraikan latar belakang, rumusan masalah, ruang lingkup, maksud dan tujuan penelitian, metode penelitian, metode waterfall, dan sistematika penulisan.</p></div>
+<p style="line-height: 2">Pada bab ini dijelaskan latar belakang pada masalah yang terjadi dalam mengembangkan aplikasi lelang berbasis online serta membatasi permasalahan serta penulis melakukan literature review dalam pencarian sistem yang pas untuk kasus aplikasi tersebut.
+Setelah itu penulis menjabarkan metode-metode apa yang dilakukan untuk penelitian ini, dimulai dari metode yang dilakukan untuk pencarian data, metode yang dilakukan untuk analisis pembuatan aplikasi, metode perancangan aplikasinya, prototyping dan pengujian aplikasinya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB II : LANDASAN TEORI '''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Penulis akan menjabarkan teori umum dan teori khusus terkait pada penelitian ini, yaitu Sistem Realtime Bidding. Secara pengetahuan, penulis akan mencantumkannya pada bab ini, berdasarkan referensi-referensi yang sudah didapatkan oleh penulis.
+Kemudian penulis akan menjabarkan tentang metode-metode yang dilakukan pada penelitian ini, masing-masing pengertian dan esensi-esensinya akan penulis sampaikan pada penelitian ini.
+Lalu selanjutnya penulis akan mencantumkan literature review dari penelitian tentang penggunaan sistem realtime pada kegiatan bidding yang telah dicoba untuk diterapkan bahkan ada yang diimplementasikan pada penelitian-penelitian lain, tentunya pada kasus-kasus yang lain.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB III : SISTEM YANG BERJALAN'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">
+Data bersangkutan yang telah didapatkan dari Curalib Tech oleh penulis akan dijabarkan pada bab ini, yaitu berupa struktur organisasi Curalib Tech. Kemudian penulis akan menjabarkan analisis dan prosedur sistemnya, serta disertai permintaan dari stakeholder serta penyaringan elisitasi-elisitasi dari permintaan stakeholder tersebut.
+Penulis juga akan mencantumkan konfigurasi-konfigurasi yang ada pada satu unit komputer dari objek penelitian (Curalib Tech) tersebut.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB IV : SISTEM YANG DIUSULKAN'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">
+BSetelah menjabarkan data dari Curalib Tech pada bab III, penulis akan menjabarkan solusinya pada bab ini, yaitu dengan menjelaskan bahasa pemodelannya, hipotesisnya serta  prototype berupa tampilan input dan tampilan output dari halaman pengguna dan halaman administrator.
+Penulis juga akan memasukkan rancangan basis datanya,  listing program yang telah dibuat dalam penelitian ini sebagai sebagian kode dari pembuatan aplikasi tersebut dan juga terakhir penulis akan mencantumkan pengujian (testing) yang penulis lakukan, Whitebox dan Blackbox.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB V : PENUTUP'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Masalah yang didapat berupa data-data yang telah dicantumkan, kemudian solusinya juga telah dicantumkan, maka penulis akan memberikan kesimpulan pada bab ini, namun karena penulis serta penelitian yang diterapkan oleh penulis juga memiliki keterbatasan, maka pada bab ini penulis juga akan menuliskan saran untuk pembaca agar pembaca diharapkan bisa memberikan masukan untuk perbaikan pada kegiatan penelitian ini.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''DAFTAR PUSTAKA'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''LAINNYA'''</p></div>
+{{pagebreak}}
+{{pagebreak}}
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
+==Teori Umum==
+===Konsep Dasar Perancangan Sistem===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Wahyu Hidayat, dkk (2016:49)
+ <sup id="cite_ref-pertama" class="reference">
+     [[#cite_note-pertama|[1]]]
+ </sup>
+ mendefinisikan tentang perancangan bahwa, “Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan wujud visual yang dihasilkan dari bentuk-bentuk kreatif yang telah direncanakan. Langkah awal dalam perancangan desain bermula dari hal-hal yang tidak teratur berupa gagasan atau ide-ide kemudian melalui proses penggarapan dan pengelolaan akan menghasilkan hal-hal yang teratur, sehingga hal-hal yang sudah teratur bisa memenuhi fungsi dan kegunaan secara baik. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi”.
+Kemudian Jogiyanto (2005:3)
+ <sup id="cite_ref-kedua" class="reference">
+     [[#cite_note-kedua|[2]]]
+ </sup>
+menyimpulkan tentang arti dari Perancangan Sistem adalah, “penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi”.
+Menurut Alison McKay, et al (2016:237-250)
+ <sup id="cite_ref-ketiga" class="reference">
+     [[#cite_note-ketiga|[3]]]
+ </sup>
+, “Perancangan Kegiatan Rekayasa adalah sebuah tahapan awal yang penting dari proses pembaharuan  yang menghantarkan produk-produk baru kepada market-market dimana tantangan sosial ditempatkan dan dibangun secara mewah”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Dari ketiga definisi di atas, maka dapat disimpulkan bahwa perancangan merupakan sebuah kebutuhan di tahapan awal berupa penuangan ide secara visual agar nantinya dapat dianalisis dan dipresentasikan ke ahli-ahli teknik yang terlibat dengan tujuan sistem tersebut memenuhi kebutuhan pengguna sistem.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">'''1. Konsep Dasar Sistem''' </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Di dalam setiap kehidupan, kita tidak akan lepas dari masalah. Masalah adalah sesuatu yang berjalan tidak sesuai dengan keinginan atau harapan. Dengan hadirnya teknologi informasi, diharapkan bisa mengurangi masalah yang ada sesuai dengan penyelesaian tertentu dan penyelesaian masalah tersebutlah yang disebut sebagai algoritma.
+</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Definisi Sistem
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Romney Dan Steinbart (2015:3) sistem adalah suatu rangkaian yang terdiri dari dua atau lebih komponen yang saling berhubungan dan saling berinteraksi satu sama lain untuk mencapai tujuan dimana sistem biasanya terbagi dalam sub sistem yang lebih kecil yang mendukung sistem yang lebih besar. Jeperson Hutahaean (2015:2)
+ <sup id="cite_ref-keempat_1" class="reference">
+     [[#cite_note-keempat|[4]]]
+ </sup>
+menyebutkan bahwa sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan berkumpul bersama – sama untuk melakukan kegiatan atau untuk melakukan sasaran yang tertentu.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Jadi bisa disimpulkan bahwa sistem adalah suatu prosedur yang menjadi panutan pekerjaan bagi komponen-komponen suatu jaringan atau organisasi dalam rangka mencapai sasaran-sasaran dari jaringan atau organisasi tersebut.
+</p></div>
+</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Karakteristik Sistem
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Hutahaean (2015:3-5)
+ <sup id="cite_ref-keempat_2" class="reference">
+     [[#cite_note-keempat|[4]]]
+ </sup>
+, bahwa supaya sistem itu dikatakan sistem yang baik memiliki karakteristik yaitu:
+</p>
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem (Components)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Suatu sistem terdiri dari sejumlah komponen-komponen yang saling berinteraksi yang artinya saling bekerja sama membentuk satu kesatuan. Komponen sistem terdiri dari komponen yang berupa subsistem atau bagian-bagian dari sistem.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Batasan Sistem (Boundary)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan lingkungan luarnya. Batasan sistem ini memungkinkan suatu sistem dipandang sebagai suatu kesatuan. Batasan suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Lingkungan Luar Sistem (Environment)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Lingkungan luar sistem (Environment) adalah diluar batas sistem yang mempengaruhi operasi sistem. Lingkungan dapat bersifat menguntungkan yang harus tetap dijaga dan yang merugikan yang harus dijaga dan dikendalikan, kalau tidak akan mengganggu kelangsungan hidup dari sistem.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penghubung Sistem (Interface)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Penghubung sistem merupakan media penghubung antara satu subsistem dengan subsistem lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari subsistem ke subsistem lain.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukan Sistem (Input)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Masukan adalah energi yang dimasukan ke dalam sistem, yang dapat berupa perawatan (maintenance input), dan masukkan sinyal (signal input).
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Keluaran Sistem (Output)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Keluaran sistem adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengolah Sistem (Process)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Suatu sistem menjadi bagian pengolah yang akan merubah masukan menjadi keluaran. Sistem produksi akan mengolah bahan baku menjadi bahan jadi, sistem akuntansi akan mengolah data menjadi laporan-laporan keuangan.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sasaran Sistem (Objective)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Sasaran dari sistem sangat menentukan input yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.
+ </p></div>
+ </li>
+ </ol>
+</div>
+</li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">'''2. Klasifikasi Sistem''' </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Hutahaean (2015: 6-7)
+ <sup id="cite_ref-keempat_3" class="reference">
+     [[#cite_note-keempat|[4]]]
+ </sup>
+Sistem dapat diklasifikasikan dalam beberapa sudut pandang :</p></div>
+<ol>
+ <!-- Sampai Sini -->
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Klasifikasi Sistem sebagai :
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem Abstrak (Abstract System)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Sistem abstrak adalah sistem yang berupa pemikiran-pemikiran atau yang tidak tampak secara fisik.</p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem Fisik (Physical System)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Sistem fisik adalah sistem yang ada secara fisik.</p>
+ </div>
+ </li>
+ </ol>
+</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem diklasifikasikan sebagai :
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem Alamiah (Natural System),
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak di buat oleh manusia. Misalnya sistem perputaran bumi. Misalnya sistem perputaran bumi.</p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem Buatan Manusia (Human Made System),
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Sistem buatan manusia adalah sistem yang dibuat oleh manusia yang melibatkan interaksi antara manusia dengan mesin (human machine system).</p>
+ </div>
+ </li>
+ </ol>
+</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem diklasifikasikan sebagai :
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem Tertentu (Deterministic System)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Sistem tertentu adalah, sistem yang beroperasi dengan tingkah laku yang sudah dapat diprediksi, sebagai keluaran sistem yang dapat diramalkan.</p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem Tak Tentu (Probabilistic System)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilistic.</p>
+ </div>
+ </li>
+ </ol>
+</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem diklasifikasikan sebagai :
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem Tertutup (Close System)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Sistem tertutup adalah sistem yang tidak terpengaruh dan tidak berhubungan dengan lingkungan luar, sistem bekerja otomatis tanpa ada turut campur lingkungan luar. Secara teoritis sistem tertutup ini ada, kenyataannya tidak ada sistem yang benar-benar tertutup, yang ada hanya relatively closed system.</p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem Terbuka (Open System)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Sistem ini menerima input dan ouput dari lingkungan luar atau subsistem lainnya. Karena sistem terbuka terpengaruh lingkungan luar maka harus mempunyai pengendali yang baik.</p>
+ </div>
+ </li>
+ </ol>
+</li>
+===Konsep Dasar Sistem Informasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">'''1. Definisi Sistem Informasi''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Hutahaean (2015: 13),
+ <sup id="cite_ref-keempat_4" class="reference">
+     [[#cite_note-keempat|[4]]]
+ </sup>
+sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengelolaan transaksi harian, mendukung operasi, bersifat manajerial, dan kegiatan strategi dan suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang dibutuhkan.
+Menurut Abdul Kadir dalam bukunya (2014:8)
+ <sup id="cite_ref-kelima_1" class="reference">
+     [[#cite_note-kelima|[5]]]
+ </sup>
+menyatakan bahwa sistem informasi mencakup sejumlah komponen (manusia, komputer, teknologi informasi, dan prosedur kerja) ada sesuatu yang diproses (data menjadi informasi) dan dimaksudkan untuk mencapai suatu sasaran.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Atyanto Mahatmyo (2014: 6)
+ <sup id="cite_ref-kelima" class="reference">
+     [[#cite_note-keenam|[6]]]
+ </sup>
+, “Sistem Informasi adalah serangkaian prosedur formal dimana data dikumpulkan, diproses menjadi informasi dan didistribusikan ke pengguna”.
+Dari ketiga definisi yang dikemukakan oleh para ahli di atas dapat disimpulkan bahwa sistem informasi adalah sebuah sistem yang dibuat untuk memberikan informasi-informasi yang mendukung operasi dari sistem yang ada pada jaringan tersebut.
+</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem Informasi
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Menurut Abdul Kadir (2014:71)
+ <sup id="cite_ref-kelima_2" class="reference">
+     [[#cite_note-kelima|[5]]]
+ </sup>
+ , Sistem informasi mengandung komponen-komponen seperti berikut ini :
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Perangkat Keras (Hardware), yang mencakup peranti-peranti fisik seperti komputer dan printer.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Perangkat Lunak (Software) atau Program, yaitu sekumpulan instruksi yang memungkinkan perangkat keras memproses data.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Prosedur, yaitu sekumpulan aturan yang dipakai untuk mewujudkan pemrosesan data dan pembangkitan keluaran yang dikehendaki.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Orang, yakni semua pihak yang tanggung jawab dalam pengembangan sistem informasi, pemrosesan dan penggunaan keluaran sistem informasi.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Basis Data (Database), yaitu kumpulan tabel, hubungan dan lain-lain yang berkaitan dengan menyimpan data. Jaringan Komputer dan Komunikasi Data, yaitu sistem penghubung yang memungkinkan sumber (resources) dipakai secara bersama atau diakses oleh sejumlah pemakai.
+ </li>
+ </ol>
+ </p></div>
+</li>
+</ol>
+===Konsep Dasar Data===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">'''1. Pengertian Data''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Abishek Kanal dan Aishwarya (2016:5)
+ <sup id="cite_ref-ketuju" class="reference">
+     [[#cite_note-ketuju|[7]]]
+ </sup>
+“Data Merupakan Pendorong penting dalam membuka cara untuk pendekatan bisnis yang optimal dalam ukuran organisasi”.
+H.A. Rusdiana dan Moch Irfan (2014:68)
+ <sup id="cite_ref-kedelapan" class="reference">
+     [[#cite_note-kedelapan|[8]]]
+ </sup>
+mengemukakan bahwa, “data adalah fakta yang dapat digunakan sebagai input dalam menghasilkan informasi. Data dapat berupa bahan untuk diskusi, pengambilan keputusan, perhitungan, atau pengukuran. Saat ini data tidak hanya dalam bentuk kumpulan huruf-huruf dalam bentuk kata atau kalimat, tetapi juga dapat dalam bentuk suara, gambar diam dan bergerak, baik dalam bentuk dua maupun tiga dimensi”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Siregar yang dikutip oleh Priyo Sutopo, dkk dalam Jurnal Informatika Mulawarman (2016:23). “Data diterjemahkan sebagai istilah yang berasal dari kata “datum” yang berarti fakta atau bahan-bahan keterangan. Data merupakan deskripsi dari sesuatu dan kejadian yang kita hadapi”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan ketiga definisi di atas, maka dapat disimpulkan bahwa data adalah suatu rekaman berupa fakta atau kejadian yang didapatkan tetapi belum memiliki kesimpulan.
+</p></div>
+===Konsep Dasar Database===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">'''1. Definisi Database''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Rosa A.S dan M.Shalahuddin (2013:43)
+ <sup id="cite_ref-kesembilan" class="reference">
+     [[#cite_note-kesembilan|[9]]]
+ </sup>
+ “Database (basis data) adalah sistem yang terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah atau informasi dan membuat informasi tersedia saat dibutuhkan.”
+Menurut Sri Rahayu, dkk dalam jurnal CCIT, Vol.9 No.1 (2015:54)
+ <sup id="cite_ref-kesepuluh" class="reference">
+     [[#cite_note-kesepuluh|[10]]]
+ </sup>
+“Database (basis data) adalah kumpulan data yang terintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat.”
+Menurut Sanjaya dan Cahyono (2013:17-15)
+ <sup id="cite_ref-kesebelas" class="reference">
+     [[#cite_note-kesebelas|[11]]]
+ </sup>
+,“Basis Data (Database) adalah sekumpulan informasi yang berkaitan dengan subjek yang diorganisasikan dengan cara tertentu sebagai basis atau fondasi untuk prosedur seperti mengakses informasi, menarik kesimpulan dan membuat keputusan”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Dari beberapa definisi di atas, maka dapat disimpulkan bahwa basis data adalah tempat sekumpulan data yang terintegrasi yang nantinya akan diproses untuk mendapatkan kesimpulan.
+</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penggunaan Database
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Berdasarkan cara berinteraksi dengan sistem, pengguna basis data dibedakan sebagai berikut: (Anhar, 2016:20)
+ <sup id="cite_ref-keduabelas" class="reference">
+     [[#cite_note-keduabelas|[12]]]
+ </sup>
+ :
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Database Administrator adalah Orang yang mendefinisikan basis data, mengatur hak-hak akses, melakukan perawatan dan koreksi terhadap basis data.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Programme Aplikasi adalah Pengguna yang berinteraksi dengan basis data, dengan membuat antarmuka yang digunakan untuk manipulasi basis data.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sophisticated User adalah Pengguna yang ahli, maksudnya adalah pengguna yang mengakses langsung ke mesin basis data menggunakan bahasa non-prosedural.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Specialized User adalah Pengguna yang mempunyai keahlian dibidang tertentu, maksudnya adalah Pengguna ini memakai basis data untuk membangun program aplikasi sesuai bidang keahliannya.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Nav User adalah Pengguna yang memiliki pengetahuan komputasi dan basis data secara terbatas. Pengguna ini berinteraksi dengan basis data melalui program aplikasi yang sudah disediakan.
+ </li>
+ </ol>
+ </p></div>
+</li>
+</ol>
+==Teori Khusus==
+===Konsep Dasar Realtime Bidding===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Yuan, et. al (2014:218)
+ <sup id="cite_ref-ketigabelas" class="reference">
+     [[#cite_note-ketigabelas|[13]]]
+ </sup>
+ , Realtime Bidding merupakan pemotongan model dari perbatasan ujung pada penelitian periklanan terkomputasi dan paradigma periklanan dari hal ketiga yang banyak digunakan mengikuti jaringan tampilan iklan dan periklanan berbasis pencarian kata kunci.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Shalinda (2015:19)
+ <sup id="cite_ref-keempatbelas" class="reference">
+     [[#cite_note-keempatbelas|[14]]]
+ </sup>
+ Realtime Bidding adalah sebuah pelelangan yang terjadi seketika pada saat itu juga secara programatis, yang mendorong pembeli-pembeli impresi untuk meluncurkan kampanye periklanan mereka via jaringan periklanan yang berlipat ganda.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berawal di tahun 2009, Realtime Bidding mulai digunakan untuk kegiatan marketing yang mana pada kegiatan periklanan tersebut menggunakan sistem lelang. Saat seorang pengguna yang hendak mengiklankan produknya, pengguna tersebut mengklik halaman periklanan produknya, maka ia akan bersaing dengan pengguna-pengguna lain yang akan menggunakan iklan tersebut.
+Kemudian pengguna tersebut menawarkan iklan dengan harga tertentu dan tawaran tersebut diterima oleh sebuah mesin yang bernama Demand Side Platform dan Supply Side Platform, yang mana pada Supply Side Platform terdapat informasi-informasi mengenai demografi target pasar yang ditargetkan oleh pelanggan, usia, lokasi dan sebagainya.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Saat pengguna tersebut mulai mengajukan penawaran dengan klik dengan harga sekian, dan pengguna lain juga melakukan klik dengan harga sekian, maka mesin tersebut akan memilih dengan realtime siapa yang harganya paling tinggi, maka harga itulah yang akan ditampilkan beserta iklannya juga akan ditampilkan.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Pada kasus ini, penulis akan membahas tentang pemanfaatan Vue.js dalam mengaplikasikan Realtime Bidding untuk aplikasi lelang online. Konsepnya sama seperti Realtime Bidding pada iklan, yaitu ketika seseorang mengklik penawaran pada sebuah barang, maka barang tersebut secara langsung akan tampil harga dari penawaran dari orang yang mengklik tersebut. Penulis akan memanfaatkan sebuah kode javascript pada Realtime Bidding ini, yaitu Vue Js.
+</p></div>
+===Konsep Dasar Pelelangan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Wolfstetter (1994:5)
+ <sup id="cite_ref-kelimabelas" class="reference">
+     [[#cite_note-kelimabelas|[15]]]
+ </sup>
+ , Lelang adalah sebuah mekanisme penawaran yang dijelaskan oleh seperangkat peraturan lelang yang menentukan bagaimana pemenang tersebut diputuskan dan berapa harga yang harus dibayar oleh pemenang tersebut.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Peraturan Menteri Keuangan Republik Indonesia No. 240/PMK.06/2012
+ <sup id="cite_ref-keenambelas" class="reference">
+     [[#cite_note-keenambelas|[16]]]
+ </sup>
+ , Lelang adalah penjualan BMN yang terbuka untuk umum dengan penawaran harga secara tertulis dan/atau lisan yang semakin meningkat atau menurun untuk mencapai harga tertinggi yang didahului dengan pengumuman lelang.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Asal kata dari lelang adalah Auctio, yang artinya peningkatan secara bertahap. Berbeda dengan jual-beli, lelang merupakan penjualan umum atau penjualan barang-barang yang dilakukan kepada umum dengan harga penawaran yang meningkat atau menurun atau dengan pemasukan harga dalam sampul tertutup, atau kepada orang-orang yang diundang atau sebelumnya diberitahu mengenai pelelangan atau penjualan itu, atau diizinkan untuk ikut serta dan diberi kesempatan untuk menawar harga, menyetujui harga yang ditawarkan atau memasukkan harga dalam sampul tertutup.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Definisi lelang dalam Pasal 1 sub 17 undang-undang nomor 19 tahun 2000 tentang Penagihan Pajak Dengan Surat Paksa adalah penjualan barang di muka umum dengan cara penawaran harga secara lisan dan atau tertulis melalui usaha pengumpulan peminat atau calon pembeli.
+</p></div>
+===Konsep Dasar UML (Unified Modeling Language)===
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Tentang UML
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ UML pertama kali dicetuskan oleh 3 orang, yaitu James Rumbaugh, Grady Booch dan Ivar Jacobson pada 1 perusahaan yaitu Rational Software Corporation di tahun 1994. James Raumbaugh bertugas pada Teknik Pemodelan Berbasis Objek yang baik digunakan untuk Analisis Berorientasi Objek. Kemudian Grady Booch memiliki metode yang bagus untuk Desain Berorientasi Objek (Object Oriented Design), dan pada saat itu, mereka berdua langsung dibantu oleh Ivar Jacobson, seorang pencetus metode Object Oriented Software Engineering.
+ </p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Definisi UML
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Di dalam buku yang ditulis oleh mereka bertiga (James Raumbaugh, Grady Booch dan Ivar Jacobson) yang berjudul The Unified Modeling Language Reference Manual sebagai buku pendoman untuk membuat UML (Raumbaugh, et. al: 1)
+ <sup id="cite_ref-ketujubelas" class="reference">
+     [[#cite_note-ketujubelas|[17]]]
+ </sup>
+ , mereka mengatakan, “UML adalah sebuah bahasa pemodelan visual bertujuan umum yang digunakan untuk mengkhususkan, memvisualisasikan, membangun dan mendokumentasikan apa yang dibuat dari sistem perangkat lunak. Ia menangkap keputusan-keputusan dan pengertian tentang sistem-sistem yang harus dibangun. Ia digunakan untuk memahami, mendesain, mencari, mengkonfigurasi, memelihara dan mengendalikan informasi tentang sistem-sistem tersebut.”
+ </p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Jenis UML yang Digunakan
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Use Case
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Menurut Bruegge dan Dutoit (2010:31)
+ <sup id="cite_ref-kedelapanbelas_1" class="reference">
+     [[#cite_note-kedelapanbelas|[18]]]
+ </sup>
+ , “Use case adalah tool yang digunakan selama elisitasi permintaan dan analisis untuk merepresentasikan fungsi dari sistem. Use case menjelaskan fungsi yang disediakan oleh sistem yang menghasilkan hasil yang tampak untuk actor. Actor menjelaskan tentang siapapun yang menjadi entitas yang berinteraksi dengan sistem.”
+ </p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Activity Diagram
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Menurut Bruegge dan Dutoit (2010:33)
+ <sup id="cite_ref-kedelapanbelas_2" class="reference">
+     [[#cite_note-kedelapanbelas|[18]]]
+ </sup>
+ , “Activity diagram menjelaskan tentang perilaku dari sebuah sistem yang diistilahkan sebagai activity. Activity adalah elemen-elemen pemodelan yang merepresentasikan pengeksekusian dari beberapa set operasi. Pengeksekusian dari activity tersebut bisa dipicu oleh penjalanan dari aktivitas lainnya, oleh objek yang tersedia atau oleh event eksternal”.siapapun yang menjadi entitas yang berinteraksi dengan sistem.”
+ </p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sequence Diagram
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Sequence Diagram merupakan salah satu dari Interaction Diagram, yang menjelaskan pola dari komunikasi di antara satu set dari objek-objek yang berinteraksi menurut Bruegge dan Dutoit (2010:59)
+ <sup id="cite_ref-kedelapanbelas_3" class="reference">
+     [[#cite_note-kedelapanbelas|[18]]]
+ </sup>
+ . Menurut Bruegge dan Dutoit (2010:59)
+ <sup id="cite_ref-kedelapanbelas_4" class="reference">
+     [[#cite_note-kedelapanbelas|[18]]]
+ </sup>
+ , ”Sequence diagram merepresentasikan objek-objek yang berpartisipasi dalam interaksi secara horizontal dan waktu secara vertikal.”
+ </p>
+ </div>
+ </li>
+ </ol>
+ </li>
+</ol>
+===Konsep Dasar Metode Agile===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Metode Agile merupakan salah satu metode Pengembangan Aplikasi. Metode pengembangan aplikasi ini adalah metode pengembangan aplikasi dengan cara tidak mendalami secara jauh operasional perusahaan, tetapi lebih terfokus kepada strategi bisnis yang akan dituangkan dalam aplikasi ini, sehingga siklus aplikasi ini jangkanya tidak panjang.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Scott Ambler (2002:6)
+ <sup id="cite_ref-kesembilanbelas" class="reference">
+     [[#cite_note-kesembilanbelas|[19]]]
+ </sup>
+, manifesto dari Agile (Agile Alliance 2001a) adalah 4 nilai pokok, yang terpenting adalah memahami pada saat Anda harus menilai konsep pada sisi kanan, Anda harus menilai hal-hal pada sisi kirinya. Keempat manifestonya adalah sebagai berikut.</p></div>
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Individual dan interaksi terhadap alat dan proses.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Mengerjakan perangkat lunak berdasarkan dokumentasi yang ditentukan.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Kolaborasi customer berdasarkan kontrak dan negosiasi.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Merespon untuk mengubah susunan script berdasarkan rencana yang diikuti.
+ </li>
+</ol>
+===Konsep Dasar Strength, Weakness, Opportunity And Threats (SWOT)===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Strength (Kekuatan), Weakness (Kelemahan), Opportunity (Peluang) dan Threats (Ancaman) merupakan suatu teknik dalam manajemen yang dicetuskan oleh Albert Humprey. Menurut Erhard K. Valentin di dalam Jurnal berjudul The Journal of Applied Business Research – Spring (2005:91)
+ <sup id="cite_ref-keduapuluh" class="reference">
+     [[#cite_note-keduapuluh|[20]]]
+ </sup>
+ , analisis SWOT adalah penggambaran konteks internal bisnis dalam hal kekuatan dan kelemahan dan menjelajahi konteks eksternal untuk peluang dan ancaman.
+</p></div>
+===Konsep Dasar Laravel Framework===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Framework adalah script yang merupakan ringkasan dari suatu bahasa pemrograman, sehingga dapat mengubah sebagian dari grammar yang ada pada bahasa pemrograman tersebut. Fungsi dari adanya framework adalah untuk memudahkan para pemrogram aplikasi agar para pemrogram tersebut hanya terfokus pada masalah pengambilan data.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Laravel merupakan salah satu dari Framework bahasa pemrograman PHP yang dibuat oleh Taylor Otwell di tahun 2011 yang menggunakan konsep MVC (Model, View, Controller) dalam proses pemrogramannya. Sejarahnya, framework Laravel ini dibuat oleh Taylor Otwell yaitu dengan tujuan menggantikan framework Codeigniter yang pada saat itu Codeigniter tidak bisa menunjang pembuatan autentikasi untuk customer dan otorisasi pengguna.
+</p></div>
+===Konsep Dasar Vue.js dan Websocket===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Akhir-akhir ini sangat banyak developer yang memanfaatkan sebuah script yang membuat sebuah halaman menjadi realtime, terutama untuk halaman Frontend. Script tersebut dibangun dari Javascript sehingga menjadi Node.js, yaitu script Javascript yang bentuknya adalah Server Side (karena tadinya Javascript adalah merupakan script Client Side).
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Apa yang dimaksud dengan Server Side dan Client Side? Server Side adalah sebuah script yang ditanamkan pada server dan tidak bisa dilihat di komputer client jika seorang user yang menggunakan komputer client melakukan Inspeksi pada browser saat membuka suatu halaman aplikasi tersebut.
+Client Side adalah sebaliknya dari Server Side, dia memang juga merupakan script yang ditanamkan di komputer Server, tetapi akan terlihat dan bisa dimanipulasi di komputer client jika client melakukan inspeksi pada browsernya.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Masalah yang terjadi adalah, ketika ada perubahan dari sisi server, tidak bisa dijalankan secara realtime atau halaman tersebut harus selalu dimuat ulang agar sisi server yang berubah tersebut tampil di halaman website.
+Oleh karena itu, dibuatlah sebuah websocket yang bertujuan untuk selalu melakukan listening terhadap sisi server tersebut, dan kemudian hasilnya dibaca oleh sebuah bahasa sisi client yaitu Vue js.
+</p></div>
+===Konsep Dasar Prototyping===
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Definisi Prototyping
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Ian Sommerville (Sommerville:35)
+ <sup id="cite_ref-keduasatu" class="reference">
+     [[#cite_note-keduasatu|[21]]]
+ </sup>
+ mengatakan bahwa prototype adalah sebuah versi inisial dari sebuah perangkat lunak yang digunakan untuk mendemonstrasikan konsep-konsep, mencoba mendesain opsi-opsi dan menemukan lebih banyak masalah dan solusinya.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Tujuan Prototyping
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Suatu kegiatan developing aplikasi pastinya akan memakan waktu yang lama dan pastinya akan memakan biaya jika si developer tersebut adalah freelancer. Akan sangat fatal apabila ada kesalahpahaman antara ekspektasi dari aplikasi yang diminta dengan apa yang diprogram oleh developer-developer tersebut.
+ Oleh karena itu agar tampilan interface beserta alur dari aplikasinya tidak terjadi fatal seperti itu, maka dibuatlah prototype dari sebuah aplikasi yang akan dibangun tersebut. Itulah tujuan dari dilakukannya prototyping.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Tujuan Prototyping
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Suatu kegiatan developing aplikasi pastinya akan memakan waktu yang lama dan pastinya akan memakan biaya jika si developer tersebut adalah freelancer. Akan sangat fatal apabila ada kesalahpahaman antara ekspektasi dari aplikasi yang diminta dengan apa yang diprogram oleh developer-developer tersebut.
+ Oleh karena itu agar tampilan interface beserta alur dari aplikasinya tidak terjadi fatal seperti itu, maka dibuatlah prototype dari sebuah aplikasi yang akan dibangun tersebut. Itulah tujuan dari dilakukannya prototyping.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Manfaat Prototyping
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Adapun manfaat dari prototyping adalah sebagai berikut :
+ </p></div>
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Bisa dijadikan sebagai blueprint dari sebuah aplikasi dan blueprint tersebut dapat dimusyawarahkan sebelum dilakukannya proses development.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Mengurangi terjadinya missed communication antara developer dengan project manager.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Dari sudut pandang para developer, mereka akan merasa lebih terarah bagaimana alur yang terstandar dari aplikasi tersebut.
+ </li>
+ </ol>
+ </li>
+</ol>
+===Konsep Dasar Literature Review===
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Definisi Literature Review
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Menurut Walliman (2011:52)
+ <sup id="cite_ref-keduadua" class="reference">
+     [[#cite_note-keduadua|[22]]]
+ </sup>
+ , “Literature review adalah kegiatan menyaring seluruh sumber informasi yang tersedia guna mendapatkan informasi-informasi pengetahuan terbaru, dan untuk menilai relevansi, kualitas, kontroversi dan kesenjangan.” Dari literature review, kita bisa membuktikan bahwa pengertian-pengertian dari apa yang kita tulis yang itu akan menjadi informasi, bisa dinilai valid, karena dengan literature review akan ada sumber yang valid.
+ Selain dari itu, dengan literature review, bisa juga didapatkan pengetahuan-pengetahuan yang terbaru karena penelitian akan terus berjalan.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Tujuan Literature Review
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Menurut Arshed dan Danson (2015:31)
+ <sup id="cite_ref-keduatiga" class="reference">
+     [[#cite_note-keduatiga|[23]]]
+ </sup>
+ , tinjauan pustaka tujuannya mudah saja, yaitu untuk mengedukasi itu sendiri dalam area pembahasan dan untuk memahami literatur sebelum memotong sebuah argumen atau justifikasi. Sedangkan menurut Maier (2013:4)
+ <sup id="cite_ref-keduaempat" class="reference">
+     [[#cite_note-keduaempat|[24]]]
+ </sup>
+ , tinjauan pustaka memiliki beberapa tujuan, yaitu sebagai berikut:
+ </p></div>
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Mengidentifikasi masalah yang ditujukan.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Membahas kritis tentang apa yang telah ada.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Mengidentifikasi kesenjangan pengetahuan.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Objektif
+ </li>
+ </ol>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Berikut adalah penjelasan tentang tujuan tinjauan pustaka menurut Maier :
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Mengidentifikasi masalah yang ditujukan
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ Jika kita membuat suatu penelitian, maka otomatis penelitian yang akan kita ambil tersebut harus jelas apa masalahnya. Dengan peninjauan pustaka, maka kita pastinya akan menemukan masalah apa yang ada pada penelitian tersebut, atau bisa juga meneliti hal yang baru untuk meneruskan jawaban dari penelitian tersebut.
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Membahas kritis tentang apa yang telah ada
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ Dalam peninjauan pustaka, kita juga bisa mengkritisi tulisan-tulisan atau penelitian yang dilakukan oleh si penulis tersebut, dengan menyatakan apa yang telah dia nyatakan dalam tulisannya kemudian jika cantumkan pada penulisan kita bagaimana solusi yang seharusnya.
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Mengidentifikasi kesenjangan pengetahuan
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ Dengan tinjauan pustaka, kita juga bisa mengukur seberapa pengetahuan si penulis dari hasil penelitiannya tersebut. Pastinya ada perbedaan pendapat juga antara kita dengan si penulis tersebut, tergantung dari sumber pengetahuan yang dia atau kita dapatkan.
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Objektif
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ Dengan hasil penelitian yang kita dapatkan dari seorang penulis, pastinya kita tidak akan begitu memperhatikan latar belakang siapa penulisnya, tetapi yang akan kita lihat adalah hasil dari karya penelitiannya. Jika penulis tersebut lulusan dari universitas ternama, tetapi saat penulisan penelitiannya kurang mencantumkan sumber yang jelas dengan kata lain ia mengarang bebas, maka nilainya akan lebih rendah daripada orang yang lulusannya mungkin bukan dari universitas tetapi hasil penelitiannya mencantumkan sumber yang jelas dan apa yang ia tulis juga berdasarkan dari sumber tersebut.
+ </div>
+ </li>
+ </ol>
+ </p></div>
+ </li>
+</ol>
+===Studi  Pustaka (Literature Review) Yang Digunakan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut ini adalah penelitian yang telah dilakukan dan memiliki korelasi yang searah dengan penelitian yang akan dibahas dalam Skripsi ini diantaranya yaitu:
+</p></div>
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Penelitian yang dilakukan oleh Benito Mendoza dan José M. Vidal  (2008)
+ <sup id="cite_ref-kedualima" class="reference">
+     [[#cite_note-kedualima|[25]]]
+ </sup>
+ dengan judul "Pendekatan Algoritma Bidding untuk Pelelangan Kombinatorial Terdistribusi" menjelaskan tentang rumus algoritma dalam aplikasi pelelangan. Algoritma tersebut yang di kala itu hanya berjalan pada satu garis waktu, namun di dalam jurnal ini penulisnya juga menambahkan peralatan untuk penawar harga sebagai hasil dari sedikit pengurangan di dalam hasilnya.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Penelitian yang dilakukan oleh Ye Chen dan Pavel Berkhin (2011)
+ <sup id="cite_ref-keduaenam" class="reference">
+     [[#cite_note-keduaenam|[26]]]
+ </sup>
+ dengan judul “Algoritma Realtime Bidding Untuk Alokasi Iklan Berdasarkan Performa” menjelaskan tentang implementasi algoritma realtime bidding untuk pelelangan iklan dari suatu produk.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Penelitian oleh Brendan Kitts dan Benjamin LeBlanc (2004)
+ <sup id="cite_ref-keduatuju" class="reference">
+     [[#cite_note-keduatuju|[27]]]
+ </sup>
+ dengan judul “Penawaran Optimal dan Pelelangan Kata Kunci” yang meneliti tentang pelelangan kata kunci pada iklan. Mereka melakukan pengujian terhadap sebuah agent dan agent tersebut menghasilkan empat kali jumlah kunjungan sebagai pengatur dari manusia, terlebih lagi untuk mengurangi cost dan variasi.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Penelitian oleh Hemantha Kumar P. dan Gautam Barua (2013)
+ <sup id="cite_ref-keduadelapan" class="reference">
+     [[#cite_note-keduadelapan|[28]]]
+ </sup>
+ dengan judul “Desain Sistem Pelelangan yang Realtime” yang penelitian ini penulisnya membuat studi terhadap sistem Tea Auction, yaitu sebuah software agent yang melakukan aksinya sebagai penawar harga, yang dengan arsitektur ini dapat digunakan untuk merancang sistem pelelangan untuk berbagai pasar komoditas.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Penelitian oleh Marella Saibarath, Padmavasani K, dan P. Muneeswarant (2016)
+ <sup id="cite_ref-keduasembilan" class="reference">
+     [[#cite_note-keduasembilan|[29]]]
+ </sup>
+ tentang “Sistem Lelang Online yang Efektif” yang konsepnya menggunakan konsep marketplace dihantarkan dari pelelangan online. Kesimpulan dalam penulisan ini adalah pengguna yang sudah terdaftar dapat mengajukan lelang yang baru di dalam web-portal, serta dapat membeli dan menawarkan sebuah barang lain di dalam pelelangan tersebut.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Yanlin Peng, Lingfeng Zhang dan Yong Guan (2009)
+ <sup id="cite_ref-ketigapuluh" class="reference">
+     [[#cite_note-ketigapuluh|[30]]]
+ </sup>
+ tentang “Mendeteksi Fraud pada Sistem Lelang Internet”, yang menuliskan tentang sebuah algoritma yang dapat mengidentifikasi pembuat fraud yang berkolusi secara realtime.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Amin Sayedi (2017)
+ <sup id="cite_ref-ketigasatu" class="reference">
+     [[#cite_note-ketigasatu|[31]]]
+ </sup>
+ dengan judul “Realtime Bidding Dalam Display Periklanan Secara Online”, yang di dalam tulisannya tersebut mereka menggunakan teori game dengan dua pengiklan dan seorang penerbit untuk mempelajari efek-efek dari Realtime Bidding pada strategi-strategi pengiklan dan penerbit tersebut.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Rajib Abi Bakri, Helmy Fitriawan, Gigih Fordha Nama (2013)
+ <sup id="cite_ref-ketigadua" class="reference">
+     [[#cite_note-ketigadua|[32]]]
+ </sup>
+ dengan judul “Sistem Lelang Online Berbasis Web”, yang membangun aplikasinya dengan pemrograman PHP dengan metode Waterfall.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Diky Arga Anggara (2017)
+ <sup id="cite_ref-ketigatiga" class="reference">
+     [[#cite_note-ketigatiga|[33]]]
+ </sup>
+ dengan judul “Lelang Online Secara Real Time Dengan Protokol Websocket Menggunakan Socket.io”, yang aplikasi lelang online-nya agar menjadi realtime menggunakan protokol websocket sehingga bersifat client-server-realtime.
+ </p></div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Penelitian yang dilakukan oleh Shalinda Adikari dan Kaushik Dutta (2015)
+ <sup id="cite_ref-ketigaempat" class="reference">
+     [[#cite_note-ketigaempat|[34]]]
+ </sup>
+ dengan judul “Strategi Penilaian Harga Otomatis Realtime Bidding Dalam Periklanan: Sebuah Pendekatan Pemrograman yang Dinamis” yang meneliti tentang perubahan otomatis dari sebuah harga dari pelelangan. Hasilnya adalah berupa pengaplikasian Strategi Penilaian Harga Otomatis ke Realtime Bidding dan mendemonstrasikan bagaimana Realtime Bidding yang ada mendekat dengan sebuah konversi harga tertinggi untuk target besarnya harga yang sama.
+ </p></div>
+ </li>
+</ol>
+{{ pagebreak }}
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISIS SISTEM YANG BERJALAN'''</div>
+===Gambaran Umum Perusahaan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Curalib Tech adalah sebuah software house yang beralamat di Centennial Tower, Gatot Subroto, DKI Jakarta. Software house ini dibangun pertama kali oleh seseorang yang bernama Ahmad Padli. Berawal dari karirnya sebagai seorang programmer di Paramount Serpong, karena bosan di tempat kerjanya yang lama, ia mulai mencoba untuk freelance sendiri, dan hingga akhirnya dengan banyaknya orderan untuk membuat aplikasi, mendirikan Curalib Tech.
+</p></div>
+===Sejarah Singkat Perusahaan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berawal dari Ahmad Padli sebagai seorang programmer yang memiliki kemauan untuk mengubah nasibnya, ia melihat banyak sekali di akhir-akhir ini startup yang berdiri.  Pemikiran dan tekadnya yang membuat Ahmad Padli ini untuk ikutan bersaing membuka usaha mendirikan startup, akhirnya seorang programmer yang telah bekerja di sebuah perusahaan ternama PT Paramount Serpong tersebut memutuskan untuk resign dan membangun startup di tahun 2015. Startup yang dibangun tersebutlah yang dinamakan sebagai Curalib Tech.
+</p></div>
+===Visi dan Misi Curalib Tech===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Adapun penjabaran dari visi dan misi dari perusahaan Curalib Tech adalah sebagai berikut.
+</p></div>
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Visi :
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Menjadi bagian dari pilihan yang kami (Curalib) fokuskan dari pendalaman pada tahapan global dengan menyediakan solusi-solusi yang inovatif, lebih cepat, reliabel dan terprofit pada client kami (Curalib).
+ </p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Misi :
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Misi kami (Curalib) adalah untuk menyediakan solusi yang optimal dengan kualitas dan layanan terbaik pada harga yang terjangkau. Dalam Ketentuan Bisnis kami (Curalib), kepuasan adalah hal utama kami (Curalib).
+ </p>
+ </div>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Team kami (Curalib) sangat ramah dalam menghadapi pelanggan dan hal itu menolong kami (Curalib) untuk menjaga relastionship kami tetap langgeng dengan klien-klien kami yang ada dan mengekspansi kustomer kami seluas lingkaran dunia. Kami selalu mencoba untuk improvisasi kualitas kami (Curalib) pada produk-produk kami dengan mengeksplorasi ide-ide yang inovatif dan juga mengeksplorasi teknik-teknik baru.
+ </p>
+ </div>
+ </li>
+</ol>
+===Struktur Organisasi Curalib Tech===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut ini adalah bagan dari Struktur Organisasi dari perusahaan Curalib Tech beserta penjelasannya.
+</p></div>
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Gambar 3.1 Bagan Struktur Curalib Tech</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut adalah penjelasan dari bagan struktur gambar 3.1 adalah sebagai berikut.
+</p></div>
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ CEO/ Direktur Utama merupakan atasan utama pada Curalib Tech.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Direktur merupakan wakil atasan dari direktur utama. Apabila ada client yang ingin rapat dengan Curalib Tech, kemudian Direktur Utama sedang tidak bisa menghadapi client tersebut, maka Direktur Utama akan mengutus Direktur untuk menghadapi client tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Komisaris. Di Curalib Tech, untuk Komisaris bertugas untuk membantu Direktur mengawasi pekerjaan para karyawannya agar benar-benar bekerja dengan baik, atau menangani apabila ada hal yang mengganggu pekerjaan tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Quality Assurance. Dalam sebuah pengembangan software, pasti ada beberapa error yang terdapat pada hasil dari pengkodean aplikasi tersebut, tanpa disadari oleh para programmer-nya (dalam istilah dunia programming, hal ini disebut sebagai bug). Quality Assurance inilah yang bertugas untuk memastikan aplikasi berjalan dengan error yang sangat minim, serta memberikan masukan kepada programmer jika ada kesalahan yang itu bukan error, tetapi berupa modul yang tidak baik untuk user (misalkan jika register harus ada konfirmasi email terlebih dahulu, namun programmer tidak membuatkan konfirmasi tersebut), maka Quality Assurance inilah yang harus melapor ke programmer.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ VP of Engineering, yaitu bagian yang bertugas untuk membantu tim developer untuk mengatur bagaimana aplikasi tersebut akan diprogram, mengatur fitur-fitur dalam aplikasi yang dibuat, kapan sebuah aplikasi akan rilis.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Web Developer, yaitu bertugas untuk memprogram aplikasi berbasis website.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Android Developer, bertugas untuk memprogram aplikasi berbasis android.
+ </li>
+</ol>
+===Prosedur Sistem yang Berjalan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Prosedur sistem yang berjalan pada perusahaan lelang yang ditangani Curalib Tech adalah :
+</p></div>
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Prosedur Open House
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Prosedur Pendaftaran Calon Peserta Lelang
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan
+ </li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Namun prosedur yang akan dibahas dalam lingkup sistem yang berjalan ini hanya 2 prosedur, yaitu Prosedur Pendaftaran Calon Peserta Lelang hingga menjadi peserta lelang, dan Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan hingga pembayaran administrasi pelelangan apabila peserta lelang tersebut menang.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut ini adalah penjelasan rinci dari kedua prosedurnya.
+</p></div>
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Prosedur Pendaftaran Calon Peserta Lelang
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Calon Peserta Lelang datang ke tempat pelelangan PT Altolelang pada saat Open House untuk melakukan survey barang lelangan yang akan dipilih.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Setelah memilih barang lelangan, Calon Peserta Lelang melakukan pendaftaran ke Administrasi PT Altolelang dengan menunjukkan KTP Calon Peserta Lelang tersebut ke Administrasi.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Calon Peserta Lelang mendaftarkan diri ke Administrasi dengan syarat membayar jaminan ke Administrasi lelang tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Administrasi akan memberikan jadwal dan tempat pelelangannya beserta NIPL (Nomor Induk Peserta Lelang) ke Calon Peserta Lelang sehingga Calon Peserta Lelang menjadi Peserta Lelang.
+ </li>
+ </ol>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Peserta Lelang datang ke Pelelangan dengan menunjukkan NIPL sebelum masuk ke tempat pelelangan.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Pelelang mulai membuka kegiatan pelelangannya.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Peserta Lelang I mulai menawarkan harga untuk barang lelangan tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Pelelang menerima tawaran harga tersebut kemudian menanyakan kembali ke peserta lelang yang lain apakah ada yang akan menawarkan lebih tinggi dari Peserta Lelang I.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Peserta Lelang II menawarkan harga yang lebih tinggi untuk barang lelangan tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Pelelang kembali menerima tawaran harga tersebut kemudian menanyakan kembali ke peserta lelang yang lain apakah ada yang akan menawarkan lebih tinggi dari Peserta Lelang II.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Jika tidak ada lagi yang menawar lebih tinggi dan waktu lelang habis, maka Pelelangan ditutup oleh Pelelang tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Pelelang menetapkan pemenang pelelangan tersebut (misalkan yang ditetapkan adalah Peserta Lelang II).
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Pelelang meminta Administrasi untuk mencatatkan Peserta Lelang II sebagai pemenang pelelangan ke lembar Kwitansi Pelunasan, namun kwitansi tersebut masih harus dipegang oleh Administrasi.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Administrasi mencatat Pemenang Pelelangan di Kwitansi Pelunasan.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Untuk mengambil barang lelangannya, Peserta Lelang II datang ke Administrasi untuk menyerahkan NIPL-nya ke Administrasi kemudian membayar lunas barang lelangannya (maksimal 5 hari) dan juga membayar biaya administrasi.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Administrasi akan menyerahkan Kwitansi Pelunasan ke Peserta Lelang II tersebut.
+ </li>
+ </ol>
+ </li>
+</ol>
+===Prosedur Sistem Yang Berjalan Dengan Use Case===
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Gambar 3.2 Use Case Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan pada gambar diagram 3.2 di atas, ada 2 actor, 6 use case dan 1 system. Berikut adalah tabel penjelasan Actor dan Use Case-nya.
+</p></div>
+<table width="501" cellpadding="7" cellspacing="0" align="CENTER">
+ <thead>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">No.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Actor</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Keterangan</font></font></p>
+ </td>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">1.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Calon Peserta Lelang</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Merepresentasikan orang-orang yang nantinya akan mendaftarkan diri sebagai peserta pelelangan.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Administrasi</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Merepresentasikan orang-orang yang bertugas di bagian administratif pelelangan, pada kasus ini adalah petugas di bagian pendaftaran.</font></font></p>
+ </td>
+ </tr>
+</tbody></table>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Tabel 3.1 Penjelasan Actor Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan</P></div>
+<table width="501" cellpadding="7" cellspacing="0" align="CENTER">
+ <thead>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">No.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Use Case</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Keterangan</font></font></p>
+ </td>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">1.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Survey ke Tempat Barang Lelang</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Kegiatan survey ke tempat barang lelangan pada saat Altolelang mengadakan Open House.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Mendaftarkan Diri</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Kegiatan para calon peserta lelang untuk mendaftarkan diri ke bagian Administrasi.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Menunjukkan KTP</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Para calon peserta lelang diminta untuk menunjukkan KTP ke Administrasi untuk didaftarkan ke pelelangan.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Membayar Uang Jaminan</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Para calon peserta lelang diminta untuk membayar uang jaminan sebagai syarat pendaftaran pelelangan tesebut.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Memberikan NIPL</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Administrasi memberikan NIPL (Nomor Induk Peserta Lelang) ke calon peserta lelang setalah melakukan kegiatan registrasi.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Memberikan Jadwal dan Tempat Pelelangan</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Sebelum memberikan NIPL, Administrasi juga perlu memberitahu kepada calon peserta lelang tempat dan jadwal dimana pelelangan akan dilaksanakan.</font></font></p>
+ </td>
+ </tr>
+</tbody></table>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Tabel 3.2 Penjelasan Use Case Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan</P></div>
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Use Case Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan pada gambar diagram 3.3 di atas, ada 4 actor, 14 use case dan 1 system. Berikut adalah tabel penjelasan Actor dan Use Case-nya.
+</p></div>
+<table width="501" cellpadding="7" cellspacing="0" align="CENTER">
+ <thead>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">No.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Actor</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Keterangan</font></font></p>
+ </td>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">1.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Peserta Lelang I</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Merepresentasikan seorang peserta lelang.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Peserta Lelang II</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Merepresentasikan satu atau lebih orang lain yang juga menjadi peserta lelang.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">3.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Pelelang</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Mempresentasikan seorang yang bertindak sebagai pelelang.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Administrasi</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Merepresentasikan orang-orang yang bertugas di bagian administratif pelelangan, pada kasus ini adalah petugas di bagian kasir.</font></font></p>
+ </td>
+ </tr>
+</tbody></table>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Tabel 3.3 Penjelasan Actor Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan</P></div>
+<table width="501" cellpadding="7" cellspacing="0" align="CENTER">
+ <thead>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">No.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Use Case</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Keterangan</font></font></p>
+ </td>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">1.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Datang ke Tempat Pelelangan</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Hadir ke acara proses pelelangan.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Menunjukkan NIPL</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Peserta Lelang diharuskan menunjukkan NIPL ke security sebelum masuk dan duduk di acara pelelangan tersebut.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Membuka Kegiatan Pelelangan</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Pelelang mulai membuka kegiatan pelelangan.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Menawarkan Harga Barang Lelangan</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Peserta Lelang I mulai menawarkan harga barangnya ke Pelelang dengan tawaran yang lebih tinggi dari harga minimum.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Menerima Tawaran Harga</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Pelelang menerima tawaran Peserta Lelang I, kemudian menanyakan kembali ke peserta lelang lainnya apakah akan ada yang menawar dengan harga yang lebih tinggi lagi.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Menawarkan Harga yang Lebih Tinggi</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Peserta Lelang II (yaitu Peserta Lelang yang lain) menawarkan harga yang lebih tinggi dari tawaran Peserta Lelang I.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Menanyakan Kembali Tawaran Lebih Tinggi</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Pelelang Menerima tawaran dari Peserta Lelang II, kemudian menanyakan kembali ke peserta lelang lain apakah akan ada yang menawar dengan harga yang lebih tinggi lagi.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Menetapkan Pemenang Pelelangan</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Setelah menanyakan harga yang lebih tinggi ke para peserta lelang, kemudian waktu habis, maka didapatlah siapa peserta lelang yang harga tawarannya paling tinggi, maka Pelelang menetapkan peserta tersebut sebagai pemenang (ketok palu).</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Meminta Administrasi Mencatat Pemenang</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Pelelang tersebut meminta ke bagian Administrasi untuk mencatat peserta lelang yang menang.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Mencatat Pemenang Pelelangan di Kwitansi Pelunasan</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Bagian Administrasi mencatat peserta lelang yang menang tersebut ke Kwitansi Pelunasan, namun kwitansi tersebut masih ada di tangan Administrasi.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Mengambil Barang Lelangan</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Peserta lelang yang menang datang ke Administrasi untuk mengambil barang lelangannya.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Membayar Lunas Pelelangannya</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Syarat untuk mengambil barang lelangan tersebut, peserta lelang yang menang harus membayar lunas barang lelangan tersebut.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Menunjukkan NIPL ke Administrasi</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Syarat untuk mengambil barang lelangan tersebut juga adalah peserta lelang yang menang harus menunjukkan NIPL ke Administrasi untuk dicocokkan dengan NIPL yang tadi dicatat sebagai pemenang.</font></font></p>
+ </td>
+ </tr>
+ <tr>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2.</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Menyerahkan Kwitansi Pelunasan</font></font></p>
+ </td>
+ <td width="17" height="3" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+ <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Setelah peserta lelang membayar lunas dan menunjukkan NIPL, bagian Administrasi menyerahkan Kwitansi Pelunasan ke peserta lelang tersebut dan peserta lelang tersebut bisa mengambil barang lelangannya.</font></font></p>
+ </td>
+ </tr>
+</tbody></table>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Tabel 3.4 Penjelasan Use Case Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan</P></div>
+===Prosedur Sistem Yang Berjalan Dengan Activity Diagram===
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Gambar 3.4 Activity Diagram Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Pada Activity Diagram di atas, terdapat tambahan kondisi, yaitu jika Calon Peserta Lelang tidak menunjkkan KTP atau Membayar Jaminan, maka pendaftaran calon peserta lelang tersebut ditolak.
+Kemudian berikut ini adalah Activity Diagram untuk proses pelelangan yang berjalan.
+</p></div>
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Gambar 3.5 Activity Diagram Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Pada Activity Diagram di atas, terdapat tambahan kondisi, yaitu jika Peserta Lelang tidak menunjukkan NIPL-nya, maka Peserta Lelang tersebut Tidak Diperbolehkan Masuk. Kemudian berikutnya adalah, apabila Peserta Lelang yang menang tidak dapat menunjukkan NIPL ke Administrasi dan tidak melunasi barang yang berhasil dimenangkannya, maka permintaan Peserta Lelang tersebut untuk mengambil barang lelangan tersebut ditolak.
+</p></div>
+===Prosedur Sistem Yang Berjalan Dengan Sequence Diagram===
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Gambar 3.6 Sequence Diagram Pendaftaran Calon Peserta Lelang Sistem Pelelangan Yang Berjalan</P></div>
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1">Gambar 3.7 Sequence Diagram Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan</P></div>
+===Analisis Sistem yang Berjalan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut ini adalah analisis pada sistem yang berjalan menggunakan dengan menggunakan Metode Analisis SWOT.
+</p></div>
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Kemudian untuk strategi yang akan dimplementasikan ke dalam project dijabarkan dalam bentuk SWOT Matriks sebagai pencocokan terhadap identifikasi SWOT tersebut. SWOT Matriks akan dijabarkan sebagai berikut :
+</p></div>
+<div align="center"><img width="400" height="400" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut ini adalah Analisis Masukan, Analisis Proses dan Analisis Pengeluaran dari sistem yang berjalan.
+</p></div>
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Analisis Masukan
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Nama masukan : Pendaftaran Peserta Pelelangan
+ </p>
+ <p style="line-height: 2">
+ Fungsi : Untuk menyaring peserta yang nantinya datang ke gedung pelelangan hanya orang-orang yang terdaftar
+ </p>
+ <p style="line-height: 2">
+ Sumber : NIPL (Nomor Induk Peserta Lelang)
+ </p>
+ <p style="line-height: 2">
+ Media : Kertas Pendaftaran
+ </p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Analisis Proses
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Nama proses : Proses Jalannya Pelelangan
+ </p>
+ <p style="line-height: 2">
+ Masukan : NIPL
+ </p>
+ <p style="line-height: 2">
+ Keluaran : Hasil Pemenang Pelelangan
+ </p>
+ <p style="line-height: 2">
+ Ringkasan Proses : Saat peserta pelelangan masuk, peserta pelelangan melakukan aktivitas penawaran terhadap barang yang akan dilelangnya, mereka saling berlomba menawarkan harga tertinggi untuk mendapatkan barang lelangan tersebut.
+ </p>
+ </div>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Analisis Keluaran
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">
+ Nama keluaran : Pemenang Pelelangan
+ </p>
+ <p style="line-height: 2">
+ Fungsi : Untuk mengetahui siapa pemenang dari pelelangan tersebut, kemudian pemenang tersebut diberi waktu maksimal 5 hari kerja dalam melunasi barang yang dimenangkan dalam pelelangan tersebut.
+ </p>
+ <p style="line-height: 2">
+ Media : Kertas Kwitansi Pelunasan
+ </p>
+ </div>
+ </li>
+</ol>
+===Konfigurasi Sistem===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Dalam melakukan observasi, kami mendapatkan informasi bahwa rata-rata spesifikasi komputer yang saat ini digunakan untuk proses administrasi sistem pelelangan adalah sebagai berikut:
+</p></div>
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Perangkat Keras (Hardware)
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Processor : Intel Core i3
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ RAM : 16 GB
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ HDD        : 1 TB
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Keyboard : Logitech
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Mouse : Logitech
+ </li>
+ </ol>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Perangkat Lunak (Software)
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Windows 10
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Ms. Excel 2013
+ </li>
+ </ol>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Hak Akses (Brainware)
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Untuk mengoperasikan komputer dalam mendaftarkan calon peserta lelang, mendata barang-barang lelangan, mendata jadwal lelang dan mendata administrasi pembayaran barang lelangan.
+ </p></div>
+ </li>
+</ol>
+===Permasalahan yang Dihadapi dan Alternatif Pemecahan Masalah===
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Permasalahan yang Dihadapi
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Untuk mengoperasikan komputer dalam mendaftarkan calon peserta lelang, mendata barang-barang lelangan, mendata jadwal l
+ </p></div>
+ <ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem pelelangan yang dilakukan secara online di rumah belum ada
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Sistem pelelangan secara online jika hanya menggunakan pemrograman  server side tidak memenuhi kriteria user friendly karena setiap saat harus melakukan muat ulang halaman sedangkan sistem tersebut harus bersifat realtime.
+ </li>
+ </ol>
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Alternatif Pemecahan Masalah
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Pemecahan masalahnya adalah agar sistem pelelangan secara online tersebut bisa menjadi realtime, maka sistem pelelangan tersebut akan memanfaatkan Vue.js agar menjadi realtime. Sistem harus dapat menangani bid para peserta lelang jika mereka berlomba-lomba melakukan bid terlebih dahulu.
+ </p></div>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Sistem juga harus bisa melakukan penutupan secara realtime agar di saat peserta lelang melakukan bid bersamaan dengan detik lelang tersebut harus tertutup, maka lelang tersebut akan tertutup.
+ </p></div>
+ <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+ <p style="line-height: 2">Namun apabila Vue.js tidak bisa memecahkan masalah tersebut, maka alternatif yang diambil adalah Jquery Long Polling, yaitu sebuah kode berbasis Jquery yang melakukan request ke server secara terus menerus berdasarkan interval waktu tertentu.
+ </p></div>
+ </li>
+</ol>
+==User Requirement==
+===Elisitasi Tahap I===
+<table width="501" cellpadding="7" cellspacing="0" align="CENTER">
+        <tr>
+            <td  colspan="3" width="485" height="11" bgcolor="#d9d9d9" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>
+                        Functional
+                </b>
+            </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td  colspan="3" width="485" height="11" bgcolor="#d9d9d9" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>
+                        Analisis Kebutuhan
+                    </b>
+                </font>
+                </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td  colspan="3" width="485" height="11" bgcolor="#d9d9d9" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>
+                    Saya Ingin Sistem Dapat
+                </b>
+            </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa tampil list barang lelangnya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Dibedakan halamannya antara lelang otomotif dan lelang properti
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa upload foto produk
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa tampil harganya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa realtime saat klik tawarkan
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa pilih jenis, subjenis dan bahan bakar mobilnya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Ada icon dan logo perusahaannya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        <span class="c31">Sistem bisa menangani jika ada
+                        </span>
+                    </span>
+                </font>
+                    <span class="c9">bid
+                    </span>
+                    &nbsp;yang dilakukan saling bersamaan antar peserta pelelangan
+                </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        <span class="c31">Sistem bisa menangani jika ada
+                        </span>
+                    </span>
+                </font>
+                    <span class="c9">bid
+                    </span>
+                    <span class="c2 c38">&nbsp;
+                    </span>
+                    yang dilakukan bersamaan dengan waktu ditutupnya pelelangan
+                </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Pengguna tidak bisa mengakses halaman lain jika dia sudah masuk dan sedang berada dalam sistem pelelangan online tersebut
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Jumlah bid terakhir dengan harga tertinggi harus ditampilkan
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Sistem pelelangan harus dilakukan secara deposit
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Peserta pelelangan hanya bisa melelang tidak lebih dari jumlah saldo pada depositnya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Jumlah deposit peserta pelelangan bisa melihat saldo depositnya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Jumlah deposit bisa ditambahkan dan kemudian jumlahnya bertambah di saat pelelangan berlangsung tanpa memuat ulang halaman
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Ditampilkan nomor rekening yang bisa dilihat peserta pelelangan untuk menambah saldo depositnya.
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Ditampilkan nama pemenang kompetisi di saat itu juga (meski belum final ketok palu) beserta alamat emailnya.
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Ditampilkan nama pemenang final (setelah ketok palu) beserta alamat emailnya. dan keterangan pada masing-masing user apakah dia menang atau kalah.
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+</table>
+{{ pagebreak }}
+<table width="501" cellpadding="7" cellspacing="0" align="CENTER">
+    <tr>
+        <td colspan="3" width="485" height="23" bgcolor="#d9d9d9" style="border-top: 1px solid #000001; border-bottom: 1px solid #00000a; border-left: 1px solid #000001; border-right: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>Non
+            Functional</b></font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="3" width="485" height="25" bgcolor="#d9d9d9" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>Saya
+            Ingin Sistem Dapat&nbsp;:</b></font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">1</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Bentuknya Single Page
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Ada chatnya
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">3</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">
+Di detail bisa tampil slidernya
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">4</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Bisa pilih jangkauan harganya
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">5</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Bisa geser slidernya
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">6</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">BTambahkan konten (konten didapat dari stackholder-nya)
+            </font></font></p>
+        </td>
+    </tr>
+</table>
+{{ pagebreak }}
+===Elisitasi Tahap II===
+<table width="501" cellpadding="7" cellspacing="0" align="CENTER">
+        <tr>
+            <td  colspan="3" width="485" height="11" bgcolor="#d9d9d9" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>
+                        Functional
+                </b>
+            </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td  colspan="3" width="485" height="11" bgcolor="#d9d9d9" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>
+                        Analisis Kebutuhan
+                    </b>
+                </font>
+                </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td  colspan="3" width="485" height="11" bgcolor="#d9d9d9" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>
+                    Saya Ingin Sistem Dapat
+                </b>
+            </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa tampil list barang lelangnya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Dibedakan halamannya antara lelang otomotif dan lelang properti
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa upload foto produk
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa tampil harganya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa realtime saat klik tawarkan
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Bisa pilih jenis, subjenis dan bahan bakar mobilnya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Ada icon dan logo perusahaannya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        <span class="c31">Sistem bisa menangani jika ada
+                        </span>
+                    </span>
+                </font>
+                    <span class="c9">bid
+                    </span>
+                    &nbsp;yang dilakukan saling bersamaan antar peserta pelelangan
+                </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        <span class="c31">Sistem bisa menangani jika ada
+                        </span>
+                    </span>
+                </font>
+                    <span class="c9">bid
+                    </span>
+                    <span class="c2 c38">&nbsp;
+                    </span>
+                    yang dilakukan bersamaan dengan waktu ditutupnya pelelangan
+                </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Pengguna tidak bisa mengakses halaman lain jika dia sudah masuk dan sedang berada dalam sistem pelelangan online tersebut
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Jumlah bid terakhir dengan harga tertinggi harus ditampilkan
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Sistem pelelangan harus dilakukan secara deposit
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Peserta pelelangan hanya bisa melelang tidak lebih dari jumlah saldo pada depositnya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Jumlah deposit peserta pelelangan bisa melihat saldo depositnya
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Jumlah deposit bisa ditambahkan dan kemudian jumlahnya bertambah di saat pelelangan berlangsung tanpa memuat ulang halaman
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Ditampilkan nomor rekening yang bisa dilihat peserta pelelangan untuk menambah saldo depositnya.
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Ditampilkan nama pemenang kompetisi di saat itu juga (meski belum final ketok palu) beserta alamat emailnya.
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+        <tr>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+            <td width="17" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+                <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><span lang="en-ID">
+                        Ditampilkan nama pemenang final (setelah ketok palu) beserta alamat emailnya. dan keterangan pada masing-masing user apakah dia menang atau kalah.
+                    </span>
+                </font>
+            </font>
+                </p>
+            </td>
+        </tr>
+</table>
+{{ pagebreak }}
+<table width="501" cellpadding="7" cellspacing="0" align="CENTER">
+    <tr>
+        <td colspan="3" width="485" height="23" bgcolor="#d9d9d9" style="border-top: 1px solid #000001; border-bottom: 1px solid #00000a; border-left: 1px solid #000001; border-right: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>Non
+            Functional</b></font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="3" width="485" height="25" bgcolor="#d9d9d9" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3"><b>Saya
+            Ingin Sistem Dapat&nbsp;:</b></font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">1</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Bentuknya Single Page
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">2</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Ada chatnya
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">3</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">
+Di detail bisa tampil slidernya
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">4</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Bisa pilih jangkauan harganya
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">5</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">Bisa geser slidernya
+            </font></font></p>
+        </td>
+    </tr>
+    <tr>
+        <td width="17" height="4" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">6</font></font></p>
+        </td>
+        <td colspan="2" width="454" bgcolor="#ffffff" style="border: 1px solid #000001; padding-top: 0in; padding-bottom: 0in; padding-left: 0.08in; padding-right: 0.08in">
+            <p lang="id-ID" class="western"><font face="Times New Roman, serif"><font size="3">BTambahkan konten (konten didapat dari stackholder-nya)
+            </font></font></p>
+        </td>
+    </tr>
+</table>
+{{ pagebreak }}
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
+==Rancangan Sistem Usulan==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Dari beberapa masalah yang telah ditemukan dari bab sebelumnya yang membahas sistem yang saat ini sedang berjalan, maka pada bab ini akan dibahas tentang sistem yang diusulkan untuk meminimalisasi masalah yang ada pada sistem yang berjalan.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut ini merupakan penjabaran dari sistem yang diusulkan, diantaranya akan dijelaskan tentang prosedurnya, diagramnya, susunan basis datanya, proposal dan beberapa hasil testing.
+</p></div>
+==Prosedur Sistem Usulan==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Ada 2 prosedur dalam sistem yang diusulkan yang akan dibahas, yaitu prosedur pendaftaran calon peserta lelang hingga menjadi peserta lelang, dan prosedur peserta lelang dalam mengikuti kegiatan pelelangan hingga pembayaran administrasi pelelangan apabila peserta lelang tersebut menang.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut ini adalah penjelasan prosedurnya yang merupakan prosedur sistem yang diusulkan berdasarkan kebutuhan yang telah dianalisis pada sistem yang berjalan.
+</p></div>
+===Prosedur Pendaftaran Calon Peserta Lelang===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Keterangan :
+Untuk prosedur Pendaftaran Calon Peserta Lelang, Calon Peserta Lelang memiliki 2 pilihan dalam pendaftarannya, apakah ingin melakukan pendaftaran secara tertulis di Administrasi, atau ingin melakukan pendaftaran secara online.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Jika Calon Peserta Lelang mendaftarkan diri secara tertulis di Administrasi, maka prosedur pendaftarannya sama seperti Prosedur Pendaftaran Calon Peserta Lelang pada Sistem yang Berjalan.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Adapun jika Calon Peserta Lelang mendaftarkan diri secara online, maka berikut ini adalah prosedurnya.
+</p></div>
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Calon Peserta Lelang membuka website https://altolelang.co.id, kemudian klik Login/Registrasi di Navigasi sebelah kanan.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Calon Peserta Lelang nantinya akan melakukan Login tersebut, namun saat ini klik tab Register untuk melakukan registrasi.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Setelah melakukan registrasi, Calon Peserta Lelang kemudian diminta untuk memverifikasi Email.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Setelah Verifikasi email, Calon Peserta Lelang mengakses kembali website Altolelang tersebut, kemudian bisa langsung melakukan Login.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Setelah melakukan Login, Calon Peserta Lelang melengkapi data diri serta yang paling penting adalah melampirkan Foto KTP.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Calon Peserta Lelang diharuskan untuk memilih barang yang akan dilelangnya. Survey bisa dilakukan dengan mendatangi langsung Altolelangnya apabila Altolelang mengadakan Open House.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Setelah Verifikasi email, Calon Peserta Lelang mengakses kembali website Altolelang tersebut, kemudian bisa langsung melakukan Login.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Administrasi Altolelang akan membuka halaman Admin Altolelang, kemudian melakukan konfirmasi terhadap Calon Peserta Lelang tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Setelah melakukan konfirmasi, Administrasi Altolelang mengirimkan NIPL-O (Nomor Induk Peserta Lelang Online) ke email terdaftar Calon Peserta Lelang tersebut sehingga Calon Peserta Lelang tersebut sudah menjadi Peserta Lelang secara Online.
+ </li>
+</ol>
+===Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan===
+<ol>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Aplikasi Lelang Memulai Pelelangan apabila waktu lelang sudah tiba.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Para Peserta Lelang melakukan login ke website Altolelang, kemudian website Altolelang.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Para Peserta Lelang mengakses halaman Ruang Lelang dengan syarat menginput NIPL-O (Nomor Induk Peserta Lelang Online).
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Aplikasi Lelang akan menampilkan Saldo Altolelang ke masing-masing peserta lelang, hitung mundur waktu durasi lelang, barang yang dilelang beserta fotonya, tawaran masing-masing peserta lelang dan tawaran peserta lelang dengan nilai nol (karena belum ada yang melakukan penawaran).
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Para Peserta Lelang mulai melakukan penawaran harga untuk barang lelangan tersebut dengan cara mengklik Tawarkan pada aplikasi tersebut, tawaran tidak boleh lebih dari Saldo Altolelang yang dimilikinya dan tidak boleh kurang dari Harga Minimal barang lelangan tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Para Peserta Lelang bisa menambahkan harga yang ditawarkannya, tidak boleh lebih dari Saldo Altolelang yang dimilikinya dan tidak boleh kurang dari Harga Minimal barang lelangan tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Aplikasi Lelang mencantumkan Penawar Tertinggi (yaitu Peserta Lelang I) ke semua peserta lelang beserta selisih harga tawaran antara Penawar Tertinggi dengan masing-masing peserta lelang.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Para Peserta Lelang bisa menambahkan deposit saldo Altolelang.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Jika tidak ada lagi yang menawar lebih tinggi dan Hitung Mundur Waktu Lelang tersebut mencapai 00:00:00, maka Pelelangan ditutup oleh Aplikasi Lelang tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Aplikasi Lelang menetapkan pemenang pelelangan tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Aplikasi Lelang akan memotong saldo real-nya Peserta Lelang yang menang sesuai dengan jumlah yang sudah diinput oleh Peserta Lelang tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Aplikasi Altolelang akan mengirimkan Kwitansi Pelunasan ke Peserta Lelang yang menang tersebut via Email beserta kode unik pada kwitansi tersebut.
+ </li>
+ <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">
+ Untuk mengambil barang lelangannya, Peserta Lelang yang menang datang ke Administrasi untuk menyerahkan Kwitansi Pelunasan tersebut.
+ </li>
+</ol>
+=<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<p style="line-height: 2">
+</p><ol class="references">
+<li id="cite_note-pertama">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-pertama|[1]]]</sup>
+ </span>
+ <span class="reference-text">
+ Hidayat, Wahyu. dkk. 2016. “Perancangan Media Video Desain Interior Sebagai Salah Satu Penunjang Promosi Dan Informasi
+ </span>
+</li>
+<li id="cite_note-kedua">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kedua|[2]]]</sup>
+ </span>
+ <span class="reference-text">
+ Jogiyanto, HM. 2005. “Sistem Teknologi Informasi: Pendekatan Terintegrasi: Konsep Dasar, Teknologi, Aplikasi, Pengembangan dan Pengelolaan. Edisi 2”. Yogyakarta: Andi Offset
+ </span>
+</li>
+<li id="cite_note-ketiga">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-ketiga|[3]]]</sup>
+ </span>
+ <span class="reference-text">
+ McKay, Alison. et al. 2016. “Principles For The Definition of Design Structures. International Journal of Computer Integrated Manufacturing”. Volume 29, Issue 3. Pages 237-250. diakses pada tanggal 10 Oktober 2016.
+ </span>
+</li>
+<li id="cite_note-keempat">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keempat_1|[4.0]]]</sup><sup>[[#cite_ref-keempat_2|[4.1]]]</sup><sup>[[#cite_ref-keempat_3|[4.2]]]</sup><sup>[[#cite_ref-keempat_4|[4.3]]]</sup>
+ </span>
+ <span class="reference-text">
+ Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Deepublish.
+ </span>
+</li>
+<li id="cite_note-kelima">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kelima_1|[5.0]]]</sup><sup>[[#cite_ref-kelima_2|[5.1]]]</sup>
+ </span>
+ <span class="reference-text">
+ Kadir, A. 2014. Pengenalan Sistem Informasi Edisi Revisi.
+ </span>
+</li>
+<li id="cite_note-keenam">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keenam|[6]]]</sup>
+ </span>
+ <span class="reference-text">
+ Mahatmyo, Atyanto. 2014. Sistem Informasi Akuntansi Suatu Pengantar. Yogyakarta : Deepublish.
+ </span>
+</li>
+<li id="cite_note-ketuju">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-ketuju|[7]]]</sup>
+ </span>
+ <span class="reference-text">
+ Kanal, Abishek and Aishwarya . 2016. “Data Analysis And Business Modelling In Microsoft Excel Using Analysis Tollpax.in : In International Journal Of Computer Science And Information Technologies,Pages.
+ </span>
+</li>
+<li id="cite_note-kedelapan">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kedelapan|[8]]]</sup>
+ </span>
+ <span class="reference-text">
+ Rusdiana, H.A,.dan Moch Irfan. 2014. Sistem Informasi Manajemen. Bandung : CV Pustaka Setia.
+ </span>
+</li>
+<li id="cite_note-kesembilan">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kesembilan|[9]]]</sup>
+ </span>
+ <span class="reference-text">
+ S, Rosa.A dan M.Shalahuddin.2013.Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek.Bandung: Informatika.
+ </span>
+</li>
+<li id="cite_note-kesepuluh">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kesepuluh|[10]]]</sup>
+ </span>
+ <span class="reference-text">
+ Rahayu, Sri, dkk.2015. Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan menggunakan Framework YII. Jurnal CCIT. Tangerang : Perguruan Tinggi Raharja. ISSN: 1978-8282. Vol.9 No.1-September 2015.
+ </span>
+</li>
+<li id="cite_note-kesebelas">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kesebelas|[11]]]</sup>
+ </span>
+ <span class="reference-text">
+ Sanjaya, Ardi dan Cahyono.2013. Membangun Kedekatan Pelanggan Menggunakan SMS Broadcast Bersalam pada Momkids.Yogyakarta: Prosiding Seminar Nasional Teknologi Informasi dan Multimedia(Semnasteknomedia) 2013. STMIK AMIKOM
+ </span>
+</li>
+<li id="cite_note-keduabelas">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduabelas|[12]]]</sup>
+ </span>
+ <span class="reference-text">
+ Anhar. 2016. Kumpulan Sourch Code Visual Basic 6.0 untuk Skripsi. Jakarta: PT Elex Media Komputindo.
+ </span>
+</li>
+<li id="cite_note-ketigabelas">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-ketigabelas|[13]]]</sup>
+ </span>
+ <span class="reference-text">
+ Yuan, Shuai, Jun Wang and Xiaoxue Zhao. 2013. Real-time Bidding for Online Advertising: Measurement and Analysis. ADKDD ’13, August 11, Chicago, Illinois, U.S.A. ACM 978-1-4503-2323-9
+ </span>
+</li>
+<li id="cite_note-keempatbelas">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keempatbelas|[14]]]</sup>
+ </span>
+ <span class="reference-text">
+ Adikari, Shalinda and Kaushik Dutta. 2015. Real Time Bidding in Online Digital Advertisement. Switzerland : Springer International Publishing Switzerland, B. Donnellan et al. (Eds.): DESRIST 2015, LNCS 9073: 19–38.
+ </span>
+</li>
+<li id="cite_note-kelimabelas">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kelimabelas|[15]]]</sup>
+ </span>
+ <span class="reference-text">
+ Wolfstetter, Elmar. 1994. Auctions An Introduction. Humboldt Universitat zu Berlin. Berlin - Jerman.
+ </span>
+</li>
+<li id="cite_note-keenambelas">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keenambelas|[16]]]</sup>
+ </span>
+ <span class="reference-text">
+ Peraturan Menteri Keuangan Republik Indonesia No. 240/PMK.06/2012. Jakarta. 2012.
+ </span>
+</li>
+<li id="cite_note-ketujubelas">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-ketujubelas|[17]]]</sup>
+ </span>
+ <span class="reference-text">
+ Raumbaugh, James, Ivar Jacobson, Grady Booch. 2004. The Unified Modeling Language Reference Manual Second Edition. Addison Wesley: Boston, Massachusetts 02116
+ </span>
+</li>
+<li id="cite_note-kedelapanbelas">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kedelapanbelas_1|[18.0]]]</sup>
+        <sup>[[#cite_ref-kedelapanbelas_2|[18.1]]]</sup>
+        <sup>[[#cite_ref-kedelapanbelas_3|[18.2]]]</sup>
+        <sup>[[#cite_ref-kedelapanbelas_4|[18.3]]]</sup>
+ </span>
+ <span class="reference-text">
+ Bruegge, Bernd, Allen H. Dutoit. 2010. Object-Oriented Software Engineering Using UML, Patterns, And Java Third Edition. Prentice Hall: Upper Saddle River, New Jersey.
+ </span>
+</li>
+<li id="cite_note-kesembilanbelas">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kesembilanbelas|[19]]]</sup>
+ </span>
+ <span class="reference-text">
+ Ambler, Scott. 2002. Agile Modelling: Effective Practices for eXtreme Programming and the Unified Process. John Wiley & Sons, Inc. : 605 Third Avenue, New York.
+ </span>
+</li>
+<li id="cite_note-keduapuluh">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduapuluh|[20]]]</sup>
+ </span>
+ <span class="reference-text">
+ Valentin, Erhard K. 2005. Away With SWOT Analysis: Use Defensive/Offensive Evaluation Instead. The Journal of Applied Business Research – Spring 2005 vol. 21 no. 2.
+ </span>
+</li>
+<li id="cite_note-keduasatu">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduasatu|[21]]]</sup>
+ </span>
+ <span class="reference-text">
+ Sommerville, Ian. 2011. Sonftware Engineering Ninth Edition. Addison Wesley: Boston, Massachusetts 02116.
+ </span>
+</li>
+<li id="cite_note-keduadua">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduadua|[22]]]</sup>
+ </span>
+ <span class="reference-text">
+ Walliman, Nicholas. 2011. Research Methods The Basics. Routeledge, Taylor & Francis Group : London and New York.
+ </span>
+</li>
+<li id="cite_note-keduatiga">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduatiga|[23]]]</sup>
+ </span>
+ <span class="reference-text">
+ Arshed, Norin and Mike Danson. 2015. The Global Management Series: Research Methods for Business & Management Second Edition. Goodfellow Publishers Ltd : 26 Home Close, Wolvercote, Oxford OX2 8PS.
+ </span>
+</li>
+<li id="cite_note-keduaempat">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduaempat|[24]]]</sup>
+ </span>
+ <span class="reference-text">
+ Maier, Holger R. 2013. What Constitutes A Good Literature Review And Why Does Its Quality Matter?. Environmental Modelling and Software, 43, 3‐4, DOI: 10.1016/j.envsoft.2013.02.004.
+ </span>
+</li>
+<li id="cite_note-kedualima">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-kedualima|[25]]]</sup>
+ </span>
+ <span class="reference-text">
+ Mendoza, Benito and José M. Vidal. 2008. Approximate Bidding Algorithms for a Distributed Combinatorial Auction. Proc. of 7th Int. Conf. on Autonomous Agents and Multiagent Systems (AAMAS 2008) , Padgham, Parkes, Müller and Parsons (eds.), May, 12-16., 2008, Estoril, Portugal.
+ </span>
+</li>
+<li id="cite_note-keduaenam">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduaenam|[26]]]</sup>
+ </span>
+ <span class="reference-text">
+ Chen, Ye and Pavel Berkhin. 2011. Real-Time Bidding Algorithms for Performance-Based Display Ad Allocation. KDD’11, August 21–24, 2011, San Diego, CA. ACM 0-12345-67-8/90/01.
+ </span>
+</li>
+<li id="cite_note-keduatuju">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduatuju|[27]]]</sup>
+ </span>
+ <span class="reference-text">
+ Kitts, Brendan and Benjamin Leblanc. 2004. Optimal Bidding on Keyword Auctions. Electronic Markets vol. 14 no. 3: 186-201. www.electronicmarkets.org
+ </span>
+</li>
+<li id="cite_note-keduadelapan">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduadelapan|[28]]]</sup>
+ </span>
+ <span class="reference-text">
+ P, Hemanta Kumar and Gautam Barua. Design of Real-Time Auction System. Department of Computer Science and Engineering Indian Institute of Technology Guwahati 781039.
+ </span>
+</li>
+<li id="cite_note-keduasembilan">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-keduasembilan|[29]]]</sup>
+ </span>
+ <span class="reference-text">
+ Saibarath, Marella and Padmavasani. K, P. Muneeswaran. 2016. An Effective Online Auction System. The IOOAB Journal: Emerging Technologies in Networking and Security (ETNS) Vol. 7 | 9 | 137-143.
+ </span>
+</li>
+<li id="cite_note-ketigapuluh">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-ketigapuluh|[30]]]</sup>
+ </span>
+ <span class="reference-text">
+ Peng, Yanlin, Lingfeng Zhang, Yong Guan. 2009. Detecting Fraud In Internet Auction Systems. G. Peterson and S. Shenoi (Eds.): Advances in Digital Forensics V, IFIP AICT 306, pp. 187–198.
+ </span>
+</li>
+<li id="cite_note-ketigasatu">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-ketigasatu|[31]]]</sup>
+ </span>
+ <span class="reference-text">
+ Sayedi, Amin. 2017. Real-Time Bidding in Online Display Advertising. University of Washington - Michael G. Foster School of Business.
+ </span>
+</li>
+<li id="cite_note-ketigadua">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-ketigadua|[32]]]</sup>
+ </span>
+ <span class="reference-text">
+ Bakri, Rajib Abi, Helmy Fitriawan dan Gigih Fordha Nama. 2013. Sistem Lelang Online Berbasis Web. ELECTRICIAN – Jurnal Rekayasa dan Teknologi Elektro Vol. 7, No. 3, September 2013
+ </span>
+</li>
+<li id="cite_note-ketigatiga">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-ketigatiga|[33]]]</sup>
+ </span>
+ <span class="reference-text">
+ Anggara, Diky Arga dan Ajib Susanto. 2017. Lelang Online Secara Real Time Dengan Protocol Websocket Menggunakan Socket.io. IJCCS, Vol.x, No.x, July xxxx, pp. 1~5. ISSN: 1978-1520
+ </span>
+</li>
+<li id="cite_note-ketigaempat">
+ <span class="mw-cite-backlink">
+        ↑<sup>[[#cite_ref-ketigaempat|[34]]]</sup>
+ </span>
+ <span class="reference-text">
+ Adikari, Shalinda and Kaushik Dutta. 2015. Real Time Bidding in Online Digital Advertisement. Switzerland : Springer International Publishing Switzerland, B. Donnellan et al. (Eds.): DESRIST 2015, LNCS 9073: 19–38.
+ </span>
+</li>
+</ol>
+<p></p></div>
+[[Category: Skripsi 2018/2019]]

SI1222472113: Perbedaan revisi

Revisi terkini pada 8 Oktober 2019 10.42

Daftar isi

BAB I

Latar Belakang

Rumusan Masalah

Ruang Lingkup Penelitian

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Manfaat Penelitian

Metode Penelitian

Metode Pengumpulan Data

Metode Analisa

Metode Perancangan

Sistem Penulisan

BAB II

Teori Umum

Konsep Dasar Perancangan Sistem

Konsep Dasar Sistem Informasi

Konsep Dasar Data

Konsep Dasar Database

Teori Khusus

Konsep Dasar Realtime Bidding

Konsep Dasar Pelelangan

Konsep Dasar UML (Unified Modeling Language)

Konsep Dasar Metode Agile

Konsep Dasar Strength, Weakness, Opportunity And Threats (SWOT)

Konsep Dasar Laravel Framework

Konsep Dasar Vue.js dan Websocket

Konsep Dasar Prototyping

Konsep Dasar Literature Review

Studi Pustaka (Literature Review) Yang Digunakan

BAB III

Gambaran Umum Perusahaan

Sejarah Singkat Perusahaan

Visi dan Misi Curalib Tech

Struktur Organisasi Curalib Tech

Prosedur Sistem yang Berjalan

Prosedur Sistem Yang Berjalan Dengan Use Case

Prosedur Sistem Yang Berjalan Dengan Activity Diagram

Prosedur Sistem Yang Berjalan Dengan Sequence Diagram

Analisis Sistem yang Berjalan

Konfigurasi Sistem

Permasalahan yang Dihadapi dan Alternatif Pemecahan Masalah

User Requirement

Elisitasi Tahap I

Elisitasi Tahap II

BAB IV

Rancangan Sistem Usulan

Prosedur Sistem Usulan

Prosedur Pendaftaran Calon Peserta Lelang

Prosedur Peserta Lelang Dalam Mengikuti Kegiatan Pelelangan

DAFTAR PUSTAKA

Contributors

Menu navigasi

Pencarian