Dalam merancang tampilan sebuah situs, harus menggambarkan layout dari situs yang akan dibuat. Layout berfungsi untuk memudahkan dalam
mendesain tampilan pada sebuah halaman web.
3.3.1 Perancangan Antar Muka Halaman Utama
Perancangan halaman utama dari aplikasi penjualan dan pembelian data motor, akan menampilkan transaksi penjualan dan pembelian yang dilakukan oleh
customer. Hampir semua halaman lain serupa dengan halaman utama yakni dengan perbadaan dari isi halaman saja yang membedakan dari halamannya. Pada
Gambar 3.6 di bawah ini adalah gambar dari halaman utama pembuka pada sistem
Gambar 3.7 Form Halaman Utama
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
3.3.2 Perancangan Antar Muka Halaman Jual Beli Motor
Tidak jauh berbeda dengan rancangan halaman utama, halaman Jual Beli memiliki banyak kesamaan dari halaman utama, hanya saja halaman pembuka
dari aplikasi jual beli motor ini terdapat beberapa menu yang telah menyatu dengan tiap form yang ada sehingga memudahkan para user untuk mengakses
halaman web. Pada Gambar 3.8 di bawah ini adalah desain halaman Jual Beli Motor.
Gambar 3.8 Halaman Pembuka Aplikasi Jual Beli Motor
HOME PEGAWAI CUSTOMER CUSTOMER KREDIT LOGOUT
TRANSAKSI LIST MOTOR MAINTANANCE
LIST LIST
TUKAR TAMBAH PEMBELIAN PENJUALAN
FOOTER
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
.a. Interface Transaksi
Gambar 3.9 Interface Transaksi
Pada Interface transaksi terdapat beberapa inputan yang harus diisi oleh petugas. Antara lain Nama, No Id, Jenis kelamin, Alamat, Propinsi, Kota, Telp,
Jenis transaksi. Guna dari interface transaksi ini yaitu untuk mendata customer yang melakukan penjualan motornya ke dealer Ardian Motor begitu juga
sebaliknya, Dengan pendataan yang terkomputerisasi membantu pihak dealer dalam melihat laporan penjualan dan pembelian serta daftar customer yang
melakukan transaksi jual beli di dealer Ardian Motor. Insert Customer
Nama
: No Id
: Jenis kelamin :
Alamat :
Propinsi : Kota
: Telp
: Jenis transaksi :
SAVE
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
b. Interface Transaksi Motor Pada halaman ini adalah tempat untuk melakukan pencatatan transaksi
pembelian motor yang nantinya merupakan stok motor yang ada di Ardian Motor. Yang dapat melakukan pencatatan ini adalah admin. Berikut adalah
interface dari transaksi motor yang ditujukkan pada gambar 3.10.
No.Bpkb :
No. Polisi :
Merk Motor :
Nama Motor :
Tahun Pembuatan : Warna Kendaraan :
No.Rangka :
No.Mesin :
Harga Beli :
Gambar 3.10 Interface Transaksi Motor
Simpan
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
52
BAB IV IMPLEMENTASI SISTEM
4.1 Kebutuhan Sistem
Ada beberapa hal dalam pengembangan aplikasi sistem informasi yang harus diperhatikan sebelum sampai pada langkah menjalankan program atau
sistem, antara lain peragkat keras hardware, perangkat lunak software serta bagaimana akhirnya aplikasi dapat sampai ke tangan user pemakai.
4.1.1 Perangkat Sistem
Pada bagian ini akan dijelaskan mengenai perangkat keras dan perangkat
lunak yang digunakan pada implementasi sistem ini.
Perangkat Keras : Dibutuhkan satu Personal Computer dengan prosesor minimal Pentium II 266,
memori 64 Mb Windows 98 atau 128 Windows XP, Harddisk dengan kapasitas minimal 40 Gb dan VGA Card minimal 4 Mb.
Perangkat Lunak : -
Sistem Operasi Windows XP. -
Dreamweaver 8 untuk mendesain aplikasi ini. Selain Personal Computer, perangkat lain yang digunakan untuk implementasi
sistem yaitu laptop dengan spesifikasi berikut: Perangkat Lunak:
- Microsoft Windows7 - Dreamweaver 8
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.