Kehandalan suatu sistem database DBMS dapat diketahui dari cara kerja Optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh
user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query
data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lipat lebih cepat dari PostgreSQL dan lima kali
lebih cepat dibanding Interbase.
2.9.1 Keistimewaan MySQL
Sebagai database server yang memiliki konsep database modern, MySQL memiiki banyak keistimewaan. Berikut ini beberapa keistimewaan yang dimiliki
oleh MySQL.
1. Portability
MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBDS, Mac OS dan lain-lain.
2. Open Source
MySQL didistribusikan secara Open Source, sehingga dapat digunakan secara bebas.
3. Multi-user
MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah. Hal ini memungkinkan sebuah database server
MySQL dapat diakses client secara bersamaan.
4. Performance Tuning MySQL memiliki kecepatan yang tinggi dalam menangani query, dengan
kata lain dapat memproses lebih banyak SQL per satuan waktu. 5. Column Types
MySQL memiliki kolom yang sangat komplek, seperti signedunsigned integer, float, double, char, varchar, text, blob, date, time, timestamp, year,
set dan enum. 6. Command dan Function
MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah SELECT dan WHERE dalam query.
7. Security 8. MySQL memiliki lapisan-lapisan sekuritas seperti level subnetmask, nama
host, dan izin akses user dengan system perizinan yang mendetail serta password terenkripsi.
9. Scability dan Limits MySQL mampu menangani database dengan sekala besar, dengan jumlah
records lebih dari 50 juta dan 60 juta table serta 5 miliar baris. Selain itu, batas indeks yang dapat ditampung mencapai 32 indeks pada setiap tabelnya.
10. Connectivity MySQL dapat melakukan koneksi dengan client menggunakan protocol
TCPIP, Unix Socet UNIX, atau Named Pipes NT.
11. Localization Deteksi pesan kesalahan pada client dengan menggunakan lebih dari 20
bahasa. 12. Interface
Interface terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunkan fungsi API Application Programming Interface.
13. Client dan Tools Dilengkapi dengan tool yang dapat digunakan untuk administrasi database,
dan pada setiap tool yang ada disertakan petunjuk online. 14. Struktur Tabel
Struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibanding database lainnya semacam PostgreSQL ataupun Oracle.
2.10 AJAX Asynchronus JavaScript and XML
2.10.1 Pengenalan AJAX
AJAX diperkenalkan oleh Jesse James Garret dari Adaptive Path pada tahun 2005. Ia mendeskripsikan bagaimana mengembangkan web yang berbeda
dengan metode tradisional. Ia mempublikasikan sebuah artikel yang berjudul “AJAX: A New Approach to Web Applications”. Pada artikelnya, Garret yakin
bahwa aplikasi web dapat menutup jurang pemisah antara web dan aplikasi desktop. Pengembangan web secara tradisional bekerja secara synchronously,
antara aplikasi dan server, setiap kali melakukan link atau melakukan operasi “submit” pada form. Caranya, browser mengirim data ke server, server merespon
dan seluruh halaman akan di refresh.
Gambar 2-1 Arsitektur Model Tradisonal
Aplikasi web yang bekerja dengan AJAX bekerja secara asynchronously, yang berarti mengirim dan menerima data dari user ke server tanpa perlu me-load
kembali seluruh halaman, melainkan hanya melakukan penggantian pada bagian web yang hendak diubah.
Gambar 2. 1 Arsitektur Model AJAX
AJAX bukanlah bahasa pemrograman baru, tetapi merupakan teknik baru penggunaan standar yang telah ada. Dengan AJAX aplikasi web dapat menjadi
lebih baik, cepat dan menambah unsur user-friendly dan interaktif. Teknologi AJAX di dalamnya meliputi beberapa komponen, yaitu :
a. XHTML Extensible HyperText Markup Language adalah bahasa markup seperti HTML, tetapi dengan gaya bahasa lebih baik. XHTML digunakan
membuat halaman web dan dokumen-dokumen lain yang dapat ditampilkan
dalam browser. XHTML merupakan standar internasional dengan spesifikasi yang ditetapkan oleh W3C World Wide Web Consortium.
b. CSS Cascading Style Sheets adalah sebuah mekanisme sederhana untuk memberikan style seperti font, warna, jarak spasi, dll kepada dokumen web
yang ditulis dalam HTML atau XML termasuk beberapa variasi bahasa XML seperti XHTML dan SVG.
c. JavaScript adalah bahasa scripting kecil, ringan, berorientasi-objek dan lintas platform. JavaScript tidak dapat berjalan dengan baik sebagai bahasa mandiri,
melainkan dirancang untuk ditanamkan pada produk. d. DOM Document Object Model adalah sebuah API Application Program
Interface untuk dokumen HTML dan XML. DOM menyediakan representasi dokumen secara terstruktur, dimungkinkan untuk mengubah isi dan
presentasi visual. Pada dasarnya, DOM menghubungkan halaman web dengan script atau bahasa pemrograman.
e. XML Extensible Markup Language adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup
keperluan khusus. Keperluan utama XML adalah untuk pertukaran data antarsistem yang beraneka ragam.
f. XSLT Extensible Stylesheet Language Transformations adalah sebuah bahasa berbasis-XML untuk transformasi dokumen XML. Walaupun proses
merujuk pada transformasi, dokumen asli tidak berubah melainkan dokumen XML baru dibuat dengan basis isi dokumen yang sudah ada. XSLT biasanya
digunakan untuk mengubah skema XML ke halaman web atau dokumen PDF.
g. Objek XMLHttpRequest berkemampuan melakukan pertukaran data secara asinkron dengan web server. AJAX menggunakan obyek XMLHttpRequest
untuk melakukan pertukaran data dengan web server. h. JSON JavaScript Object Notation yaitu format pertukaran data komputer
yang ringan dan mudah. Keuntungan JSON dibandingkan dengan XML adalah pada proses penerjemahan data menggunakan Javascript. Javascript
dapat menerjemahkan JSON menggunakan built-in procedure eval. Dalam kenyataannya, semua teknologi dapat digunakan untuk AJAX, tetapi
hanya tiga yang dibutuhkan: HTMLXHTML, DOM dan JavaScript. XHTML ternyata diperlukan untuk menampilkan informasi, sedangkan DOM diperlukan
untuk halaman XHTML tanpa di-reload ulang. JavaScript dibutuhkan untuk komunikasi client-server, sementara manipulasi
DOM untuk meng-update halaman web. Teknologi lain digunakan agar AJAX lebih bagus, tetapi bukan merupakan hal yang pokok. Untuk pembuatan aplikasi
agar lebih powerful maka AJAX dapat digabung dengan aplikasi server-side programming seperti PHP, ASP, Java servlet atau .NET.
2.10.2 Keistimewaan AJAX
AJAX sebagai sebagai teknik pemrograman baru memiliki beberapa keistimewaan. Keistimewaan AJAX antara lain:
a. Membuat permintaan kepada server tanpa memuat kembali reload halaman. b. Mengurai parse dan bekerja dengan dokumen XML dan atau JSON.
c. Data yang dikirim sedikit sehingga menghemat bandwidth dan mempercepat koneksi.
d. Proses dilakukan di belakang layar. e. Banyak didukung oleh browser-browser modern yang popular.
f. Aplikasi yang dibangun semakin interaktif dan dinamis. Penggunaan AJAX akan mendatangkan beberapa keuntungan. Keuntungan
tersebut antara lain. a. High Interactivity: Aplikasi AJAX lebih interaktif dibanding dengan aplikasi
web konvensional. b. High Usability: Update data tidak me-reload keseluruhan halaman,
melainkan hanya yang relevan. c. High Speed: Aplikasi AJAX lebih cepat dibanding dengan aplikasi web
konvensional.
2.11 PHP Page Hypertext Preprosessor
2.11.1 Sejarah PHP
Pada awalnya PHP merupakan kependekan dari Personal Home Page Situs Personal. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.
Pada waktu itu PHP masih bernama FI Form Interpreted, yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHPFI. Dengan perilisan kode sumber ini menjadi open source,
maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHPFI 2.0. Pada rilis ini interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-
modul ekstensi yang meningkatkan kemampuan PHPFI secara signifikan. Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP
menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis
tersebut sebagai PHP 3.0 dan singkatan PHP dirubah menjadi akronim berulang PHP: Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai
pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas
yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP
mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa
pemrograman ke arah paradigma berorientasi objek.
2.11.2 Definisi PHP
PHP adalah salah satu bahasa server-side yang ditambahkan ke dalam HTML. Sifat server-side berarti pengerjaan skrip dilakukan di server, kemudian
hasilnya dikirim ke browser. Keunggulan dari sifat server-side adalah :
a. Tidak diperlukan kompatibilitas browser atau harus menggunakan browser tertentu, karena serverlah yang mengerjakan skrip PHP.
b. Freeware artinya dapat didistribusikan dengan bebas. c. Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server,
misalnya koneksi ke database. Diantaranya memiliki kemampuan koneksi dengan database seperti Oracle, Sybase, MYSQL, Solid Generic, ODBC, dan
PostgressSQL.
2.12 Cascading Style Sheet CSS
Cascading Style Sheet atau yang biasa disingkat dengan CSS, merupakan suatu dokumen yang digunakan untuk melakukan pengaturan halaman Web yang
ditulis dengan HTML atau XHTML. Penggunaaan CSS tidak memerlukan perangkat lunak tertentu karena CSS merupakan script yang sudah embedded
dengan HTML. CSS digunakan oleh Web Designer untuk menentukan warna, jenis, huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan
terutama untuk memisahkan antara isi dokumen yang ditulis dengan HTML atau bahasa markup lainnya dengan presentasi dokumen yang ditulis dengan CSS.
Pemisah ini ditujukan agar dapat memisahkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan control terhadap tampilan, dan mengurangi kompleksitas
serta pengulangan struktur isi.
2.13 Pengenalan XAMPP
XAMPP merupakan sebuah tool yang menyediakan beberapa paket perangkat lunak ke dalam satu buah paket. Dengan menginstal XAMPP tidak
pertlu melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL
secara manual. XAMPP akan menginstalasi dan konfigurasikannya secara otomatis.
XAMPP merupakan pengembangan dari LAMP Linux Apache, MySQL, PHP and PERL, XAMPP ini merupakan project non-profit yang di kembangkan oleh
Apache Friends yang didirikan Kai ‘Oswalad’ Seider dan Kay Vogelgesang pada tahun 2002, project mereka ini bertujuan untuk mempromosikan penggunaan
Apache web server.
2.14 Pengenalan Macromedia Dreamweaver
Macromedia Dreamweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola situs web maupun halaman web.
Macromedia Dreamweaver merupakan software utama yang digunakan oleh Web Designer maupun Web Progremer guna mengembangkan situs web. Ruang kerja,
fasilitas dan kemampuan Macromedia Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun situs web.
Salah satu kelebihan Dreamweaver adalah ruang kerja Dreamweaver serta tool yang tersedian dapat digunakan dengan sangat mudah dan cepat, sehingga dapat
memudahkan membangun suatu website dengan cepat dan tanpa harus melakukan coding. Dreamweaver juga memiliki dua bentuk layer, yaitu bentuk halaman
Design dan halaman Code. Dua bentuk layer ini akan mempermudah dalam menambahkan script yang berbasis PHP maupun javascript. Dreamweaver, selain
mendukung pembuatan web yang berbasis HTML, juga dapat mendukung
program –program web yang lain diantaranya PHP, ASP, Perl, Javascript, dan lain-
lain.
Gambar 2. 2 Tampilan Macromedia Dreamweaver 8
47
BAB 3 ANALISIS DAN PERANCANGAN
3.1 Analisis Sistem
Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk
mendefinisikan dan mengevaluasi permasalahan-permasalahan, hambatan- hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat
diusulkan perbaikan-perbaikannya.
3.1.1 Analisi Masalah
Ada beberapa permasalahan yang timbul dalam sistem yang sedang berjalan saat ini. Permasalahan-permasalahan tersebut dapat diuraikan sebagai
berikut: 1. Sistem yang berjalan saat ini masih konvensional dengan sistem transaksi
datang langsung ke tempatnya. 2. Dengan sistem yang berjalan sekarang, pemberitahuan informasi kepada
customer dirasakan kurang efektif sehingga costumer belum tentu mendapatkan informasi secara lengkap.
3. Sistem pembayaran yang digunakan saat ini hanya bisa menggunakan uang tunai, sehingga dirasakan tidak fleksible. Dan bagi costumer yang
ingin melakukan transaksi dalam jumlah besar, costumer harus membawa uang tunai yang cukup besar.
4. Media promosi yang dilakukankan oleh Perusahaan Indah Furniture masih belum maksimal.
5. Selama ini pengarsipan yang dilakukan Perusahaan Indah Furniture masih menggunakan kertas sehingga mudah hilang dan mudah rusak.
6. Masalah dalam pengiriman produk kepada pelanggan yang berada diluar daerah masih belum evektif.
7. Karena media promosi yang kurang maksimal, stok barang yang ada di perusahaan indah furniture tidak terjual dengan maksimal.
3.1.2 Analisis Prosedur Yang Sedang Berjalan
1. Prosedur Penjualan Produk Dan Pengiriman Produk a. Pelanggan membeli produk yang tersedia di took indah furniture
b. Kasir mengecek stok barang apakah masih ada atau tidak, jika stok masih ada maka kasir menghitung total harga dan jika stok barang
kosong kasir member tahu kepada pelanggan stok barang yang dipilih sedang kosong
c. Jika stok barang yang dipilih oleh pelanggan ada maka pelanggan memberikan uang pembayaran kepada kasir
d. Kasir menerima uang pembayaran dari pelanggan lalu kasir membuat bukti transaksi.
e. Kasir memberikan nota pembayaran kepada pelanggan, dan kasir memberikan barang yang akan dikirim ke kurir pengiriman.
f. Lalu kasir membuat nota pengiriman dan memberikannya kepada kurir pengiriman barang.
g. Lalu kurir mengirim barang tersebut kepada pelanggan beserta nota pengiriman
h. Jika barang sudah sampai ketempat tujuan maka kurir memberikan barang dan nota pengiriman barang kepada pelanggan.
i. Lalu pelanggan mengecek barang tersebut apakah sesuai atau tidak sesuai, jika tidak sesuai maka barang tersebut dikembalikan dan jika
barang tersebut sesuai maka pelanggan menandatangani nota pengiriman baran.
j. Kasir membuat laporan penjualan barang dan memberikannya kepada pimpinan toko.
Prosedur penjualan produk dan pengiriman barang
Kasir Kurir
Pimpinan Pelanggan
Produk yang dibeli Cek barang
Stok kosong Stok ada
Menghitung total harga
Pembayaran Membuat
bukti transaksi
Pembayaran
Produk yang dibeli Nota pembayaran 1
Nota pembayaran 2
Membuat nota
pengiriman barang
Nota pembayaran 2
Nota pengiriman barang
Nota pengiriman barang
Laporan penjualan
barang Laporan penjualan
barang A2
A3 Cek
barang Barang salah
Barang benar Penandatanganan
nota pengiriman Produk yang dibeli
Produk yang dibeli
A4 A1
Produk yang dibeli
Gambar 3-1 Prosedur Penjualan Produk Dan Pengiriman Barang
Keterangan : A1 : Arsip Stok Barang Kosong
A2 : Arsip Nota Penjualan Produk A3 : Arsip Data Barang Terjual
A4 : Arsip Salah Barang Pada Saat Pengiriman
3.1.3 Solusi Yang Ditawarkan
Untuk mengurangi permasalahan-permasalahan yang ada di Perusahaan Indah Furnituure, maka penulis pelangganikan solusi dengan membangun sebuah
sistem berupa website penjualan online. Dengan sistem tersebut, masalah penjualan yang bersifat manual dan promosi produk yang belum maksimal
diharapkan dapat teratasi. Sehingga pihak Perusahaan Indah Furniture dapat memperluas jangkauan promosi dan penjualan ke berbagai daerah. Selain itu
dapat pelangganikan kemudahan kepada pelanggan untuk pembelian barang dengan melakukan pesanan barang secara online.
3.1.4 Analisis kebutuhan non fungsional
Pada tahap analisis non fungsional akan menjelaskan mengenai analisis kebutuhan analisis user, analisis perangkat keras dan analisis perangkat lunak
yang dipakai.
3.1.4.1 Analisis User
Pada sistem yang diusulkan, user akan dibagi menjadi 3, yaitu : 1. Admin
Admin adalah yang bertugas mengelola data pesanan konsumen, input data produk, kategori dan merk, dan kemampuan dasar yang dimiliki oleh
Admin yaitu kemampuan dasar dibidang computer dan mengoperasikan Sisitem Operasi Windows XP atau produk Windows yang lainnya, serta
pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet.
2. Pelanggan Pelanggan dapat melihat daftar produk dan melakukan pesanan serta
melakukan transaksi secara online yang sebelumnya harus sudah registrasi terlebih dahulu. Pelanggan minimal dapat melakukan browsing di internet.
3. Pengunjung Pengunjung adalah pengguna biasa yang hanya dapat melihat konten yang
ada di website tanpa dapat melakukan pesanan. Dan pengunjung dapat mendaftarkan menjadi pelanggan untuk dapat melanjutkan ke pesanan atau
transaksi secara online. Pengunjung minimal dapat melakukan browsing di internet.
3.1.4.2 Analisis Kebutuhan Perangkat Keras
Adapun spesifikasi perangkat keras yang dapat direkomendasikan untuk menjalankan aplikasi ini adalah sebagai berikut :
1. Processor Pentium 4 dengan kecepatan minimal 3.0 Ghz + Motherboard 2. Kapasitas Hardisk minimal 80 GB
3. VGA Card minimal 256 MB 4. Monitor dengan resolusi minimal 1024 X 768
5. LAN Card 10100 Mbps 6. Koneksi internet minimal 64 Kbps
7. Keyboard dan Mouse
3.1.4.3 Analisis Kebutuhan Perangkat Lunak
Kebutuhan perangkat lunak merupakan faktor yang harus dipenuhi untuk merancang sebuah perangkat lunak agar sesuai dengan maksud dan tujuan
perangkat lunak tersebut dibuat. Adapun spesifikasi perangkat lunak yang dibutuhkan untuk membangun aplikasi penjualan ini diantaranya sebagai berikut :
1. Windows XP sebagai sistem operasi. 2. XAMPP sebagai Web Server.
3. Macromedia Dreamwever sebagai editor HTML, PHP. 4. MySQL sebagai Database
5. Mozila Firefox sebagai Browser
3.1.5 Analisis Kebutuhan Fungsional
3.1.5.1 Fungsi Website Penjualan Online
Secara umum, website penjualan online berfungsi sebagai media promosi dan media untuk melakukan penjualan produk Perusahaan indah Furniture
dengan melakukan pesanan barang secara online. Fungsi utama perangkat lunak yang dibangun adalah :
1. Pendaftaran pelanggan - proses untuk pendaftaran menjadi pelanggan di website indah furniture.
2. Lupa password - proses untuk mengantisipasi jika admin atau pelanggan lupa password untuk login kedalam konten web
3. Login pelanggan - proses pelanggan untuk masuk kedalam konten web dengan menginputkan usernameemail dan password
4. Edit profile – proses untuk merubah profile admin atau pelanggan seperti
merubah email, alamat, nama, dan lain-lain 5. Login admin
– proses admin untuk masuk kedalam konten web yang bertujuan untuk merubah isi konten web dengan data yang baru, setelah
menginputkan usernameemail dan password 6. Logout
– proses untuk admin dan pelanggan keluar dari konten web 7. Pengolahan katalog Perusahaan Indah Furniture
a. Pengolahan kategori - proses untuk merubah isi data kategori, hapus data kategori, dan edit data kategori
b. Pengolahan produk - proses untuk merubah isi data produk, hapus data prosuk, dan edit data produk
c. Pengolahan data gambar – proses untuk menambah data gambar, hapus
data gambar, edit data gambar 8. Pengolahan biaya kota kirim
a. Pengolahan kota kirim- proses untuk merubah biaya kota kirim, hapus data kota kirim, update data kota kirim
9. Pesanan a. Pilih item produk
– proses costumer untuk memilih produk yang akan dibelidipesan
b. Edit jumlah pesanan – proses costumer untuk merubah jumlah pesanan
yang akan dibeli c. Hapus pesanan
– proses costumer untuk menghapus data pesanan yang tidak jadi dibeli
d. Pengisian pengiriman – proses costumer untuk mengisi data pengiriman
seperti alamat, no telp, dan lain-lain e. Simpan kekeranjang belanja
– proses costumer untuk menyimpan produk yang dibeli kedalam keranjang belanja agar tidak mengulangi
proses pembelian dari awal 10. Pengolahan pesanan
a. Pencarian data pesanan – proses untuk mencari data produk yang ada di
indah furniture b. Melihat detail pesanan
– proses untuk melihat data-data pesanan costumer
c. Update status pesanan – proses untuk menambah status pesanan menjadi
ACC atau REJECT 11. Pengolahan laporan
– proses pembuatan laporan pembelian atau pesanan 12. Konfirmasi pembayaran
– proses tanda jadi pembayaran untuk membeli semua barang yang dipesan
13. Ganti password – proses untuk merubah password agar terjaga
keamanannya 14. Retur
– proses untuk pengembalian barang yang rusak dari costumer ke pihak perusahaan indah furniture agar barang yang rusak digati menjadi
barang yang baru 15. Pengolahan wilayah
– proses untuk merubah data provinsi, hapus data provinsi, update data provinsi dan proses untuk merubah data kota, hapus data
kota, update data kota
16. Pengolahan data kurs dolar – proses untuk mengupdate data kurs dolar
3.1.5.2 Entity Relationship Diagram
Entity Relationship Diagram ERD merupakan salah satu cara untuk mengolah database sehingga data tersebut dapat diketahui hubungan atau relasi
dari dua file atau tabel. Untuk lebih jelasnya bentuk Entity Relationship Diagram ERD pada
website penjualan online dapat dilihat pada gambar dibawah ini:
Produk memesan
Pelanggan N
N memiliki
1 N
Detail pemesanan
memiliki N
Kota 1
memiliki N
Provinsi 1
Admin
mengelola 1
N mengelola
1 Kurs dolar
1
Gambar memiliki
1
1
Kategori memiliki
N
1 mengelola
N 1
Retur
memiliki 1
N Id_pesanan
Id_admin Id_kurs
Id_pesanan Id_produk
Id_pelanggan Id_gambar
Id_produk Id_pesanan
Id_kategori Id_kota
Id_provinsi
N 1
N mengelola
1
memiliki 1
mengelola 1
mengelola 1
N
pengiriman 1
1 memiliki
1
Keranjang belanja 1
Id_kranjangbelanja memiliki
1 Layanan pembayaran
N Id_layananpembayaran
memiliki 1
Detail retur N
memiliki 1
1 Id_pesanan
Id_produk
Gambar 3-2 Entity Relationship Diagram
Table 3-1 Kamus Data
Kamus Data : Admin :
{id_admin, password, email, nama_lengkap, no_tlp, alamat}
Detailpesanan : {id_pesanan, id_produk, qty, harga_temp, diskon_temp}
Detailretur : {id_pesanan, id_produk, qty}
Gambar : {id_gambar, id_produk, nama_file, img_primary}
Jenispembayaran : {id_jenispembayaran, jenis_pembayaran,
tipe_pembayaran, file_icon } Kategori :
{id_kategori, id_admin, kategori} Keranjangbelanja :
{id_keranjangbelanja, id_produk, qty, diskon,
harga_produk, id_pelanggan, tgl_pesan} Kota :
{id_kota, id_provinsi, nama_kota, kab_kota }
Layananpembayaran : {id_layananpembayaran, id_jenispembayaran, no_rekening, atas_nama, account_paypal}
Pelanggan : {id_pelanggan, email, password, nama_lengkap,
jenis_kelamin, alamat, id_kota, kode_pos, telepon, status_aktif, kode_aktivasi}
Pesanan : {id_pesanan, tgl_pesan, status_pesanan, total_belanja,
status_pengiriman, nama_penerima, alamat_penerima, tlp_penerima, kodepos, biaya_pengiriman, tgl_dikirim,
tgl_diterima, status_bayar, id_layananpembayaran, no_rekening, atas_nama, email_konfirmasi_paypal,
kd_transaksi_paypal, tgl_bayar, jumlah_bayar, mata_uang, id_pelanggan, armada}
Produk : {id_produk, nama_produk, diskon, keterangan, harga,
stok, id_kategori, banyak_dilihat} Provinsi :
{id_provinsi, nama_provinsi} Retur :
{id_pesanan, tgl_retur, status_retur, kondisi_retur}
Kurs : {id_kurs, id_admin, kurs}
3.2 Kebutuhan Fungsional
3.2.1 Diagram Konteks
Diagram konteks adalah diagram yang menggambarkan masukan, proses dan keluaran secara umum yang terjadi pada sistem. Selain itu juga diagram
konteks menghubungkan entitas-entitas yang berada pada sistem, baik entitas yang berkaitan dengan entitas luar sistem maupun entitas yang berkaitan dengan
entitas dalam system. Diagram konteks pada sistem penjualan online pada Indah Furniture dapat digambarkan sebagai berikut:
Aplikasi Penjualan Online
Pada Perusahaan Indah Furniture
pengunjung
admin member
Data login admin Data member
Data akun admin Data lupa password admin
Data master Data login member
Data lupa password member Data akun member
Data lihat informasi produk Data cari produk
Data order Data lihat histori order
Data retur produk Info data login member
Info data lupa password member Info data akun member
Info data lihat informasi produk Info data cari produk
Info data order Info data lihat histori order
Info data retur produk Data pendaftaran
Data produk Data cari produk
Data aktivasi acount Info data pendaftaran
Info data produk Info cari data produk
Info data login admin Info data member
Info data akun admin Info data lupa password admin
Info data master Paypal
Email user
Status pembayaran Data pemesanan
Info pemesanan, Info pembayaran Data pemesanan, data pembayaran
Facebook Share data produk
Info share data produk
Gambar 3-3 Diagram Konteks
3.2.2 Data Flow Diagram
Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi. DFD
Sistem informasi pesanan dan penjualan yang diusulkan terdiri dari beberapa
bagian, berikut data flow diagram selengkapnya :
3.2.2.1 DFD Level 1 E-Commerce
1 Pendaftaran
pelanggan
2 Lupa
password 3
Login pelanggan
4 Edit profil
5 Login admin
6 Log out
8 pengolahan
katalog
9 pesanan
10 Pengolahan
pesanan
11 Konfirmasi
pembayaran 12
Pengolahan wilayah
13 Pengolahan
biaya kirim 14
Retur
16 Pengolahan
laporan 15
Update kurs dolar
7 Ganti
password pengunjung
admin pelanggan
Data pendaftaran menjadi pelanggan Info account pelanggan
pelanggan Data pelanggan valid
Data account pelanggan Data lupa password
Data lupa password Info lupa password
Data lupa password
Info katalog Melihat data katalog
Data login pelanggan Info login pelanggan invalid
Data login pelanggan Data login pelanggan invalid
Log out member Data profile pelanggan
Info profile pelanggan Data profilr pelanggan
Data profile pelanggan
Data password baru Info password baru tersimpan
Data password baru Data password baru tersimpan
Log out admin
Data gambar gambar
kategori produk
Data gambar Data gambar
Info gambar Data kategori
Data kategori Info kategori
Data kategori Data produk
Data produk Data produk
Info produk Melihat data katalog
Info katalog admin
Data login admin Data login admin
Data login admin invalid Info login admin invalid
pesanan Data pesanan dan retur
Data pesanan Data pesanan
Info pesanan dan retur
Detail pesanan Data detail pesanan
Data detail pesanan Data detail pesanan
Data detail pesanan Data detail pesanan
Data pesanan Info pesanan
Data konfirmasi pembayaran Info konfirmasi pembayaran
Data konfirmasi pembayaran Data konfirmasi pembayaran
Data produk
Data wilayah Info wilayah
provinsi kota
Data kota Data kota
Data provinsi Data provinsi
Data wilayah Info wilayah
Ongkos kirim Data ongkos kirim
Data ongkos kirim Data ongkos kirim
Data ongkos kirim Info ongkos kirim
retur Data retur
Data retur Info retur
Data retur Data retur
Info retur
Data kurs kurs
Data kurs Data kurs
Data kurs Info kurs
Data kurs
Data transaksi penjualan Data transaksi penjualan
Data data pesanan Info transaksi penjualan
Data transaksi penjualan Data retur
Data retur
Gambar 3-4 DFD Level 1 E-Commerce
3.2.2.2 DFD Level 2 proses 3 login Admin, Pelanggan
3.1 input
username
3.2 input
password admin
admin
pelanggan pelanggan
3.3 Lupa
password Info login admin invalid
Data login admin
Data login pelanggan Info login pelanggan invalid
Logi n
va lid
pe la
nggan ,
adm in
Info login pelanggan invalid Info login admin invalid
Data password Data login pelanggan
data login pelanggan
Verifikasi password Verifikasi password
Data password Data login admin
Data login admin
Info login valid Admin, pelanggan Info password baru pelanggan
Data passwor baru Data passwor baru
Data password baru pelanggan Data password baru admin
Info password baru admin Data passwor baru
Data passwor baru
Gambar 3-5 DFD Level 2 proses loginAdmin, Pelanggan 3.2.2.3
DFD Level 2 proses 8 Pengolahan Katalog
Admin
8.1 Pengolahan
data kategori
8.2 Pengolahan
data produk
kategori
produk
Data kategori Info kategori
Data kategori Data kategori
Info produk Data produk
Data produk Data produk
Login val id
Login va lid
Data kategori
8.3 Pengolahan
data gambar Info gambar
Data gambar
gambar
Data gambar Data gambar
Login val id
Data gambar
Gambar 3-6 DFD Level 2 proses 8 Pengolahan Katalog
3.2.2.4 DFD Level 2 proses 9 Pesanan
pelanggan
9.1 produk
9.5 Simpan ke
keranjang belanja
9.2 Edit jumlah
pesanan produk
produk
Data produk yang dipilih Info produk yang dipilih
Data pesanan produk yang diedit Info pesanan produk yang diedit
Data pesanan, data detail pesanan Info pengiriman
Info keseluruhan pesanan Info detail pesanan
Info produk Data produk
Data detail pesanan
pesanan detailpesanan
Data detail pesanan Data detail pesanan
Data pengiriman Data keseluruhan pesanan
Data pengiriman Login valid
9.3 Hapus
pesanan produk
Info pesanan itemproduk yang dihapus Data pesanan itemproduk yang dihapus
Info produk
9.4 Pengisian
Pengiriman Data pengiriman
Data pengiriman Login valid
Login valid Login valid
Login valid Data produk
Gambar 3-7 DFD Level 2 proses 9 Pesanan 3.2.2.5
DFD Level 2 proses 10 Pengolahan Pesanan
Admin
10.1 Pencarian data
pesanan
10.3 Update status
pesanan Data pesanan yang dicari
Info pesanan yang dicari
Info pesanan yang di update Data pesanan yang di update
pesanan
Data pesanan yang dicari Data pesanan
Data pesanan Data pesanan yang di update
10.2 Melihat detail
pesanan
detailpesanan
Data detail pesanan Info detail pesanan
Data detail pemesaanan
Data detail pesanan Logi
n valid Login valid
Login v alid
Gambar 3-8 DFD Level 2 proses 10 Pengolahan Pesanan
3.2.2.6 DFD Level 2 proses 12 Pengolahan Wilayah
Admin
12.1 Pengolahan
data wilayah
provinsi Data provinsi
Info provinsi provinsi
Data provinsi Data provinsi
Lo gin
va lid
12.2 Pengolahan
data wilayah
kota
kota
Log in va
lid
Data kota Data kota
Info kota Data kota
Data provinsi
Gambar 3-9 DFD Level 2 proses 12 Pengolahan Wilayah 3.2.2.7
DFD Level 2 proses 13 Pengolahan Biaya Kirim
Admin
13.1 Pengolahan
biaya kirim Data biaya kirim
Info biaya kirim
Detailpesanan
Data biaya kirim Data biaya kirim
Lo gin
va lid
Pesanan
Data biaya kirim
Data biaya kirim Data biaya kirim
Gambar 3-10 DFD Level 2 proses 13 Pengolahan Biaya Kirim
3.2.2.8 DFD Level 2 proses 14 Pengolahan Retur
Admin
14.1 Pengolahan retur
data retur
Info retur
Detailpesanan
data retur data retur
Lo gin
va lid
Pesanan
data retur
data retur data retur
3-11 DFD Level 2 proses 13 Pengolahan Biaya Kirim 3.2.2.9
DFD Level 3 proses 3.3 Lupa Password
pelanggan 3.3.2
Pengisian password
baru Admin
3.3.1 Pengisian
user name
pelanggan Admin
Data username Data username
Info username Data username
Data username Info username
Data username admin, pelanggan valid
Data password baru Data password baru
Data password Data password baru
Data password baru Password baru
password baru Data password
Login valid
Login valid
Gambar 3-12 DFD level 3 proses 3.3 Lupa Password
3.2.2.10 DFD Level 3 proses 8.1 Pengolahan Kategori
Admin
8.1.1 Tambah data
kategori
8.1.2 Edit data
kategori
8.1.3 Hapus data
kategori
kategori
Data kategori Info kategori
Data kategori yang dihapus Info kategori yang dihapus
Data kategori yang diedit Info kategori yang diedit
Data kategori Data kategori
Data kategori yang diedit Data kategori
Data kategori Data kategori yang dihapus
Log in va
lid
Log in v
alid Login va
lid
8.1.4 Pencarian data
kategori Data kategori yang dicari
Info kategori yang dicari Login
valid Data kategori yang dicari
Data kategori yang dicari
Gambar 3-13 DFD level 3 proses 8.1 Pengolahan Kategori 3.2.2.11
DFD Level 3 proses 8.2 Pengolahan Produk
Admin
8.2.1 Tambah data
produk
8.2.2 Edit data
produk
8.2.3 Hapus data
produk
produk
Data produk Info produk
Data produk yang dihapus Info produk yang dihapus
Data produk yang diedit Info produk yang diedit
Data produk Data produk
Data produk yang diedit Data produk yang dihapus
Data produk yang dihapus Login
valid
8.2.4 Pencarian data
produk Login
valid
Login valid
Data produk yang dicari Info produk yang dicari
Data produk yang dicari Data produk yang dicari
Login valid
kategori Data kategori
Data produk yang diedit Data kategori
Gambar 3-14 DFD level 3 proses 8.2 Pengolahan Produk
3.2.2.12 DFD Level 3 proses 8.3 Pengolahan Gambar
Admin
8.3.1 Tambah data
gambar
8.3.2 Edit data gambar
8.3.3 Hapus data
gambar
gambar
Data gambar Info gambar
Data gambar yang dihapus Info gambar yang dihapus
Data gambar yang diedit Info gambar yang diedit
Data gambar Data gambar
Data gambar yang diedit Data gambar
Data gambar Data gambar yang dihapus
Log in v
alid
Log in v
alid Logi
n va lid
Gambar 3-15 DFD level 3 proses 8.3 Pengolahan Gambar 3.2.2.13
DFD Level 3 proses 12.1 Pengolahan Provinsi
Admin
12.1.1 Tambah data
provinsi
12.1.2 Edit data
provinsi
12.1.3 Hapus data
provinsi
provinsi
Logi n vali
d
12.1.4 Pencarian data
provinsi Info provinsi yang diedit
Data provinsi yang diedit Info provinsi
Data provinsi
Data provinsi yang dihapus Info provinsi yang dihapus
Data provinsi yang dicari Info provinsi yang dicari
Data provinsi Data provinsi
Data provinsi yang diedit Data provinsi
Data provinsi yang dihapus Data provinsi
Data provinsi yang dicari Data provinsi
Login valid
Logi n va
lid
Login valid
Gambar 3-16 DFD level 3 proses 12.1 Pengolahan Provinsi
3.2.2.14 DFD Level 3 proses 12.2 Pengolahan Kota
Admin
12.2.1 Tambah data
kota
12.2.2 Edit data
kota
12.2.3 Hapus data
kota
kota
Lo gin
va lid
12.2.4 Pencarian data
kota Info kota yang diedit
Data kota yang diedit Info kota
Data kota
Data kota yang dihapus Info kota yang dihapus
Data kota yang dicari Info kota yang dicari
Data kota Data kota
Data kota yang diedit Data kota
Data kota yang dihapus Data kota
Data kota yang dicari Data kota
Lo gin
va lid
Lo gin
va lid
Lo gin
va lid
provinsi
Data provinsi
Data provinsi Data provinsi
Gambar 3-17 DFD level 3 proses 12.2 Pengolahan Kota 3.2.3
Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD diatas akan
dijelaskan pada tabel dibawah ini :
Table 3-2 Spesifikasi Proses
No Proses
Keterangan 1
No.Proses 1
Nama Pendaftaran pelanggan
Source Pengunjung
Input Data pendaftaran pelanggan
Output Info account pelanggan
Destination Pengunjung
Logika proses 1. Pengunjung memilih menu pendaftaranregestrasi
2. Sistem akan menampilkan form pendaftaran. 3. Pengunjung mengisi data pendaftaran pelanggan.
4. Apabila ada kesalahan dalam melakukan pengisian
data registrasi maka sistem akan menampilkan pesan kesalahan.
5. Jika pengisian data registrasi sudah dianggap benar
maka sistem akan menyimpan data pendaftaran dan mengirimkan data aktivasi ke email user yang
telah terdaftar.
2 No.Proses
2 Nama
Lupa password Source
Pelanggan Input
Data lupa password Output
Info lupa password Destination
Pelanggan Logika proses
1. Pelanggan memasukan email di form pengisian email lupa password
2. Sistem akan melakukan pengecekan terhadap email
3. Apabila email terdaftar, sistem akan mengirimkan password baru ke email
3 No.proses
3 Nama
Login pelanggan Source
Pelanggan Input
Data login pelanggan Output
Info login pelanggan invalid Destination
Pelanggan Logika proses
1. Pelanggan memasukkan data login. 2. Apabila email dan password kosong tampil pesan
email dan password tidak valid, coba lagi dengan menggunakan email Anda yang lengkap.
3. Apabila email dan password salah tampil pesan email dan password tidak valid, coba lagi dengan
menggunakan email Anda yang lengkap. 4. Apabila email dan password benar masuk ke
halaman beranda penjualan online indah furniture. 4
No.proses 4
Nama Edit profile
Source Pelanggan
Input Data profile pelanggan
Output Info profile pelanggan
Destination Pelanggan
Logika proses 1. Pelanggan memilih menu Edit profile
2. Kemudian sistem akan menampilkan profile pelanggan
3. Pelanggan melakukan perubahan pada data profile
4. Klik simpan untuk menyimpan perubahan profile 5
No.proses 5
Nama Login admin
Source Admin
Input Data login admin
Output Info login admin
Destination Admin
Logika proses 1. Admin memasukan data login.
2. Apabila username dan password kosong tampil pesan Login gagal silahkan periksa lagi email dan
password anda. 3. Apabila username dan password salah tampil
pesan Login gagal silahkan periksa lagi email dan password anda.
4. Apabila username dan password benar masuk ke pengolahan halaman administrator.
6 No.proses
6 Nama
Logout Source
Admin, Pelanggan Input
Data login admin, pelanggan Output
Info logout admin, pelanggan Destination
Admin, Pelanggan Logika proses
1. Klik tombol logout untuk keluar dari sistem. 2. Apabila sudah keluar dari sistem maka akan
kembali ke tampilan beranda index atau login admin.
7 No.proses
7 Nama
Ganti password Source
Admin , Pelanggan Input
Data password baru Output
Info password baru tersimpan Destination
Admin , Pelanggan Logika proses
1. Admin , Pelanggan memasukan password baru pada form pengisian password
2. Jika pengisisan data password benar 3. Maka sistem akan menyimpan password baru ke
database 8
No.proses 8
Nama Pengolahan katalog
Source Admin
Input Data kategori, data produk, data gambar
Output Info kategori, info produk, data gambar
Destination Admin
Logika proses 1. Admin memilih menu pengolahan Data kategori,
Data Produk, Data Gambar yang ada pada menu Master Produk.
2. Setelah itu sistem akan memunculkan halaman pengolahan data kategori, produk, dan gambar.
9 No.proses
8.1 Nama
Pengolahan kategori Source
Admin Input
Data kategori Output
Info kategori Destination
Admin Logika proses
1. Admin memilih menu data kategori 2. Sistem akan menampilkan form data kategori
10 No.proses
8.2 Nama
Pengolahan produk Source
Admin Input
Data produk Output
Info produk Destination
Admin Logika proses
1. Admin memilih menu data produk 2. Sistem akan menampilkan form data produk
11 No.proses
8.3 Nama
Pengolahan gambar Source
Admin Input
Data gambar Output
Info gambar Destination
Admin Logika proses
1. Admin memilih menu data gambar 2. Sistem akan menampilkan form data gambar
12 No.proses
8.1.1 Nama
Tambah data kategori Source
Admin Input
Data kategori Output
Info kategori Destination
Admin Logika proses
1. Klik tombol tambah kategori 2. Admin mengisi data kategori
3. Apabila data kosong, maka penyimpanan gagal 4. Apabila data tidak kosong maka data akan
disimpan 13
No.proses 8.1.2
Nama Edit data kategori
Source Admin
Input Data kategori yang diedit
Output Info kategori yang diedit
Destination Admin
Logika proses 1. Admin memilih data kategori yang akan diedit
2. Kemudian memasukan data yang baru 3. Klik tombol simpan
4. Sistem akan menyimpan perubahan data kategori
14 No.proses
8.1.3 Nama
Hapus data kategori Source
Admin Input
Data kategori yang dihapus Output
Info kategori yang dihapus Destination
Admin Logika proses
1. Admin menentukan data kategori yang akan dihapus
2. Apabila data kategori akan dihapus maka akan muncul peringatan apakah anda akan menghapus
data ini? Jika klik tombol OK maka data kategori akan terhapus.
15 No.proses
8.1.4 Nama
Pencarian data kategori Source
Admin Input
Data kategori yang dicari Output
Info kategori yang dicari Destination
Admin Logika proses
1. Admin memasukkan data kategori pada form cari produk
2. Kemudian klik tombol cari. 3. Sistem akan pelangganikan data kategori yang
dicari 16
No.proses 8.2.1
Nama Tambah data produk
Source Admin
Input Data produk
Output Info produk
Destination Admin
Logika proses 1. Klik tombol tambah produk
2. Admin mengisi data produk 3. Klik simpan untuk menyimpan data produk
17 No.proses
8.2.2 Nama
Edit data produk Source
Admin Input
Data produk yang diedit Output
Info produk yang diedit Destination
Admin Logika proses
1. Admin memilih data produk yang akan diedit 2. Kemudian memasukan data yang baru
3. Klik tombol simpan 4. Sistem akan menyimpan perubahan data produk
18 No.proses
8.2.3 Nama
Hapus data produk Source
Admin
Input Data produk yang dihapus
Output Info produk yang dihapus
Destination Admin
Logika proses 1. Admin menentukan data produk yang akan dihapus
2. Apabila data produk akan dihapus maka akan muncul peringatan apakah anda akan menghapus
data ini? Jika klik tombol OK maka data produk akan terhapus.
19 No.proses
8.2.4 Nama
Pencarian data produk Source
Admin Input
Data produk yang dicari Output
Info produk yang dicari Destination
Admin 1. Admin memasukkan data produk pada form cari
produk 2. Kemudian klik tombol cari.
3. Sistem akan pelangganikan data produk yang dicari
20 No.proses
8.3.1 Nama
Tambah data gambar Source
Admin Input
Data gambar Output
Info gambar Destination
Admin Logika proses
1. Klik tombol tambah gambar 2. Admin mengisi data gambar
3. Klik simpan untuk menyimpan data gambar
21 No.proses
8.5.2 Nama
Edit data gambar Source
Admin Input
Data gambar yang diedit Output
Info gambar yang diedit Destination
Admin Logika proses
1. Admin memilih data gambar yang akan diedit 2. Kemudian memasukan data gambar yang baru
3. Klik tombol simpan 4. Sistem akan menyimpan perubahan data gambar
22 No.proses
8.3.3 Nama
Hapus data gambar Source
Admin Input
Data gambar yang dihapus Output
Info gambar yang dihapus Destination
Admin
Logika proses 1. Admin menentukan data gambar yang akan
dihapus 2. Apabila data gambar akan dihapus maka akan
muncul peringatan apakah anda akan menghapus data ini? Jika klik tombol OK maka data gambar
akan terhapus.
23 No.proses
9 Nama
Pesanan Source
Pelanggan Input
Data pesanan Output
Info pesanan Destination
Pelanggan Logika proses
1. Pelanggan memilih produk yang akan dipesan 2. Kemudian klik tombol beli untuk melihat
keterangan produk, harga, diskon produk yang tersedia
24 No.proses
9.1.1 Nama
Pilih produk Source
Pelanggan Input
Data produk yang dipilih Output
Info produk yang dipilih Destination
Pelanggan Logika proses
1. Pelanggan memilih produk yang dipesan lalu tambah stok barang yang akan dibeli.
2. Kemudian klik beli, maka produk akan tersimpan pada keranjang belanja
25 No.proses
9.1.2 Nama
Edit jumlah pesanan produk Source
Pelanggan Input
Data pesanan produk yang diedit Output
Info pesanan iproduk yang diedit Destination
Pelanggan Logika proses
1. Pelanggan melakukan perubahan jumlah produk yang dipesan di keranjang belanja
2. Apabila sudah melakukan perubahan klik tombol update untuk proses penyimpanan
26 No.proses
9.1.3 Nama
Hapus pesanan produk Source
Pelanggan Input
Data pesanan produk yang dihapus Output
Info pesanan produk yang dihapus Destination
Pelanggan Logika proses
1. Pelanggan menentukan produk yang akan dihapus di keranjang belanja
2. Kemudian klik tombol hapus, muncul pesan
apakah akan dihapus 3. Jika setuju maka sistem akan menghapus produk
yang ada pada keranjang belanja 27
No.proses 9.1.4
Nama Pengisian alamat pengiriman
Source Pelanggan
Input Data pengiriman
Output Info pengiriman
Destination Pelanggan
Logika proses 1. Klik tombol check out untuk melakukan pengisian
alamat pengiriman jika alamat sebelumnya akan diedit
2. Klik lanjutkan, untuk menuju tahapan selanjutnya 28
No.proses 9.1.5
Nama Simpan ke keranjang
Source Pelanggan
Input Data konfirmasi, data pengiriman, data detail pesanan
Output Informasi keseluruhan pesanan
Destination Pelanggan
Logika proses 1. Menampilkan data produk yang dipesan dan
jumlah pembayaran yang harus dibayar. 2. Apabila setuju klik selesai untuk mengakhiri
pesanan 3. Kemudian
sistem akan
melakukan proses
penyimpanan data pesanan 29
No.proses 10
Nama Pengolahan pesanan
Source Admin
Input Data pesanan
Output Info pesanan
Destination Admin
Logika proses 1. Admin memilih menu pengolahan pesanan
2. Sistem akan menampilkan form pengolahan pesanan
30 No.proses
10.1 Nama
Pencarian data pesanan Source
Admin Input
Data pesanan yang dicari Output
Info pesanan yang dicari Destination
Admin Logika proses
1. Admin memasukkan data pesanan pada form cari pesanan
2. Kemudian klik tombol cari. 3. Sistem akan pelangganikan data pesanan yang
dicari
31 No.proses
10.2 Nama
Melihat detail pesanan Source
Admin Input
Data detail pesanan Output
Info detail pesanan Destination
Admin Logika proses
1. Admin menentukan detail pesanan yang akan dilihat
2. Kemudian klik tombol detail 3. Sistem akan menampilkan data detail pesanan
32 No.proses
10.3 Nama
Update status pesanan Source
Admin Input
Data pesanan Output
Info pesanan Destination
Admin Logika proses
1. Admin menentukan data pesanan yang status nya akan di update
2. Memilih status pesanan 3. Kemudian klik tombol update
4. Sistem akan menyimpan perubahan status pesanan
33 No.proses
11 Nama
Konfirmasi pembayaran Source
Pelanggan Input
Data konfirmasi pembayaran Output
Info konfirmasi pembayaran Destination
Pelanggan Logika proses
1. Pelanggan memilih menu konfimasi pembayaran 2. Sistem menampilkan data pesanan yang sudah
dilakukan 3. Klik konfirmasi pada pesanan yang belum
dibayar, kemudian memilih jenis konfirmasi 4. Melakukan pengisian data konfirmasi
5. Klik tombol konfirmasi untuk mengirimkan data konfirmasi ke admin dan melakukan proses
penyimpanan ke database 34
No.proses 12.1
Nama Pengolahan data provinsi
Source Admin
Input Data provinsi
Output Info provinsi
Destination Admin
Logika proses 1. Admin memilih menu data provinsi
2. Sistem akan menampilkan form data provinsi 35
No.proses 12.2
Nama Pengolahan data kota
Source Admin
Input Data kota
Output Info kota
Destination Admin
Logika proses 1. Admin memilih menu data kota
2. Sistem akan menampilkan form data kota 36
No.proses 12.1.1
Nama Tambah data provinsi
Source Admin
Input Data provinsi
Output Info provinsi
Destination Admin
Logika proses 1. Klik tombol tambah data.
2. Admin mengisi data provinsi, lalu simpan. 3. Apabila data kosong, maka penyimpanan gagal.
4. Apabila data tidak kosong maka data akan
disimpan. 37
No.proses 12.1.2
Nama Edit data provinsi
Source Admin
Input Data provinsi yang diedit
Output Info provinsi yang diedit
Destination Admin
Logika proses 1. Admin memilih data provinsi yang akan diedit
2. Kemudian memasukan data yang baru 3. Klik tombol simpan
4. Sistem akan menyimpan perubahan data provinsi
38 No.proses
12.1.3 Nama
Hapus data provinsi Source
Admin Input
Data provinsi yang dihapus Output
Info provinsi yang dihapus Destination
Admin Logika proses
1. Admin menentukan data provinsi yang akan dihapus
2. Apabila data provinsi akan dihapus maka akan muncul peringatan apakah anda akan menghapus
data ini? Jika klik tombol OK maka data provinsi akan terhapus.
39 No.proses
15.1.4 Nama
Pencarian data provinsi Source
Admin Input
Data provinsi yang dicari Output
Info provinsi yang dicari
Destination Admin
Logika proses 1. Admin memasukkan data provinsi pada form cari
provinsi 2. Kemudian klik tombol cari
3. Sistem akan pelangganikan data provinsi yang dicari
40 No.proses
12.2.1 Nama
Tambah data kota Source
Admin Input
Data kota Output
Info data kota Destination
Admin Logika proses
1. Klik tombol tambah data. 2. Admin mengisi data kota, lalu klik simpan.
3. Apabila data kosong, maka penyimpanan gagal. 4. Apabila data tidak kosong maka data akan
disimpan. 41
No.proses 12.2.2
Nama Edit data kota
Source Admin
Input Data kota yang diedit
Output Info kota yang diedit
Destination Admin
Logika proses 1. Admin memilih data kota yang akan diedit
2. Kemudian memasukan data yang baru 3. Klik tombol simpan
4. Sistem akan menyimpan perubahan data kota
42 No.proses
12.2.3 Nama
Hapus data kota Source
Admin Input
Data kota yang dihapus Output
Info kota yang dihapus Destination
Admin Logika proses
1. Admin menentukan data kota yang akan dihapus 2. Apabila data kota akan dihapus maka akan muncul
peringatan apakah anda akan menghapus data ini? Jika klik tombol OK maka data kota akan terhapus.
43 No.proses
12.2.4 Nama
Pencarian data kota Source
Admin Input
Data kota yang dicari Output
Info kota yang dicari Destination
Admin Logika proses
1. Admin memasukkan data kota pada form cari kota 2. Kemudian klik tombol cari.
3. Sistem akan pelangganikan data kota yang dicari 44
No.proses 13.1
Nama Pengolahan biaya kirim
Source Admin
Input Data biaya kirim
Output Info biaya kirim
Destination Admin
Logika proses 1. Admin memilih menu data pesanan
2. Sistem akan menampilkan form pengolahan data pesanan
3. Admin memilih detail pesanan yang berada di data pesanan baru
4. System akan menampilkan form detail pesanan 45
No.proses 13.1.1
Nama Update biaya kirim
Source Admin
input Data biaya kirim
Output Info biaya kirim
Destination Admin
Logika proses 1. Klik menu data pesanan maka akan muncul form
data pesanan. 2. Lalu klik tombol pesanan baru maka akan muncul
data pesanan baru. 3. Lalu klik tombol detail pesanan dan akan muncul
data detail pesanan. 4. Setelah itu admin memasukkan nominal biaya
pengiriman yang berada di rincian biaya. 5. Lalu klik simpan, dan data biaya pengiriman pun
terupdate. 46
No.proses 14
Nama Retur
Source Admin , Pelanggan
Input Data retur
Output Info retur
Destination Admin , Pelanggan
Logika proses 1. Pelanggan mengecek barang yang dikirim oleh
kurir apakah barang tersebut rusak atau tidak. 2. Jika ada kerusakan maka admin melaporkan ke
kurir bahwa barang tersebut barang yang rusak. 3. Lalu pelanggan menceklis data kerusakan barang
di nota pengiriman. 4. Lalu admin mengkonfirmasi data retur tersebut
jika barang yang di returkan rusak. 5. Lalu admin mengirim barang yang baru ke
pelanggan 47
No.proses 15
Nama Update kurs
Source Admin
Input Data kurs dolar
Output Info kurs dolar
Destination Admin
Logika proses 1. Klik menu data kurs dolar.
2. Lalu admin mengupdate data kurs dolar yang baru 3. Jika selesai klik simpan maka data kurs dolar
terupdate. 48
No.proses 16
Nama Laporan
Source Admin
Input Data transaksi penjualan
Output Info transaksi penjualan
Destination Admin
Logika proses 1. Admin memilih menu pengolahan laporan
2. kemudian memilih menu laporan yang akan ditampilkan
3. sistem akan menampilkan laporan yang telah dipilih
4. kemudian klik buat laporan, untuk proses pencetakan
3.2.4 Kamus data
Kamus data adalah kumpulan dari elemen-elemen atau simbol yang digunakan untuk membantu dalam penggambaran atau pengidentifikasian setiap
field atau file didalam sistem. Kamus data merupakan deskripsi formal mengenai seluruh elemen yang mencakup DFD. Kamus data untuk diagram alir data pada
aplikasi penjualan online ini akan dijelaskan sebagai berikut :
Table 3-3 Kamus Data
Nama Aliran data Data pendaftaran pelanggan
Digunakan pada Pengunjung - Proses 1
Deskripsi Berisi data pelanggan yang digunakan untuk
pendaftaran dan akan disimpan ke dalam database.
Struktur data email + password + nama_pelanggan +
jenis_kelamin + alamat + telepon + kode_pos + id_kota
email password
nama_pelanggan jenis_kelamin
alamat kode_pos
telepon id_kota
[A-Z|a-z|0-9|] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0-9]
[0-9] [0-9]
Nama Aliran data Data lupa password
Digunakan pada pelanggan - Proses 2
Deskripsi Berisi data email yang digunakan untuk meminta
password baru kepada system Struktur data
Email email
[A-Z|a-z|0-9|] Nama Aliran data
Data login pelanggan Digunakan pada
Pelanggan – Proses 3
Deskripsi Berisi data login pelanggan
Struktur data email+password
email password
[A-Z|a-z|0-9|] [A-Z|a-z|0-9]
Nama Aliran data Data profile pelanggan
Digunakan pada Pelanggan
– Proses 4
Deskripsi Berisi data pelanggan yang tersimpan di database
Struktur data email + nama_pelanggan + jenis_kelamin + alamat +
telepon + kode_pos + id_kota email
nama_pelanggan jenis_kelamin
alamat kode_pos
telepon id_kota
[A-Z|a-z|0-9|] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9]
Nama Aliran data Data login Admin
Digunakan pada Admin - Proses 5
Deskripsi Berisi data login Admin
Struktur data username + password
username password
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Nama Aliran data Data password baru
Digunakan pada Pelanggan - Proses 7
Admin – Proses 7
Deskripsi Berisi data password baru
Struktur data Password
Password [A-Z|a-z|0-9]
Nama Aliran data Data kategori
Digunakan pada Admin
– Proses 8.1.1 Admin
– Proses 8.1.2 Admin
– Proses 8.1.3 Admin
– Proses 8.1.4 Deskripsi
Berisi data kategori yang digunakan dalam pengolahan kategori
Struktur data id_kategori + nama_kategori + id_admin
id_kategori nama_kategori
[0-9] [A-Z|a-z|0-9]
Nama Aliran data Data produk
Digunakan pada Admin
– Proses 8.2.1 Admin
– Proses 8.2.2 Admin
– Proses 8.2.3 Admin
– Proses 8.2.4 Deskripsi
Berisi data produk yang digunakan dalam pengolahan produk
Struktur data id_produk + nama_produk + diskon + keterangan +
harga + stok + id_kategori + banyak_dilihat id_produk
nama_produk diskon
keterangan [0-9]
[A-Z|a-z|0-9] [0-9]
[A-Z|a-z|0-9]
harga stok
id_kategori banyak_dilihat
[0-9] [0-9]
[0-9] [0-9]
Nama Aliran data Data pesanan
Digunakan pada Pelanggan
– proses 9.4 Admin
– proses 10.1 Admin
– proses 10.3 Deskripsi
Berisi data pesanan yang akan disimpan di table pesanan
Struktur data id_pesanan + tgl_pesan + status_pesanan +
total_belanja + status_pengiriman + nama_penerima + alamat_penerima + tlp_penerima + kodepos
biaya_pengiriman + tgl_dikirim + tgl_diterima status_bayar id_layananpembayaran no_rekening +
atas_nama + email_konfirmasi_paypal + kd_transaksi_paypal + tgl_bayar + jumlah_bayar
mata_uang + id_pelanggan + armada
id_pesanan tgl_pesan
status_pesanan total_belanja
status_pengiriman nama_penerima
alamat_penerima tlp_penerima
kodepos biaya_pengiriman
tgl_dikirim tgl_diterima
status_bayar id_layananpembayaran
no_rekening atas_nama
email_konfirmasi_paypal kd_transaksi_paypal
tgl_bayar jumlah_bayar
mata_uang id_pelanggan
armada [0-9]
[0-9] [A-Z|a-z|0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9] [A-Z|a-z]
[0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
Nama Aliran data Data konfirmasi pembayaran
Digunakan pada Pelanggan - Proses 11
Deskripsi Berisi data konfirmasi pembayaran
Struktur data Tgl_bayar + bank_tujuan + no_rekening +
atas_nama + jumlah_bayar
Tgl_bayar bank_tujuan
no_rekening atas_nama
jumlah_bayar [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0-9]
[A-Z|a-z|0-9] [0-9]
Nama Aliran data Data provinsi
Digunakan pada Admin
– Proses 12.1.1 Admin
– Proses 12.1.2 Admin
– Proses 12.1.3 Admin
– Proses 12.1.4 Deskripsi
Berisi data provinsi yang digunakan dalam pengolahan provinsi
Struktur data id_provinsi + nama_provinsi
id_provinsi nama_ provinsi
[0-9] [A-Z|a-z|0-9]
Nama Aliran data Data kota
Digunakan pada Admin
– Proses 12.2.1 Admin
– Proses 12.2.2 Admin
– Proses 12.2.3 Admin
– Proses 12.2.4 Deskripsi
Berisi data kota yang digunakan dalam pengolahan kota
Struktur data id_kota + nama_kota +
kab_kota + id_provinsi id_kota
nama_kota kab_kota
id_provinsi [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9]
Nama Aliran Data Data retur
Digunakan pada Admin
– proses 14 Pelanggan
– proses 14 Deskripsi
Berisi data retur Struktur data
id_pesanan + tgl_retur + status_retur + kondisi_retur + status_pengiriman
id_pesanan [A-Z|a-z|0-9]
tgl_retur [0-9]
status_retur [A-Z|a-z|0-9]
kondisi_retur [A-Z|a-z|0-9]
status_pengiriman [A-Z|a-z|0-9]
3.3 Perancangan Basis Data
3.3.1 Diagram Relasi
Skema relasi menggambarkan hubungan antar data, arti data dan batasannya. Bentuk relasi antar tabel dari sistem penjualan online yang
diusulkan adalah sebagai berikut :
admin
PK id_admin
password email
nama_lengkap no_tlp
alamat
detailpesanan
PK,FK1 id_pesanan PK,FK2 id_produk
qty harga_temp
diskon_temp gambar
PK id_gambar
FK1 id_produk nama_file
img_primary jenispembayaran
PK id_jenispembayaran
jenis_pembayaran type_pembayaran
file_icon kategori
PK id_kategori
kategori FK1 id_admin
keranjangbelanja
PK id_keranjangbelanja
FK1 id_produk qty
diskon harga_produk
FK2 id_pelanggan tgl_pesan
kota
PK id_kota
FK1 id_provinsi
nama_kota kab_kota
FK2 id_admin
kurs
PK id_kurs
kurs FK1 id_admin
layananpembayaran
PK id_layananpembayaran
FK1 id_jenispembayaran no_rekening
atas_nama account_paypal
pelanggan
PK id_pelanggan
email password
nama_lengkap jenis_kelamin
alamat FK1 id_kota
kode_pos telepon
status_aktif kode_aktivasi
pesanan
PK id_pesanan
tgl_pesan status_pesanan
total_belanja status_pengiriman
nama_penerima alamat_penerima
tlp_penerima kodepos
biaya_pengiriman tgl_dikirim
tgl_diterima status_bayar
FK2 id_layananpembayaran no_rekening
atas_nama email_konfirmasi_paypal
kd_transaksi_paypal tgl_bayar
jumlah_bayar mata_uang
FK1 id_pelanggan armada
FK3 id_kurs produk
PK id_produk
nama_produk diskon
keterangan harga
stok FK1 id_kategori
banyak_dilihat provinsi
PK id_provinsi
nama_provinsi
FK1 id_admin
retur
PK,FK1 id_pesanan PK,FK1 id_produk
tgl_retur status_retur
status_pengiriman kondisi_retur
FK3 id_admin
detailretur
PK,FK1,FK2 id_pesanan PK,FK1,FK2 id_produk
qty
Gambar 3-18 Skema Relasi
3.3.2 Struktur Tabel
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam website penjualan online di perusahaan indah furniture adalah sebagai berikut :
Table 3-4 Struktur Tabel Admin
Nama Field Type
Length Kunci Keterangan
id_admin Int
10 Primary key
Not null password
Varchar 255
Not null nama_lengkap
Varchar 50
Not null no_tlp
Varchar 30
email Varchar
50 Not null
alamat Varchar
50 Not null
Table 3-5 Sturktur Tabel Pelanggan
Nama Field Type
Length Kunci
Keterangan id_pelanggan
Int 10
Primary key Not null
email Varchar
50 Not null
password Varchar 255
Not null nama_lengkap
Varchar 50 Not null
jenis_kelamin Enum
‘laki- laki’,’perempuan’
Not null alamat
Text Not null
kode_pos Varchar 5
Not null telepon
Varchar 30 status_aktif
enum ‘ya’,’tidak’,’blok’
Not null id_kota
Int 10
Foreign key, references kota
id_kota
Not null kode_aktivasi
Varchar 50
Not null
Table 3-6 Struktur Tabel Provinsi
Nama Field Type
Length Kunci Keterangan
id_provinsi Int
10 Primary key
Not null nama_provinsi
Varchar 100
Not null Id_admin
Int 10
Foreign key, references admin
id_admin
Table 3-7 Struktur Tabel Kota
Nama Field Type
Length Kunci
Keterangan id_kota
Int 10
Primary key Not null
nama_kota Varchar 50
Unique kab_kota
enum ‘kabupaten’,’kota’
id_provinsi Int
10
Foreign key, references provinsi id_provinsi
Not null Id_admin
Int 10
Foreign key, references admin
id_admin
Table 3-8 Struktur Tabel Kategori
Nama Field Type
Length Kunci Keterangan
id_kategori Int
10 Primary key
Not null kategori
Varchar 50
Unique Id_admin
Int 10
Foreign key, references admin
id_admin
Table 3-9 Struktur Tabel Produk
Nama Field Type
Length Kunci keterangan
id_produk Int
10 Primary key
Not null nama_produk
Varchar 50
Unique diskon
Int 2
keterangan Text
harga decimal10.0
Not null stok
Int 11
Not null id_kategori
Int 10
Foreign key, references kategori
id_kategori
banyak_dilihat Int
11 Null
Id_admin Int
10 Foreign key,
references admin id_admin
Table 3-10 Struktur Tabel Gambar
Nama Field Type
Length Kunci
keterangan id_gambar
Int 11
Primary key Not null
id_produk Int
11 Foreign key,
references produk id_produk
nama_file Varchar
50 Not null
img_primary enum
‘ya’,’tidak’ Not null
Table 3-11 Struktur Tabel Jenis Pembayaran
Nama Field Type
Length Kunci
keterangan id_jenispembayaran Int
10 Primary key
Not null jenis_pembayaran
Varchar 20 Not null
type_pembayaran enum
‘Transfer Bank,Internet
Payment,Tunai ’
Not null
file_icon Varchar 50
Table 3-12 Struktur Tabel Pesanan
Nama Field Type
Length Kunci
Keterangan id_pesanan
Int 10
Primary key Not null
tgl_pesan Date
Not null status_pesanan
Enum ‘dibatalkan’,’pros
es’,’sukses’, Not null
total_belanja float
Not null status_pengiriman
Enum ‘belum
dikirim’,’sudah dikirim’,’sudah
diterima’ Not null
nama_penerima Varchar 50
Not null alamat_penerima
Varchar 255 Not null
tlp_penerima Varchar 20
kodepos Int
5 biaya_pengiriman
float Not null
tgl_dikirim Date
Not null tgl_diterima
Date Not null
status_bayar Enum
‘belum lunas’,’sudah
bayar’,’pending’,’ lunas’
Not null
id_layananpembaya ran
Int 11
Foreign key, references
layanan pembayaran
id_layananp embayaran
Not null
no_rekening Varchar 20
Not null atas_nama
Varchar 50 Not null
tgl_bayar Date
Not null jumlah_bayar
float Not null
mata_uang enum
‘Rp’, ‘USD’ Not null
id_pelanggan Int
11 Foreign key,
references pelangganid
_pelanggan
armada enum
‘kurir’
Table 3-13 Struktur Tabel Detail Pesanan
Nama Field Type
Length Kunci Keterangan
id_pesanan Int
10 Primary key,
Foreign key references pesanan id_pesanan,
Not null
id_produk Int
10 Primary key,
Foreign key references produk id_ produk
qty Smallint
5 Not null
harga_temp float
Not null diskon_temp
Int 2
Not null
Table 3-14 Struktur Tabel Detail Retur
Nama Field Type
Length Kunci Keterangan
id_pesanan Int
10 Primary key,
Foreign key references retur id_pesanan,
Not null
id_produk Int
10 Primary key,
Foreign key references retur id_ produk
qty Smallint
5 Not null
Table 3-15 Struktur Keranjang Belanja
Nama Field Type
Length Kunci
Keterangan id_keranjangbelanja Int
10 Primary key
Not null id_produk
int Foreign key,
references produk id_produk
qty int
11 Not null
diskon int
3 harga_produk
float Not null
id_pelanggan Int
50 Foreign key,
references pelanggan
id_pelanggan Tgl_pesan
Datetime Not null
Id_admin Int
10 Foreign key,
references admin id_admin
Table 3-16 Struktur Tabel Layanan Pembayaran
Nama Field Type
Length Kunci Keterangan
id_layananpembayaran int 11
Primary key Not null
id_jenispembayaran int
11 Foreign key,
references jenis pembayaran
id_jenispembayaran
no_rekening Varchar 50
Not null atas_nama
Varchar 50 Not null
account_paypal Varchar 50
Not null
Table 3-17 Struktur Tabel Retur
Nama Field Type
Length Kunci
Keterangan id_pesanan
Int 10
Primary key, Foreign key
references pesanan
id_pesanan, Foreign key
references pesanan
id_pesanan. Not null
status_retur enum
‘proses,’dibatalkan ’,’sukses’
tgl_retur date
Not null Status_pengiri
man enum
‘retur’,’rerur sudah dikirim’,’retur
sudah diterima’ Not null
kondisi_retur enum
Produk Rusak,Diganti
baru’ Not null
Id_admin Int
10 Foreign key,
references admin id_admin
Table 3-18 Struktur Tabel Kurs Dolar
Nama Field Type
Length Kunci
Keterangan id_kurs
Varchar 3
Primary key
kurs Double
Not null id_admin
Int 10
Foreign key references
admin id_admin
3.4 Perancangan Arsitektur
3.4.1 Perancangan struktur menu
Perancangan struktur menu berisikan menu dan submenu yang berfungsi memudahkan user didalam menggunakan sistem. Menu-menu tersebut dibagi
berdasarkan hak akses masing-masing user. Berikut ini gambaran mengenai struktur menu website penjualan online.
1. Struktur Menu Admin
Login Katalog
Home Wilayah
Pelanggan Ganti
Password Kategori
Produk Provinsi
Kota Pesanan
Laporan Sign Out
Data pesanan
Biaya pengiriman
Table 3-19 Struktur Menu Admin 2.
Struktur Menu Pengunjung
Menu Utama Kategori
Cara pembayaran Cara Pemesanan
Hubungi kami Tentang Kami
Beranda Login dan Daftar
Lihat
Table 3-20 Struktur Menu Pengunjung
3. Struktur Menu Pelanggan
Login Keranjang
Belanja Kategori
Cara pembayaran Cara pemesanan
Hubungi kami Tentang kami
Beranda Lihat
Tambah Edit
Hapus Menu Utama
Edit profile Ganti password
Konfirmasi pembayaran
Logout
Table 3-21 Struktur Menu Pelanggan 3.4.2
Perancangan antar muka
Perancangan antar muka bertujuan untuk pelangganikan gambaran tentang aplikasi
yang akan
dibangun. Sehingga
akan mempermudah dalam
mengimplementasikan aplikasi. Berikut ini adalah tampilan antar muka yang dirancang pada website penjualan online Indah Furniture:
1. Perancangan Antar Muka Admin
Antar muka login admin A01 ini adalah tampilan login admin, disini admin harus login terlebih dahulu sebelum
memasuki halaman beranda administrator. Jika data username dan password salah maka tidak dapat masuk ke halaman beranda administrator.
LOGIN username
password A01
Login Administrator
Navigasi : 1.
Klik tombol login untuk menuju tampilan A02
2. Jika username dan password salah tampil
pesan username dan password salah
Gambar 3-19 Tampilan Login Admin
Antar muka beranda admin A02 ini adalah tampilan awal pengolahan administrator yang terdiri dari pengolahan
catalog, pengolahan kurs, pengolahan wilayah, pengolahan pembayaran dan sebagainya.
A02
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
Selamat datang di halaman admin
Halaman ini untuk merubah data master
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01
Gambar 3-20 Tampilan Beranda Admin
Antar muka pengolahan kategori A03 ini adalah tampilan pengolahan kategori yang terdiri dari tambah kategori, dan
data kategori yang terdiri dari nama kategori, cari data kategori, edit kategori dan hapus kategori.
A03
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR DATA LAYANAN PEMBAYARAN
DATA JENIS PEMBAYARAN Copyright © 2011 Indah Furniture
ADMIN INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
à DATA KATEGORI NAMA KATEGORI
TAMBAH DATA CARI
KATA KUNCI KATEGORI
KURSI
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol tambah untuk menuju tampilan A04
14. Klik tombol cari untuk mencari data kategori
15. Klik tombol X yang berada di kolom aksi untuk
menghapus data kategori 16.
Klik tombol yang berada di kolom aksi untuk nenuju tampilan A05
Gambar 3-21 Tampilan Pengolahan Kategori
Antar muka tambah kategori A04 ini adalah tampilan tambah data kategori yang terdiri dari nama kategori, tombol
simpan dan tombol kembali.
A04 SELAMAT DATANG, ADMIN
BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN DATA PRODUK
DATA KATALOG DATA KOTA
DATA PROVINSI DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA KATEGORI
SIMPAN NAMA KATEGORI
KEMBALI PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol simpan untuk menyimpan data kategori
14. Klik tombol kembali menuju tampilan A03
Gambar 3-22 Tampilan Tambah Kategori
Antar muka pengolahan ubah kategori A05 Ini adalah tampilan ubah data kategori yang terdiri dari nama kategori yang sudah
terisi data kategori dari database, tombol simpan dan tombol kembali.
A05 SELAMAT DATANG, ADMIN
BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN DATA PRODUK
DATA KATALOG DATA KOTA
DATA PROVINSI DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA KATEGORI
SIMPAN KURSI
NAMA KATEGORI KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol simpan untuk menyimpan ubah data kategori
14. Klik tombol kembali menuju tampilan A03
Gambar 3-23 Tampilan Pengolahan Ubah Kategori
Antar muka pengolahan data produk A06 Ini adalah tampilan pengolahan data produk yang terdiri dari tambah produk, cari
produk, data produk yang terdiri dari nama produk, kategori, harga, stok, diskon, keterangan, edit data produk dan hapus data produk
A06
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA PROODUK
NAMA PRODUK | KATEGORI | HARGA | STOK | DISKON | KETERANGAN TAMBAH DATA
CARI KATA KUNCI
PRODUK AKSI
AAAAA BBBBB
CCC 11
22 DDDD
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol tambah untuk menuju tampilan A07
14. Klik tombol cari untuk mencari data produk
15. Klik tombol X yang berada di kolom aksi
untuk menghapus data produk 16.
Klik tombol yang berada di kolom aksi untuk nenuju tampilan A08
Gambar 3-24 Tampilan Pengolahan Data Produk
Antar muka pengolahan tambah produk A07 Ini adalah tampilan tambah data produk yang terdiri dari kategori, nama produk,
harga, stok, diskon, keterangan, tombol simpan dan tombol kembali.
A07 SELAMAT DATANG, ADMIN
BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN DATA PRODUK
DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA PRODUK
SIMPAN KATEGORI
NAMA PRODUK HARGA
STOK DISKON
KETERANGAN KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol simpan untuk menyimpan data produk
14. Klik tombol kembali menuju tampilan A06
Gambar 3-25 Tampilan Pengolahan Tambah Produk
Antar muka pengolahan ubah produk A08 Ini adalah tampilan ubah data produk yang terdiri dari data kategori, nama produk,
harga, stok, diskon, keterangan yang sudah terisi, tombol simpan dan tombol edit.
A08
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
à DATA PRODUK
SIMPAN KATEGORI
NAMA PRODUK HARGA
STOK DISKON
KETERANGAN KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol simpan untuk menyimpan
data produk 14. Klik tombol kembali menuju tampilan
A03
Gambar 3-26 Tampilan Pengolahan Ubah Produk
Antar muka pengolahan data gambar A09 Ini adalah tampilan pengolahan data gambar yang terdiri dari tambah gambar, cari
gambar, data gambar yang terdiri dari gambar produk, nama produk, kategori, edit data produk dan hapus data produk dan lihat gambar produk.
A09
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA GAMBAR
NAMA PRODUK | KATEGORI | TAMBAH DATA
CARI KATA KUNCI
GAMBAR AKSI
AAAAA BBBBB
CCC 22
DDDD
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs 11
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol tambah untuk menuju tampilan A07 14.
Klik tombol cari untuk mencari data produk 15.
Klik tombol X yang berada di kolom aksi untuk menghapus data produk
16. Klik tombol yang berada di kolom aksi untuk
nenuju tampilan A08
Gambar 3-27 Tampilan Pengolahan Data Gambar
Antar muka pengolahan tambah gambar A10 Ini adalah tampilan tambah data gambar yang terdiri dari kategori, nama produk,
gambar, tombol simpan dan tombol kembali.
A10
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
SIMPAN KATEGORI
NAMA PRODUK KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs à DATA GAMBAR
browse GAMBAR
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol simpan untuk menyimpan
data produk 14. Klik tombol kembali menuju tampilan
A06
Gambar 3-28 Tampilan Pengolahan Tambah Gambar
Antar muka pengolahan ubah gambar A11 Ini adalah tampilan ubah data produk yang terdiri dari data kategori, nama produk,
gambar yang sudah terisi, tombol simpan dan tombol kembali.
A11
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
à DATA GAMBAR
SIMPAN KATEGORI
NAMA PRODUK GAMBAR
KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs BROWSE
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol simpan untuk menyimpan
data produk 14. Klik tombol kembali menuju tampilan
A03
Gambar 3-29 Tampilan Pengolahan Ubah Gambar
Antar muka pengolahan data kurs A12 Ini adalah tampilan pengolahan data kurs yang terdiri dari id_kurs ,kurs, edit data
kurs dolar.
A12
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA KURS DOLAR
| ID KURS | KURS | AKSI
AAAAA BBBBB
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol tambah untuk menuju tampilan A07
14. Klik tombol cari untuk mencari data produk
15. Klik tombol X yang berada di kolom aksi
untuk menghapus data produk 16. Klik tombol yang berada di kolom aksi
untuk nenuju tampilan A08
Gambar 3-30 Tampilan Pengolahan Data Kurs
Antar muka pengolahan ubah kurs dolar A13 Ini adalah tampilan ubah data kurs yang terdiri dari data id kurs, kurs yang sudah
terisi, tombol simpan dan tombol kembali.
A13
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
SIMPAN KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs à DATA KURS
ID KURS KURS
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol simpan untuk menyimpan
data produk 14. Klik tombol kembali menuju tampilan
A03
Gambar 3-31 Tampilan Pengolahan Ubah Kurs Dolar
Antar muka pengolahan data provinsi A14 Ini adalah tampilan pengolahan data provinsi yang terdiri dari tambah data
provinsi, cari data provinsi, data provinsi seprti nama provinsi, tombol edit dan tombol hapus.
A14 SELAMAT DATANG, ADMIN
BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN DATA PRODUK
DATA KATALOG DATA KOTA
DATA PROVINSI DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 TAMBAH DATA
CARI KATA KUNCI
PROVINSI AKSI
AAAAA NAMA PROVINSI
à DATA PROVINSI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol tambah untuk menuju tampilan A10 14.
Klik tombol cari untuk mencari data provinsi 15.
Klik tombol X yang berada di kolom aksi untuk menghapus data produk
16. Klik tombol yang berada di kolom aksi untuk
nenuju tampilan A11
Gambar 3-32 Tampilan Pengolahan Data Provinsi
Antar muka pengolahan tambah provinsi A15 Ini adalah tampilan tambah provinsi yang terdiri dari nama provinsi, tombol
simpan dan tombol kembali
A15
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA PROVINSI
SIMPAN JAWA BARAT
NAMA PROVINSI KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13.
Klik tombol simpan untuk menyimpan ubah data provinsi
14. Klik tombol kembali menuju tampilan
A09
Gambar 3-33 Tampilan Pengolahan Tambah Provinsi
Antar muka pengolahan ubah data provinsi A16 Ini adalah tampilan pengolahan ubah data provinsi yang terdiri dari nama provinsi
yang sudah terisi data provinsi, tombol simpan dan tombol kembali.
A16
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA PROVINSI
SIMPAN JAWA BARAT
NAMA PROVINSI KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol simpan untuk menyimpan
data provinsi 14. Klik tombol kembali menuju tampilan
A09
Gambar 3-34 Tampilan Pengolahan Ubah Data Provinsi
Antar muka pengolahan data kota A17 Ini adalah tampilan pengolahan data kota yang terdiri dari tombol tambah kota,
cari data kota, data kota yang terdiri dari nama kota, kabupaten kota dan provinsi, tombol edit dan tombol hapus data kota.
A17
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 TAMBAH DATA
CARI KATA KUNCI
KOTA AKSI
AAAAA NAMA KOTA | KABUPATENKOTA | PROVINSI |
à DATA KOTA AAAAA
AAAAA
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol tambah untuk menuju tampilan A13
14. Klik tombol cari untuk mencari data kota
15. Klik tombol X yang berada di kolom aksi untuk
menghapus data kota 16.
Klik tombol yang berada di kolom aksi untuk nenuju tampilan A14
Gambar 3-35 Tampilan Pengolahan Data Kota
Antar muka pengolahan tambah kota A18 Ini adalah tampilan pengolahan tambah data kota yang terdiri dari nama kota,
nama provinsi dan nama kabupaten kota yang harus di isi. Tombol simpan dan tombol kembali.
A18
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA KOTA
SIMPAN PROVINSI
NAMA KOTA KABUPATENKOTA
KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol simpan untuk menyimpan data kota 14.
Klik tombol kembali menuju tampilan A12
Gambar 3-36 Tampilan Pengolahan Tambah Kota
Antar muka pengolahan ubah kota A19 Ini adalah tampilan pengolahan data ubah kota yang terdiri dari nama provinsi,
nama kota dan nama kabupaten kota yang datanya sudah terisi. Tombol simpan dan tombol kembali.
A19
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA KOTA
SIMPAN PROVINSI
NAMA KOTA KABUPATENKOTA
KEMBALI
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol simpan untuk menyimpan data kota 14.
Klik tombol kembali menuju tampilan A12
Gambar 3-37 Tampilan Pengolahan Ubah Kota
Antar muka pengolahan data jenis pembayaran A20 Ini adalah tampilan pengolahan data jenis pembayaran yang terdiri dari tombol
tambah data jenis pembayaran, cari data jenis pembayaran dan data jenis pembayaran seperti tempat pembayaran, type pembayaran dan tombol edit dan
tombol hapus.
A20 SELAMAT DATANG, ADMIN
BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN DATA PRODUK
DATA KATALOG DATA KOTA
DATA PROVINSI DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 TAMBAH DATA
CARI KATA KUNCI
JENIS PEMBAYARAN AKSI
AAAAA TEMPAT PEMBAYARAN | TIPE PEMBAYARAN
à DATA JENIS PEMBAYARAN AAAAA
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol tambah untuk menuju tampilan A16
14. Klik tombol cari untuk mencari data jenis
pembayaran 15.
Klik tombol X yang berada di kolom aksi untuk menghapus data jenis pembayaran
16. Klik tombol yang berada di kolom aksi untuk
nenuju tampilan A17
Gambar 3-38 Tampilan Pengolahan Data Jenis Pembayaran
Antar muka pengolahan tambah jenis pembayaran A21 Ini adalah tampilan data tambah jenis pembayaran yang terdiri dari data tipe
pembayaran, via pembayaran, tombol simpan dan tombol kembali
A21
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
à DATA JENIS PEMBAYARAN SIMPAN
TYPE PEMBAYARAN VIA PEMBAYARAN
KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 2.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol simpan untuk menyimpan
data kota 14. Klik tombol kembali menuju tampilan
A12
Gambar 3-39 Tampilan Pengolahan Tambah Jenis Pembayaran
Antar muka pengolahan ubah jenis pembayaran A22 Ini adalah tampilan ubah jenis pembayaran yang terdiri dari data isian tipe
pembayaran dan via pembayaran, tombol simpan dan tombol kembali
A22
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
à DATA JENIS PEMBAYARAN SIMPAN
TYPE PEMBAYARAN VIA PEMBAYARAN
KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol simpan untuk menyimpan
data jenis pembayaran 14. Klik tombol kembali menuju tampilan
A12
Gambar 3-40 Tampilan Pengolahan Ubah Jenis Pembayaran
Antar muka pengolahan data layanan pembayaran A23 Ini adalah tampilan data layanan pembayaran yang terdiri daridata layanan
pembayaran yang terdiri dari layanan pembayaran, tambah data, cari data, edit data dan hapus data.
A23
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 TAMBAH DATA
CARI KATA KUNCI
LAYANAN PEMBAYARAN AKSI
AAAAA LAYANAN PEMBAYARAN
à DATA LAYANAN PEMBAYARAN
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol tambah untuk menuju tampilan A19
14. Klik tombol cari untuk mencari data layanan
pembayaran 15.
Klik tombol X yang berada di kolom aksi untuk menghapus data layanan pembayaran
16. Klik tombol yang berada di kolom aksi untuk
nenuju tampilan A20
Gambar 3-41 Tampilan Pengolahan Data layanan pembayaran
Antar muka pengolahan tambah layanan pembayaran A24 Ini adalah tampilan tambah layanan pembayaran yang terdiri dari data tipe
pembayaran dan layanan pembayaran, tombol simpan dan tombol kembali.
A24
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 à DATA LAYANAN PEMBAYARAN
SIMPAN TYPE PEMBAYARAN
JENIS PEMBAYARAN KEMBALI
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol simpan untuk menyimpan data layanan pembayaran
14. Klik tombol kembali menuju tampilan A18
Gambar 3-42 Tampilan Pengolahan Tambah Layanan Pembayaran
Antar muka pengolahan ubah layanan pembayaran A25 Ini adalah tampilan ubah layanan pembayaran yang terdiri dari data tipe
pembayaran, layanan pembayaran, tombol simpan dan tomboll kembali.
A25
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
à DATA LAYANAN PEMBAYARAN SIMPAN
TYPE PEMBAYARAN JENIS PEMBAYARAN
KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol simpan untuk menyimpan
data layanan pembayaran 14. Klik tombol kembali menuju tampilan
A18
Gambar 3-43 Tampilan Pengolahan Ubah Layanan Pembayaran
Antar muka pengolahan pesanan baru A26 Ini adalah tampilan pesanan baru yang terdiri dari data pesanan baru, cari data dan
tombol detail pesanan
A26
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
CARI PESANAN BARU
AKSI AAAAA 11111 AAAAA AAAAAA AAAAA 11111
Ξ
NO PESANAN TANGGAL STATUS PESANAN NAMA PEMESAN PENGIRIMAN TOTAL BELANJA PESANAN BARU
KONFIRMASI PEMBAYARAN PESANAN BELUM DIKIRIM
PESANAN DIKIRIM PESANAN SUKSES
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol pesanan baru menuju A21 14.
Klik tombol gambar Ξ yang berada di kolom aksi menuju tampilan A22
15. Klik tombol konfirmasi pembayaran menuju
A23 16.
Klik tombol pesanan belum dikirim menuju A24
17. Klik tombol pesanan dikirim menuju A25
18. Klik tombol pesanan sukses menuju A26
Gambar 3-44 Tampilan Pengolahan Pesanan Baru
Antar muka pengolahan detail pesanan A27 Ini adalah tampilan detail pesanan yang terdiri dari data detail pesanan dan data
update biaya kirim.
A27
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
CARI INFO PESANAN
AAAAA 1 2 RP 32423 RP 123213
NAMA PRODUK DISKON QTY HARGA
TOTAL
à DETAIL PESANAN
KEMBALI
NO. PESANAN : 83 TANGGAL PESAN : 20-01-2011
STATUS PESANAN : PROSES STATUS PEMBAYARAN : BELUM LUNAS
STATUS PENGIRIMAN : BELUM DIKIRIM DATA PENGIRIMANSHIPPING INFORMATION
NO. PENERIMA : DANI ALAMAT : JL. SEKELOA
RINCIAN BELANJA RINCIAN BIAYA
SUBTOTAL BELANJA : RP 2131231 BIAYA PENGIRIMAN :
SIMPAN BATAL
TOTAL BELANJA : RP 213123 NO. TELEPON HP : 891230128
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak
perusahaan menuju tampilan A 11.
Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan
A01 13.
Klik tombol gambar Ξ yang berada di kolom aksi menuju tampilan A22
14. Klik tombol kembali menuju A21
Gambar 3-45 Tampilan Pengolahan Detail Pesanan
Antar muka pengolahan konfirmasi pembayaran A28 Isi adalah tampilan konfirmasi pembayaran yang terdiri dari data konfirmasi
pembayaran dan cari data
A28
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
CARI DATA KONFIRMASI PEMBAYARAN
AAAAA 11111 211111 AAAAA AAAAAA 222222 Ξ ⌂
NO PESANAN TANGGAL PESAN TANGGAL BAYAR NAMA PEMESAN KETERANGAN PEMBAYARAN TOTAL BELANJA AKSI PESANAN BARU
KONFIRMASI PEMBAYARAN PESANAN BELUM DIKIRIM
PESANAN DIKIRIM PESANAN SUKSES
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol pesanan baru menuju A21 14.
Klik tombol gambar Ξ yang berada di kolom aksi menuju tampilan A22
15. Klik tombol
⌂ untuk acc produk yang sudah dibayar
16. Klik tombol konfirmasi pembayaran
menuju A23 17.
Klik tombol pesanan belum dikirim menuju A24
18. Klik tombol pesanan dikirim menuju A25
19. Klik tombol pesanan sukses menuju A26
Gambar 3-46 Tampilan Pengolahan Konfirmasi Pembayaran
Antar muka pengolahan pesanan belum dikirim A29 Ini adalah tampilan pesanan belum dikirim yang terdiri dari data pesanan belum
dikirim, cari data dan tombol detail pesanan.
A29
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
CARI DATA PESANAN BELUM DIKIRIM
AAAAA 11111 211111 AAAAA AAAAAA AAAAA 222222 Ξ √
NO PESANAN TANGGAL PESAN TANGGAL STATUS PESANAN NAMA PEMESAN KETERANGAN PENGIRIMAN TOTAL BELANJA AKSI PESANAN BARU
KONFIRMASI PEMBAYARAN PESANAN BELUM DIKIRIM
PESANAN DIKIRIM PESANAN SUKSES
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol pesanan baru menuju A21 14.
Klik tombol gambar Ξ yang berada di kolom aksi menuju tampilan A22
15. Klik tombol
√ untuk menyetujui pengiriman produk
16. Klik tombol konfirmasi pembayaran
menuju A23 17.
Klik tombol pesanan belum dikirim menuju A24
18. Klik tombol pesanan dikirim menuju A25
19. Klik tombol pesanan sukses menuju A26
Gambar 3-47 Tampilan Pengolahan Pesanan Belum Dikirim
Antar muka pengolahan pesanan dikirim A30 Ini adalah tampilan pesanan dikirim yang terdiri dari data pesanan dikirim, cari
data, dan tombol detail pesanan
A30
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
CARI DATA PESANAN DIKIRIM
AAAAA 11111 211111 AAAAA AAAAAA AAAAA 222222 Ξ √
NO PESANAN TANGGAL PESAN TANGGAL STATUS PESANAN NAMA PEMESAN PENGIRIMAN TOTAL BELANJA AKSI PESANAN BARU
KONFIRMASI PEMBAYARAN PESANAN BELUM DIKIRIM
PESANAN DIKIRIM PESANAN SUKSES
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol pesanan baru menuju A21
14. Klik tombol gambar Ξ yang berada di
kolom aksi menuju tampilan A22 15. Klik tombol
√
untuk mengkonfirmasi produk sudah terkirim
16. Klik tombol konfirmasi pembayaran
menuju A23 17.
Klik tombol pesanan belum dikirim menuju A24
18. Klik tombol pesanan dikirim menuju
A25 19.
Klik tombol pesanan sukses menuju A26
Gambar 3-48 Tampilan Pengolahan Pesanan Dikirim
Antar muka pengolahan pesanan sukses A31 Ini adalah tampilan pengolahan pesanan sukses yang terdiri dari data pesanan
sukses, cari data, dan tombol detail pesanan.
A31 SELAMAT DATANG, ADMIN
BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN DATA PRODUK
DATA KATALOG DATA KOTA
DATA PROVINSI DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 CARI
DATA PESANAN SUKSES AAAAA 11111 211111 AAAAA AAAAAA AAAAA 222222
Ξ
NO PESANAN TANGGAL PESAN TANGGAL STATUS PESANAN NAMA PEMESAN KETERANGAN PEMBAYARAN TOTAL BELANJA AKSI PESANAN BARU
KONFIRMASI PEMBAYARAN PESANAN BELUM DIKIRIM
PESANAN DIKIRIM PESANAN SUKSES
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03 3.
Klik tombol data produk menuju tampilan A06 4.
Klik tombol data provinsi menuju tampilan A09 5.
Klik tombol data kota menuju tampilan A12 6.
Klik tombol data jenis pembayaran menuju tampilan A15
7. Klik tombol data layanan pembayaran menuju
tampilan A18 8.
Klik tombol data pesanan menuju tampilan A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan
A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol pesanan baru menuju A21 14.
Klik tombol gambar Ξ yang berada di kolom aksi menuju tampilan A22
15. Klik tombol konfirmasi pembayaran menuju A23
16. Klik tombol pesanan belum dikirim menuju A24
17. Klik tombol pesanan dikirim menuju A25
18. Klik tombol pesanan sukses menuju A26
Gambar 3-49 Tampilan Pengolahan Pesanan Sukses
Antar muka pengolahan laporan pesanan A32 Ini adalah tampilan pengolahan laporan yang terdiri dari laporan produk,
pembayaran, pesanan.
A32
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
LAPORAN PESANAN untuk mencetak laporan, silahkan pilih terlebih dahulu kondisi pesanan
Kondisi pesanan :
PILIH PESANAN BARU
KONFIRMASI PEMBAYARAN PESANAN BELUM DIKIRIM
Laporan berdasarkan tanggal pesanan Tanggal pesanan : sd
cetak Laporan bulanan
pilih pilih
cetak bulan :
tahun Laporan pertahun
pilih
Tahun : cetak
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan tampilan A01
13. Klik tombol laporan pesanan menuju
tampilan A27 14.
Klik tombol laporan keuangan menujutampilan A28
15. Klik tombol laporan produk menuju
tampilan A29 16.
Klik tombol cetak untuk mendownload data laporan
Gambar 3-50 Tampilan Pengolahan Laporan Pesanan
Antar muka pengolahan laporan pembayaran A33 Ini adalah tampilan pengolahan laporan pembayaran yang terdiri dari data
pembayaran yang akan dicetak
A33
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
LAPORAN KUANGAN untuk mencetak laporan, silahkan pilih terlebih dahulu jenis pembayaran
Jenis pembayaran :
PILIH PESANAN BARU
KONFIRMASI PEMBAYARAN PESANAN BELUM DIKIRIM
Laporan berdasarkan tanggal pesanan Tanggal pesanan : sd
cetak Laporan bulanan
pilih pilih
cetak bulan :
tahun Laporan pertahun
pilih
Tahun : cetak
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan tampilan A01
13. Klik tombol laporan pesanan menuju
tampilan A27 14.
Klik tombol laporan keuangan menujutampilan A28
15. Klik tombol laporan produk menuju tampilan
A29 16.
Klik tombol cetak untuk mendownload data laporan
Gambar 3-51 Tampilan Pengolahan Laporan Pembayaran
Antar muka pengolahan laporan produk A34 Ini adalah tampilan laporan produk yang terdiri dari data laporan produk yang
akan dicetak
A34
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
LAPORANPRODUK untuk mencetak laporan, silahkan pilih terlebih dahulu kondisi produk
Kondisi produk :
PILIH PESANAN BARU
KONFIRMASI PEMBAYARAN PESANAN BELUM DIKIRIM
cetak
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan tampilan A01
13. Klik tombol laporan pesanan menuju
tampilan A27 14.
Klik tombol laporan keuangan menujutampilan A28
15. Klik tombol laporan produk menuju tampilan
A29 16.
Klik tombol cetak untuk mendownload data laporan
Gambar 3-52 Tampilan Pengolahan Laporan Produk
Antar muka pengolahan admin A35 Ini adalah tampilan data admin yang terdiri dari data admin, tambah data, cari
data, edit data, dan hapus data
A35
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236 TAMBAH DATA
CARI KATA KUNCI
NAMA USER AKSI
AAAAA NAMA LENGKAP | ALAMAT | EMAIL |
à DATA OPERATOR
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs AAA
AAA
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan tampilan A01
13. Klik tombol laporan pesanan menuju
tampilan A27 14.
Klik tombol laporan keuangan menujutampilan A28
15. Klik tombol laporan produk menuju tampilan
A29 16.
Klik tombol cetak untuk mendownload data laporan
Gambar 3-53 Tampilan Pengolahan Admin
Antar muka pengolahan tambah operator A36 Ini adalah tampilan tambah data operator yang terdiri dari isian biodata operator,
tombol simpan dan tombol kembali.
A36
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
à DATA OPERATOR
SIMPAN NAMA
ALAMAT
KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs EMAIL
PASWORD ULANGI PASSWORD
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol simpan untuk menyimpan data layanan pembayaran
14. Klik tombol kembali menuju tampilan A18
Gambar 3-54 Tampilan Pengolahan Tambah Operator
Antar muka pengolahan ubah operator A37 Ini adalah tampilan ubah data operator yang terdiri dari biodata yang akan di
ubah, tombol simpan, dan tombol kembali
A37
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
à DATA OPERATOR
SIMPAN NAMA
ALAMAT
KEMBALI
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs EMAIL
PASWORD ULANGI PASSWORD
Navigasi : 1.
Klik tombol beranda menuju tampilan A02
2. Klik tombol data kategori menuju
tampilan A03 3.
Klik tombol data produk menuju tampilan A06
4. Klik tombol data provinsi menuju
tampilan A09 5.
Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran
menuju tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju
tampilan A21 9.
Klik tombol laporan menuju tampilan A27
10. Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju tampilan A
12. Klik tombol log out menuju tampilan A01 13. Klik tombol simpan untuk menyimpan
data layanan pembayaran 14. Klik tombol kembali menuju tampilan
A18
Gambar 3-55 Tampilan Pengolahan Ubah Operator
Antar muka pengolahan retur baru A38 Ini adalah tampilan retur baru yang terdiri dari data retur baru, cari data, detail
pesanan
A38
SELAMAT DATANG, ADMIN BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT
SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
CARI Data retur baru
AKSI AAAAA 11111 AAAAA AAAAAA AAAAA 11111
Ξ
NO PESANAN TANGGAL STATUS PESANAN NAMA PEMESAN PENGIRIMAN TOTAL BELANJA RETUR BARU
RETUR DIKIRIM RETUR SUKSES
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol pesanan baru menuju A21 14.
Klik tombol gambar Ξ yang berada di kolom aksi menuju tampilan A22
15. Klik tombol konfirmasi pembayaran menuju
A23 16.
Klik tombol pesanan belum dikirim menuju A24
17. Klik tombol pesanan dikirim menuju A25
18. Klik tombol pesanan sukses menuju A26
Gambar 3-56 Tampilan Pengolahan Retur Baru
Antar muka pengolahan detail retur A39 Ini adalah tampilan detail retur yang terdiri dari data detail retur, tombol kembali
A39 SELAMAT DATANG, ADMIN
BERANDA | DATA PESANAN | LAPORAN | PENGOLAHAN KONTAK PERSON | PENGOLAHAN ADMIN | DATA RETUR | LOG OUT SELASA, 31-MEI-2011
PENGOLAHAN KATALOG PENGOLAHAN WILAYAH
PENGOLAHAN PEMBAYARAN DATA PRODUK
DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
Copyright © 2011 Indah Furniture ADMIN
INDAH FURNITURE | Jl. Tuparep No. 40 Karawang 41352 - Telp. 0852 2224 5236
INFO PESANAN
AAAAA 1 2 RP 32423 RP 123213
NAMA PRODUK DISKON QTY HARGA
TOTAL
à DETAIL RETUR
KEMBALI
NO. PESANAN : 83 TANGGAL RETUR : 20-01-2011
STATUS PESANAN : PROSES STATUS PEMBAYARAN : BELUM LUNAS
STATUS PENGIRIMAN : RETUR DATA PENGIRIMANSHIPPING INFORMATION
NO. PENERIMA : DANI ALAMAT : JL. SEKELOA
RINCIAN BELANJA RINCIAN BIAYA
SUBTOTAL BELANJA : RP 2131231 BIAYA PENGIRIMAN : RP 12314
TOTAL BELANJA : RP 213123 NO. TELEPON HP : 891230128
PENGOLAHAN KATALOG
PENGOLAHAN WILAYAH PENGOLAHAN PEMBAYARAN
DATA PRODUK DATA KATALOG
DATA KOTA DATA PROVINSI
DATA GAMBAR
DATA LAYANAN PEMBAYARAN DATA JENIS PEMBAYARAN
PENGOLAHAN kurs
Data kurs
Navigasi : 1.
Klik tombol beranda menuju tampilan A02 2.
Klik tombol data kategori menuju tampilan A03
3. Klik tombol data produk menuju tampilan
A06 4.
Klik tombol data provinsi menuju tampilan A09
5. Klik tombol data kota menuju tampilan A12
6. Klik tombol data jenis pembayaran menuju
tampilan A15 7.
Klik tombol data layanan pembayaran menuju tampilan A18
8. Klik tombol data pesanan menuju tampilan
A21 9.
Klik tombol laporan menuju tampilan A27 10.
Klik tombol pengolahan kontak perusahaan menuju tampilan A
11. Klik tombol pengolahan admin menuju
tampilan A 12.
Klik tombol log out menuju tampilan A01 13.
Klik tombol gambar Ξ yang berada di kolom aksi menuju tampilan A22
14. Klik tombol kembali menuju A21
Gambar 3-57 Tampilan Pengolahan Detail Retur
2. Perancangan Antar Muka Pengunjung
