42
Gambar 3.2 UML Use Case Diagram
Keterangan : Pemilik mobil melihat website dan mengirim berkas mobil yang ingin di lelang
dengan melakukan input data mobil agar ditampilkan di website. Dan admin melakukan input data mobil yang dikirim oleh pemilik mobil untuk ditampilkan di
website.
3.2.2 Activity Diagram
Activity diagram adalah teknik untuk menggambarkan logika prosedural, proses
bisnis, dan jalur kerja. Dalam beberapa hal, diagram ini memainkan peran mirip sebuah diagram alir, tetapi perbedaan prinsip antara diagram ini dan notasi
diagram alir adalah diagram ini mendukung behavior paralel
Universitas Sumatera Utara
43
Keterangan : Pemilik mobil melakukan registrasi dan mengirim berkas mobil yang ingin di
lelang dengan melakukan input data mobil agar ditampilkan di website. Dan admin melakukan input data mobil yang dikirim oleh pemilik mobil untuk
ditampilkan di website.
3.2.3
Diagram Alir Data
Perancangan sistem Diagram Alir Data yang digunakan dalam penulisan ini adalah DFD Data Flow Diagram yang terdiri dari beberapa bagan yaitu:
Pemilik Admin
Gambar 3.3 UML Activity diagram Registrasis
Kirim berkas informasi mobil
Input informasi mobil
Tampilkan di website
Universitas Sumatera Utara
44
PESERTA LELANG
ADMINISTRATOR SISTEM
LELANG AKTIVASI
PEMENANG LELANG
DAFTAR
LIMIT LELANG
Gambar 3.4 Diagram Kontext
Diagram ini, untuk entity pengunjung dan admin ditransformasikan kembali kedalam bentuk Diagram Level 1 dengan bagan seperti pada Gambar 3.4
Diagram Level 1 dengan bagan seperti berikut:
Universitas Sumatera Utara
45
PEMOHON LELANG
DAFTAR
PROSES REGISTRASI PESERTA LELANG
3.0 SET SESSION
ID 2.0
ADMIN
PROSES PENGUMUMAN INFORMASI LELANG
5.0 INPUT DATA IKLAN
BARANG ANGGOTA
SIMPAN
CLEAR SESSION ID
6.0 LOGOUT
PEMENANG LELANG
AKTIVASI DATA
PESERTA LELANG
PROSES BARANG LELANG
4.0 LELANG
PEMENANG LELANG
BARANG BARANG
LIMIT DATA
DATA
LOGOUT
PEMENANG LELANG
ADMIN PROSES LOGIN
USER DAN PASS 1.0
LOGIN LOGIN
CEK CEK
SET SET
DATA DATA
Gambar 3.5 Diagram Sistem Lelang Level 1 .
3.2.4
Flowchart
START
LOGIN USER SUDAH DAFTAR
PENDAFTARAN USER
Universitas Sumatera Utara
46
Gambar 3.6 Flowchart
3.3
Tabel dan Relasi
Dalam pembentukan Tabel dan Relasi, Penulis menggunakan database dengan
nama Lelang_Db yang terdiri dari beberapa table dengan desain sebagai berikut:
Universitas Sumatera Utara
47
Tabel 3.1 Anggota Id
Field Nama Field
Tipe Data Lebar
Keterangan
Id Int
10 Primary Key
1 Kaid
Varchar 50
Kartu Identitas 2
Noid Varchar
20 Nomor Identitas
3 Nama
Varchar 50
Nama 4
Ttl DateTime
- Tanggal Lahir
5 Alamat
Varchar 50
Alamat 6
Telp Varchar
15 TelpHP
7 Norek
Varchar 20
Nomor Rekening 8
Natas Varchar
50 Atas Nama Rekening
9 Mail
Varchar 25
Email 10
Pass Varchar
50 PasswordSandi
11 Aktivasi
Varchar 20
Persetujuan
Tabel 3.2 Barang Id
Nama Field Tipe Data
Lebar Keterangan
Universitas Sumatera Utara
48
Field Id
Int 10
Primary Key
1 Barang
Varchar 30
Barang Lelang 2
Harga Varchar
50 Harga
3 Gambar
Varchar 50
Gambar Barang 4
Deskripsi Text
- Penjelasan Barang
5 Status
Varchar 20
Lelang atau tidak
Tabel 3.3 Lelang Id
Field Nama Field
Tipe Data Lebar
Keterangan
Id Int
10 Primary Key
1 Noid
Int 10
Foreign Key 2
Barang Varchar
255 Barang
3 Tawar
Varchar 255
Penawaran
Tabel 3.4 Pemenang
Universitas Sumatera Utara
49
Id Field
Nama Field Tipe Data
Lebar Keterangan
Id Int
10 Primary Key
1 Periode
Int 10
Periode Ke lelang 2
Noid Varchar
255 Nomor Identitas
3 Nama
Varchar 255
Nama 4
Alamat Varchar
255 Alamat
5 Telp
Varchar 255
Telp 6
Barang Varchar
255 Barang
7 Harga
Varchar 255
Harga Barang 8
Tawar Varchar
255 Harga Penawaran
Tabel 3.5 Admin Id
Field Nama Field
Tipe Data Lebar
Keterangan
IdAdmin Int
10 Primary Key
1 User
Varchar 255
Masuk Pengguna
Universitas Sumatera Utara
50
2 Pass
Varchar 255
Kata Sandi
Adapun relasi table yang dibentuk, dapat dilihat dari gambar dibawah ini:
Gambar 3.7 Relasi Tabel
3.4 Desain Interface Website