TUGAS AKHIR
PEMBUATAN WEBSITE E-BROKER JUAL BELI MOBIL
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program
Diploma III Ilmu Komputer
Diajukan Oleh :
RISTYA ANDINI
NIM. M3107120
PROGRAM DIPLOMA III ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
HALAMAN PERSETUJUAN
PEMBUATAN WEBSITE E-BROKER JUAL BELI MOBIL
Disusun Oleh :
RISTYA ANDINI
NIM. M3107120
Tugas Akhir ini telah disetujui untuk dipertahankan
Di hadapan dewan penguji
pada tanggal _______________
Pembimbing Utama
HALAMAN PENGESAHAN
PEMBUATAN WEBSITE E-BROKER JUAL BELI MOBIL
Disusun Oleh :
RISTYA ANDINI NIM. M3107120
Dibimbing Oleh :
Pembimbing Utama
Wiharto, S.T, M.Kom NIP. 197502102008011005
Tugas Akhir ini telah diterima dan disahkan
oleh dewan penguji Tugas Akhir Program Diploma III Ilmu Komputer pada hari _______tanggal___________
Dewan Penguji :
1. Penguji 1 Wiharto, S.T, M.Kom ( )
NIP. 19750210200801 1005
2. Penguji 2 Hartatik, M.Si ( )
NID. 0703057802
3. Penguji 3 Drs. Siswanto, M.Si ( )
NIP. 196708131 99203 1002
Disahkan Oleh : Dekan
Fakultas MIPA UNS
Prof.Drs. Sutarno, M.Sc.Ph.D NIP. 19600809 198612 1 001
Ketua Program Studi DIII Ilmu Komputer UNS
ABSTRACT
Ristya Andini, 2010, DEVELOPMENT BUYING AND SELLING CARS
E-BROKER WEBSITE. 3rd Diploma Degree Computer Science, Informatics
Engineering, Sciences and Mathematics Faculty, Sebelas Maret University of
Surakarta.
Nowadays works field become tighter than before, the condition pushes
people to be the entrepreneur. Most people choose that way because they want to get
a huge profit and at the same time do not require huge capital. The aim of this final
project is to create e-broker website for selling and buying cars, that will facilitate
consumer to choose or to order the stuff according to their needs.
The methods of this research were from observation, interview and study
literature. Designing step included database designing, creating script program and
testing the program.
Development Buying And Selling Cars E-Broker Website has already been
created and implemented. E-brokers website facilitates customers to choose and to
order more efficiently.
ABSTRAK
Ristya Andini, 2010, PEMBUATAN WEBSITE E-BROKER JUAL BELI
MOBIL. Teknik Informatika, Diploma III Ilmu Komputer, Fakultas
Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta
Lapangan kerja yang semakin sempit, membuat orang untuk membuka usaha
sendiri atau yang biasa disebut dengan berwiraswasta. Tidak jarang orang memilih
berwiraswasta yang menghasilkan untung besar dan tidak membutuhkan banyak
modal. Tujuan dari Tugas Akhir ini adalah untuk membuat website e-broker jual beli
mobil agar memudahkan pelanggan untuk menawarkan ataupun memesan barang
sesuai spesifikasi yang diinginkan.
Metode pengumpulan data yang digunakan dalam penyusunan Tugas Akhir
ini adalah observasi, wawancara, dan studi pustaka. Tahapan perancangan yang
digunakan meliputi perancangan database, pembuatan skrip program, dan pengujian
program.
Situs website e-broker jual beli mobil telah selesai dibuat dan dapat
diterapkan. Website e-broker ini dapat memudahkan broker dalam mendapatkan
informasi secara cepat dan tepat mengenai pemesanan dan penawaran barang.
MOTTO
Jangan Pernah Menyerah dalam mengerjakan sesuatu apapun
PERSEMBAHAN
Karya ini kupersembahkan untuk :
1. Kedua orang tua ku tercinta,
2. Eyang ti, kakak dan adek, beserta keluarga besarku di Surabaya,
3. Pakde dan Bude beserta keluarga besarku di Solo,
4. Sahabat-sahabatku tersayang Tingkas, Rose, Fora, Ayas, Rendra, Johan dan
Pratama,
5. Si Dudul terkasih,
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Tuhan Yang Maha Esa yang telah
memberikan rahmat serta hidayah-Nya, sehingga penulis dapat menyelesaikan
Laporan Tugas Akhir ini.
Penyusunan Laporan Tugas Akhir ini merupakan salah satu tugas dari D3
Ilmu Komputer Universitas Sebelas Maret Surakarta sebagai salah satu syarat untuk
memperoleh kelulusan mata kuliah Tugas Akhir. Laporan Tugas Akhir ini dapat
diselesaikan berkat bantuan, bimbingan serta dorongan dari berbagai pihak. Untuk itu
dalam kesempatan ini dengan segala kerendahan hati penulis ingin menyampaikan
terima kasih kepada :
1. Bapak Drs. Y.S Palgunadi selaku Ketua Program Diploma III Ilmu
Komputer FMIPA UNS.
2. Bapak Wiharto, S.T,M.Kom selaku dosen pembimbing yang telah
banyak membantu memberikan bimbingan, saran serta nasehat kepada
penulis selama pengerjaan Tugas Akhir berlangsung dan dalam
penyusunan laporan Tugas Akhir ini.
3. Segenap keluarga besar khususnya orang tua, yang telah memberi
dukungan, semangat dan juga dorongan moril maupun materiil selama
penulis menyelesaikan Tugas Akhir ini.
4. Teman – teman Teknik Informatika B 2007 yang banyak membantu
memberikan dukungan serta saran baik secara langsung maupun tidak
langsung.
5. Tidak lupa untuk orang – orang yang telah banyak membantu dan tidak
Penulis menyadari bahwa masih banyak kekurangan pada penulisan Laporan
Tugas Akhir ini, namun penulis berharap semoga laporan ini dapat bermanfaat dan
menunjang Ilmu Pengetahuan, khususnya dibidang Ilmu Komputer.
Surakarta, Juni 2010
Penulis
DAFTAR ISI
Halaman
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
HALAMAN ABSTRACT ... iv
HALAMAN ABSTRAK ... v
HALAMAN MOTTO ... vi
HALAMAN PERSEMBAHAN ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... x
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xiii BAB I PENDAHULUAN ... 1
1.1 Latar Belakang Masalah... 1
1.2 Perumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan Penelitian ... 2
1.5 Manfaat Penelitian ... 2
1.6 Metodologi Penelitian ... 3
1.7 Sistematika Penulisan ... 3
BAB II LANDASAN TEORI ... 5
2.1 Broker ... 5
2.2 Pemrograman Web ... 5
2.2.1 Client Side ... 5
2.3 Database ... 7
2.3.1 MySQL ... 8
2.4 Desain Sistem ... 9
2.4.1 Data Flow Diagram ... 9
BAB III DESAIN DAN PERANCANGAN ... 12
3.1 Analisis Sistem ... 12
3.1.1 Analisis Kebutuhan Hardware ... 12
3.1.2 Analisis Kebutuhan Software ... 12
3.2 Desain Sistem ... 13
3.2.1 Context Diagram (CD) ... 13
3.2.2 Data Flow Diagram (DFD) ... 14
3.3.2 Relasi Antar Tabel ... 20
3.3 Perancangan Database ... 21
3.3.1 Tabel lain ... 25
3.4 Rancangan Halaman Web ... 27
3.4.1 Rancangan Halaman Web Untuk User ... 27
3.4.2 Rancangan Halaman Web Untuk Administrator ... 28
BAB IV IMPLEMENTASI DAN ANALISA ... 29
4.1 Implementasi ... 29
4.1.1 Desain Program ... 29
4.2 Evaluasi Sistem ... 41
4.2.1 Kelebihan Sistem ... 42
4.2.2 Kelemahan Sistem ... 42
BAB V PENUTUP ... 42
5.1 Kesimpulan ... 42
5.2 Saran ... 42
DAFTAR TABEL
Tabel 2.1 Simbol Context Diagram ... 10
Tabel 2.2 Simbol Data Flow Diagram ... 10
Tabel 3.1 Struktur Data User ... 21
Tabel 3.2 Struktur Data Pembeli ... 21
Tabel 3.3 Struktur Data Penjual ... 22
Tabel 3.4 Struktur Data Master Barang ... 23
Tabel 3.5 Struktur Data Pemesanan Barang ... 24
Tabel 3.6 Struktur Data Penawaran Barang ... 24
Tabel 3.7 Struktur Data Transaksi ... 25
Tabel 3.8 Struktur Data Opsi ... 25
Tabel 3.9 Struktur Tabel Saran ... 25
Tabel 3.10 Struktur Data Berita ... 26
DAFTAR GAMBAR
Gambar 3.1 Context Diagram ... 13
Gambar 3.2 Data Flow Diagram ... 15
Gambar 3.3 Data Flow Diagram Level 1 Manajemen User ... 16
Gambar 3.4 Data Flow Diagram Level 1 Manajemen Pembeli ... 17
Gambar 3.5 Data Flow Diagram Level 1 Manajemen Penjual ... 18
Gambar 3.6 Data Flow Diagram Level 1 Manajemen Barang ... 18
Gambar 3.7 Data Flow Diagram Level 1 Proses Penjualan ... 19
Gambar 3.8 Relasi Antar Tabel... 20
Gambar 3.9 Rancangan Halaman Web Untuk User ... 27
Gambar 3.10 Rancangan Halaman Web Untuk Administrator ... 28
Gambar 4.1 Halaman Utama Website... 30
Gambar 4.2 Form Registrasi Login Pelanggan ... 31
Gambar 4.3 Form Registrasi Data Diri Pembeli... 32
Gambar 4.4 Form Registrasi Data Diri Penjual ... 32
Gambar 4.5 Form Galeri ... 33
Gambar 4.6 Form Menu Pembeli ... 33
Gambar 4.7 Form Data Manage Pembeli ... 33
Gambar 4.8 Form Pesan Barang ... 34
Gambar 4.9 Form Lihat Data Barang Pesan ... 34
Gambar 4.10 Form Penawaran Barang ... 35
Gambar 4.11 Form Menu Penjual ... 35
Gambar 4.12 Form Manage Penjual ... 36
Gambar 4.13 Form Input Penawaran Barang ... 36
Gambar 4.14 Form Needed Car ... 37
Gambar 4.15 Form Ubah Password User ... 37
Gambar 4.16 Form Manage Administrator ... 38
Gambar 4.18 Form Edit Data Pembeli ... 39
Gambar 4.19 Form Edit Data Pelanggan Penjual ... 39
Gambar 4.20 Form Manajemen User ... 39
Gambar 4.21 Form Edit Data Level User ... 40
Gambar 4.22 Form Manajemen Berita ... 40
Gambar 4.23 Form Manajemen Data Transaksi ... 40
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Lapangan kerja semakin sempit, ada sebagian orang yang memilih
membuka usaha sendiri atau yang biasa disebut dengan berwiraswasta, namun
berwiraswasta membutuhkan modal yang tidak sedikit. Tidak jarang orang
memilih pekerjaan yang menghasilkan untung besar dan tidak membutuhkan
banyak modal, salah satu contohnya adalah pekerjaan sebagai perantara,
karena pekerjaan ini tidak membutuhkan modal yang banyak. Pekerjaan ini
hanya membutuhkan banyak informasi dari berbagai tempat agar
pekerjaannya berjalan dengan lancar.
Orang yang berprofesi sebagai perantara biasanya disebut dengan
makelar atau broker. Tugas dari broker itu sendiri adalah mencari barang
yang murah dan berkualitas untuk kemudian ditawarkan kepada orang lain.
Seorang broker menerima pemesanan dan penawaran barang dari orang-orang
yang kemudian menyalurkan informasi tersebut dari satu orang ke orang
lainnya yang membutuhkan atau sedang mencari barang. Apabila broker
mendapatkan barang yang diinginkan atau berhasil menjual barang kliennya
maka broker tersebut akan mendapatkan fee. Barang tersebut dapat berupa
apa saja, misalnya mobil, motor, perabotan rumah tangga dan barang-barang
lainnya. Mobil merupakan salah satu barang yang banyak dipilih oleh para
broker karena laba yang diperoleh cukup banyak jika dibandingkan dengan
barang-barang yang lain.
Perkembangan teknologi saat ini semakin pesat. Pemanfaatan
perangkat komputer sebagai media yang membantu manusia dalam
menyelesaikan suatu pekerjaan sangat dapat dirasakan manfaatnya. Begitu
sebagai media penyaluran informasi penjualbelian barang. Bentuk media
perantara online disebut dengan e-broker
Berdasarkan dari kasus diatas maka penulis membuat Tugas Akhir
yang berjudul Pembuatan Website E-Broker Jual Beli Mobil.
1.2 Perumusan Masalah
Berdasarkan latar belakang masalah yang telah diuraikan diatas, maka
dapat dituliskan rumusan masalah yaitu ”Bagaimana merancang dan membuat
suatu sistem e-broker jual beli mobil yang memudahkan broker untuk
mendapatkan informasi mengenai pemesanan dan penawaran barang yang
dibutuhkan?”
1.3 Batasan Masalah
Dari latar belakang yang telah diuraikan diatas, penulis memberikan
batasan permasalahan yaitu tentang proses transaksi yang meliputi
pemesanan, penawaran dan pemilihan barang oleh broker untuk pelanggan.
1.4 Tujuan Penelitian
Tujuan dari penelitian adalah membangun suatu e-broker jual beli
mobil berbasis web yang memudahkan transaksi agar lebih efektif dan efisien.
1.5 Manfaat Penelitian
Manfaat dari penulisan Tugas Akhir ini adalah :
1. membantu dalam hal penjualan barang baik local maupun nasional.
2. mempermudah pelanggan dalam hal pemesanan dan penawaran
barang.
3. memberikan informasi kepada broker mengenai pemesanan dan
1.6 Metodologi Penelitian
Metode pengumpulan data yang digunakan dalam penyusunan Tugas
Akhir ini adalah sebagai berikut :
1. Wawancara (interview)
Metode pengumpulan data dengan mengadakan wawancara atau tanya
jawab secara langsung dengan pihak yang terkait dengan masalah yang
diteliti. Dengan metode ini diharapkan dapat diperoleh keterangan yang
jelas dan lengkap sesuai dengan tujuan penelitian. Dari hasil wawancara
didapatkan data berupa proses penjualan, cara perusahaan memasarkan
produknya, dan proses transaksi pembayaran pelanggan.
2. Studi Pustaka
Metode pengumpulan data dari membaca buku dan literatur yang
berhubungan dengan permasalahan yang dijadikan objek penelitian.
1.7 Sistematika Penulisan
Penulisan laporan Tugas Akhir dengan judul E-Broker Jual Beli
Mobil ini dibagi dalam lima bagian sebagai berikut :
BAB I PENDAHULUAN
Berisi latar belakang masalah, perumusan masalah, batasan masalah, tujuan
dan manfaat penelitian, metodologi penelitian, dan sistematika penulisan.
BAB II LANDASAN TEORI
Landasan teori memuat tinjauan pustaka, dan kerangka pemikiran teori yang
disajikan dalam landasan teori hanyalah teori-teori yang mendukung dalam
BAB III DESAIN DAN PERANCANGAN
Pada desain dan perancangan sistem memuat analisis sistem, perancangan
sistem, perancangan database dan relasi antar tabel.
BAB IV IMPLEMENTASI DAN ANALISA
Pada implementasi memuat langkah-langkah pembuatan sistem dan evaluasi
sistem.
BAB V PENUTUP
Berisi kesimpulan dari hasil observasi atau implementasi sistem dan saran
yang diajukan untuk penyempurnaan dan pengembangan sistem di masa
BAB II
LANDASAN TEORI
2.1. Broker
Broker adalah perantara dari kedua pihak (owner dan user) yang sedang dan
akan melakukan kegiatan (bisnis) tertentu dan karenanya berhak untuk mendapatkan
imbalan dari pekerjaannya tersebut. Seorang agen yang melaksanakan perintah untuk
membeli dan menjual barang berdasarkan komisi. Broker adalah agen yang bekerja
atas dasar komisi dan bukan principal atau agen yang bertindak atas account mereka
sendiri.
Adapun broker mendapatkan keuntungan dari :
1. selisih antara harga jual dan harga beli.
2. komisi dari open posisi
3. komisi dari biaya menginap sebuah transaksi.
2.2. Pemrograman Web
Teknologi yang digunakan dalam pemrograman web dibagi menjadi dua yaitu
server side dan client side.
2.2.1. Client Side
Client side scripting adalah jenis script yang peletakannya dan eksekusi
dilakukan disisi client. Script ini pertama di load berserta tag HTML dari sebuah
halaman website yang kemudian akan diproses dan dijalankan di komputer client
tanpa harus melewati server terlebih dahulu.
a. Javascript
Javascript adalah bahasa script yang ditempelkan pada kode HTML dan
menjadi lebih luas. Sebagai contoh, dengan menggunakan Javascript dimungkinkan
untuk memvalidasi masukan-masukan pada formulir sebelum formulir dikirimkan ke
server.
Javascript bukanlah bahasa Java. Javascript dan Java adalah dua bahasa yang
berbeda. Javascript diinterpretasikan oleh client (kodenya bisa dilihat dari sisi client),
sedangkan kode Java dikompilasi oleh pemrogram dan hasil kompilasinya yang
dijalankan oleh client.
Script Javascript diawali dengan tag <SCRIPT> dan diakhiri dengan
tag</SCRIPT>. Di dalam tag <SCRIPT> terdapat atribut LANGUAGE yang diisi
dengan “javascript”. Tag ini oleh browser yang mengenal Javascript akan segera
ditanggapi dengan menerjemahkan kode-kode yang terdapat di antara tag <SCRIPT>
dan </SCRIPT> (Kadir, 2003).
2.2.2. Server Side
Server side scripting adalah jenis script yang peletakannya dan eksekusi
dilakukan disisi server. Pertama client melakukan request melalui browser dalam
form yang kemudian request tersebut akan diteruskan ke server untuk diproses. Hasil
proses akan dikembalikan dalam bentuk HTML.
a. World Wide Web (WWW)
World Wide Web (WWW) atau biasa disebut dengan web atau website
merupakan salah satu sumber daya internet yang berkembang pesat. Web adalah suatu
kumpulan informasi pada beberapa server komputer yang terhubung melalui jaringan
internet (Nugroho, 2004).
b. PHP
PHP Hypertext Preprocessor (PHP) adalah bahasa scripting open source
mudah dipelajari (Imansyah, 2003). Script PHP menyatu dengan file HTML,
dieksekusi dan bekerja di komputer server. Oleh karena itu PHP banyak digunakan
untuk membangun sebuah website (Nugroho, 2004).
c. Apache
Apache adalah software yang menyimpan serta mendistribusikan data ke
computer lain (client) lewat internet yang meminta (request) informasi tersebut.
Pada dasarnya Apache adalah “A PatCHy” (patch). Apache merupakan
turunan dari web server yang dikeluarkan oleh NSCA, yaitu NSCA HTTPD sekitar
tahun 1995-an. Apache web server merupakan tulang punggung dari World Wide
Web (Prasetyo, 2003).
Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat
dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache juga didukung oleh
sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan
penanganan server menjadi mudah.
Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh
komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan
Apache Software Foundation.
d. Macromedia Dreamweaver
Merupakan software yang digunakan untuk membuat aplikasi website.
Program ini banyak digunakan oleh web designer dan web programmer untuk
membangun situs web. Hal ini disebabkan ruang kerja, fasilitas dan kemampuan
Macromedia Dreamweaver yang mampu meningkatkan produktivitas dan efektifitas
dalam desain maupun pengembangan situs web. Macromedia Dreamweaver juga
2.3. Database
Database atau basisdata dapat didefinisikan sebagai himpunan kelompok data
(arsip) yang saling berhubungan yang diorganisasi sedemikian rupa agar kelak dapat
dimanfaatkan kembali dengan cepat dan mudah. Dalam database dikenal juga
Database Management System (DBMS) yaitu suatu program komputer yang
digunakan untuk memasukkan, mengubah, menghapus, memanipulasi, serta
memperoleh data atau informasi dengan praktis dan efisien (Fatansyah, 2001).
Proses Normalisasi adalah suatu proses dimana elemen-elemen data
dikelompokkan menjai tabel-tabel, dimana alam tabel tersebut terdapat entity- entity
dan relasi antar entity tersebut.Dalam proses normalisasi, field kunci memegang
peranan yang penting dalam pembuatan tabel yang beirsi entity dan relasinya. Field
kunci merupakan satu field atau satu set field yang terdapat dalam satu file yang
merupakan kunci dan mewakili record. Kunci disini akan sangat penting apabila di
dalam program nanti terdapat fasilitas pencarian, karena field yang merupakan kunci
akan menjadi penentu dalam pencarian program (Kristanto, 2003).
2.3.1. MySQL
MySQL merupakan database yang paling banyak digunakan, selain database
yang bersifat shareware seperti Ms.Access, penggunaan MySQL biasanya dipadukan
dengan menggunakan bahasa pemrograman PHP.
MySQL menggunakan bahasa untuk query yaitu SQL seperti : update data
pada database, atau menampilkan data dari database. Setiap software database
mempunyai bahasa perintah / sintaks yang berbeda, namun pada prinsipnya
mempunyai arti dan fungsi yang sama.
Menurut Imansyah (2003), perintah-perintah yang digunakan pada bahasa
SQL antara lain :
a. Select
b. Create
Digunakan untuk membuat tabel baru.
c. Insert
Digunakan untuk menyisipkan atau menambah baris pada tabel.
d. Update
Digunakan untuk mengupdate atau merubah isi data dalam tabel.
e. Delete
Digunakan untuk menghapus baris/record data dalam tabel
f. Drop
Digunakan untuk menghapus tabel.
2.4. Desain Sistem
Menurut Kendall desain sistem berarti menyusun suatu sistem dalam hal ini
basis data jual beli mobil yang digunakan untuk maksud-maksud tertentu dalam
mencapai tujuan. Kemudian alat yang dipakai dalam merancang basis data adalah
2.4.1. Data Flow Diagram
Data Flow Diagram (DFD) adalah alat pembuatan model yang
memungkinkan sistem profesional untuk menggambarkan sistem sebagai suatu
jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data baik
secara manual maupun komputerisasi. DFD terdiri atas :
a. Data Flow Diagram Contex
Diagram kontek merupakan DFD subsistem pengolahan data yang
merupakan satu kesatuan arus data mulai dari external entity yang akan
diproses kemudian disimpan kedalam data store dan akan digunakan kembali
Berikut merupakan beberapa simbol yang digunakan dalam
pembuatan Context Diagram dapat dilihat pada Tabel 2.1
Tabel 2.1 Simbol Context Diagram
b. Data Flow Diagram Leveled
Merupakan bagian DFD yang menggambarkan sistem sebagai jaringan
kerja antar fungsi yang berhubungan satu sama lain dengan aliran dan
penyimpanan data (Jogiyanto, 1997).
Menurut Gane & Sarson berikut ini merupakan beberapa simbol yang
digunakan dalam pembuatan DFD dapat dilihat pada Tabel 2.1
Tabel 2.2 Simbol Data Flow Diagram
Gambar Keterangan
Entity (entitas) yang dilambangkan dengan kotak, disebut
juga sumber atau tujuan data. Setiap entitas harus diberi
nama dengan suatu kata benda. Entitas bisa berupa
seseorang, departemen, sebuah mesin atau yang lainnya.
Simbol Keterangan
Sistem informasi dimana menggambarkan
entitas atau proses dimana aliran data
ditransformasikan ke luar dari sebuah sistem
informasi.
Persegi panjang menggambarkan salah satu
entitas.
Proses yang menyajikan apa yang dikerjakan dengan
data, setiap proses mempunyai input satu atau lebih.
Penyimpanan data (Data Store) ke dalam database.
Aliran data , disajikan dengan jalur yang
menghubungkan 25simbol dan interface antar system
BAB III
DESAIN DAN PERANCANGAN
3.1 Analisis Sistem
Dari penelitian yang telah dilakukan oleh penulis di lapangan mengenai
kinerja para broker dalam memperjualbelikan mobil, penulis dapat membuat sistem
jual beli mobil secara online agar lebih efisien dan saling menguntungkan bagi para
broker, dan user dalam hal jual beli mobil tersebut.
3.1.1 Analisis Kebutuhan Hardware
Hardware yang digunakan dalam pembuatan website ini yaitu menggunakan
PC dengan spesifikasi sebagai berikut :
1. Intel Pentium Dual Core T4400
2. RAM (Memori) 1 GB
3. Hard Disk 160 GB
4. LCD beresolusi 1366x768 pixels, Mouse, Keyboard
3.1.2 Analisis Kebutuhan Software
Software yang diperlukan dalam pembuatan website ini adalah sebagai
berikut :
1. Editor : Macromedia Dreamweaver 8,
2. Appserv v2.5.10 : PHP, MySQL, Apache
3. Software Pendukung: Photoshop 7, CorelDRAW 12, Browser Mozilla
3.2 Desain Sistem
Desain sistem ini terdiri dari perancangan CD (Context Diagram), DFD (Data
Flow Diagram), dan relasi antar tabel.
3.2.1 Context Diagram
Sistem dan prosedur dalam Website E-Broker Jual Beli Mobil dapat
dilihat pada kontek diagram pada Gambar 3.1.
Gambar 3.1 Context Diagram
Keterangan :
1. Admin mengelola seluruh isi sistem Website E-Broker Jual Beli Mobil.
2. Admin mendapat informasi mengenai data-data dari pembeli dan penjual.
3. Pembeli memberikan informasi berupa data diri pembeli. Pembeli melakukan
pemesanan barang melalui Website E-Broker Jual Beli Mobil. Pemesanan
barang dilakukan dengan cara mengisi data spesifikasi barang yang dipesan.
4. Pembeli mendapat informasi mengenai data barang yang telah dipesan.
5. Penjual/ supplier memberikan informasi berupa data diri penjual, Penjual
Penawaran barang dilakukan dengan cara mengisi data spesifikasi barang
yang ditawarkan.
6. Admin melakukan pemesanan order barang kepada penjual/ supplier apabila
stok barang yang dipesan oleh pembeli tidak ada. Dan penjual/ supplier
mendapat informasi mengenai data barang yang dipesan oleh sistem melalui
admin.
3.2.2. Data Flow Diagram (DFD)
DFD merupakan model yang menggambarkan sistem sebagai jaringan kerja
antar fungsi yang saling berhubungan dengan aliran dan penyimpanan data atau
database. Adapun gambar DFD dalam pembuatan Website E-Broker Jual Beli Mobil
Gambar 3.2 Data Flow Diagram
Data Flow Diagram dalam gambar 3.2 kemudian akan dijabarkan lebih
mendetail lagi ke dalam DFD Level 1, karena untuk masing-masing proses masih
mengandung serangkaian sub-sub proses di dalamnya. Berikut ini merupakan DFD
a. DFD Level 1 Proses Manajemen User
DFD level 1 proses manajemen user menggambarkan akses sistem
yang dilakukan oleh administrator dan proses aliran data yang terjadi. Batas
[image:30.612.144.509.147.472.2]akses sistem administrator meliputi block dan unblock user. Adapun
gambar DFD level 1 proses manajemen user dapat dilihat pada Gambar 3.3.
Gambar 3.3 Data Flow Diagram Level 1 Manajemen User
b. DFD Level 1 Proses Manajemen Pembeli
DFD level 1 proses manajemen pembeli menggambarkan akses sistem
yang dilakukan oleh administrator dan proses aliran data yang terjadi. Batas
akses sistem administrator meliputi hapus user dan hak akses pembeli
adalah tambah dan edit data diri. Adapun gambar DFD level 1 proses
Gambar 3.4 Data Flow Diagram Level 1 Manajemen Pembeli
c. DFD Level 1 Proses Manajemen Penjual
DFD level 1 proses manajemen penjual menggambarkan akses sistem
yang dilakukan oleh administrator dan proses aliran data yang terjadi. Batas
akses sistem administrator meliputi hapus user dan hak akses pembeli adalah
tambah dan edit data diri. Adapun gambar DFD level 1 proses manajemen
Gambar 3.5 Data Flow Diagram Level 1 Manajemen Penjual
d. DFD Level 1 Manajemen Barang
DFD level 1 proses manajemen barang menggambarkan akses sistem
yang dilakukan oleh administrator, user dan proses aliran data yang terjadi.
Adapun gambar DFD level 1 proses manajemen barang dapat dilihat pada
Gambar 3.6.
e. DFD Level 1 Proses Penjualan
DFD level 1 ini menjelaskan mengenai Proses Penjualan yang terjadi
pada sistem E-Broker Jual Beli Mobil. Pada gambar tersebut terlihat bahwa
pada DFD Level 1 Penjualan terdiri dari 3 proses yaitu proses pemesanan,
proses penawaran dan proses pilih barang. Batas akses sistem administrator
meliputi pemesanan kepada penjual/ supplier dan pemilihan barang yang
akan ditawarkan kepada pemesan ataupun penjual/ supplier. Adapun gambar
[image:33.612.136.511.146.547.2]DFD level 1 proses penjualan dapat dilihat pada Gambar 3.7.
3.2.3. Relasi Antar Tabel
Adapun relasi antar tabel dalam pembuatan e-broker jual beli mobil
[image:34.612.137.501.215.500.2]dapat dilihat pada Gambar 3.8.
Gambar 3.8.Relasi Antar Tabel
Keterangan : * adalah primary key
3.3. Perancangan Database
Dalam pembuatan website e-broker ini, penyampaian data menggunakan
database yang bernama mobil.sql dan menggunakan SQL sebagai bahasa standar
yang digunakan untuk mangakses database.
Adapun tabel yang digunakan dalam diagram adalah sebagai berikut :
1. Tabel User
Fungsi : Menyimpan data user
Tabel 3.1 Struktur Data User
Field Tipe Ukuran Keterangan
Username Varchar 25 Nama user(PK)
password Varchar 32 Password user
email Varchar 35 Alamat email user
level Varchar 15 Administrator, penjual
dan pembeli
status_user Varchar 1 Status block user
2. Tabel Pembeli
[image:35.612.142.494.216.480.2]Fungsi : Menyimpan data pembeli
Tabel 3.2 Struktur Data Pembeli
Field Tipe Ukuran Keterangan
Id_pembeli Varchar 8 Id pembeli(PK)
username Varchar 25 Username pembeli(FK)
nama_pbl Varchar 35 Nama lengkap pembeli
sex_pbl Varchar 10 Jenis kelamin pembeli
propinsi_pbl Varchar 25 Propinsi dari alamat pembeli
kota_pbl Varchar 25 Kota dari alamat pembeli
kodepos_pbl Int 6 Kode pos pembeli
telp_pbl Int 15 Nomer telepon pembeli
Tgl Date Tanggal daftar menjadi user
3. Tabel Penjual
[image:36.612.138.505.138.551.2]Fungsi : Menyimpan data penjual
Tabel 3.3 Struktur Data Penjual
Field Tipe Ukuran Keterangan
Id_penjual Varchar 8 Kode penjual(PK)
username Varchar 25 Username penjual (FK)
nama_pjl Varchar 35 Nama lengkap penjual
sex_pbl Varchar 10 Jenis kelamin penjual
alamat_pjl Varchar 50 Alamat penjual
propinsi_pjl Varchar 25 Propinsi dari alamat penjual
kota_pjl Varchar 25 Kota dari alamat penjual
kodepos_pjl Int 6 Kode pos penjual
telp_pjl Int 15 Nomer telepon penjual
4. Tabel Barang
[image:37.612.124.520.207.681.2]Fungsi : Menyimpan data Barang
Tabel 3.4 Struktur Data Master Barang
Field Tipe Ukuran Keterangan
Id_barang Varchar 8 Id barang(PK)
Merk Varchar 15 Merk barang
Tipe Varchar 20 Tipe barang
Tahun Year 4 Tahun dibuatnya barang
Harga Varchar 15 Harga mobil
Plat Varchar 10 Plat mobil
transmisi Varchar 10 Manual/ automatic
Warna Varchar 7 Warna barang
Aktif Date Masa aktif barang
Kategori Varchar 15 Kategori barang (admin=stok barang,
penjual=penawaran barang)
Status Varchar 12 Laku/ belum lakunya barang
Image1 Text Untuk menyimpan gambar barang
tampak depan
Image2 Text Untuk menyimpan gambar barang
tampak belakang
Image3 Text Untuk menyimpan gambar tampak
samping kanan
Image4 Text Untuk menyimpan gambar tampak
samping kiri
Image5 Text Untuk menyimpan gambar mesin barang
Image6 Text Untuk menyimpan gambar kabin dalam
5. Tabel Pemesanan barang
[image:38.612.137.502.208.471.2]Fungsi : Menyimpan data pemesanan barang
Tabel 3.5 Struktur Data Pemesanan barang
Field Tipe Ukuran Keterangan
Id_barang_psn Varchar 8 Id barang yang dipesan(PK)
Id_pembeli Varchar 8 Id pembeli yang memesan
barang (FK)
Merk_psn Varchar 15 Merk barang
Tipe_psn Varchar 20 Tipe barang
Tahun_psn Year 4 Tahun dibuatnya barang
Harga_psn Varchar 15 Harga mobil
Transmisi_psn Varchar 10 Manual/ automatic
Warna_psn Varchar 15 Warna barang
Tgl_pesan Date Tanggal barang dipesan
Terbit Varchar 2 Untuk menawarkan kepada
penjual
6. Tabel Penawaran barang
Fungsi : Menyimpan data penawaran barang
Tabel 3.6 Struktur Data Penawaran barang
Field Tipe Ukuran Keterangan
Id_penjual Varchar 8 Id penjual yang menawarkan
barang(FK)
Id_barang Varchar 8 Id barang yang dipesan(FK)
7. Tabel Transaksi
Fungsi : Menyimpan data transaksi
Tabel 3.7 Struktur Data Transaksi
Field Tipe Ukuran Keterangan
Id_trans Varchar 8 Id transaksi(PK)
Id_penjual Varchar 8 Id Penjual(FK)
Id_barang Varchar 8 Id barang yang dipesan(FK)
Tgl_trans Date Tanggal transaksi
3.3.1 Tabel lain
1. Table Opsi
[image:39.612.133.504.207.528.2]Fungsi : Menyimpan data profil website
Tabel 3.8 Struktur Data Opsi
Field Tipe Ukuran Keterangan
Id_opsi Varchar 35 Id profil/ opsi(PK)
Judul Varchar 50 Judul web opsi
Isi Text Isi web profil
Gambar Text Gambar opsi
2. Tabel Saran
Fungsi : Menyimpan data saran user
Tabel 3.9 Struktur Data Saran
Field Tipe Ukuran Keterangan
Id_saran Int 11 Id saran(PK)
Email Varchar 35 Email user
Komentar Text Isi saran
Date Date Tanggal user mengirimkan
saran
3.Tabel Berita
[image:40.612.138.503.136.490.2]Fungsi : Menyimpan data berita / news
Tabel 3.10 Struktur Data Berita
Field Tipe Ukuran Keterangan
Id_berita Int 5 Id berita (PK)
Kategori Varchar 30 Kategori berita
Judul Varchar 50 Judul berita
Isi_berita Text Isi berita
Gambar Varchar 100 Gambar
Hari Varchar 10 Hari berita
Tanggal Date Tanggal berita diposting
jam Time Waktu berita diposting
Aktif Varchar 1 1 = terbit, 0 = tutup
4. Tabel Nego
Fungsi : Menyimpan data negoisasi dengan pelanggan
Tabel 3.11 Struktur Data Nego
Field Tipe Ukuran Keterangan
Id_nego Int 11 Id komentar (PK)
Username Varchar 25 Username pelanggan(FK)
Datetime Datetime Waktu coment
Id_barang_psn varchar 8 Id barang yang dipesan
3.4 Rancangan Halaman Web
Halaman web yang akan dirancang terdiri dari dua bagian, yaitu halaman web
untuk user dan halaman web untuk admin.
3.4.1 Rancangan Halaman Web Untuk User
[image:41.612.115.507.147.523.2]
Gambar 3.9 Rancangan Halaman Web Untuk User
3.3.2 Rancangan Halaman Web Untuk Administrator
[image:42.612.130.517.173.476.2]
Gambar 3.10 Rancangan Halaman Web Untuk Administrator
,Z
DEhhdD
BAB IV
IMPLEMENTASI DAN ANALISA
4.1. Implementasi
Program aplikasi Website E-Broker Jual Beli Mobil terdapat tiga bagian yakni
aplikasi pemesanan barang, penawaran barang dan aplikasi maintenance. Aplikasi
pemesanan diperuntukkan bagi pelanggan yang akan memesan barang. Aplikasi
penawaran barang diperuntukkan bagi pelanggan yang akan menawarkan barang,
sedangkan aplikasi maintenance diperuntukkan bagi administrator dalam mengelola
website dan barang. Adapun implementasi aplikasi Website E-Broker Jual Beli Mobil
adalah sebagai berikut.
4.1.1 Desain Program
1. Form Halaman Utama Website
Pertama-tama pelanggan dihadapkan pada halaman utama website
yang berisi beberapa menu yang disajikan yaitu galeri (barang milik
sendiri), berita, buku tamu, menu registrasi pelanggan, dan menu login
pelanggan. Adapun tampilan halaman utama website dapat dilihat pada
[image:43.612.132.513.217.502.2]Gambar 4.1. Halaman Utama Website
2. Form Registrasi Pelanggan
Pelanggan yang akan memesan ataupun menawarkan barang,
diwajibkan untuk melakukan registrasi terlebih dahulu. Pelanggan
diwajibkan mengisi username, password, email, dan jika pelanggan
berniat untuk menawarkan barang maka pelanggan harus mencentang
checkbox penawaran barang (kecuali jika pelanggan hanya ingin mencari/
memesan barang) dan pelanggan hanya diberi hak akses sebagai penjual jika
pelanggan mencentang checkbox penawaran barang, begitu pula sebaliknya
pelanggan yang hanya ingin memesan/ mencari barang hanya akan diberi hak
akses sebagai pemesan. Pelanggan yang belum melakukan registrasi tidak
dapat melakukan pemesanan maupun penawaran barang. Adapun tampilan
Gambar 4.2. Form Registrasi Login Pelanggan
3. Form Registrasi Profil Pelanggan
Setelah melakukan registrasi login, pelanggan diwajibkan mengisi
identitas diri seperti nama lengkap, alamat, propinsi, kota, dan nomor
telepon atau ponsel. Data pelanggan yang telah terdaftar akan tersimpan
sehingga jika suatu saat akan melakukan pemesanan atau penawaran ,
pelanggan tersebut hanya perlu melakukan login dengan username dan
password yang telah dibuat sebelumnya. Form registrasi data diri pelanggan
sebagai pembeli dapat dilihat pada Gambar 4.3, sedangkan form registrasi
Gambar 4.3. Form Registrasi Data Diri Pembeli
Gambar 4.4. Form Registrasi Data Diri Penjual
4. Form Galeri/ Stok barang
Form galeri berisi barang-barang kami yang ditawarkan kepada
pelanggan. Jika pelanggan ingin melihat barang di galeri dapat langsung
melihat ke tempat kami dan dapat melihat secara detail model barangnya
melalui gambar mobil yang telah disediakan. Form galeri dapat dilihat pada
Gambar 4.5. Form Galeri
5. Form Menu Pembeli
Menu ini muncul ketika user login sebagai pembeli. Menu link ini
berisi hak akses pembeli meliputi, manage data pembeli, dan pemesanan.
Form menu pembeli dapat dilihat pada Gambar 4.6
Gambar 4.6 Form Menu Pembeli
6. Form Manage Data Pembeli
Form manage pembeli berisi tentang hak akses pembeli meliputi edit
password, edit data profil, lihat riwayat barang yang telah dipesan, dan lihat
riwayat transaksi barang (apabila pelanggan telah melakukan transaksi). Form
[image:47.612.281.395.531.657.2]menu manage pembeli dapat dilihat pada Gambar 4.7
7. Form Pesan Barang
Form pesan barang merupakan form berupa inputan barang ketika user
pembeli ingin memesan barang kepada kami. Form pesan barang dapat dilihat
[image:48.612.150.500.215.462.2]pada Gambar 4.8
Gambar 4.8 Form Pesan Barang
8. Form Lihat Data Barang Pesan
Form ini digunakan untuk menyimpan data barang yang telah dipesan
oleh user pembeli. Ketika menekan button Go maka akan menuju ke form
penawaran barang. Form Lihat Data barang pesan dapat dilihat pada Gambar
4.9
[image:48.612.222.451.517.606.2]9. Form Penawaran Barang
Form ini digunakan untuk menawarkan barang dari broker kepada
pemesan dan untuk bernegoisasi tentang barang yang akan dipilih oleh
pemesan. Form Penawaran barang dapat dilihat pada Gambar 4.10
[image:49.612.166.444.219.457.2]Klik pada gambar untuk melihat detail barang
Gambar 4.10 Form Penawaran Barang
10. Form Menu Penjual
Form ini diperuntukkan untuk pelanggan yang hanya ingin melakukan
penawaran barang. Form menu hak akses penjual dapat dilihat pada Gambar
4.11
Gambar 4.11 Form Menu Penjual
11. Form Manage Penjual
Form manage penjual berisi tentang hak akses penjual meliputi edit
password, edit data profil, lihat riwayat barang yang telah ditawarkan, dan
lihat riwayat transaksi barang (apabila pelanggan telah melakukan transaksi).
Gambar 4.12 Form Manage Penjual
12. Form Input Penawaran Barang
Form penawaran barang merupakan form berupa input-an barang
ketika user penjual ingin menawarkan barang. Form penawaran barang dapat
dilihat pada Gambar 4.13
13. Form Needed Car
Form ini berisi tentang pemesanan barang dari broker kepada penjual
apabila barang yang dipesan oleh pemesan tidak ada dalam stok barang. Form
[image:51.612.150.492.204.514.2]Needed Car dapat dilihat pada Gambar 4.14
Gambar 4.14 Form Needed Car
14. Form Ubah Password User
Form ini merupakan form update password user untuk pelanggan.
Gambar 4.15 Form Ubah Password User
15. Form Manage Administrator
Form manage administrator berisi tentang hak akses administrator
meliputi block user, tambah data user, lihat data barang, cari barang dan lihat
data transaksi barang. Form manage administrator dapat dilihat pada Gambar
Gambar 4.16 Form Manage Administrator
16. Form Saran/ Guestbook
Form Saran digunakan untuk menyimpan data saran/ kritik dari
pelanggan mengenai sistem dalam website e-broker jual beli mobil. Form
saran dapat dilihat pada Gambar 4.17
Gambar 4.17 Form Saran /Guestbook
17. Form Edit Data Profil Pelanggan
Form edit pelanggan digunakan untuk mengubah data profil
pelanggan. Form edit data profil pelanggan dapat dilihat pada Gambar 4.18
Gambar 4.18 Form Edit Data Pembeli
Gambar 4.19 Form Edit Data Penjual
18. Form Manajemen User
Form manajemen user merupakan hak akses admin, dimana admin
berhak memblock atau menghapus user yang tidak diperbolehkan masuk
[image:53.612.259.418.540.658.2]dalam website. Form Manajemen User dapat dilihat pada Gambar 4.20
19. Form Manajemen Edit Level User
Form ini digunakan untuk mengedit data level user. Form manajemen
[image:54.612.147.511.189.464.2]edit password user dapat dilihat pada Gambar 4.21
Gambar 4.21 Form Edit Data Level User
20. Form Manajemen Berita
Form manajemen berita adalah form untuk menyimpan data berita dan
untuk menampilkan berita pada halaman index. Form manajemen berita dapat
dilihat pada Gambar 4.22
Gambar 4.22 Form Manajemen Berita
21. Form Manajemen Data Transaksi
Form ini digunakan untuk menyimpan data transaksi dengan
[image:54.612.258.417.572.655.2]22. Form Manajemen Data Barang
Form ini berisi data barang-barang stok barang dan penawaran barang.
[image:55.612.131.510.188.520.2]Form manajemen data barang dapat dilihat pada Gambar 4.24
Gambar 4.24 Form Manajemen Data Barang
4.2. Evaluasi Sistem
4.2.1 Kelebihan Sistem
Aplikasi ini memiliki beberapa kelebihan antara lain :
a. Adanya Website E-Broker Jual Beli Mobil ini memudahkan broker dalam
memperoleh informasi mengenai pemesanan dan penawaran barang secara
cepat dan tepat
b. Website E-Broker Jual Beli Mobil ini juga mempermudah pelanggan dalam
memesan barang dan memudahkan penjual dalam menawarkan barang.
c. Gambar barang yang ditampilkan secara lengkap mulai dari tampak depan,
belakang, samping kanan, samping kiri, mesin, dan kabin dalam sehingga
memudahkan pembeli dalam melihat barang yang akan dibeli.
4.2.2 Kelemahan Sistem
Aplikasi ini juga memiliki banyak kelemahan antara lain :
a. Browser yang mendukung Javascript aplikasi Website E-Broker Jual Beli
Mobil ini masih terbatas.
b. Belum terjadi pembagian wilayah dalam sistem Website E-Broker Jual Beli
Mobil ini.
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan hasil analisa penelitian dan perancangan Website E-Broker Jual
Beli Mobil yang telah penulis lakukan, maka dapat ditarik kesimpulan yaitu, dengan
adanya Website E-Broker Jual Beli Mobil ini dapat memudahkan broker dalam
memperoleh informasi secara tepat dan cepat mengenai pemesanan dan penawaran
barang dari pelanggan. Website E-Broker Jual Beli Mobil ini juga mempermudah
pembeli dalam memesan barang dan memudahkan penjual dalam menawarkan
barangnya.
5.2 Saran
Saran – saran yang dapat penulis sampaikan adalah
1. Website E-Broker Jual Beli Mobil dapat diterapkan secara langsung di media
internet sebagai sarana perantara jual beli mobil secara online.
2. Belum adanya proses konfirmasi otomatis pada saat pelanggan selesai
melakukan transaksi dengan broker, karena proses transaksi antara broker,
penjual dan pembeli harus secara langsung. Disamping itu barang yang akan
diperjualbelikan juga harus dilihat kualitasnya secara real.
