I.6.1 Sistematika Penulisan
Sistematika penulisan proposal penelitian ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan tugas
akhir ini adalah sebagai berikut :
BAB I PENDAHULUAN
Pada bab ini menguraikan tentang latar belakang, identifikasi masalah, maksud dan tujuan, batasan masalah, metodologi penelitian, serta sistematika
penulisan.
BAB II LANDASAN TEORI
Bab ini akan berisi teori-teori yang mendukung pengembangan perangkat lunak yang akan dibangun, yaitu mengenai konsep e-commerce dan
perkembangannya, serta akan membahas mengenai teori-teori yang berkaitan dengan topik penelitian yang melandasi pembangunan aplikasi e-commerce.
BAB III ANALISIS DAN PERANCANGAN
Bab ini terbagi menjadi dua bagian yaitu analisis dan bagian perancangan. Pada bagian Analisis sistem akan dibahas mengenai analisis
masalah, analisis kebutuhan non-fungsional, analisis pengguna, analisis basis data dan analisis kebutuhan fungsional.
Bagian perancangan terbagi menjadi perancangan sistem dan perancangan antarmuka. Pada perancangan sistem akan dibahas mengenai perancangan basis
data. Sedangkan pada bagian perancangan arsitektur akan dibahas mengenai perancangan antar muka, perancangan struktur menu dan jaringan semantik.
BAB IV IMPLEMENTASI DAN PENGUJIAN
Bab ini berisi tentang tahapan-tahapan yang dilakukan untuk menerapkan sistem yang telah dirancang serta melakukan pengujian apakah aplikasi yang
dibuat berjalan, sesuai yang diinginkan.
BAB V KESIMPULAN DAN SARAN
Bab ini berisi rangkuman atau kesimpulan dari penelitian tugas akhir dan saran yang diperlukan untuk pengembangan sistem yang telah dibangun.
11
BAB II LANDASAN TEORI
II.1 Pengenalan E-Commerce
E-Commerce electronic commerce merupakan satu teknologi yang berkembang pesat seiring dengan kehadiran Internet dalam kehidupan kita.
Banyak orang mendapatkan manfaat kemudahan berbisnis melalui Internet. E-commerce merupakan bagian dari e-bisnis. Dimana e-commerce
mengacu pada Internet untuk belanja online dan jangkauannya sempit. Sebagai sub perangkat dari e-bisnis. Cara pembayaran pada e-commerce dilakukan melalui
transfer uang secara digital melalui account paypal atau kartu kredit. Sedangkan e-bisnis mengacu pada Internet tapi jangkauannya lebih luas. Hubungan bisnis
terjadi ketika perusahaan atau individu berkomunikasi dengan klien atau nasabah melalui email akan tetapi pemasaran atau penjualan dilakukan melalui Internet.
Cara ini dapat memberikan keuntungan fleksibilitas dan efisiensi. Pembayaran dilakukan melalui pembayaran digital dengan menggunakan e-gold yang sudah
diakui di seluruh dunia dalam melakukan transaksi online. E-commerce sendiri berasal dari layanan EDI Electronic Data
Interchange. Layanan EDI ini telah berkembang sedemikian pesatnya di negara- negara yang mempunyai jaringan komputer dan telepon. Jika sebelumnya kita
sering menggunakan media elektronik seperti telepon, fax, hingga hand phone untuk melakukan perniagaan atau perdagangan, sekarang ini kita dapat
menggunakan Internet untuk melakukan perniagaan.
12
II.1.1 Definisi e-commerce
E-commerce merupakan proses pembelian dan penjualan jasa atau produk antara dua belah pihak melalui Internet Commerce net dan sejenis mekanisme
bisnis elektronik dengan fokus pada transaksi bisnis berbasis individu dengan menggunakan internet sebagai media pertukaran barang atau jasa baik antar
instansi atau individu dengan instansi Net-Ready.
II.1.2 Manfaat e-commerce
Banyak manfaat dari penjualan secara online melalui media Internet, yaitu dengan adanya e-commerce suatu organisasi atau perusahaan dapat menjalankan
bisnisnya untuk menjangkau seluruh Indonesia bahkan sampai ke luar negeri, beberapa manfaat e-commerce antara lain sebagai berikut :
1. Kemampuan grafis Internet mampu memperlihatkan produk apa adanya natural serta dapat membuat brosur berwarna dan menyebarkannya tanpa
ongkos kirim. 2. Lebih aman membuka toko online dibanding membuka toko biasa.
3. Berjalan di dunia maya Internet tidak mengenal hari libur dan hari besar, semua transaksi bisa dilakukan kapan saja dan dimana saja.
4. Tanpa batas-batas wilayah dan waktu, sehingga memberikan jangkauan pemasaran yang luas dan tak terbatas oleh waktu.
5. Revenue stream arus pendapatan yang baru yang mungkin sulit atau tidak dapat diperoleh melalui cara konvensional.
13
6. Meningkatkan market exposure pangsa pasar, dimana penggunaan e- commerce memungkinkan untuk meningkatkan pangsa pasar yang semula
mempunyai pangsa pasar di dalam negeri saja, dengan adanya e-commerce maka pangsa pasar menjangkau luar negeri.
7. Menurunkan biaya operasi operating cost. Penggunaan teknologi Internet memungkinkan kita untuk melakukan kegiatan perdagangan selama 24 jam
sehari, 7 hari seminggu, akan tetapi tidak terpengaruh terhadap biaya yang dikeluarkan untuk biaya lembur karyawan atau pegawai, karena segala
sesuatunya dikerjakan oleh komputer yang tidak membutuhkan operator untuk menjalankan proses perdagangan, cukup hanya dengan penggunaan software
tertentu maka semua aktivitas dalam transaksi perdagangan dapat dilakukan. 8. Penghematan besar yang dimungkinkan melalui e-mail. Penghematan ini
terjadi karena berkurangnya penggunaan kertas dalam segala proses transaksi, dimana segala sesuatunya didalan e-commerce menggunakan data digital
sehingga tidak membutuhkan kertas sebagai media yang pada akhirnya memberikan penghematan besar terhadap pengeluaran dalam proses transaksi.
II.1.3 Internet dan e-commerce
Dalam beberapa waktu terakhir ini, dengan begitu merebaknya media Intenet dimana-mana. Khususnya di Indonesia, dengan semakin menjamurnya
warnet yang bertebaran hampir seperti wartel, ternyata telah membuat banyak perusahaan mulai mencoba menawarkan berbagai macam produk mereka dengan
menggunakan media ini.
14
Kehadiran Internet yang walaupun masih merupakan industri baru yang dalam fase pertumbuhahan, yang masih terus berubah seta penuh ketidakpastian,
telah memperkokoh keyakinana akan pentingnya teknologi dalam pencapaian tujuan finansial perusahaan melalui modifikasi dan efisiensi proses bisnis, yaitu
dengan memanfaatkan E-Commerce. Kemampuan Internet untuk menjangkau pelanggan baru dan penghematan biaya yang cukup signifikan untuk distribusi
dan pelayanan pelanggan merupakan keuntungan yang bisa didapat perusahaan dengan memindahkan roda commerce ke media Internet.
Perkembangan teknologi Internet yang sangat cocol berubah menjadi strategi atau model bisnis yang cocok hari ini mungkin tidak relevan untuk
diterapkan besok. Didalam lingkungan Internet yang kompetitif ini, di samping perencanaan yang baik serta harapan yang realistis terhadaop teknologi baru, juga
diperlukan kesiapan infrastruktur yang cukup memadai dan visi yang komperhensif untuk bisa berjalan melewati ketidakpastian yang begitu cepat.
E-Commerce merupakan salah satu keunggulan dari Internet, hingga akhirnya di era sekarang ini banyak disebut era digital nampaknya tiada hari
yang terlewatkan tanpa mendengar atau membaca kata E-Commerce di berbagai media informasi.
II.1.4 Sistem transaksi e-commerce
Untuk saat ini sistem transaksi di e-commerce bisa dibilang sudah lengkap dan terbilang aman untuk melakukan transaksi. Karena dengan adanya keamanan
ini pelanggan dapat tertarik untuk melakukan transaksi secara online di Internet.
15
Model pembayaran online di Internet untuk saat ini yang masih sering digunakan sebagai berikut :
Paypal Paypal merupakan salah satu alat pembayaran payment process
teraman dan terbanyak digunakan di dunia Internet. Saat ini, orang Indonesia sudah dapat memindahkan uang yang berada di account Paypal langsung ke
rekeningnya. Pengguna Internet dapat membeli barang di ebay, lisensi software original, keanggotaan situs, urusan bisnis, mengirim dan menerima
donasi atau sumbangan dan mengirimkan uang ke pengguna Paypal lain di seluruh dunia. Paypal mengatasi kekurangan dalam pengiriman uang
tradisional seperti cek atau money order yang prosesnya memakan waktu yang lama. Paypal tidak berbeda dengan rekening bank. Hal ini pertama yang perlu
Anda lakukan adalah membuat account tersebut dengan dana dari kartu kredit atau mentransfer dana dari account Paypal orang lain ke balance Paypal
Anda. Jika proses ini sudah diselesaikan, maka account Paypal sudah dapat digunakan untuk bertransaksi.
Pada bulan Februari 2008 Paypal sudah menerima 190 negara dan 16 mata uang. Pengguna kartu Paypal di Indonesia masih harus menggunakan
hitungan US dollar karena rupiah masih belum ada di Paypal. Ebay adalah tempat jual-beli online terbesar di dunia. Anda dapat membeli dan mencari
apapun, mulai dari barang elektronik, kendaraan hingga barang-barang langka dari seluruh pengguna ebay di dunia. Cara pembayaran utama di ebay adalah
16
dengan Paypal karena lebih aman dan otomatis, meskipun penjual yang lain juga menerima pembayaran dengan cara lain.
II.2 Internet dan World Wide Web
E-Commerce bergantung pada keberadaan Internet sebagai media utama bertransaksi. Tanpa Internet, maka perdagangan secara elektronik ini tidak akan
pernah terlaksana.
II.2.1 Pengertian Internet
Istilah Internet berasal dari bahasa latin, inter, yang berarti ”antara”.
Secara kata per kata Internet berarti jaringan antara atau penghubung. Memang itulah fungsinya, Internet menghubungkan berbagai jaringan yang tidak saling
bergantung pada satu sama lain dengan sedemikian rupa, sehingga mereka dapat berkomunikasi.
Isi Internet adalah informasi, dapat dibayangkan sebagai suatu database atau perpustakaan multimedia yang sangat besar dan lengkap. Bahkan Internet
dipandang sebagai dunia dalam bentuk lain maya karena hamper seluruh aspek kehidupan di dunia nyata ada di Internet seperti bisnis, hiburan, olah raga, politik
dan lain sebagainya. Salah satu isu terpenting di Internet adalah penerapan standar
komputerisasi terbuka open computing standart. Karena internetworking dan Internet mengintegrasikan semua sistem, jenis dan tipe komputer yang ada di
17
dunia, maka harus ada standar yang menjamin komputer dapat saling berbicara satu sama lain dalam bahasa yang sama.
Protokol TCP IP menyatukan bahasa dan kode berbagai komputer di dunia, sehingga menjadi standar utama jaringan komputer. TCP IP berkembang
cepat dan kaya fasilitas karena bersifat terbuka dan bebas digunakan, oleh siapa pun. Oleh karena itu, hingga saat ini jaringan-jaringan tersebut saling terhubung di
seluruh belahan dunia. Seluruh jaringan yang tersebar di setiap penjuru dunia sudah terkondisikan
dengan internet. Lalu lintas data Internet ke seluruh Amerika dan penjuru dunia saat ini disebarkan oleh jaringan pusat yang disebut VBNS Very High Speed
Backbone Network Service. Adapun seluruh biaya yang dikeluarkan di biayai oleh badal Ilmu Pengetahuan Nasional Amerika Serikat. Dari jaringa itu,
komputer-komputer yang terhubung dengan internet akan berkomunikasi dan saling mengirimkan data sehingga internet dapat dinikmati oleh seluruh umat
manusia untuk berkomunikasi melalui komuputer baik di rumah maupun di kantor.
Dengan demikian, internet dapat didefinisikan dengan hubungan berbagai jenis komputer dan jaringan di dunia, yang berbeda sistem operasi maupun
aplikasinya di mana hubungan tersebut memanfaatkan kemajuan media komunikasi telepon dan satelit yang menggunakan protocol standar dalam
berkomunikasi yaitu protocol TCP IP. Internet berfungsi sebagai media komunikasi dan informasi modern.
18
II.2.2 Pengertian World Wide Web
World Wide Web adalah fasilitas internet yang menghubungkan dokumen dalam lingkup lokal maupun jarak jauh. Dokumen web disebut web page dan link
dalam web membuat user bisa pindah dari satu page ke page lain hyper text, baik antar page yang disimpan dalam server yang sama atau server di seluruh
dunia. Pages diakses dan dibaca melalui web browser seperti netscape navigator atau internet explorer.
World Wide Web sering disingkat WWW atau web saja, yaitu sebuah sistem dimana informasi dapat kita nikmati dalam bentuk teks, gambar, suara,
dan lain-lain serta ikut dapat diakses oleh perangkat lunak yang disebut browser. Informasi di web pada umumnya ditulis dalam bentuk HTML. Informasi lainnya
disajikan dalam bentuk grafis dalam format GIF, JPG, PNG, suara dalam bentuk format AU, WAV, dan objek multimedia lainnya seperti MIDI,
Shockwave, Quicktime Movie, 3D World. WWW dijalankan dalam server yang disebut HTTPD.
II.2.3 Universal Resource Locator URL
URL adalah konsep nama file standar yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukan direktori dan nama filenya saja, tetapi juga
nama mesinnya dalam jaringan. URL dapat disediakan ada atau diakses dengan berbagai metode dan bisa jadi bukan sekedar file. Karena URL dapat menunjukan
queri-queri dokumen dapat disimpan dalam database, hasil dari suatu perintah finger atau achie atau apapun yang berkaitan dengan data hasil proses.
19
II.2.4 Domain Name Service DNS
DNS digunakan untuk mempermudah penggunaan internet, dengan memetakan IP address ke nama host. Agar data nama host dapat didistribusikan di
banyak server, format data yang digunakan harus mencerminkan terdistribusinya data tersebut. Untuk itu, digunakan format tree dengan masing-masing nodenya
disebut domain. Penulisan nama host secara lengkap disebut sebagai Full Qualifield Domain Name FQDN.
DNS bekerja secara hirarki dan berbentuk seperti pohon tree. Bagian atas adalah Top Level Domain TLD seperti COM, ORG, EDU, MIL dsb. Seperti
pohon DNS mempunyai cabang-cabang yang dicari dari pangkal sampai ke ujung. Pada waktu kita mencari alamat misalnya linux.or.id pertama-tama DNS bertanya
pada TLD server tentang DNS Server yang melayani domain .id misalnya dijawab ns1.id, setelah itu dia bertanya pada ns1.id tentang DNS Server yang bertanggung
jawab atas .or.id misalnya ns.or.id kemudian dia bertanya pada ns.or.id tentang linux.or.id dan dijawab 64.29.24.175
Sedangkan untuk mengubah IP menjadi nama host melibatkan domain in- addr.arpa. Seperti domain lainnya domain in-addr.arpa pun bercabang-cabang.
Yang penting diingat adalah alamat IP-nya ditulis dalam urutan terbalik di bawah in-addr.arpa. Misalnya untuk alamat IP 64.29.24.275 prosesnya seperti contoh
linux.or.id: cari server untuk arpa, cari server untuk in-addr.arpa, cari server untuk 64.in-addr.arpa, cari server 29.64.in-addr.arpa, cari server untuk 24.29.64.in-
addr.arpa. Dan cari informasi untuk 275.24.29.64.in-addr.arpa. Pembalikan urutan angkanya memang bisa membingungkan.
20
II.2.5 HTTP Hypertext Transfer Protocol
Server dan browser web berkomunikasi satu sama lain dengan protokol yang memang dibuat khusus untuk ini yaitu HTTP. HTTP bertugas menangani
permintaan-permintaan request dan browser untuk mengambil dokumen- dokumen web. HTTP bisa dianggap sebagai sistem yang bermodel client-server.
II.3 Teori Basis Data
II.3.1 Definisi basis data
Basis data terdiri dari 2 kata, yaitu basis dan data, basis dapat diartikan sebagai maskas atau gudang tempat bersarang atau berkumpul. Sedangkan data
adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia pegawai, siswa, pembeli dan lain-lain, barang hewan, peristiwa, konsep keadaan
dan sebagainya yang direkam dalam bentuk angka, huruf, simbol, teks, gambar, bunyi, atau kombinasinya. Basis data sendiri dapat didefinisikan dalam sejumlah
sudut pandang, seperti : 1. Himpunan kelompok data arsip yang saling berhubungan yang
diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah.
2. Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan redudansi yang tidak perlu untuk
memenuhi berbagai kebutuhan. 3. Kumpulan file, tabel, atau arsip yang saling berhubungan yang akan disimpan
dalam media penyimpanan elektronis.
21
Basis data dalam lemari arsip sesungguhnya memiliki prinsip kerja dan tujuan yang sama. Prinsip utamanya adalah pengeluaran data dan tujuan utamanya
adalah kemudahan dan kecepatan dalam pengembalian data. Perbedaannya hanya terletak pada media penyimpanan yang digunakan. Maka basis data menggunakan
media penyimpanan elektronik seperti disk disket atau hardisk. Hal ini karena lemari arsip langsung dikelola oleh manusia sementara basis data dikelola melalui
perantara alat atau mesin pintar elektronis yang kita kenal komputer. Satu hal yang harus diperhatikan, bahwa basis data bukan hanya sekedar
tidak menyimpan data secara elektronis dengan bantuan komputer, artinya tidak semua bentuk penyimpanan data secara elektronis bisa disebut basis data. Kita
dapat menyimpan dokumen berisi data dalam file teks dengan program pengolah data, file spread sheet dan lain-lain. Tetapi tidak bisa disebut basis data karena
didalamnya tidak ada pemilahan dan pengelompokan data sesuai jenis dan fungsi data. Yang sangat ditonjolkan basis data adalah pengaturan, pengelompokan,
pengorganisasian data yang akan kita simpan sesuai dengan fungsinya.
II.3.2 Operasi dasar basis data
Didalam sebuah disk, basis data dapat diciptakan dan dapat pula ditiadakan. Sementara dalam sebuah basis data, kita dapat menempatkan satu atau
lebih file ataupun table. Setiap basis data pada umumnya dibuat untuk mewakili sebuah basis data sebuah semesta data yang spesifik.
Operasi-operasi yang dapat kita lakukan berkenaan dengan basis data dapat meliputi :
22
1. Pembuatan basis data baru create database, yang identik dengan pembuatan lemari arsip yang baru.
2. Penghapusan basis data drop database, yang identik dengan perusakan lemari arsip sekaligus dengan isinya, jika ada.
3. Pembuatan file atau tabel dari suatu basis data create table, yang identik dengan penambahan map arsip baru ke sebuah lemari arsip yang telah ada.
4. Penghapusan file atau tabel dari suatu basis data drop table, yang identik dengan perusakan map arsip lama yang ada di sebuah lemari arsip.
5. Penambahan atau pengisian data baru kesebuah file atau tabel disebuah basis data insert yang identik dengan penambahan lembaran arsip kesebuah map
arsip. 6. Pengambilan data dari sebuah file atau tabel retrieve atau search, yang
identik dengan pencarian lembaran arsip yang ada disebuah map arsip. 7. Pengubahan data dari sebuah file atau tabel update.
II.3.3 Database Management System DBMS
DBMS dapat menjadi alternatif penggunaan secara khusus untuk aplikasi, semisal penyimpanan data dalam file dan menulis kode aplikasi yang spesifik
untuk pengaturannya. Penggunaan DBMS untuk suatu aplikasi tergantung pada kemampuan dan
dukungan DBMS yang beroperasi secara efisien. Sehingga agar bisa menggunakan DBMS dengan baik, perlu diketahui cara kerja dari DBMS tersebut. Pendekatan
yang dilakukan untuk menggunakan DBMS secara baik meliputi : implementasi
23
DBMS dan arsitektur secara mendetail untuk dapat memahami desain dari suatu basis data
II.4 Pemodelan Data
Pemodelan sistem memainkan peranan yang penting dalam pengembangan sistem. Pemodelan data kadang-kadang disebut pemodelan database karena model
data kadang-kadang diimplementasikan sebagai sebuah database. Pemodelan data dapat digambarkan dengan ERD Entity Relationship Diagram.
II.4.1 Entity Relationship Diagram ERD
Entity Relationship Diagram adalah suatu model atau teknik pendekatan yang dapat menyatakan atau menggambarkan hubungan entity didalam sebuah
sistem, dimana hubungan tersebut dinyatakan sebagai one-to-one, one-to-many dan many-to-many.
Entity relationship bertujuan untuk menentukan objek-objek data Entity dan relationship hubungan yang ada pada objek-objek tersebut.
Komponen Entity Relationship Diagram : 1. Entity
Entity adalah suatu yang dapat dibedakan atau diidentifikasikan secara unik, objek disini sifatnya berupa orang, tempat, peristiwa atau konsep yang
informasinnya direkam.
24
2. Atribut Atribut adalah kumpulan dari beberapa elemen data yang membentuk
suatu entity. Atribut merupakan ciri sebutan atau karakteristik yang dapat mewakili suatu simbol yang digunakan untuk menggambarkan atribut pada entity
relationship diagram. 3. Relationship
Relationship adalah relasi atau hubungan yang terjadi diantara beberapa entity. Simbol yang digambarakan untuk menggambarkan relationship pada
teknik entity relationship diagram adalah berupa belah ketupat. Setiap relationship mempunyai derajat relationship, yaitu tingkat atau
hubungan yang terdiri dari tiga derajat, yaitu : a. Unary derajat 1
Suatu relationship yang dihubungkan dengan suatu entity set, dimana penghubungnya ada dua.
b. Binary derajat 2 Relationship derajat dua adalah relationship yang biasa terjadi yaitu dua
entity set dihubungkan dengan satu entity relationship. c. Ternary derajat 3
Relationship derajat tiga. Relationship diagram juga mempunyai Cardinalitas yaitu batasan pada
jumlah entity yang terdiri dari:
25
1. Relasi satu ke satu one-to-one Adalah suatu relasi yang terjadi dengan batasan relasi yang berupa satu
berbanding satu. 2. Relasi satu ke banyak one-to-many
Adalah suatu relasi yang terjadi dengan batasan relasi yang berupa banyak berbanding banyak atau banyak berbanding satu.
3. Relasi Banyak ke Banyak many-to-many Adalah suatu relasi yang terjadi dengan batasan relasi yang berupa banyak
berbanding banyak.
II.5 Analisis Sistem
Penggambaran dan analisis model sistem yang digunakan untuk menggambarkan pembangunan perangkat lunak adalah analisis terstruktur.
Analisis terstruktur adalah aktivitas pembangunan model dengan menggunakan notasi yang sesuai dengan prinsip analisis operasional. Analisis terstruktur bukan
merupakan metode tunggal yang diaplikasikan secara konsisten oleh semua yang menggunakannya. Pada model ini analisis terhadap perangkat lunak dapat
digambarkan dalam bentuk Flow Map, Diagram konteks, Data Flow Diagram DFD dan Kamus Data.
26
II.5.1 Flowmap
Flowmap adalah representasi grafik dari sistem informasi, proses-proses, aliran-aliran data logis, masukan, keluaran, dan file-file serta entitas-entitas sistem
operasi yang berhubungan dengan sistem informasi
II.5.2 Diagram konteks
Diagram Konteks adalah bagian dari DFD yang berfungsi memetakan model model lingkungan, yang dipresentasikan dengan lingkaran tunggal yang
mewakili keseluruhan sistem. Diagram ini adalah diagram level tertinggi dari DFD. Diagram konteks menyoroti sejumlah karateristik penting sistem, yaitu :
1. Kelompok Pemakai, organisasi atau sistem lain dimana sistem melakukan
komunikasi sebagai terminator. 2.
Data Masuk, yaitu data yang diterima sistem dari lingkungan dan harus diproses dengan cara tertentu.
3. Data Keluar, yaitu data yang dihasilkan sistem dan diberikan kedunia luar.
4. Penyimpanan Data storage, yaitu digunakan secara bersama antara sistem
dengan terminator. Data ini dapat dibuat oleh sistem dan digunakan oleh lingkungan atau sebaliknya dibuat oleh lingkungan dan digunakan oleh
sistem. Hal ini berarti pembuatan simbol data storage dalam diagram konteks dibenarkan, dengan syarat simbol tersebut merupakan bagian dari
luar sistem. 5.
Batasan, yaitu batasan antara sistem dan lingkungan.
27
II.5.3 Data Flow Diagram DFD
DFD atau singkatan dari Data Flow Diagram merupakan representasi grafik dari suatu sistem yang menunjukan proses atau fungsi, aliran data, tempat
penyimpan data dan entitas eksternal. DFD juga digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan
dikembangkan. Dengan menggunakan DFD, rancangan yang akan kita buat akan lebih terarah dan lebih rinci. Sehingga kita tidak akan mengalami kesulitan dalam
melakukan perancangan. Data flow diagram memiliki empat komponen, antara lain akan dijelaskan dibawah ini :
1. Terminator external exitity Terminator mewakili entity external yang berkomunikasi dengan
sistem yang sedang dikembangkan. Terminator merupakan kesatuan dilingkungan sistem. Biasanya terminator ini dikenal dengan nama entitas
external sumber atau tujuan source dan sink. Terminator dapat juga berupa departemen, divisi atau sistem diluar sistem yang berkomunikasi dengan
sistem yang dikembangkan. 2.
Proses Proses sering dikenal dengan nama Bubble, fungsi atau informasi.
Komponen proses
menggambarkan bagian
dari sistem
yang mentransformasikan input ke output, atau dapat dikatakan bahwa komponen
proses menggambarkan transformasi satu input atau lebih menjadi output. Setiap proses harus diberikan penjelasan yang lengkap sebagai berikut :
a. Identifikasi Proses
28
Umumnya berupa angka yang menunjukan nomor dari proses atau ditulis pada bagian atas simbol proses.
b. Nama Proses Menunjukan apa yang dikerjakan oleh proses tersebut. Nama
proses harus jelas dan lengkap menggambarkan bagian prosesnya nama proses diletakan dibawah identifikasi proses.
3. Penyimpanan data data store Data store digunakan sebagai sarana untuk mengumpulkan data. Data
store disimbolkan dengan dua garis horizontal yang paralel dimana tertutup pada salah satu ujungnya atau dua garis horizontal saja. Data store ini
biasanya berkaitan dengan penyimpanan-pemyimpanan seperti file atau database yang berkaitan dengan penyimpanan secara komputerisasi,
contohnya file pita magnetic, file disket atau file harddisk. Data store juga berkaitan dengan pemyimpanan data.
4. Alur Data Data Flow Suatu data flow atau alur data dapat dipresentasikan dengan anak
panah yang menunjukan arah menuju ke dan keluar dari suatu proses. Alur data ini digunakan untuk menerangkan perpindahan data atau satu paket data
atau informasi dari suatu bagian sistem ke bagian lainnya. Selain menunjukan arah, alur data pada model yang dibuat dapat merepresentasikan bit, karakter,
pesan, formulir, bilangan real dan macam-macam informasi yang berkaitan dengan komputer.
29
II.5.4 Kamus data
Kamus data adalah suatu daftar atau kamus dari seluruh elemen-elemen data yang diperlukan oleh suatu sistem. Kamus data dibuat berdasarkan arus data
yang terdapat pada DFD. Arus data dalam DFD bersifat global sehingga hanya dapat ditunjukkan nama arus datanya saja dan keterangan lebih lanjut mengenai
struktur arus data dapat dilihat dari kamus data.
II.6 Normalisasi
Normalisasi adalah suatu teknik dalam menstruktur data dalam cara-cara tertentu untuk mengurangai atau mencegah timbulnya masalah yang berhubungan
dengan pengolahan data dalam database. Normalisasi juga diartikan sebagai proses pengelompokan data elemen menjadi tabel-tabel yang menunjukan entitas
dan relasinya. Konsep-konsep pada normalisasi, antara lain :
1. Kunci atribut Key field atau Key attribut yautu suatu kunci field yang mewakili record atau tupple
2. Kunci kandidat Candidate key yaitu suatu atribut atau satu set atribut yang mengidentifikasi secara unik suatu entity.
3. Kunci primer Primary key yaitu satu atribut atau satu set atribut yang yang mengidentifikasi secara unik dan mewakili setiap kejadian pada satu
entity. 4. Kunci alternatif Alternate key yaitu kunci kandidat yang dipakai sebagai
kunci primer.
30
5. Kunci tamu Foreign key yaitu suatu atribut atau satu set atribut dan melengkapi hubungan yang menunjukan ke induknya.
Bentuk-bentuk normalisasi yaitu : 1. Normal satu 1NF atau First Normal Form
Relasi berada pada normal kesatu jika semua atribut mempunyai nilai yang bersifat atomic.
2. Normal kedua 2NF atau Second Normal Form Relasi berada pada normal kedua jika relasi tersebut merupakan
normal satu dan atribut bukan merupakan kunci tergantung penuh pada kunci primer.
3. Normal ketiga 3NF atau Three Normal Form Relasi berada pada normal ketiga jika relasi tersebut merupakan
normal kedua dan atribut bukan kunci tidak tergantung secara transitif pada kunci primer.
4. BCNF Boyce Cood Normal Form Relasi berada pada BCNF jika dan hanya jika faktor penentunya
adalah kunci kandidat dan relasi tersebut merupakan normal ketiga.
II.7 Hypertext Markup Language HTML
Dokumen HTML adalah file teks regular disebut juga ASCII yang diciptakan dengan menggunakan editor teks misalnya, Emacs dalam Unix,
31
Gnotepad pada Linux, atau Notepad pada Windows atau dengan menggunakan word processor, tetapi harus disimpan dengan format
“text only with line breaks”. Sesuai dengan namanya, bahasa ini menggunakan tanda MarkUp untuk
menandai perintah-perintahnya. Saat ini banyak sekali aplikasi-aplikasi yang dapat digunakan untuk membuat web page, seperti Microsof Frontpage, Adobe
GoLive, Macromedia Dreamweaver, Ultradev dan lain-lainnya. Namun untuk seorang web develover kemampuan dasar perintah HTML tetap dibutuhkan.
Homepage dibangun oleh sebuah file yang didalamnya terdapat kode-kode dan informasi dan dibaca oleh sebuah aplikasi yang bernama browser. Oleh
browser, kode dan informasi akan disajikan sebagai sebuah halaman web yang kita kenal sebagai homepage. Kode tersebut haruslah ditulis menurut suatu aturan
tertentu yang dapat dimengerti browser. Aturan tersebut dikenal dengan “bahasa pengkodean”.
Untuk membuat homepage website, bahasa pengkodean yang digunakan adalah HTML. Sekalipun banyak orang menyebutnya sebagai salah satau bahasa
pemrograman, HTML sebenarnya sama sekali bukan bahasa pemrograman karena HTML merupakan bahasa Mark Up pengkodean yang digunakan untuk
menentukan format atau style dan teks yang ditandai. Simbol Mark Up yang digunakan oleh HTML ditandai dengan tanda lebih kecil dan lebih besar ,
keduanya dinamai tag. Sebagai contoh akan ditampilkan teks yang tercetak tebal, maka mark up yang digunakan adalah sebagai berikut:
B Teks ini bercetak tebal B
32
Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang terlihat jelas adalah ekstensi filenya yaitu .htm atau .html. Namun labih jauh
dari pada itu didalam file tersebut harus mengandung struktur sebagai berikut: HTML
………………………. ……………………….
HTML Tag HTML harus diletakan pada bagian awal dan tag HTML harus
diletakan pada bagian terakhir dari suatu file HTML. Tag-tag HTML tidak bersifat case sensive artinya penggunaan huruf besar maupun huruf kecil tidak
menjadi masalah. Jadi tag HTML akan sama dengan tag html.
II.8 Hypertext Preprocessor PHP
PHP Personal Home Page Tools adalah sebuah bahasa scripting yang dibundel dengan HTML, yang berjalan disisi server. Sebagian besar perintahnya
berasal dari bahasa C, Java dan Perl dengan beberapa tambahan fungsi khusus PHP.
Bahasa ini memungkinkan para pembuat aplikasi web yang menyajikan HTML yang dinamis dan interaktif dengan cepat dan mudah, yang di hasilkan
server. PHP biasa berinteraksi dengan hampir semua teknologi web yang sudah ada. Developer biasa menulis sebuah program PHP yang mengeksekusi suatu
program CGI di server lain. Fleksibilitas ini amat bermanfaat bagi pemilik situs- situs web yang besar dan sibuk, karena pemilik masih menggunakan aplikasi-
33
aplikasi yang sudah terlanjur dibuat dimasa lalu dengan menggunakan CGI, ISAP atau dengan script seperti Perl, awk atau Phyton selama proses migrasi ke aplikasi
baru yang di buat dengan menggunakan PHP. Kode program PHP menyatu dengan tag-tag HTML dalam satu file. Kode
PHP diawali dengan tag ? Dan ditutup dengan tag ?. File yang berisi tag HTML dan kode PHP ini diberi ekstensi .php atau ekstensi lainnya yang ditetapkan pada
Apacheweb server. Berdasarkan ektensi ini, pada saat file diakses, server akan tahu bahwa file ini mengandung kode PHP. Server akan menerjemahkan kode ini
dan menghasilkan output dalam bentuk tag HTML yang akan dikirim ke browser client yang mengakses file tersebut. Contohnya dapat dituliskan seperti ini :
? echo “html
head titlePemrograman PHPtitle
head body
centerSelamat menggunakan PHPcenter body
html”; ?
Dengan PHP, developer tidak perlu lagi berurusan dengan dua buah file yang terpisah seperti pada CGI. Browser web mengacu secara langsung ke file
yang dituju, yang lalu dibaca oleh server sebagaimana file HTML statis biasa.
34
Bedanya, sebelum dikirim balik ke browser web, server web memeriksa isi file dan menentukan apakah ada kode didalam file tersebut yang harus dieksekusi.
Bila ada, kode-kode tersebut akan dieksekusi. Hasilnya akan dimasukkan kedalam dokumen yang sama. Server web bekerja secara langsung terhadap file yang
bersangkutan tidak memanggil script terpisah seperti pada metode CGI. Seluruh kode di eksekusi di server oleh karena itu disebut server-side script. Lihat
Gambar II.1 dibawah ini untuk melihat kerja dari PHP dan Apache.
Gambar II.1 Prinsip Kerja PHP dan Apache
PHP membuat proses pengembangan aplikasi menjadi mudah karena kelebihan-kelebihannya, yaitu :
1. Script kode program terintegrasi dengan file HTML, sehingga developer biasa berkonsentrasi langsung pada penampilan webnya.
2. Tidak ada proses compiling dan linking. 3. Berorientasi objek object Oriented.
4. Sintaksis pemrogramannya udah dipelajari, sangat menyerupai C dan Perl.
35
5. Integrasi yang sangat luas ke berbagai server database. Menulis web yang terhubung ke database menjadi sangat sederhana. Database yang didukung
oleh PHP : Oralce, Sybase, mSQL, MySQL, Solid, ODBC, PostgreSQL, Adabas D, FilePRo, Velocis, Informic, dBase, UNIX dbm.
II.9 Cascading Style Sheets CSS
Cascading Style Sheets CSS adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa
markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian,
bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium W3C.
CSS digunakan oleh penulis maupun pembaca halaman web 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. Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan
mengurangi kompleksitas serta pengulangan pada stuktur isi. CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara
yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara sewaktu dibacakan oleh browser basis-suara atau pembaca layar, dan juga
alat pembaca braille. Halaman HTML atau XML yang sama juga dapat
36
ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.
II.10 JavaScript
JavaScript adalah bahasa script yang digunakan pada halaman HTML. JavaScript adalah varian dari java yang sangat terkenal dalam lingkungan
pemrograman web. JavaScript mempunyai keunggulan pada sisi client, maupun diakses lebih cepat dari script server. Tetapi kelemahannya pada script ini belum
tentu mampu diproses oleh browser client tergantung kompetibilitas browser tersebut. Cara untuk menjalankan javascript hanya dengan javascript-enabled
yaitu browser yang mampu menjalankan javascript seperti Netscape Navigator versi 2.0 keatas atau internet ekplorer MSIE-versi 3.0 ke atas.
Beberapa hal mengenai JavaScript : 1 JavaScript didesain untuk menambah interaktif suatu web.
2 JavaScript merupakan sebuah bahasa scripting dengan bahasa pemrograman yang ringan.
3 JavaScript biasanya disisipkan embedded dalam halaman HTML. 4 JavaScript adalah bahasa interpreter yang berarti skrip dieksekusi
tanpa proses kompilasi. Ada beberapa cara untuk menuliskan JavaScript yaitu :
37
a Script pada bagian head Skrip ini dieksekusi ketika dipanggil biasanya berbentuk function
atau dipanggil berdasarkan event tertentu. Peletakan script di head akan menjamin script di-load terlebih dahulu sebelum digunakan.
html head
script type=”textjavascript” Function message
{ Alert “Alert ini dipanggil saat even dijalankan”;
} script
head html
b Script pada Body Skrip akan dieksekusi ketika halaman di-load sampai dibagian
body dan ketika ditempatkan berarti antara isi dan javacript dijadikan satu bagian.
html head
head body
script type=”textjavascript”
38
Document.write“Pesan ini akan tampil”; script
body html
c External JavaScript
Untuk memudahkan menulis script yang berulang-ulang di setiap halaman maka JavaScript dapat ditulis di file secara ekternal. Jadi, antara
HTML dan JavaScript dipisah, kemudian file tersebut dipanggil dari dokumen HTML. File JavaScript tersebut disimpan dengan ektensi .js.
html head
head body
script src=”xxx.js”
script body
html
II.11 Asynchronous JavaScript and XML AJAX
AJAX Asynchronous JavaScript and XML sesungguhnya bukanlah suatu bahasa pemrogarman, melainkan hanya suatu teknik yang memungkinkan untuk
membuat aplikasi web yang interaktif. Dengan menggunakan AJAX, aplikasi web dapat berinteraksi dengan server di latar belakang sehingga tidak mempengaruhi
39
halaman web secara keseluruhan. Sebagai gambaran, Anda mungkin sering mendaftarkan diri pada suatu situs web sebagai anggota baru. Setelah Anda selesai
mengetikan user ID saat registrasi, sistem bisa memberitahukan bahwa nama yang Anda pakai sudah digunakan oleh orang lain atau belum.
Bagaimana aplikasi web ini bisa tahu hal itu padahal Anda belum mengklik tombol apapun dalam halaman web. Rahasianya terletak pada
pemrosesan di latar belakang yang dilakukan oleh AJAX. Gambar II.2 Menunjukan aplikasi web yang berbasis AJAX.
Antarmuka
Lapisan AJAX Klien
Server
Gambar II.2 Model Aplikasi Web dengan AJAX
Nampak bahwa pada aplikasi web yang berbasis AJAX terdapat bagian yang disebut lapisan AJAX atau terkadang disebut mesin AJAX. Lapisan inilah
yang mengatur komunikasi antara client dan server. Butir penting yang perlu diperhatikan dalam lapisan AJAX :
1. Lapisan AJAX meminta layanan ke server atau tidak, tergantung pada jenis layanan antarmuka. Sebagai contoh, untuk validasi terhadap objek formulir
tidak perlu melakukan permintaan ke server. Cukup ditangani di sisi client.
40
Namun untuk pemeriksaan keabsahan password, mau tidak mau harus dilayangkan ke server karena harus berhubungan dengan database.
2. Sekalipun penambahan lapisan AJAX berkesan memperlambat proses karena komunikasi ke server tidak lagi dilakukan secara langsung, pada kenyataanya
yang terjadi adalah sebaliknya. Hal ini karena permintaan yang dilakukan oleh lapisan AJAX menghasilkan informasi yang jauh lebih sedikit dibanding kalau
yang diminta adalah keseluruhan halaman. 3. Lapisan AJAX bekerja dengan pendekatan asinkron. Asinkron berarti bahwa
client bisa meminta layanan dari server dan tidak perlu menunggu sampai server melayaninya. Dengan demikian, saat informasi dari server belum
didapat, layanan kepada pemakai tetap bisa dilakukan. 4. Komunikasi antara client dan server tidak perlu mengubah keseluruhan
antarmuka dalam halaman web, tetapi cukup hanya bagian tertentu yang terpengaruh. Hal seperti ini tidak bisa dilakukan pada aplikasi web yang tidak
menggunakan AJAX. AJAX pertama kali ditemukan pada tahun 2005 oleh Jesse James Garret,
presiden dan pendiri perusahaan Adaptive Path. Teknik ini sebenarnya sudah ada sejak 1999. Pada masa itu Microsoft membuat objek bernama XMLHttpRequest
Objek yang kelak akan dilibatkan dalam membuat AJAX sebagai control ActiveX pada Internet Explorer 5. AJAX menjadi sangat popular baru setelah
digunakan intensif oleh Yahoo Dan Google. Komponen - komponen ajax meliputi :
41
1. XHTML Extensible HyperText Markup Language, sebagai peluasan dari HTML.
2. CSS Cascading Style Sheets sebagai pemformat bagian dari dokumen. 3. DOM Document Object Model untuk mengatur interaksi dan penampilan isi
HTML dan XHTML secara dinamis. 4. XML Extensible Markup Language memungkinkan untuk melakukan
pertukaran data. 5. XSLT Extensible Stylesheet Language Transformation adalah bahasa
berbasis XML yang ditujukan untuk melakukan transformasi dokumen XML ke bentuk yang lain.
6. XMLHttpRequest untuk melakukan pertukaran data secara asinkron. 7. JavaScript sebagai bahasa untuk membentuk lapisan AJAX.
Memang nampaknya sangat kompleks karena melibatkan banyak hal. Namun tidak pelu khawatir bahwa hal itu akan menyusahkan dalam
mewujudkannya. Dalam praktik, AJAX bisa diimplementasikan tanpa menggunakan XML, XSLT, maupun CSS.
Software yang digunakan untuk membangun aplikasi web dengan AJAX : 1. Browser misalnya Internet Explorer dan Mozilla Firefox pada sisi klien.
2. Web Server misalnya Apache pada sisi server. Tentu saja yang dicantumkan di atas adalah kebutuhan minimal untuk
membuat aplikasi web yang melibatkan AJAX. Jika aplikasi juga melibatkan database, di sisi server juga perlu dipasang database server. Selain itu, agar web
42
server dapat berkomunikasi dengan database server, perantara seperti PHP diperlukan.
II.12 MySQL
MySQL adalah multi user database yang menggunakan bahasa Structured Query Language SQL. MySQL merupakan database server multi user dan multi
threaded yang tangguh. Dengan memiliki banyak feature MySQL bisa bersaing dengan datgabase komsersial sekalipun. Tidak mengejutkan MySQL menjadi
database pilihan untuk banyak pengguna PHP. MySQL termasuk RDBMS Relational Database Management System itulah sebabnya istilah seperti tabel,
baris dan kolom digunakan pada MySQL. Pada MySQL sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri dari sejumlah baris dan setiap
baris mengandung satu atau beberapa kolom. MySQL mampu menangani data yagn cukup besar. Perusahaan yang
mengembangkan MySQL yaitu TcX, mengaku menyimpan data lebih dari 40 database, 10.000 tabel dan sekitar 7 juta baris, totalnya kurang lebih 100 Gigabyte
data. SQL adalah sebuah standar yang digunakan untuk mengakses database server. Bahasa ini pada awalnya dikembangkan oleh IBM, namun telah diadopsi
dan digunakan sebagai standar industry. Dengan menggunakan MySQL, proses akses database menjadi lebih user-
friendly dibandingkan dengan menggunakan dBASE atau Clipper yang masih menggunakan perintah-perintah pemrograman. MySQL merupakan software
database yang masih yang masih popular di lingkungan Linux, kepopuleran ini
43
sangat ditunjang oleh performa query dari databasenya yang saat ini bisa dikatakan paling cepat dan jarang bermaslah. MySQL ini juga sudah berjalan pada
lingkungan windows.
44
BAB III ANALISIS DAN PERANCANGAN SISTEM
III.1 Analisis Sistem
Analisis sistem merupakan penguraian dari suatu sistem informasi yang utuh
kedalam bagian-bagian
komponennya dengan
maksud untuk
mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan dan hambatan-hambatan yang terjadi dan kebutuhan yang diharapkan sehingga
dapat diusulkan perbaikan –perbaikan.
III.1.1 Analisis Masalah
Sistem penjualan di Rumah Industri Stockers masih menggunakan cara konvensional, yaitu pembeli datang ke tempat belanja untuk mengetahui informasi
produk yang ditawarkan. Dari sisi pembayaran pun harus dilakukan langsung di rumah industri stockers.
III.1.2 Analisis Prosedur Sistem yang Sedang Berjalan
Prosedur merupakan urutan kegiatan yang tepat dari tahapan-tahapan yang menerangkan mengenai proses apa yang dikerjakan, siapa yang mengerjakan
proses tersebut, bagaimana proses tersebut dapat dikerjakan dan dokumen apa saja yang terlibat.
Berdasarkan hasil wawancara dengan pihak Rumah Industri Stockers, prosedur penjualan produk yang berjalan di Rumah Industri Stockers adalah
sebagai berikut : 1. Prosedur Pemesanan dan penjualan
a. Konsumen memberikan data produk yang akan dipesan. b. Pemilik memberitahukan bagian gudang untuk mengecek produk dan stok
sesuai data produk yang dipesan. Jika sesuai pesanan bagian gudang dan produksi memberitahu pemilik produk ready dan langsung di packing. Jika
stok tidak sesuai pemesanan bagian gudang langsung mengkonfirmasi konsumen.
c. Pemilik membuat bon penjualan untuk diserahkan pada konsumen. Konsumen membayar uang sejumlah nominal yang ada di bon penjualan.
Lalu bagian gudang menyerahkan produk yang dipesan yang sudah di packing pada konsumen.
Konsumen Pemilik
Data Produk Data Produk
Bagian Gudang dan Produksi
Data Produk
Cek produk dan Stok
yang dipesan
Produk dan Stok ready
Buat bon penjualan
Bon penjualan Bon penjualan
ya Packing
Produk yang sudah di packing
Produk yang sudah di packing
Bon penjualan Data Produk
tidak Data Produk
Keterangan : A1 : Arsip bon penjualan produk
A1
Gambar III.1 Prosedur pemesanan dan penjualan
III.1.3 Analisis Kebutuhan Non-fungsional
Analisis kebutuhan non fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Spesifikasi ini juga meliputi
elemen atau komponen-komponen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem tersebut diimplementasikan. Analisis
kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang dibutuhkan untuk
mengolah masukan sehingga menghasilkan suatu keluaran yang diinginkan.
III.1.3.1 Analisis Pengguna
Sistem yang akan dibangun digunakan oleh tiga jenis pengguna, yaitu administrator, member dan pengunjung. Administrator dapat melakukan semua
operasi di dalam perangkat lunak ini seperti tambah data, edit data, dan hapus data. Member dapat melakukan pemesanan hingga konfirmasi pembayaran
sedangkan pengunjung hanya dapat melakukan pemesanan barang hingga di keranjang belanja saja.
Tabel III.1 Karakteristik pengguna
Pengguna Hak akses
Tingkat keterampilan
Admin Melakukan
pengolahan data master
Menguasai komputer,
pemahaman yang cukup untuk mengelola data dalam web
serta memiliki pengetahuan tentang internet.
Member Pemesanan,
pembayaran, terima dan retur produk
Mampu mengoprasikan
komputer dan dapat melakukan browsing di internet.
Pengunjung Pemesanan produk
sampai di keranjang belanja.
Mampu mengoprasikan
komputer dan dapat melakukan browsing di internet.
III.1.3.2 Analisis Perangkat Keras
Analisis perangkat keras dimaksudkan untuk mengetahui spesifikasi perangkat keras yang digunakan di Rumah Industri Stockers. Perangkat keras
yang sedang digunakan di Rumah Industri Stockers adalah sebagai berikut : 1. Possessor dengan kecepatan 2.0 GHz + Motherboard
2. VGA card 128 MB 3. RAM 512 MB
4. Hard disk space 80 GB terpasang 5. Monitor
6. Mouse 7. Keyboard
Spesifikasi komputer untuk client agar dapat menjalankan aplikasi ini minimal adalah sebagai berikut :
1. Processor dengan kecepatan minimal 1 GHz + Motherboard 2. Kapasitas Harddisk minimal 40 GB
3. RAM minimal 256 MB 4. VGA Card minimal 64 MB
5. Monitor 6. Lan Card 10100Mbps
7. Koneksi internet minimal 64 kbps 8. Mouse
9. keyboard
III.1.3.3 Analisis Perangkat Lunak
Perangkat lunak yang digunakan untuk membangun aplikasi penjualan on- line adalah sebagai berikut :
1. Sistem Operasi Windows XP SP2 2. PHP sebagai bahasa pemrograman yang akan digunakan.
3. XAMPP sebagai Web Server.
4. MySQL sebagai media penyimpanan basis data.
Adapun minimum spesifikasi kebutuhan perangkat lunak pada client untuk dapat menjalankan aplikasi ini adalah sebagai berikut :
1. Browser : Mozilla Firefox, Google Chrome, internet explorer. 2. Sistem Operasi : Windows SP1, Windows SP2, Windows SP3, Windows Vista,
Windows 7
III.1.4 Analisis basis data
Diagram E-R digunakan untuk merancang tabel yang akan dibuat beserta relasi antar tabel basis data. Diagram E-R juga merupakan model konseptual yang
mendeskripsikan hubungan antara penyimpanan. Diagram E-R digunakan untuk memodelkan struktur hubungan antar data yang ada pada flowmap, sehingga dari
diagram E-R dapat dilihat hubungan antar entitas.
t_member t_produk
t_ukuran t_pertanyaan
t_pembayaran t_merk
t_warna t_kota
t_provinsi t_pengiriman
t_order_detail
t_model
t_kategori t_detail_kurir
t_layanan t_kurir
memiliki 1
memiliki n
1 memiliki
1
n memiliki
n
1
memiliki n
1 memiliki
1 n
memiliki 1
memiliki memiliki
memiliki 1
1
memiliki 1
1 memiliki
1 memiliki
n 1
memiliki n
1
1 memiliki
1 t_order
memiliki n
1 n
n n
1
1 n
memiliki memiliki
1 n
n 1
t_subproduk 1
n memiliki
n t_gambar
memiliki n
1 t_retur
memiliki memiliki
n
1 n
1
Id_provinsi Id_kurir
Id_layanan Id_detail_kurir
Id_kota Id_member
Id_pertanyaan Id_pembayaran
Id_order Id_retur
Id_order_detail
Id_pengiriman
Id_warna Id_model
kode_kategori Id_subproduk
Id_ukuran Id_gambar
Kode_merk
Kode_produk Email_member
No_urut Kode_produk
Id_warna Id_ukuran
Kode_kategori temp
memiliki n
1 Id_temp
Gambar III.2 ER-Diagram
Untuk keterangan atribut-atribut yang dimiliki tiap entitas dijelaskan dengan tabel III.2 berikut :
Tabel III.2 Entitas dan Atribut
No Entitas
Atribut
1 T_member
{id_member, nama_depan, nama_belakang, alamat_lengkap, email_member,
password_member, phone, insert_date, jawaban, register_session_id, last_login, status_member,
id_kota, id_pertanyaan} 2
T_provinsi {id_provinsi, provinsi }
3 T_kota
{id_kota, kota, id_provinsi } 4
T_kurir {id_kurir, nama_kurir }
5 T_layanan
{id_layanan, layanan, id_kurir} 6
T_detail_kurir {id_detail_kurir, id_kota, harga_kirim, id_layanan}
7 T_pertanyaan
{id_pertanyaan, pertanyaan } 8
T_admin {id_admin, nama_admin, level_admin,
email_admin, password_admin, phone, status_admin, insert_date }
9 T_kategori
{kode_kategori, kategori} 10 T_merk
{kode_merk, merk} 11 T_model
{id_model, model, kode_kategori} 12 T_ukuran
{id_ukuran, ukuran } 13 T_warna
{id_warna, warna} 14 T_produk
{kode_produk, no_urut, jenis_produk, nama_produk, tanggal_masuk, deskripsi, diskon,
kode_merk, id_model } 15 T_gambar
{id_gambar, gambar, direktori, kode_produk} 16 T_subproduk
{id_subproduk, berat, harga_dasar, harga_jual,
laba, stok, kode_produk, id_warna, id_ukuran } 17 T_order
{id_order, total_qty, total_berat, total_ongkos, total_bayar, tanggal_order, tanggal_expired,
status_order, id_member } 18 T_order_detail {id_order_detail, qty_order, berat_order,
diskon_order, harga_order, id_order, id_subproduk}
19 T_pembayaran {id_pembayaran, jenis_pembayaran, bank_tujuan, nama_layanan_pembayaran,
atas_nama, no_rekening, jumlah_pembayaran, tanggal_bayar, status_pembayaran, id_order}
20 T_pengiriman {id_pengiriman, tanggal_kirim,
nama_penerima, alamat_penerima, email, telp, status_kirim, status_terima, ongkos_kirim,
no_resi, id_order, id_kota, id_detail_kurir} 21 T_retur
{id_retur, id_order, id_subproduk, jumlah_retur, status_retur, tanggal_retur, no_resi}
22 temp {id_temp, id_session, id_subproduk, qty}
III.1.5 Analisis Kebutuhan Fungsional
III.1.5.1 Diagram Konteks
Analisis fungsional dilakukan untuk menghasilkan spesifikasi kebutuhan fungsional. Spesifikasi kebutuhan fungsional adalah spesifikasi yang rinci tentang
hal-hal yang akan dilakukan pada saat implementasi sistem. 1.
Diagram Konteks 2.
DFD Data Flow Diagram
3. Spesifikasi Proses
4. Kamus Data
Sistem mempunyai keterkaitan dengan jumlah entitas, baik itu keterkaitan dengan entitas luar sistem maupun keterkaitan dengan entitas dalam sistem.
Adapun entitas luar sistem yang berhubungan langsung dengan sistem yang akan dibangun antara lain adalah :
1. Admin Admin merupakan entitas eksternal yang melakukan kegiatan pengolahan data
master, pengolahan data transaksi, pengolahan laporan, serta pengolahan retur. 2. Member
Member merupakan entitas eksternal yang melakukan kegiatan lihat produk serta lihat history pemesanan
3. Pengunjung Pengunjung merupakan entitas eksternal yang melakukan kegiatan lihat
produk serta info mengenai aplikasi. Hubungan antara entitas luar sistem dengan sistem yang dibangun
digambarkan pada diagram konteks berikut.
Aplikasi Penjualan Online di Rumah Indutri Stockers
Bandung
Member Admin
Pengunjung
- Data Login Admin - Data Profil Admin
- Data Produk - Data Merk Produk
- Data Kategori Produk - Data Ukuran Produk
- Data Jenis Pembayaran - Data Detail Produk
- Data Gambar Produk - Data kurir
- Data Layanan kurir - Data Harga Layanan kurir
- Data Provinsi - Data Kota
- Data Penjualan - Data Jenis Pembayaran
- Info Login Admin - Info Member
- Info Produk - Info Gambar Produk
- Info Merk Produk - Info Kategori Produk
- Info Ukuran Produk - Info Jenis Pembayaran
- Info Detail Produk - Info Kurir
- Info Layanan Kurir - Info Harga Layanan kurir
- Info Provinsi - Info Kota Kabupaten
- Info Penjualan - Info Akun Pembayaran
- Info Testimoni - Info Laporan
- Data Login Member - Data Member
- Data pemesanan - Data Pembayaran
- Data Produk - Data Kategori Produk
- Data merk Produk - Data Detail Produk
- Data Retur - Data Daftar
- Data Produk - Data Kategori Produk
- Data merk Produk - Data Detail Produk
- Info Daftar - Info Produk
- Info Kategori Produk - Info MerkProduk
- Info Detail Produk
- Info Login Member - Info Member
- Info pemesanan - Info Pembayaran
- Info Produk - Info Kategori Produk
- Info merk Produk - Info Detail Produk
- Info Retur
paypal
webmail Data pembayaran paypal
Info pembayaran paypal Info pendaftaran
Info pemesanan Info pembayaran
Info pengiriman Info retur
JNE Data pengiriman
Info pengiriman Info aktivasi data login member
Gambar III.3 Diagram Konteks
III.1.5.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 pemesanan dan penjualan yang diusulkan terdiri dari beberapa bagian, berikut data flow diagram selengkapnya :
evel 1
1. DFD LEVEL 1
1.0 Login
13.0 Pencarian
3.0 Pengolahan
Shopping Cart
4.0 Pengolahan
History
t_member
Member
5.0 Daftar
6.0 Pengolahan
Profil
7.0 Pengolahan
Ganti Password
t_admin
t_order_detail
t_order
8.0 Pengolahan
data user
10 Pengolahan
data transaksi
11 Pengolahan
data laporan
9.0 Pengolahan
data master
t_produk pengunjung
Data login admin Login admin tidak valid
data u
ra n
a n
Data produk Data produk
a ka
teg o
ri Data kategori
Login admin valid Login admin v
L o
g in
a d
m in
va lid
Data login admin Data login
admin Info data admin
Data admin
data member Data login member
Info login member
data laporan Data laporan
data transaksi data transaksi
Data transaksi
data transaksi Data laporan
Data laporan Data pendaftaran
Info pendaftaran
Data pendaftaran Data pendaftaran
Data profil data profil
Data password baru Data password baru
Pa ss
w o
rd b ar
u
In fo
p a
ss w
o rd
b a
ru In
fo p ro
fi l
D a
ta p
ro fi
l
Data history Info history
D a
ta h
is to
ry D
a ta
h is
to ry
D a
ta p
e n
ca ri
a n
In fo
p en
c a
ri a
n Data pencarian
Info pencarian
Data pencarian L
o gi
n m
e m
b e
r v
a lid
Login member valid Login member valid
2.0 Info
Produk
Data produk Data produk
In fo
p ro
d u
k D
a ta
p ro
d u
k In
fo P
ro d
u k
D a
ta Pr
o du
k Info login member
Data login member
Data retur Data ret
Data member
12.0 Lupa
Password
Info lupa password Data lupa password
Data lupa passw Info lupa password
D a
ta l
u p
a p
a ss
w o
rd
D a
ta l
up a
pa s
sw o
rd D
a ta
l u
p a
p a
ss w
o rd
D a
ta l
u p
a pa
s sw
or d
Data pencarian D
a ta p
e sa
n a
n
In fo
p e
sa n
a n
D a
ta p
e sa
n a
n
In fo
d ata
p e
sa n
a n
temp Data pesanan
Data pesanan
Data retur Data retur
t_pembayaran Data pembayaran
Data pembayaran Data produk
n a
n D
a ta
pe s
a na
n
1. DFD Level 2 Proses 2.0 Detail Produk
member
2.1 Informasi
detail produk
Pengunjung
2.2 Pengolahan
pesan produk
detail produk
Info detail produk Info detail produk
Lihat detail
Ukuran, warna, qty produk Info ukuran, warna, qty produk
Info ukuran, warna, qty produk Ukuran, warna, qty produk
T_ subproduk
T_ temp_ layanan Data produk
Data produk
Ukuran, warna, qty produk Data ukuran, warna,
Qty produk berhasil disimpan Data produk
Gambar III.5 DFD Level 2 Proses 2.0 Detail Produk
2. DFD Level 2 Proses 3.0 Pengolahan Shopping Cart
3.1 Ubah
pesanan
3.2 Hapus
pesanan pengunjung
member ubah pesanan
Info ubah pesanan Info ubah pesanan
Ubah pesanan
Hapus pesanan Info hapus pesanan
Hapus pesanan Info hapus pesanan
temp data pesanan
data pesanan Hapus pesanan
hapus pesanan T_subproduk
Data produk
Data produk
Gambar III.6 DFD Level 2 Proses 3.0 Pengolahan Shopping Cart
3. DFD Level 2 Proses 4.0 Pengolahan History
member 4.1
Info order
4.2 Pengolahan
pembayaran Transfer via
atm T_pembayaran
Info pembayaran Data pembayaran
Data pembayaran Info pembayaran
Info pembayaran Data pembayaran
Data pembayaran Data pembayaran
4.3 Pengolahan
pembayaran tunaicash
T_order data order
Info order Data order
Data order
Login member valid Login member valid
Login member valid
4.4 Pengolahan
retur produk T_retur
Data retur produk Info retur produk
Data retur produk data retur produk
Login member valid T_subproduk
Data produk Id_order
Id_order Id
_ o
rd e
r
Gambar III.7 DFD Level 2 Proses 4.0 Pengolahan History
4. DFD Level 2 Proses 8.0 Pengolahan Data User
8.1 Pengolahan
data Admin
8.2 Pengolahan
data member
Admin Tambah,update ganti password
Data Pencarian, edit, hapus Info tambah,update
ganti password
Info pencarian, edit, dan hapus T_admin
T_member Tambah,update ganti password
tambah,update ganti password
Data pencarian, edit, hapus Data pencarian, edit, hapus
Login admin valid
Login admin valid
Gambar III.8 DFD Level 2 Proses 8.0 Pengolahan Data User
5. DFD Level 2 Proses 9.0 Pengolahan Data Master
Admin 9.1
Pengolahan Kategori
9.2 Pengolahan
Model 9.3
Pengolahan Ukuran
9.4 Pengolahan
Warna 9.5
Pengolahan Produk
9.6 Pengolahan
Provinsi 9.7
Pengolahan Kota
Pengolahan Kurir
10.0 Pengolahan
Ongkos Kirim 11.0
Pengolahan Merk
t_kategori Data tambah, edit, hapus kategori
Data tambah, edit, hapus kategori Tambah, edit,
hapus In
fo t
a m
b a
h ,
e d
it ,h
a p
u s
Dat a
T a
m b
a h
, e
d it
h a
p u
s d
a ta
m o
d e
l
In fo
t a
m b
a h
, e
d it
h a
p u
s d
a ta
m o
d e
l
D a
ta T
a m
b a
h ,
e d
it h
a p
u s
d a
ta Uk
u ra
n
In fo
t a
m b
a h
, e
d it
h a
p u
s d
a ta
u k
u ra
n
D a
ta T
a m
b a
h ,
e d
it h
a p
u s
d a
ta warn
a
In fo
t a
m b
a h
, e
d it
h a
p u
s d
a ta
w a
rn a
Dat a
T a
m b
a h
, e
d it
h a
p u
s d
a ta
p ro
d u
k ,
d a
ta s
u b
p ro
d u
k ,u
p lo
a d
d a
ta g
a m
b a
r
I n
fo t
a m
b a
h ,
e d
it h
a p
u s
d a
ta p
ro d
u k
, d
a ta
s u
b p
ro d
u k
, u
p lo
a d
d a
ta g
a m
b a
r
D a
ta T
a m
b a
h ,
e d
it h
a p
u s
d a
ta p
ro v
in s
i
In fo
t a
m b
a h
, e
d it
h a
p u
s d
a ta
p ro
v in
s i
D a
ta T
a m
b a
h ,
e d
it h
a p
u s
d a
ta k
o ta
In fo
t a
m b
a h
, e
d it
h a
p u
s d
a ta
k o
ta
Dat a
T a
m b
a h
, e
d it
h a
p u
s d
a ta
k u
ri r
In fo
t a
m b
a h
, e
d it
h a
p u
s d
a ta
k u
ri r
D a
ta T
a m
b a
h ,
e d
it h
a p
u s
d a
ta O
n g
k o
s Ki
ri m
In fo
t a
m b
a h
, e
d it
h a
p u
s d
a ta
O n
g k
o s
Ki ri
m
D a
ta T
a m
b a
h ,
e d
it h
a p
u s
d a
ta m
e rk
In fo
t a
m b
a h
, e
d it
h a
p u
s d
a ta
m e
rk t_model
Data Tambah, edit, hapus data model Data tambah, edit, hapus data model
t_ukuran Data tambah, edit, hapus data ukuran
Data tambah, edit, hapus data ukuran t_warna
Data tambah, edit, hapus data warna data tambah, edit, hapus data warna
t_produk Data tambah, edit, hapus data produk
Data tambah, edit, hapus data produk
t_provinsi Data tambah, edit, hapus data provinsi
Data tambah, edit, hapus data provinsi t_kota
Data tambah, edit, hapus data kota Data tambah, edit, hapus data kota
t_kurir Data tambah, edit, hapus data kurir
Data tambah, edit, hapus data kurir
t_Detail_kurir Data Tambah, edit,
hapus data ongkos kirim Data tambah, edit, hapus data ongkos kirim
t_merk Data Tambah, edit, hapus data merk
Data tambah, edit, hapus data merk Login admin valid
Login admin valid Login admin valid
Login admin valid Login admin valid
Login admin valid Login admin valid
Login admin valid Login admin valid
Login admin valid
9.9 Pengolahan
Layanan Kurir
t_layanan Data Tambah, edit, hapus data
layanan pengiriman Data tambah, edit, hapus data layanan pengiriman
Login admin valid D
a ta
T a
m b
a h
, e
d it
h a
p u
s d
a ta
L a
y a
n a
n p
e n
g iri
m a
n
In fo
T a
m b
a h
, e
d it
h a
p u
s L
a y
a n
a n
p e
n g
iri m
a n
Data kategori
Data kurir Data layanan pengiriman
Data kota Data provinsi
t_subproduk t_gambar
Data gambar Data gambar
Data subproduk Data warna
Data ukuran
Data merk Data model
Data subproduk
Gambar III.9 DFD Level 2 Proses 9.0 Pengolahan Data Master
6. DFD Level 2 Proses 10.0 Pengolahan Data Transaksi
10.1 Pengolahan
Transaksi
10.2 Pengolahan
Pesanan Konfirmasi
Pembayaran
10.3 Pengolahan
Barang terkirim
10.3 Pengolahan
Retur Barang
T_order_detail
T_Pembayaran
T_Pengiriman
T_Retur Admin
Detail transaksi Info detail transaksi
Detail konfirmasi bayar Info detail konfirmasi bayar
Detail barang terkirim Info detail barang terkirim
Pencarian, Edit, detail, hapus data retur barang Info pencarian, edit, detail, hapus data retur barang
Data transaksi data transaksi
Data pembayaran data pembayaran
Data pengiriman data pengiriman
Data retur data retur
Login admin valid
Login admin valid
Login admin valid
Login admin valid
Gambar III.10 DFD Level 2 Proses 10.0 Lihat Transaksi
7. DFD Level 2 Proses 11.0 Pengolahan Data Laporan
11.1 Pengolahan
Laporan Produk
11.2 Pengolahan
Laporan Penjualan
T_Produk
T_Order Admin
data Laporan produk Info data Laporan produk
data Laporan Penjualan Info Laporan Penjualan
Data laporan produk data Laporan produk
Data Laporan penjualan data laporan penjualan
Login admin valid
Login admin valid
11.3 Pengolahan
Laporan Retur
Data laporan retur Info laporan retur
T_retur Data laporan retur
Data laporan retur Login admin valid
Gambar III.11 DFD Level 2 Proses 11.0 Pengolahan Data Laporan
8. DFD Level 3 Proses 8.1 Pengolahan Data Admin
8.1.1 Tambah
admin
T_Admin Admin
8.1.2 Update
Profil admin
8.1.3 Ganti
Password admin
Data Tambah admin Info tambah admin
Data profil baru Info profil baru
Data Password baru Info password baru
Data Password baru Data password baru
Data Profil baru Data profil baru
Data admin Data admin
Login admin valid
Login admin valid
Login admin valid
Gambar III.12 DFD Level 3 Proses 8.1 Pengolahan data admin
9. DFD Level 3 Proses 8.2 Pengolahan Data Member
8.2.1 Update
status member
T_member Admin
8.2.2 Hapus
member
Update status member Info update status member
Hapus member Info hapus member
Hapus member hapus member
Data Update status member Data update status member
Login admin valid
Login admin valid
Gambar III.13 DFD Level 3 Proses 8.2 Pengolahan data member
10. DFD Level 3 Proses 9.1 Pengolahan Data Kategori
9.1.1 Tambah
Kategori produk
T_kategori Admin
9.1.2 edit
Kategori produk
9.1.3 Hapus
Kategori produk
Data tambah kategori Info tambah kategori
Data edit kategori Info Data edit kategori
Data hapus kategori Info hapus kategori
Data Hapus kategori data hapus kategori
Data edit Kategori Data edit kategori
Data kategori data kategori
Login admin valid
Login admin valid
Login admin valid
Gambar III.14 DFD Level 3 Proses 9.1 Pengolahan Data Kategori
11. DFD Level 3 Proses 9.2 Pengolahan Data Model
9.2.1 Tambah
Model produk
T_Model Admin
9.2.2 edit Model
Produk 9.2.3
Hapus Model
Produk
Data tambah Model Info tambah Model
Data edit Model Info Data edit Model
Data hapus Model Info hapus Model
Data Hapus Model Data hapus Model
Data edit Model Data edit Model
Data Model Data Model
Login admin valid
Login admin valid
Login admin valid T_kategori
Data kategori Data kategori
Gambar III.15 DFD Level 3 Proses 9.2 Pengolahan Data Model
12. DFD Level 3 Proses 9.3 Pengolahan Data Ukuran
9.3.1 Tambah
ukuran produk
T_ukuran Admin
9.3.2 edit ukuran
produk
9.3.3 Hapus
ukuran produk
Data tambah ukuran Info tambah ukuran
Data edit ukuran Info Data edit ukuran
Data Hapus ukuran Info hapus ukuran
Data Hapus ukuran Data Hapus ukuran
Data edit ukuran Data edit ukuran
Data ukuran Data ukuran
Login admin valid
Login admin valid
Login admin valid
Gambar III.16 DFD Level 3 Proses 9.3 Pengolahan Data Ukuran
13. DFD Level 3 Proses 9.4 Pengolahan Data Warna
Admin
9.4.1 Tambah
warna produk
T_warna
9.4.2 Data edit
warna produk
9.4.3 Hapus
warna produk
Data tambah warna Info tambah warna
Data edit warna Info Data edit warna
Data Hapus warna Info hapus warna
Data Hapus warna Data Hapus warna
Data edit warna Data edit warna
Data warna Data warna
Login admin valid
Login admin valid
Login admin valid
Gambar III.17 DFD Level 3 Proses 9.4 Pengolahan Data warna
14. DFD Level 3 Proses 9.5 Pengolahan Data Produk
Info upload gambar Info subproduk
Data upload gambar
9.5.1 Tambah
produk
T_produk Admin
9.5.2 Edit produk
9.5.3 Hapus
produk
Data tambah produk Info tambah produk
Data Edit produk Info edit produk
Data Hapus produk Info hapus produk
Data Hapus produk data hapus produk
Data Edit produk data edit produk
Data produk data produk
9.5.4 Pengolahan
Stok produk
9.5.5 Pengolahan
Upload Gambar
produk
T_gambar T_subproduk
Data subproduk
Data gambar Data gambar
Data subproduk Data subproduk
Login admin valid
Login admin valid
Login admin valid
Login admin valid
Login admin valid T_ukuran
T_warna Data ukuran
Data warna Data produk
Data produk T_merk
T_model Data model
Data model Data model
Data merk Data merk
Data merk
Gambar III.18 DFD Level 3 Proses 9.5 Pengolahan Data Produk
15. DFD Level 3 Proses 9.6 Pengolahan Data Provinsi
9.6.1 Tambah
provinsi
T_provinsi Admin
9.6.2 Edit
provinsi
9.6.3 Hapus
provinsi
Data tambah provinsi Info tambah provinsi
Data Edit provinsi Info edit provinsi
Data Hapus provinsi Info hapus provinsi
Data Hapus provinsi Data Hapus provinsi
Data Edit provinsi Data Edit provinsi
Data provinsi Data provinsi
Login admin valid
Login admin valid
Login admin valid
Gambar III.19 DFD Level 3 Proses 9.6 Pengolahan Provinsi
16. DFD Level 3 Proses 9.7 Pengolahan Data Kota
9.7.1 Tambah
Kota
T_kota Admin
9.7.2 Edit Kota
9.7.3 Hapus
Kota
Data tambah kota Info tambah kota
Data edit kota Info edit kota
Data Hapus kota Info hapus kota
Data hapus kota data hapus kota
Data Edit kota Data edit kota
Data kota data kota
Login admin valid
Login admin valid
Login admin valid T_provinsi
Data provinsi Data provinsi
Data provinsi
Gambar III.20 DFD Level 3 Proses 9.7 Pengolahan Data Kota
17. DFD Level 3 Proses 9.8 Pengolahan Data Kurir
9.8.1 Tambah
kurir
T_kurir Admin
9.8.2 Edit kurir
9.8.3 Hapus
kurir
Data tambah kurir Info tambah kurir
Data Edit kurir Info edit kurir
Data Hapus kurir Info hapus kurir
Data Hapus kurir data hapus kurir
Data Edit kurir data edit kurir
Data kurir data kurir
Login admin valid
Login admin valid
Login admin valid
Gambar III.21 DFD Level 3 Proses 9.8 Pengolahan Data Kurir
18. DFD Level 3 Proses 9.9 Pengolahan Data Layanan
9.9.1 Tambah
layanan pengiriman
T_layanan Admin
9.9.2 Edit
layanan pengiriman
9.9.3 Hapus
layanan pengiriman
Tambah Data lay pengiriman
Info tambah data layanan pengiriman
Data Edit layanan pengiriman Info edit layanan pengiriman
Data Hapus layanan pengiriman Info hapus layanan pengiriman
Data Hapus layanan pengiriman
Data hapus layanan pengiriman
Data Edit layanan pengiriman data edit layanan pengiriman
Data layanan pengiriman data layanan pengiriman
Login admin valid
Login admin valid
Login admin valid T_kurir
Data kurir
Data kurir
Data kurir
Gambar III.22 DFD Level 3 Proses 9.9 Olah Data Layanan
19. DFD Level 3 Proses 9.10 Pengolahan Data Ongkos Kirim
9.10.1 Tambah
ongkos kirim
T_Detail_kurir Admin
9.10.2 Edit ongkos
kirim 9.10.3
Hapus ongkos
kirim
Data tambah ongkos kirim Info tambah ongkos kirim
Edit ongkos kirim Info edit ongkos kirim
Data Hapus ongkos kirim Info hapus ongkos kirim
Data Hapus ongkos kirim data hapus ongkos kirim
Data Edit ongkos kirim data edit ongkos kirim
Data ongkos kirim data ongkos kirim
Login admin valid
Login admin valid
Login admin valid
T_layanan T_kota
Data kota
Data kota
Data kota Data layanan
Data layanan Data layanan
Gambar III.23 DFD Level 3 Proses 9.10 Pengolahan Data Ongkos Kirim
20. DFD Level 3 Proses 9.11 Pengolahan Merk Produk
9.11.1 Tambah
Merk Produk
T_merk Admin
9.11.2 Edit Merk
Produk
9.11.3 Hapus Merk
Produk
Data Tambah merk produk Info tambah merk produk
Data Edit merk produk Info merk produk
Data Hapus merk produk Info hapus merk produk
Data Hapus merk produk data hapus merk produk
Data Edit merk produk data edit merk produk
Data merk produk data merk produk
Login admin valid
Login admin valid
Login admin valid
Gambar III.24 DFD Level 3 Proses 9.11 Pengolahan Merk Produk
21. DFD Level 3 Proses 10.2 Detail Pesanan Konfirmasi
10.2.1 Detail
pesanan konfirmasi
Admin 10.2.2
Ubah status Pesanan
konfirmasi T_order
Data detail pesanan konfirmasi
Info detail pesanan konfirmasi
Data ubah status pesanan Info ubah status pesanan
Data detail pesanan konfirmasi data detail pesanan konfirmasi
Login admin valid
Data Ubah status pesanan data ubah status pesanan
Login admin valid
10.2.3 Olah kirim no.
resi Data No.resi
Info no.resi T_pengiriman
data no.resi Status pesanan sudah dirubah menjadi dibayar
Data no.resi T_pembayaran
Data pembayaran Data pengiriman
Gambar III.25 DFD Level 3 Proses 10.2 Detail Pesanan Konfirmasi
22. DFD Level 3 Proses 10.3 Detail Barang Terkirim
10.3.1 Detail Barang
terkirim Admin
10.3.2 Ubah status
pesanan dikirim
T_pengiriman Data detail barang terkirim
Info detail barang terkirim
Data Ubah status pesanan diterima Info status pesanan diterima
Data detail barang terkirim data detail barang terkirim
Login admin valid
Data Ubah status pesanan diterima data ubah status pesanan diterima
Login admin valid T_pembayaran
T_order Data order
Data order
Gambar III.26 DFD Level 3 Proses 10.3 Detail Barang Terkirim
23. DFD Level 3 Proses 10.4 Detail Retur Barang
10.4.1 Detail Retur
Barang Admin
10.4.2 Ubah status
retur T_retur
Data detail retur barang Info detail retur barang
Data Ubah status barang retur Info status barang retur
Data detail retur barang data detail retur barang
Login admin valid
Data Ubah status barang retur Data ubah status barang diretur
Login admin valid T_subproduk
T_order Data order
Data subproduk
Gambar III.27 DFD Level 3 Proses 10.4 Retur Barang
III.1.5.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 :
Tabel III. 3 Spesifikasi Proses
No Proses Keterangan
1 No.proses
2.1 Nama
Informasi detail produk Source
Member, pengunjung Input
Lihat detail Output
Info produk yang dipesan Destination
Member, pengunjung Logika proses
1. Member, pengunjung mengklik detail 2. Sistem menampilkan informasi produk
2 No.proses
2.2 Nama
Olah data pesan produk Source
Member, pengunjung Input
Data Ukuran, warna qty produk Output
Info produk berhasil di simpan di shopping cart
Destination Member, pengunjung
Logika proses 1. Member, pengunjung memilih ukuran,
warna dan memasukan qty di kolom qty 2. Member, pengunjung mengklik tombol
add to cart 3. Sistem menampilkan pesan add to cart
3 No.proses
3.1 Nama
Ubah Pesanan Source
Member, pengunjung Input
Data pesanan member dan pengunjung Output
Info ubah pesanan member dan pengunjung Destination
Member, Pengunjung Logika proses
1. Member, pengunjung dapat merubah jumlah pesanan dengan cara memasukan
jumlah yang diinginkan di kolom qty 2. sistem akan menampilkan perubahan yang
dilakukan pengunjung atau member 4
No.proses 3.2
Nama Hapus Pesanan
Source Member, pengunjung
Input Data pesanan member dan pengunjung
Output Kofirmasi Hapus pesanan member dan
pengunjung Destination
Member, Pengunjung Logika proses
Member, pengunjung dapat menghapus item barang di keranjang belanja dengan cara
mengklik tombol hapus
5 No.proses
4.1 Nama
Info Order Source
Member Input
Data pembayaran Output
Sistem menampilkan
detail order
dan konfirmasi pembayaran
Destination Member
Logika proses 1. Member mengklik aksi konfirmasi
2. Sistem menampilkan detail order dan konfirmasi pembayaran
6 No.proses
4.2 Nama
Pengolahan pembayaran Transfer via atm Source
Member Input
Data pembayaran transfer via atm Output
Status pesanan berubah dari “dipesan” menjadi “dikonfirmasi”
Destination Member
Logika proses 1. Member mengklik tombol transfer via
bank 2. Sistem menampilkan form pembayaran
transfer via ATM 3. Member mengisikan data transfer
4. Sistem akan merubah pesanan dari “dipesan” menjadi “dikonfirmasi” dan
menampilkan pesan konfirmasi berhasil 7
No.proses 4.3
Nama Pengolahan Pembayaran tunaicash
Source Member
Input Data pembayaran transfer tunai di bank
Output Status pesanan berubah dari “dipesan”
menjadi “dikonfirmasi” Destination
Member Logika proses
1. Member mengklik tombol transfer via bank
2. Sistem menampilkan form pembayaran transfer via bankdebit
3. Member mengisikan data transfer 4. Sistem akan merubah pesanan dari
“dipesan” menjadi “dikonfirmasi” 8
No.proses 4.4
Nama retur
Source Member
Input Data retur, status pesanan dalam kondisi
“diterima” Output
Info retur Destination
Member Logika proses
1. Member mengklik lihat detail 2. Sistem menampilkan detail order dan
tombol retur produk 3. Klik
retur produk,
sistem akan
menampilkan data produk yang dapat diretur
4. Pilih item produk, klik retur pada kolom aksi, sistem akan menampilkan form retur
produk 5. Isikan jumlah barang yang diretur
6. Sistem akan menampilkan pesan proses retur berhasil
9 No.proses
5 Nama
Daftar Source
Pengunjung Input
Data Pendaftaran Output
Info Pendaftaran
Destination Pengunjung
Logika proses 1. Pengunjung mengklik Daftar
2. Sistem menampilkan form rdaftar 3. Pengunjung mengisikan form rdaftar dan
mengklik tombol daftar 4. Sistem akan mengirimkan email aktivasi
member ke email pengunjung dan sistem menampilkan pesan pendaftaran berhasil
10 No.proses 6
Nama Pengolahan Profil
Source Member
Input Data profil
Output Info profil
Destination Member
Logika proses 1. Member memilih menu profil dan memilih
update profil 2. Sistem akan menampilkan profil member
11 No.proses 7
Nama Ganti Password
Source Member
Input Data Password baru
Output Info password baru
Destination Member
Logika proses 1. Member memilih menu ganti password
2. Member memasukan data password baru 3. Sistem menampilkan info password baru
12 No.proses 8.1.1
Nama Tambah admin
Source Admin
Input Data admin
Output Info tambah data admin
Destination Admin
Logika proses 1. Admin mengklik tambah
2. Sistem akan menampilkan form tambah admin
3. Admin mengisikan form tambah admin 4. Sistem menampilkan pesan tambah admin
13 No.proses 8.1.2
Nama Update Profile
Source Admin
Input Data admin baru
Output Info tambah data admin
Destination Admin
Logika proses 1. Admin mengklik update profile
2. Sistem akan menampilkan form update
profile 3. Admin mengisikan form update profile
admin 4. Sistem menampilkan pesan update profil
14 No.proses 8.1.3
Nama Ganti Password
Source Admin
Input Data admin
Output Info ganti password admin
Destination Admin
Logika proses 1. Admin mengklik ganti password
2. Sistem akan menampilkan form ganti password
3. Admin mengisikan form ganti password admin
4. Sistem menampilkan pesan ganti password 15 No.proses
8.2.1 Nama
Update Source
Admin Input
Data status member Output
Info status member Destination
Member Logika proses
1. Admin memilih salah satu member lalu memilih edit
2. Admin merubah status member aktif atau non aktif
16 No.proses 8.2.2
Nama Hapus member
Source Admin
Input Hapus member
Output Konfirmasi hapus member
Destination Member
Logika proses 1. Admin memilih salah satu member lalu
mengklik icon delete 2. Sistem menampilkan konfirmasi hapus
member 17 No.proses
9.1.1 Nama
Tambah kategori produk Source
Admin Input
Data tambah kategori Output
Info tambah kategori Destination
admin Logika proses
1. Admin memilih menu kategori 2. Admin mengklik tambah
3. sistem akan menampilkan form tambah
kategori 4. Admin mengisikan form kategori dan
mengklik simpan untuk menyimpan ke database
5. Sistem menampilkan
pesan tambah
kategori berhasil disimpan 18 No.proses
9.1.2 Nama
Edit kategori produk Source
Admin Input
Data edit kategori Output
Info edit kategori Destination
admin Logika proses
1. Admin memilih menu kategori 2. Admin mengklik edit, sistem akan
menampilkan form edit kategori 3. Admin mengisikan form kategori dan
mengklik edit untuk menyimpan ke database
4. Sistem menampilkan pesan edit kategori berhasil disimpan
19 No.proses 9.1.3
Nama Hapus kategori produk
Source Admin
Input Data Hapus kategori
Output Info Hapus kategori
Destination admin
Logika proses 1. Admin memilih menu kategori
2. Admin mengklik hapus, sistem akan menampilkan pesan konfirmasi hapus data
3. Klik ya, untuk menghapus data 4. Klik tidak untuk membatalkan
20 No.proses 9.2.1
Nama Tambah model produk
Source Admin
Input Data tambah model
Output Info tambah model
Destination admin
Logika proses 1. Admin memilih menu model
2. Admin mengklik tambah, sistem akan menampilkan form tambah model
3. Admin mengisikan form model dan mengklik simpan untuk menyimpan ke
database 4. Sistem menampilkan pesan tambah model
berhasil disimpan
21 No.proses 9.2.2
Nama Edit model produk
Source Admin
Input Data edit model
Output Info edit model
Destination Admin
Logika proses 1. Admin memilih menu model
2. Admin mengklik edit, sistem akan menampilkan form edit model
3. Admin mengisikan form model dan mengklik edit untuk menyimpan ke
database 4. Sistem menampilkan pesan edit model
berhasil disimpan 22 No.proses
9.2.3 Nama
Hapus model produk Source
Admin Input
Data Hapus model Output
Info Hapus model Destination
Admin Logika proses
1. Admin memilih menu model 2. Admin mengklik hapus, sistem akan
menampilkan pesan konfirmasi hapus data 3. Klik ya, untuk menghapus data
4. Klik tidak untuk membatalkan 23 No.proses
9.3.1 Nama
Tambah ukuran produk Source
Admin Input
Data tambah ukuran Output
Info tambah ukuran Destination
Admin Logika proses
1. Admin memilih menu ukuran 2. Admin mengklik tambah, sistem akan
menampilkan form tambah ukuran 3. Admin mengisikan form ukuran dan
mengklik simpan untuk menyimpan ke database
4. Sistem menampilkan pesan tambah ukuran berhasil disimpan
24 No.proses 9.3.2
Nama Edit ukuran produk
Source Admin
Input Data edit ukuran
Output Info edit ukuran
Destination Admin
Logika proses 1. Admin memilih menu ukuran Admin
mengklik edit, sistem akan menampilkan form edit ukuran
2. Admin mengisikan form ukuran dan mengklik edit untuk menyimpan ke
database 3. Sistem menampilkan pesan edit ukuran
berhasil disimpan 25 No.proses
9.3.3 Nama
Hapus ukuran produk Source
Admin Input
Data Hapus ukuran Output
Info Hapus ukuran Destination
Admin Logika proses
1. Admin memilih menu ukuran 2. Admin mengklik hapus
3. sistem akan
menampilkan pesan
konfirmasi hapus data 4. Klik ya, untuk menghapus data
5. Klik tidak untuk membatalkan 26 No.proses
9.4.1 Nama
Tambah warna produk Source
Admin Input
Data tambah warna Output
Info tambah warna Destination
admin Logika proses
1. Admin memilih menu warna 2. Admin mengklik tambah, sistem akan
menampilkan form tambah warna 3. Admin mengisikan form warna dan
mengklik simpan untuk menyimpan ke database
4. Sistem menampilkan pesan tambah warna berhasil disimpan
27 No.proses 9.4.2
Nama Edit warna produk
Source Admin
Input Data edit warna
Output Info edit warna
Destination Admin
Logika proses 1. Admin memilih menu warna
2. Admin mengklik edit 3. sistem akan menampilkan form edit model
4. Admin mengisikan form model dan
mengklik edit untuk menyimpan ke
database 5. Sistem menampilkan pesan edit warna
berhasil disimpan 28 No.proses
9.4.3 Nama
Hapus warna produk Source
Admin Input
Data Hapus warna Output
Info Hapus warna Destination
Admin Logika proses
1. Admin memilih menu warna 2. Admin mengklik hapus
3. sistem akan
menampilkan pesan
konfirmasi hapus data 4. Klik ya, untuk menghapus data
5. Klik tidak untuk membatalkan 29 No.proses
9.5.1 Nama
Tambah produk Source
Admin Input
Data tambah produk Output
Info tambah produk Destination
Admin Logika proses
1. Admin memilih menu produk 2. Admin mengklik tambah
3. sistem akan menampilkan form tambah
produk 4. Admin mengisikan form produk dan
mengklik simpan untuk menyimpan ke database
5. Sistem menampilkan pesan tambah model berhasil disimpan
30 No.proses 9.5.2
Nama Edit produk
Source Admin
Input Data edit produk
Output Info edit produk
Destination Admin
Logika proses 1. Admin memilih menu produk
2. Admin mengklik edit 3. sistem akan menampilkan form edit
produk 4. Admin mengisikan form produk dan
mengklik edit untuk menyimpan ke database
5. Sistem menampilkan pesan edit produk berhasil disimpan
31 No.proses 9.5.3
Nama Hapus produk
Source Admin
Input Data Hapus produk
Output Info Hapus produk
Destination Admin
Logika proses 1. Admin memilih menu produk
2. Admin mengklik hapus 3. sistem
akan menampilkan
pesan konfirmasi hapus data
4. Klik ya, untuk menghapus data 5. Klik tidak untuk membatalkan
32 No.proses 9.6.1
Nama Tambah provinsi
Source Admin
Input Data tambah provinsi
Output Info tambah provinsi
Destination Admin
Logika proses 1. Admin memilih menu provinsi
2. Admin mengklik tambah 3. sistem akan menampilkan form tambah
provinsi 4. Admin mengisikan form provinsi dan
mengklik simpan untuk menyimpan ke database
5. Sistem menampilkan
pesan tambah
provinsi berhasil disimpan 33 No.proses
9.6.2 Nama
Edit provinsi Source
Admin Input
Data edit provinsi Output
Info edit provinsi Destination
Admin Logika proses
1. Admin memilih menu provinsi 2. Admin mengklik edit
3. sistem akan menampilkan form edit
provinsi 4. Admin mengisikan form provinsi dan
mengklik edit untuk menyimpan ke database
5. Sistem menampilkan pesan edit provinsi berhasil disimpan
34 No.proses 9.6.3
Nama Hapus provinsi
Source Admin
Input Data Hapus provinsi
Output Info Hapus provinsi
Destination Admin
Logika proses 1. Admin memilih menu provinsi
2. Admin mengklik hapus 3. Sistem
akan menampilkan
pesan konfirmasi hapus data
4. Klik ya, untuk menghapus data 5. Klik tidak untuk membatalkan
35 No.proses 9.7.1
Nama Tambah kota
Source Admin
Input Data tambah kota
Output Info tambah kota
Destination Admin
Logika proses 1. Admin memilih menu kota
2. Admin mengklik tambah 3. Sistem akan menampilkan form tambah
kota 4. Admin
mengisikan form
kota dan
mengklik simpan untuk menyimpan ke database
5. Sistem menampilkan pesan tambah kota berhasil disimpan
36 No.proses 9.7.2
Nama Edit kota
Source Admin
Input Data edit kota
Output Info edit kota
Destination Admin
Logika proses 1. Admin memilih menu kota
2. Admin mengklik edit 3. sistem akan menampilkan form edit kota
4. Admin
mengisikan form
kota dan
mengklik edit untuk menyimpan ke database
5. Sistem menampilkan pesan edit kota berhasil disimpan
37 No.proses 9.7.3
Nama Hapus kota
Source Admin
Input Data Hapus kota
Output Info Hapus kota
Destination Admin
Logika proses 1. Admin memilih menu kota
2. Admin mengklik hapus 3. sistem
akan menampilkan
pesan konfirmasi hapus data
4. Klik ya, untuk menghapus data 5. Klik tidak untuk membatalkan
38 No.proses 9.8.1
Nama Tambah kurir
Source Admin
Input Data tambah kurir
Output Info tambah kurir
Destination Admin
Logika proses 1. Admin memilih menu kurir
2. Admin mengklik tambah 3. sistem akan menampilkan form tambah
kurir 4. Admin mengisikan form kurir dan
mengklik simpan untuk menyimpan ke database
5. Sistem menampilkan pesan tambah kurir berhasil disimpan
39 No.proses 9.8.2
Nama Edit kurir
Source Admin
Input Data edit kurir
Output Info edit kurir
Destination Admin
Logika proses 1. Admin memilih menu kurir
2. Admin mengklik edit 3. sistem akan menampilkan form edit kurir
4. Admin mengisikan form kurir dan
mengklik edit untuk menyimpan ke database
5. Sistem menampilkan pesan edit kurir berhasil disimpan
40 No.proses 9.8.3
Nama Hapus
Source Admin
Input Data Hapus kurir
Output Info Hapus kurir
Destination Admin
Logika proses 1. Admin memilih menu kurir
2. Admin mengklik hapus 3. sistem
akan menampilkan
pesan konfirmasi hapus data
4. Klik ya, untuk menghapus data
5. Klik tidak untuk membatalkan 41 No.proses
9.9.1 Nama
Tambah layanan pengiriman Source
Admin Input
Data tambah layanan pengiriman Output
Info tambah layanan pengiriman Destination
Admin Logika proses
1. Admin memilih menu layanan pengiriman 2. Admin mengklik tambah
3. sistem akan menampilkan form tambah
layanan pengiriman 4. Admin
mengisikan form
layanan pengiriman dan mengklik simpan untuk
menyimpan ke database 5. Sistem
menampilkan pesan
tambah provinsi berhasil disimpan
42 No.proses 9.9.2
Nama Edit
Source Admin
Input Data edit layanan pengiriman
Output Info edit layanan pengiriman
Destination Admin
Logika proses 1. Admin memilih menu layanan pengiriman
2. Admin mengklik edit 3. Sistem akan menampilkan form edit
layanan pengiriman 4. Admin
mengisikan form
layanan pengiriman dan mengklik update untuk
menyimpan ke database 5. Sistem menampilkan pesan update layanan
pengiriman berhasil disimpan 43 No.proses
9.9.3 Nama
Hapus layanan pengiriman Source
Admin Input
Data Hapus layanan pengiriman Output
Info Hapus layanan pengiriman Destination
Admin Logika proses
1. Admin memilih menu layanan pengiriman 2. Admin mengklik hapus
3. Sistem akan
menampilkan pesan
konfirmasi hapus data 4. Klik ya, untuk menghapus data
5. Klik tidak untuk membatalkan 44 No.proses
9.10.1 Nama
Tambah ongkos kirim
Source Admin
Input Data tambah ongkos kirim
Output Info tambah ongkos kirim
Destination Admin
Logika proses 1. Admin memilih menu ongkos kirim
2. Admin mengklik tambah 3. Sistem akan menampilkan form tambah
ongkos kirim 4. Admin mengisikan form ongkos kirim dan
mengklik simpan untuk menyimpan ke database
5. Sistem menampilkan pesan tambah ongkos kirim berhasil disimpan
45 No.proses 9.10.2
Nama Edit ongkos kirim
Source Admin
Input Data edit ongkos kirim
Output Info edit ongkos kirim
Destination Admin
Logika proses 1. Admin memilih menu ongkos kirim
2. Admin mengklik edit 3. sistem akan menampilkan form edit
ongkos kirim 4. Admin mengisikan form ongkos kirim dan
mengklik edit untuk menyimpan ke database
5. Sistem menampilkan pesan edit ongkos kirim berhasil disimpan
46 No.proses 9.10.3
Nama Hapus ongkos kirim
Source Admin
Input Data Hapus ongkos kirim
Output Info Hapus ongkos kirim
Destination Admin
Logika proses 1. Admin memilih menu ongkos kirim
2. Admin mengklik hapus 3. Sistem
akan menampilkan
pesan konfirmasi hapus data
4. Klik ya, untuk menghapus data 5. Klik tidak untuk membatalkan
47 No.proses 9.11.1
Nama Tambah merk produk
Source Admin
Input Data tambah merk produk
Output Info tambah merk produk
Destination Admin
Logika proses 1. Admin memilih menu merk
2. Admin mengklik tambah 3. Sistem akan menampilkan form tambah
merk 4. Admin mengisikan form merk dan
mengklik simpan untuk menyimpan ke database
5. Sistem menampilkan pesan tambah merk berhasil disimpan
48 No.proses 9.11.2
Nama Edit merk produk
Source Admin
Input Data edit merk
Output Info edit jenis pembayaran
Destination Admin
Logika proses 1. Admin memilih menu jenis pembayaran
2. Admin mengklik edit 3. Sistem akan menampilkan form edit merk
49 No.proses 9.11.3
Nama Hapus merk produk
Source Admin
Input Data Hapus merk produk
Output Info Hapus merk produk
Destination Admin
Logika proses 1. Admin memilih menu merk
2. Admin mengklik hapus, sistem akan menampilkan pesan konfirmasi hapus data
3. Klik ya, untuk menghapus data 4. Klik tidak untuk membatalkan
50 No.proses 10.2.2
Nama Ubah Status pesanan konfirmasi
Source Admin
Input status baru
Output Status pesanan berubah dari “dikonfirmasi”
menjadi “dibayar” Destination
Admin Logika proses
1. admin mengklik konfirmasi 2. sistem akan menampilkan data pesanan
konfirmasi 3. admin merubah status pesanan dari
“dikonfirmasi” menjadi “dibayar” 51 No.proses
10.2.3 Nama
Olah No resi Source
Admin
Input noresi
Output Status pesanan berubah dari “dibayar”
menjadi “dikirim” dan noresi berhasil disimpan di database
Destination Admin
Logika proses 1. admin mengklik konfirmasi pada menu
pesanan konfirmasi 2. sistem akan menampilkan data pesanan
konfirmasi yang statusnya “dibayar” 3. admin mengisikan noresi pengiriman
barang 4. admin mengklik tombol kirim, sistem akan
merubah status pesanan member dari “dibayar” menjadi “dikirim”
52 No.proses 10.3.2
Nama Ubah status pesanan dikirim
Source Admin
Input Status diterima
Output Info status diterima
Destination Admin
Logika proses 1. admin memilih barang terkirim, lalu
mengklik no.order dengan status dikirim 2. sistem akan menampilkan data orderdata
transaksi, admin merubah status dari “dikirim” menjadi “diterima”
53 No. Proses 10.4.1
Nama Detail Retur Barang
Source Admin
Input Solusi retur
Output Info detail retur dan solusi yang akan
diberikan Destination
Admin Logika proses
1. Admin memilih menu retur, lalu klik detail 2. Sistem menampilkan form detail retur
3. Admin dapat mengisikan solusi retur
sesuai kebijakan Rumah industry stockers 54 No.Proses
11.2 Nama
Olah laporan penjualan Source
Admin Input
Tanggal transaksi Output
Info laporan penjualan Destination
Admin
Logika proses 1. Admin memilih filter tampilan laporan
pada select box lalu mengklik tombol tampilkan
2. Admin memasukan tanggal laporan yang akan dicetak
3. Admin mengklik
cetak untuk
menghasilkan file laporan dalam format pdf
III.1.5.4 Kamus Data
Kamus data merupakan deskripsi formal mengenai seluruh elemen yang tercakup dalam DFD. Kamus data untuk diagram alir data pada aplikasi e-
commerce ini akan dijelaskan sebagai berikut
Tabel III.
4 Kamus Data Nama Aliran data
Data pendaftaran Digunakan pada
Pengunjung-proses 5 Proses 5- Daftar
Deskripsi Berisi data pendaftaran yang digunakan untuk
proses pendaftaran dan akan disimpan didalam database.
Struktur data email + password +nama_depan
+nama_belakang + alamat + telepon +id_kota+pertanyaan + jawaban
Email_member Password_member
Nama_depan Nama_belakang
Alamat_lengkap phone
kota pertanyaan
jawaban [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Nama Aliran data Data login member
Digunakan pada Member-proses1
Proses 1-file Login Deskripsi
Berisi data login member Struktur data
email+password Email
Password [A-Z|a-z|0-9]
[A-Z|a-z|0-9]
Nama Aliran data Data Login admin
Digunakan pada Admin-proses 1
Proses 1-file admin Proses 1.1-file admin
Deskripsi Berisi data login admin
Struktur data email+password
Email Password
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Nama Aliran data Data kota
Digunakan pada Admin-proses
Admin-proses 9.8 Proses 9-file kota
Proses 9.8-file kota
Deskripsi Berisi data kota
Struktur data Kota
kota [A-Z|a-z]
Nama Aliran data Data produk
Digunakan pada Admin-proses 9
Admin-proses 9.5 Proses 9-file produk
Proses 9.5-file produk
Deskripsi Berisi data produk
Struktur data kode_produk+ kode_merk + jenis_produk +
nama_produk + tanggal_masuk+diskon Kode_produk
Kode Merk Jenis_produk
Nama produk Tangga masuk
Deskripsi Diskon
[A-Z|a-z|0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z]
[A-Z|a-z|0-9] [A-Z|a-z]
[0-9]
Nama Aliran data Data provinsi
Digunakan pada Admin-proses 9
Admin-proses 9.7 Proses 9-file provinsi
Proses 9.7-file provinsi
Deskripsi Berisi data provinsi
Struktur data Nama provinsi
Nama_provinsi [A-Z|a-z]
Nama Aliran data Data warna
Digunakan pada Admin-proses 9
Admin-proses 9.5 Proses 9-file warna produk
Proses 9.5-file warna produk
Deskripsi Berisi data warna produk
Struktur data warna
warna [A-Z|a-z|0-9]
Nama Aliran data Data ukuran
Digunakan pada Admin-proses 9
Admin-proses 9.4 Proses 9-file ukuran
Proses 9.4-file ukuran
Deskripsi Berisi data ukuran
Struktur data Id_ukuran+ nama_ukuran
Ukuran [A-Z|a-z|0-9]
Nama Aliran data Data Pesanan
Digunakan pada Member-proses 3
Member-proses 3 Proses 3-file shopping cart
Proses 3-file shopping cart
Deskripsi Berisi data pesanan
Struktur data ukuran +qty
Qty Ukuran
[0-9] [0-9]
III.2 Perancangan Sistem
Pada tahap perancangan sistem akan dilakukan perancangan yang diantaranya adalah sebagai berikut: perancangan basis data, dan perancangan
antar muka.
III.2.1 Perancangan Basis Data
Perancangan Basis Data terdiri dari skema relasi, diagram relasi dan struktur tabel.
III.2.1.1 Skema Relasi
Skema relasi adalah nama relasi yang diikuti oleh atribut – atributnya.
T_admin = {id_admin, nama_admin, level_admin, email_admin,
password_admin, phone, status_admin, insert_date }.
T_provinsi = {id_provinsi, provinsi}
T_kota = {id_kota, kota, id_provinsi}.
T_kurir = {id_kurir, nama_kurir}
T_layanan = {id_layanan, layanan, id_kurir }
T_detail_kurir = {id_detail_kurir, id_kota, harga_kirim, id_layanan}.
T_pertanyaan = {id_pertanyaan, pertanyaan}
T_member =
{id_member, nama_depan,
nama_belakang, alamat_lengkap, email_member, password_member, phone,
insert_date, jawaban,
register_session_id, last_login,
status_member, id_kota, id_pertanyaan } T_kategori
= {kode_kategori, kategori} T_merk
= {kode_merk, merk}. T_model
={id_model, model, kode_kategori} T_ukuran
= {id_ukuran, ukuran} T_warna
= {id_warna, warna} T_produk
= {kode_produk, no_urut, jenis_produk, nama_produk, tanggal_masuk, deskripsi, diskon, kode_merk, id_model}
T_gambar = {id_gambar, gambar, direktori, kode_produk}
T_subproduk = {id_subproduk, berat, harga_dasar, harga_jual, laba,
stok, kode_produk, id_warna, id_ukuran}
t_order =
{id_order, total_qty,
total_berat, total_ongkos,
total_bayar, tanggal_order, tanggal_expired, status_order, id_member}
T_order_detail = {id_order_detail, qty_order, berat_order, diskon_order,
harga_order, id_order, id_subproduk}
T_pembayaran = {id_pembayaran, jenis_pembayaran, bank_tujuan,
nama_layanan_pembayaran, atas_nama,
no_rekening, jumlah_pembayaran, tanggal_bayar, status_pembayaran,
id_order}
T_pengiriman =
{id_pengiriman, tanggal_kirim,
nama_penerima, alamat_penerima, email, telp, status_kirim, status_terima,
ongkos_kirim, no_resi, id_order, id_kota, id_detail_kurir}
T_retur = {id_retur, id_order, id_subproduk, jumlah_retur,
status_retur, tanggal_retur, no_resi}
temp = {id_temp, id_subproduk, id_session, qty}
III.2.1.2 Perancangan Diagram Relasi
Diagram relasi adalah suatu sistem yang terdiri dari kumpulan dari beberapa relasi yang saling berhubungan.
temp
PK id_temp
FK1 id_subproduk
qty id_session
t_pengiriman
PK id_pengiriman
FK1 id_order
FK2 id_kota
FK3 id_detail_kurir
tanggal_kirim nama_penerima
alamat_penerima email
telp status_kirim
status_terima ongkos_kirim
no_resi t_member
PK id_member
nama_depan nama_belakang
alamat_lengkap email_member
password_member FK2
id_kota phone
insert_date FK1
id_pertanyaan jawaban
register_session_id last_login
status_member is_active
t_kategori
PK kode_kategori
kategori t_provinsi
PK id_provinsi
provinsi t_kota
PK id_kota
FK1 id_provinsi
kota t_model
PK id_model
FK1 kode_kategori
model t_merk
PK kode_merk
merk t_pertanyaan
PK id_pertanyaan
pertanyaan t_kurir
PK id_kurir
nama_kurir t_layanan
PK id_layanan
FK1 id_kurir
nama_layanan t_detail_kurir
PK id_detail_kurir
FK1 id_layanan
FK2 id_kota
harga_kirim t_ukuran
PK id_ukuran
ukuran t_warna
PK id_warna
warna t_produk
PK kode_produk
no_urut FK1
kode_merk FK2
id_model jenis_produk
nama_produk tanggal_masuk
deskripsi diskon
status t_subproduk
PK id_subproduk
FK1 id_warna
FK2 kode_produk
FK3 id_ukuran
berat harga_dasar
harga_jual laba
stok t_gambar
PK id_gambar
FK1 kode_produk
gambar direktori
t_order
PK id_order
FK1 id_member
total_qty total_berat
total_ongkos total_bayar
tanggal_order tanggal_expired
status_order t_order_detail
PK id_order_detail
FK1 id_order
FK2 id_subproduk
qty_order berat_order
diskon_order harga_order
t_pembayaran
PK id_pembayaran
FK1 id_order
jenis_pembayaran bank_tujuan
nama_layanan_pembayaran atas_nama
no_rekening jumlah_pembayaran
tanggal_bayar status_pembayaran
t_retur
PK id_retur
FK1 id_subproduk
jumlah_retur status_retur
tanggal_retur no_resi
Gambar III.28 Diagram Relasi
3.2.1.3 Perancangan Struktur Tabel
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam sistem ini adalah sebagai berikut :
1. Tabel t_admin
Tabel ini adalah perancangan untuk tabel admin yang akan digunakan pada pembangunan sistem. Struktur tabel admin adalah sebagai berikut :
Tabel III.5 t_admin
No Nama Field
Tipe Size
Kunci Keterangan
1 id_admin
int 11
Primary key Not null, auto
increment 2
nama_admin varchar
50 Not null
3 level_admin
Int 11
Not null 4
email_admin varchar
50 Unique, Not null
5 password_admin Char
41 Not null
6 phone
varchar 12
Default null 7
status_admin int
11 Default null
8 insert_date
datetime Default null
2. Tabel t_detail_kurir
Tabel ini adalah menyimpan data detail kurir. Struktur tabel detail kurir adalah sebagai berikut :
Tabel III.6 t_detail_kurir
No Nama Field
Tipe Size
Kunci Keterangan
1 id_detail_kurir int
11 Primary key
Not null, auto increment 2
id_layanan int
11 Foreign key
References ‘t_layanan‟
3 id_kota
int 11
Foreign key References
‘t_kota’ 4
harga_kirim int
11 Default null
3. Tabel T_gambar
Tabel ini berfungsi untuk menyimpan data gambar produk. Struktur tabel gambar adalah sebagai berikut :
Tabel III.7 t_gambar
No Nama Field
Tipe Size
Kunci Keterangan
1 id_gambar
int 11
Primary key Not null, auto
increment 2
kode_produk varchar
10 Foreign key
References t_produk 3
gambar varchar
100 Default null
4 direktori
varchar 100
Default null
4. Tabel t_kategori
Tabel ini berfungsi untuk menyimpan data kategori. Struktur tabel kategori produk adalah sebagai berikut :
Tabel III.8 t_kategori
No Nama Field
Tipe Size
Kunci Keterangan
1 kode_kategori
char 3
Primary key Not null
2 kategori
varchar 20
Default null
5. Tabel t_kota
Tabel ini berfungsi untuk menyimpan data kota. Struktur tabel kota adalah sebagai berikut :
Tabel III.9 t_kota
No Nama Field
Tipe Size
Kunci Keterangan
1 id_kota
int 11
Primary key Not null
2 id_provinsi
int 11
Foreign key References
‘t_provinsi‟ 3
kota varchar
100 Default null
6. Tabel Kurir
Tabel ini digunakan untuk menyimpan data kurir. Struktur tabel kurir adalah sebagai berikut :
Tabel III.10 t_kurir
No Nama Field
Tipe Size
Kunci Keterangan
1 id_kurir
int 11
Primary key Not null
2 nama_kurir
varchar 20
Default null
7. Tabel t_layanan
Tabel ini digunakan untuk menyimpan data layanan. Struktur tabel layanan adalah sebagai berikut :
Tabel III.11 t_layanan
No Nama Field
Tipe Size
Kunci Keterangan
1 id_layanan
int 11
Primary key Not null
2 nama_layanan varchar
20 Default null
3 id_kurir
int 11
Foreign Key References
„t_kurir‟
8. Tabel temp
Tabel ini digunakan untuk menyimpan data pemesanan sementara ketika proses shopping chart. Struktur tabel temp adalah sebagai berikut :
Tabel III.12 temp
No Nama Field
Tipe Size
Kunci Keterangan
1 id_temp
int 11
Primary key Not null 2
Id_subproduk text
Foreign key Refernces „t_subproduk‟
3 Id_session
varchar 100
Default null 4
qty int
11 Default null
5
9. Tabel t_member
Tabel ini digunakan untuk menyimpan data member. Struktur tabel member adalah sebagai berikut :
Tabel III.13 t_member
No Nama Field
Tipe Size
Kunci Keterangan
1 id_member
int 11
Primary key Not null 2
nama_depan varchar
30 Default null
3 nama_belakang
varchar 30
Default null 4
alamat_lengkap text
Default null 5
email_member varchar
30 Unique,Not null
6 password_member
varchar 41
Not null 7
id_kota int
11 Foreign key
References „t_kota‟ 8
phone varchar
12 Default null
9 insert_date
datetime Default null
10 id_pertanyaan int
11 Foreign key
References „t_pertanyaan‟
11 jawaban varchar
20 Default null
12 register_session_id varchar 32
Default null 13 last_login
datetime Default null
14 status_member int
11 Not null
15 is_active int
11 Default null
10. Tabel t_merk
Tabel ini digunakan untuk menyimpan data merk. Struktur tabel merk adalah sebagai berikut :
Tabel III.14 t_merk
No Nama Field Tipe
Size Kunci
Keterangan
1 kode_merk
varchar 5
Primary key Not null
2 merk
varchar 20
Default null
11. Tabel T_model
Tabel ini digunakan untuk penyimpanan model. Struktur tabel model adalah sebagai berikut :
Tabel III.15 t_Model
No Nama Field
Tipe Size
Kunci Keterangan
1 id_model
int 11
Primary key Not null
2 kode_kategori
char 3
Foreign key References
„t_kategori‟ 3
model varchar
20 Default null
12. Tabel t_order
Tabel ini digunakan untuk menyimpan data transaksi pemesanan produk. Struktur tabel order adalah sebagai berikut :
Tabel III.16 t_order
No Nama Field
Tipe Size
Kunci Keterangan
1 id_order
int 11
Primary key Not null 2
id_member int
11 Foreign key References
„t_member‟ 3
total_qty int
11 Default 0
4 total_berat
float Default 0.0
5 total_ongkos
int 11
Default 0 6
total_bayar int
11 Default 0
7 tanggal_order
date Default null
8 tanggal_expired date
Not null 9
status_order int
11 Default null
13. Table t_order_detail
Tabel ini digunakan untuk menyimpan semua detail order yang berlangsung. Struktur tabel detail order adalah sebagai berikut :
Tabel III.17 t_order_detail
No Nama Field
Tipe Size Kunci
Keterangan
1 id_order_detail
int 11
Primary key Not null
2 id_order
int 11
Foreign Key References
„t_order‟ 3
id_subproduk int
11 Foreign Key
References „t_subproduk‟
4 qty_order
int 11
Default 0 5
berat_order float
Default 0.0 6
diskon_order int
11 Default 0
7 harga_order
int 11
Default 0
14. Tabel t_pembayaran
Tabel ini digunakan untuk merekam data pembayaran member. Struktur tabel pembayaran adalah sebagai berikut :
Tabel III.18
t_pembayaran
No Nama Field
Tipe Size
Kunci Keterangan
1 id_pembayaran
int 11
Primary key Not null 2
id_order int
11 Foreign Key References
t_order 3
jenis_pembayaran varchar
20 Default null
4 bank_tujuan
varchar 15
Default null 5
nama_layanan_pembayaran varchar 20
Default null 6
atas_nama varchar
50 Default null
7 no_rekening
varchar 20
Default null 8
jumlah_pembayaran float
Default 0.0 9
tanggal_bayar date
Default null 10
status_pembayaran int
11 Default null
15. Tabel T_pengiriman
Tabel ini digunakan untuk menyimpan data pengiriman member. Struktur tabel pengiriman adalah sebagai berikut :
Tabel III.19 t_pengiriman
No Nama Field
Tipe Size
Key Keterangan
1 id_pengiriman
int 11
Primary key Not null 2
id_order int
11 Foreign Key References t_order
3 id_kota
int 11
Foreign Key References t_kota 4
id_detail_kurir int
11 Foreign Key References
t_detail_kurir 5
tanggal_kirim datetime
Default null 6
nama_penerima varchar
50 Default null
7 alamat_penerima text
Default null 8
email varchar
50 Default null
9 telp
varchar 12
Default null 10
status_kirim int
11 Default null
11 status_terima
int 11
Default null 12
ongkos_kirim int
11 Default null
13 no_resi
varchar 50
Default null, unique
16. Tabel t_pertanyaan
Tabel ini digunakan untuk merekam semua data pertanyaan. Struktur tabel pertanyaan adalah sebagai berikut :
Tabel III.20 t_pertanyaan
No Nama Field
Tipe Size
Kunci Keterangan
1 id_pertanyaan int
11 Primary key
Not null 2
pertanyaan varchar
100 Default null
17. Tabel t_produk
Tabel ini digunakan untuk menyimpan data produk Struktur tabel produk adalah sebagai berikut :
Tabel III.21 t_produk
No Nama Field
Tipe Size
Kunci Keterangan
1 kode_produk
varchar 10
Primary key Not null 2
no_urut int
3 Not null, auto
increment 3
kode_merk varchar
5 Foreign key References t_merk
4 id_model
int 11
Foreign key References t_model 5
jenis_produk char
1 Default null
6 nama_produk
varchar 30
Default null 7
tanggal_masuk datetime Not null
8 deskripsi
tinytext Default null
9 diskon
int 11
Default 0
24. Tabel T_provinsi
Tabel ini digunakan untuk menyimpan data provinsi. Struktur tabel provinsi adalah sebagai berikut :
Tabel III.22 t_provinsi
No Nama Field
Tipe Size
Kunci Keterangan
1 id_provinsi
int 11
Primary key Not null
2 provinsi
varchar 100
Default null
25. Tabel t_retur
Tabel ini digunakan untuk menyimpan data retur produk dari member. Struktur table retur adalah sebagai berikut :
Tabel III.23 t_retur
No Nama Field
Tipe Size
Kunci Keterangan
1 id_retur
int 11
Primary key Not null 2
id_order int
11 Foreign key References t_order
3 id_subproduk int
11 Foreign key References t_subproduk
4 jumlah_retur
int 11
Default 0 5
status_retur int
11 Default null
6 tanggal_retur
date Not null
7 no_resi
varchar 20
unique
26. Tabel t_subproduk
Tabel ini digunakan untuk menyimpan data detail produk. Struktur table subproduk adalah sebagai berikut :
Tabel III.24 T_subproduk
No Nama Field
Tipe Size
Kunci Keterangan
1 id_subproduk int
11 Primary key
Not null 2
kode_produk varchar
10 Foreign key
References t_produk 3
id_ukuran int
11 Foreign key
References t_ukuran 4
id_warna int
11 Foreign key
References t_warna 5
berat float
Default 0.0 6
harga_dasar int
11 Default 0
7 harga_jual
int 11
Default 0 8
laba float
Default 0.0 9
stok int
11 Default 0
27. Tabel T_ukuran
Tabel ini digunakan untuk menyimpan data ukuran produk. Struktur tabel ukuran adalah sebagai berikut :
Tabel III.25 t_ukuran
No Nama Field
Tipe Size
Kunci Keterangan
1 id_ukuran
int 11
Primary key Primary key
2 ukuran
varchar 5
Default null
28. Tabel T_warna
Tabel ini digunakan untuk menyimpan data warna produk. Struktur tabel warna adalah sebagai berikut :
Tabel III.26 t_warna
No Nama Field
Tipe Size
Kunci Keterangan
1 id_warna
int 11
Primary key Not null
2 warna
varchar 20
Default Null
III.3 Perancangan Arsitektur III.3.1 Perancangan Antar Muka
Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana
berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user
Perancangan interface untuk aplikasi E-Commerce di Rumah Industri Stockers adalah sebagai berikut :
1. Perancangan Antar Muka Pengunjung
Antar muka ini adalah antar muka home P01
Home | Shopping Chart BANNER
Register | Sign In
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER cari
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
P01 Navigasi :
-Klik Home untuk menuju ke P01
-Klik Shopping Chart untuk menuju ke P03
-Klik Cara berbelanja untuk menuju ke P06
- klik Cara pembayaran untuk
menuju ke P07 -Klik Cara retur untuk
menuju ke P08 -Klik Tentang kami
untuk menuju ke P09 -Klik detail produk
untuk menuju ke P02 -Klik register untuk
menuju ke P05 -Klik Sign In untuk
menuju ke P04
Gambar III.29 Perancangan Antar Muka Home
Antar muka ini adalah antar muka Detail produk P02
Home | Shopping Chart BANNER
Register | Sign In
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Gambar produk
Nama Produk Deskripsi Produk
Ukuran Qty :
Add to chart Kembali
Ukuran Stok Berat kg Diskon
Harga P02
Navigasi : -Klik Home untuk
menuju ke P01 -Klik Shopping Chart
untuk menuju ke P03 -Klik Cara berbelanja
untuk menuju ke P06 - klik Cara
pembayaran untuk menuju ke P07
-Klik Cara retur untuk menuju ke P08
-Klik Tentang kami untuk menuju ke P09
-Klik detail produk untuk menuju ke P02
-Klik register untuk menuju ke P05
-Klik Sign In untuk menuju ke P04
-Klik Kembali untuk menuju ke P01
Gambar III.30 Perancangan Detail Produk
Antar muka ini adalah antar muka Shopping Chart P03
Home | Shopping Chart BANNER
Register | Sign In
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER cari
Aturan dan prosedur pada shopping chart Produk Hapus Ukuran Beratkg Qty Diskon Harga SubTotal
Total Belanja Total Belanja
Produk Hapus Ukuran Beratkg Qty Diskon Harga SubTotal Jasa Pengiriman yang akan digunakan :
Pilih jasa pengiriman Pilih kota tujuan
Pilih layanan cargo ongkos
TOTAL BAYAR | Total Belanja lagi
Lanjutkan Ketentuan yang berlaku di shopping chart
P03 Navigasi :
-Klik Home untuk menuju ke P01
-Klik Shopping Chart untuk menuju ke P03
-Klik Cara berbelanja untuk menuju ke P06
- klik Cara pembayaran untuk
menuju ke P07 -Klik Cara retur untuk
menuju ke P08 -Klik Tentang kami
untuk menuju ke P09 -Klik detail produk
untuk menuju ke P02 -Klik register untuk
menuju ke P05 -Klik Sign In untuk
menuju ke P04 -Klik belanja lagi
untuk menuju ke P01 -Klik lanjutkan untuk
menuju ke P04
Gambar III.31 Perancangan Antar Muka Shopping Chart
Antar muka ini adalah antar muka Daftar P04
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami Home | Shopping Chart
BANNER Register | Sign In
KATALOG PRODUK DISKON
LAYANAN PEMBAYARAN
CONTACT US FOOTER
PELANGGAN BARU Untuk mempercepat proses belanja dimasa
mendatang plus mendapatkan sejumlah tawaran menarik lainnya, Anda akan ditawari opsi untuk
menjadi anggota pada proses berikutnya.
Register
ANGGOTA Silahkan log in bagi Anda yang telah
menjadi anggota
Login Email
Password Login
Lupa password P04
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami Navigasi :
-Klik Home untuk menuju ke P01
-Klik Shopping Chart untuk menuju ke P03
-Klik Cara berbelanja untuk menuju ke P06
- klik Cara pembayaran untuk
menuju ke P07 -Klik Cara retur untuk
menuju ke P08 -Klik Tentang kami
untuk menuju ke P09 -Klik detail produk
untuk menuju ke P02 -Klik register untuk
menuju ke P05 -Klik Sign In untuk
menuju ke P04 -Klik register untuk
menuju P05 -Klik login untuk
menuju ke P03 -Klik lupa password
untuk menuju ke M05
Gambar III.32 Perancangan Antar Muka Daftar
Antar muka ini adalah antar muka Form Pendaftaran P05
Home | Shopping Chart BANNER
Register | Sign In Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami
KATALOG PRODUK DISKON
LAYANAN PEMBAYARAN
CONTACT US
FOOTER PENDAFTARAN
Nama Depan : Nama Belakang :
Alamat : Provinsi :
Kota : Phone :
Data Login Email :
Penulisan email harus benar, karena kode veritifikasi akan dikirim ke email Anda , dan apabila Anda lupa pada password Anda akan dikirimkan pada email Anda
Sandi : Ulang Sandi :
Pertanyaan keamanan Pertanyaan :
Jawaban : Pernyataan
Setuju Daftar
Batal P05
Navigasi : -Klik Home untuk
menuju ke P01 -Klik Shopping Chart
untuk menuju ke P03 -Klik Cara berbelanja
untuk menuju ke P06 - klik Cara
pembayaran untuk menuju ke P07
-Klik Cara retur untuk menuju ke P08
-Klik Tentang kami untuk menuju ke P09
-Klik detail produk untuk menuju ke P02
-Klik register untuk menuju ke P05
-Klik Sign In untuk menuju ke P04
-Klik daftar untuk menuju ke P10
-Klik Batal untuk kembali ke P04
Gambar III.33 Perancangan Antar Muka Form Pendaftaran
Antar muka ini adalah antar muka Cara Berbelanja P06
Home | Shopping Chart BANNER
Register | Sign In
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Tata Cara Berbelanja disitus Antz-shop.com
P06 Navigasi :
-Klik Home untuk menuju ke P01
-Klik Shopping Chart untuk menuju ke P03
-Klik Cara berbelanja untuk menuju ke P06
- klik Cara pembayaran untuk
menuju ke P07 -Klik Cara retur untuk
menuju ke P08 -Klik Tentang kami
untuk menuju ke P09 -Klik detail produk
untuk menuju ke P02 -Klik register untuk
menuju ke P05 -Klik Sign In untuk
menuju ke P04
Gambar III.34 Perancangan Antar Muka Cara Berbelanja
Antar muka ini adalah antar muka Cara Pembayaran P07
Home | Shopping Chart BANNER
Register | Sign In
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Tata Cara Pembayaran disitus Antz-shop.com
P07 Navigasi :
-Klik Home untuk menuju ke P01
-Klik Shopping Chart untuk menuju ke P03
-Klik Cara berbelanja untuk menuju ke P06
- klik Cara pembayaran untuk
menuju ke P07 -Klik Cara retur untuk
menuju ke P08 -Klik Tentang kami
untuk menuju ke P09 -Klik detail produk
untuk menuju ke P02 -Klik register untuk
menuju ke P05 -Klik Sign In untuk
menuju ke P04
Gambar III.35
Perancangan Antar Muka Cara Pembayaran
Antar muka ini adalah antar muka Cara Retur P08
Home | Shopping Chart BANNER
Register | Sign In
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Tata Cara Retur disitus Antz-shop.com
P08 Navigasi :
-Klik Home untuk menuju ke P01
-Klik Shopping Chart untuk menuju ke P03
-Klik Cara berbelanja untuk menuju ke P06
- klik Cara pembayaran untuk
menuju ke P07 -Klik Cara retur untuk
menuju ke P08 -Klik Tentang kami
untuk menuju ke P09 -Klik detail produk
untuk menuju ke P02 -Klik register untuk
menuju ke P05 -Klik Sign In untuk
menuju ke P04
Gambar III.36 Perancangan Antar Muka Cara Retur
Antar muka ini adalah antar muka Tentang Kami P09
Home | Shopping Chart BANNER
Register | Sign In
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Tentang Antz-shop.com
P09 Navigasi :
-Klik Home untuk menuju ke P01
-Klik Shopping Chart untuk menuju ke P03
-Klik Cara berbelanja untuk menuju ke P06
- klik Cara pembayaran untuk
menuju ke P07 -Klik Cara retur untuk
menuju ke P08 -Klik Tentang kami
untuk menuju ke P09 -Klik detail produk
untuk menuju ke P02 -Klik register untuk
menuju ke P05 -Klik Sign In untuk
menuju ke P04
Gambar III.37
Perancangan Antar Muka Tentang Kami
2. Perancangan Antar Muka Member
Antar muka ini adalah antar muka Login M01
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami Home | Shopping Chart
BANNER Register | Sign In
KATALOG PRODUK DISKON
LAYANAN PEMBAYARAN
CONTACT US FOOTER
PELANGGAN BARU Untuk mempercepat proses belanja dimasa
mendatang plus mendapatkan sejumlah tawaran menarik lainnya, Anda akan ditawari opsi untuk
menjadi anggota pada proses berikutnya.
Register
ANGGOTA Silahkan log in bagi Anda yang telah
menjadi anggota
Login Email
Password Login
Lupa password M01
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami Navigasi :
-Klik Home untuk menuju ke P01
-Klik Shopping Chart untuk menuju ke P03
-Klik Cara berbelanja untuk menuju ke P06
- klik Cara pembayaran untuk
menuju ke P07 -Klik Cara retur untuk
menuju ke P08 -Klik Tentang kami
untuk menuju ke P09 -Klik detail produk
untuk menuju ke P02 -Klik register untuk
menuju ke P05 -Klik Sign In untuk
menuju ke P04 -Klik register untuk
menuju P05 -Klik login untuk
menuju ke P03 -Klik lupa password
untuk menuju ke M05
Gambar III.38 Perancangan antar muka Login
Antar muka ini adalah antar muka Lupa Password M02
Lupa Password
Email :
Pertanyaan : Pilih pertanyaan Jawaban :
Kirim M02
Gambar III.39 Perancangan Antar Muka Lupa Password
Antar muka ini adalah antar muka Home memberM03
Home | Shopping Chart BANNER
Selamat datang, nama member | Sign out
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami| History KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER cari
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
Gambar produk
Nama produk
Harga Detail
M03 Navigasi :
-Klik Home untuk menuju ke M03
-Klik Shopping Chart untuk menuju ke M09
-Klik Cara Berbelanja untuk menuju ke M04
-Klik Cara pembayaran untuk
menuju ke M05 -Klik Cara Retur untuk
menuju ke M06 -Klik klik Tentang
Kami untuk menuju ke M07
-Klik History untuk menuju ke M13
-Klik Sign Out untuk menuju P01
-Klik detail untuk menuju ke M08
Gambar III.40 Perancangan Antar Muka home member
Antar muka ini adalah antar muka Cara Berbelanja M04
Home | Shopping Chart BANNER
Selamat datang, nama member | Sign Out
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Tata Cara Berbelanja disitus Antz-shop.com
M04 Navigasi :
-Klik Home untuk menuju ke M03
-Klik Shopping Chart untuk menuju ke M09
-Klik Cara Berbelanja untuk menuju ke M04
-Klik Cara pembayaran untuk
menuju ke M05 -Klik Cara Retur untuk
menuju ke M06 -Klik klik Tentang
Kami untuk menuju ke M07
-Klik History untuk menuju ke M13
-Klik Sign Out untuk menuju P01
Gambar III.41
Perancangan Antar Muka Cara Berbelanja
Antar muka ini adalah antar muka Cara Pembayaran M05
Home | Shopping Chart BANNER
Selamat datang, nama member | Sign Out
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Tata Cara Pembayaran disitus Antz-shop.com
M05 Navigasi :
-Klik Home untuk menuju ke M03
-Klik Shopping Chart untuk menuju ke M09
-Klik Cara Berbelanja untuk menuju ke M04
-Klik Cara pembayaran untuk
menuju ke M05 -Klik Cara Retur untuk
menuju ke M06 -Klik klik Tentang
Kami untuk menuju ke M07
-Klik History untuk menuju ke M13
-Klik Sign Out untuk menuju P01
Gambar III.42 Perancangan Antar Muka Cara Pembayaran
Antar muka ini adalah antar muka Cara Retur M06
Home | Shopping Chart BANNER
Selamat datang, nama member | Sign Out
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Tata Cara Retur disitus Antz-shop.com
M06 Navigasi :
-Klik Home untuk menuju ke M03
-Klik Shopping Chart untuk menuju ke M09
-Klik Cara Berbelanja untuk menuju ke M04
-Klik Cara pembayaran untuk
menuju ke M05 -Klik Cara Retur untuk
menuju ke M06 -Klik klik Tentang
Kami untuk menuju ke M07
-Klik History untuk menuju ke M13
-Klik Sign Out untuk menuju P01
Gambar III.43
Perancangan Antar Muka Cara Retur
Antar muka ini adalah antar muka Tentang Kami M07
Home | Shopping Chart BANNER
Selamat datang, nama member | Sign Out
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Tentang Kami
M07 Navigasi :
-Klik Home untuk menuju ke M03
-Klik Shopping Chart untuk menuju ke M09
-Klik Cara Berbelanja untuk menuju ke M04
-Klik Cara pembayaran untuk
menuju ke M05 -Klik Cara Retur untuk
menuju ke M06 -Klik klik Tentang
Kami untuk menuju ke M07
-Klik History untuk menuju ke M13
-Klik Sign Out untuk menuju P01
Gambar III.44 Perancangan Antar Tentang Kami
Antar muka ini adalah antar muka Detail Produk M08
Home | Shopping Chart BANNER
Selamat datang, nama member | Sign Out
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN CONTACT US
FOOTER Gambar produk
Nama Produk Deskripsi Produk
Ukuran Qty :
Add to chart Kembali
Ukuran Stok Berat kg Diskon
Harga M08
Navigasi : -Klik Home untuk
menuju ke M03 -Klik Shopping Chart
untuk menuju ke M09 -Klik Cara Berbelanja
untuk menuju ke M04 -Klik Cara
pembayaran untuk menuju ke M05
-Klik Cara Retur untuk menuju ke M06
-Klik klik Tentang Kami untuk menuju ke
M07 -Klik History untuk
menuju ke M13 -Klik Sign Out untuk
menuju P01 -Klik detail untuk
menuju ke M08 -Klik kembali untuk
menuju ke M03
Gambar III.45 Perancangan Antar Detail Produk
Antar muka ini adalah antar muka Shopping Cart M09
Home | Shopping Chart BANNER
Selamat datang, nama member | Sign Out
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History KATALOG
PRODUK DISKON LAYANAN
PEMBAYARAN
CONTACT US FOOTER
cari Aturan dan prosedur pada shopping chart
Produk Hapus Ukuran Beratkg Qty Diskon Harga SubTotal Total Belanja
Total Belanja Produk Hapus Ukuran Beratkg Qty Diskon Harga SubTotal
Jasa Pengiriman yang akan digunakan : Pilih jasa pengiriman
Pilih kota tujuan Pilih layanan cargo
ongkos TOTAL BAYAR | Total
Belanja lagi Lanjutkan
Ketentuan yang berlaku di shopping chart M09
Navigasi : -Klik Home untuk
menuju ke M03 -Klik Shopping Chart
untuk menuju ke M09 -Klik Cara Berbelanja
untuk menuju ke M04 -Klik Cara
pembayaran untuk menuju ke M05
-Klik Cara Retur untuk menuju ke M06
-Klik klik Tentang Kami untuk menuju ke
M07 -Klik History untuk
menuju ke M13 -Klik Sign Out untuk
menuju P01 -Klik detail untuk
menuju ke M08 -Klik belanja lagi
untuk menuju ke M03 -Klik Lanjutkan untuk
menuju ke M10
Gambar III.46 Perancangan Antar Muka Shopping Chart
Antar muka ini adalah antar muka Data Pengiriman M10
M10
Member Keranjang Belanja
Belanja Anda : Total :
Lihat Detail Belanja lihat Profil | Ganti Password | Lihat Transaksi | Logout
Selamat datang,....
Password Lama: Password Baru :
Ulangi Password Baru : Ganti Password
Ganti Password cari
cari Cari produk
BERANDA | PROFIL | BUKU TAMU | CARA BELANJA | KONTAK | ORDER MODELING Welcome To Benitashop
BANNER
Teks Produk Teks Produk
Teks Produk Teks Produk
Produk kami
Media Pembayaran IMAGE
Contact Live
Navigasi :
1.
Klik menu “beranda” untuk menuju ke M01
2.
Klik Menu “Buku tamu” untuk menuju Ke M03
3.
Kl ik menu “kontak”
untuk menuju ke M04
4.
Klik menu “Lihat detail belanja ” untuk menuju
ke M07
5.
Klik link “order model” untuk menuju ke M17
6.
Klik link “lihat profil” untuk menuju ke M09
7.
Klik link “lihat transaksi” untuk menuju ke M13
Gambar III.47 Perancangan Antar Muka Data pengiriman
Antar muka ini adalah antar muka Total Pembayaran M11
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami Home | Shopping Chart
BANNER Selamat datang, nama member | Sign Up
KATALOG PRODUK DISKON
LAYANAN PEMBAYARAN
CONTACT US
FOOTER M11
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History TOTAL PEMBAYARAN à x,xx
DATA PENGIRIMAN Nama Penerima
: Alamat
: Provinsi
: Provinsi Kota
: Nama Kota No. Telepon
: No. Telepon
Kembali Lanjutkan
Navigasi : -Klik Home untuk
menuju ke M03 -Klik Shopping Chart
untuk menuju ke M09 -Klik Cara Berbelanja
untuk menuju ke M04 -Klik Cara
pembayaran untuk menuju ke M05
-Klik Cara Retur untuk menuju ke M06
-Klik klik Tentang Kami untuk menuju ke
M07 -Klik History untuk
menuju ke M13 -Klik Sign Out untuk
menuju P01 -Klik Kembali untuk
menuju ke M10 -Klik Lanjutkan untuk
menuju ke M12
Nama Penerima Alamat
PRODUK UKURAN BERATKg QTY DISKON HARGA SUBTOTAL PRODUK UKURAN BERATKg QTY DISKON HARGA SUBTOTAL
TOTAL BELANJA TOTAL BELANJA
Jasa Pengiriman yang akan digunakan :
Nama Jasa Pengirimanà layanan yang dipilih à Kota Tujuan Ongkos kirim
TOTAL BAYAR TOTAL BAYAR
Gambar III.48 Perancangan Antar Muka Total Pembayaran
Antar muka ini adalah antar muka Selesai belanja M12
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami Home | Shopping Chart
BANNER Selamat datang, nama member | Sign Up
KATALOG PRODUK DISKON
LAYANAN PEMBAYARAN
CONTACT US
FOOTER M12
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History Navigasi :
-Klik Home untuk menuju ke M03
-Klik Shopping Chart untuk menuju ke M09
-Klik Cara Berbelanja untuk menuju ke M04
-Klik Cara pembayaran untuk
menuju ke M05 -Klik Cara Retur untuk
menuju ke M06 -Klik klik Tentang
Kami untuk menuju ke M07
-Klik History untuk menuju ke M13
-Klik Sign Out untuk menuju P01
Selesai Terima Kasih telah berbelanja dengan kami.
Data pesanan Anda telah berhasil dikirimkan. Sebuah email mengenai pesanan ini juga telah dikirimkan ke alamat email Anda.
Informasi Pembayaran No. Transaksi
no transaksi Total Bayar
total bayar Silakan melakukan pembayaran via transfer Bank:
BCA Nomor Rekening :
139-2344-785 Atas Nama
: Sri Mulyati
BNI Nomor Rekening :
010-8999-464 Atas Nama
: Sri Mulyati
Pembayaran menggunakan paypal » Syarat dan kodisi
1. Hanya pesanan yang telah melakukan pembayaran yang akan diproses untuk
pengiriman. 2.
Jika Anda memilih janis pembayaran dengan cara Trasfer bank, apabila Anda telah melakukan pembayaran silakan lakukan konfirmasi pembayaran.
3. Untuk melakukan kofirmasi pembayaran, Anda bisa langsung melakukan
konfirmasi dari web kami atau hubungai customer kami.
Link ke Paypal
Gambar III.49 Perancangan Antar Muka Selesai Belanja
Antar muka ini adalah antar muka History M13
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami Home | Shopping Chart
BANNER Selamat datang, nama member | Sign Up
KATALOG PRODUK
DISKON LAYANAN
PEMBAYAR AN
CONTACT US
FOOTER M13
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History Navigasi :
-Klik Home untuk menuju ke M03
-Klik Shopping Chart untuk menuju ke M09
-Klik Cara Berbelanja untuk menuju ke M04
-Klik Cara pembayaran untuk
menuju ke M05 -Klik Cara Retur untuk
menuju ke M06 -Klik klik Tentang
Kami untuk menuju ke M07
-Klik History untuk menuju ke M13
-Klik Sign Out untuk menuju P01
-Klik Detail untuk menuju ke M14
History Order Halaman : 1,2, next
Order Tanggal Pesanan Tanggal Expired Status Pesanan Jumlah Bayar Aksi detail
Gambar III.50 Perancangan Antar Muka History
Antar muka ini adalah antar muka Detail History M14
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami Home | Shopping Chart
BANNER Selamat datang, nama member | Sign Up
KATALOG PRODUK
DISKON LAYANAN
PEMBAYAR AN
CONTACT US
FOOTER M14
Cara Berbelanja | Cara Pembayaran | Cara Retur | Tentang Kami | History Navigasi :
-Klik Home untuk menuju ke M03
-Klik Shopping Chart untuk menuju ke M09
-Klik Cara Berbelanja untuk menuju ke M04
-Klik Cara pembayaran untuk
menuju ke M05 -Klik Cara Retur untuk
menuju ke M06 -Klik klik Tentang
Kami untuk menuju ke M07
-Klik History untuk menuju ke M13
-Klik Sign Out untuk menuju P01
-Klik Paypal untuk menuju ke website
paypal -Klik Tansfer untuk
menuju ke M15 -Klik Cash untuk
menuju ke M16
DETAIL ORDER Order
: no.order Status : Status Order
Tanggal Order : TanggalOrder Tanggal Expired : Tanggal Expired
PRODUK UKURAN BERATKg QTY DISKON HARGA SUBTOTAL PRODUK UKURAN BERATKg QTY DISKON HARGA SUBTOTAL
Total Belanja Total belanja Ongkos Kirim Ongkos Kirim
Total Bayar Total Bayar DATA PENGIRIMAN__________________________________________________
Email : Email
Nama Penerima : Nama Penerima
Alamat : Alamat
Provinsi : Provinsi
Kota : Kota
Telepon : No. Telepon
JENIS LAYANAN PENGIRIMAN________________________________________ Tujuan Pengiriman
: provinsi, kota tujuan Jenis Layanan
: Jenis layanan yang dipilih Harga Kirimkg
: ongkos kirim Pembayaran Paypal
PAYPAL Transfer via kartu kreditdebet
Transfer Transfer via bank setoran tunai di Bank
Cash
Gambar III.51 Perancangan Antar Muka Detail History
Antar muka ini adalah antar muka Transfer via Debet M15
Transfer via Kartu KreditDebit Id Order
: No.Order
Total Pembayaran :
Rp.xxxx Tanggal Pembayaran :
Tanggal kalender
Bank Tujuan :
Pilih bank Bank Asal
: No. Rekening
: Atas Nama
: Kirim
Kata yang mengandung bintang tidak boleh kosong
CLOSE X
M15 Navigasi :
-Klik Close untuk menuju ke M14
Gambar III.52 Perancangan Antar Muka Transfer Via Debet
Antar muka ini adalah antar muka Transfer Via Bank Cash M16
Transfer via Bank Cash Id Order
: No.Order
Total Pembayaran :
Rp.xxxx Tanggal Pembayaran :
Tanggal kalender
Bank Tujuan :
Pilih bank Bank Asal
: No. Transfer
: Atas Nama
: Kirim
Kata yang mengandung bintang tidak boleh kosong
CLOSE X
M16 Navigasi :
-Klik Close untuk menuju ke M14
Gambar III.53 Perancangan Antar Transfer Via Bank
3. Perancangan Antar Muka Administrator
Antar muka ini adalah antar muka login A01
Login Lupa Password
Email : Password :
CPANEL A01
Navigasi : -Klik Login untuk
menuju ke A02 -Klik Lupa Password
untuk menuju ke A10
Gambar III.54 Perancangan Antar Muka Login
Antar muka ini adalah antar muka Lupa Password A02
Email : Kirim Sandi
Close X -Klik Close untuk menuju
kembali A01 A02
Gambar III.55 Perancangan Antar Muka Lupa Password
Antar muka ini adalah antar muka Home admin A03
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
No Order Tanggal order
Tanggal Expired Jumlah Pesanan baru n
ORDER BARU
No Order Tanggal Konfirmasi
Jumlah Pesanan baru n PESANAN kONFIRMASI
ID Retur No Order
Tanggal Retur Jumlah Pesanan baru n
RETUR ORDER
STOK PRODUK Kode Produk
– n item
A03
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
Gambar III.56 Perancangan Antar Muka Home admin
Antar muka ini adalah antar muka Data Admin A04
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User Data Admin
Data Member - Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi Transaksi
Konfirmasi Pembayaran Barang terkirim
Data Retur - Data Laporan
Laporan Produk Laporan Penjualan
A04
EMAIL NAMA LENGKAP
PHONE STATUS
INSERT DATE AKSI
Tambah refresh Navigasi :
- Klik Beranda untuk menuju ke A03 - Klik Logout untuk menuju ke A01
- Klik Data Admin untuk menuju ke A04 - Klik Data Member untuk menuju ke A05
- Klik kategori untuk menuju ke A06 - Klik model untuk menuju ke A07
- Klik merk untuk menuju ke A08 - Klik ukuran untuk menuju ke A09
- Klik warna untuk menuju ke A10 - Klik Produk untuk menuju ke A11
- Klik Provinsi untuk menuju ke A12 - Klik Kota untuk menuju ke A13
- Klik Kurir untuk menuju ke A14 - Klik layanan pengiriman untuk menuju ke
A15 - Klik Ongkos kirim untuk menuju ke A16
- Klik jenis pembayaran untuk menuju ke A17 - Klik Transaksi untuk menuju ke A18
- Klik Konfirmasi Pembayaran untuk menuju ke A19
- Klik barang terkirim untuk menuju ke A20 - Klik Data retur barang untuk menuju ke A21
- Klik Laporan Produk untuk menuju ke A26 - Klik laporan penjualan untuk menuju ke A27
-klik tambah untuk menuju ke T01
Gambar III.57 Perancangan Antar Muka Data Admin
Antar muka ini adalah antar muka Data member A05
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A05
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
DAFTAR MEMBER ANTZSHOP refresh
No. Email Nama Lengkap Alamat kota Phone Status
Insert Date Last Login
aksi Pencarian
Berdasarkan cari
Gambar III.58 Perancangan Antar Muka Data Member
Antar muka ini adalah antar muka Kategori A06
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A06
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik Ltambah kategori untuk menuju ke T02
KODE KATEGORI NAMA KATEGORI
aksi Halaman : n
refresh tambah
Gambar III.59 Perancangan Antar Muka Kategori
Antar muka ini adalah antar muka Model A07
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A07
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah model untuk menuju ke T03
KATEGORI MODEL
aksi Halaman : n
refresh tambah
ID MODEL
Gambar III.60
Perancangan Antar Muka Model Antar muka ini adalah antar muka Merk A08
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A08
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah merk untuk menuju ke T04
KODE MERK MERK
aksi Halaman : n
refresh tambah
Gambar III.61 Perancangan Antar Muka Merk
Antar muka ini adalah antar muka data Ukuran A09
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A09
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah ukuran untuk menuju ke T05
refresh tambah
ID UKURAN UKURAN
AKSI Halaman : n
Gambar III.62 Perancangan Antar muka Ukuran
Antar muka ini adalah antar muka Warna A10
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A10
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah warna untuk menuju ke T06
refresh tambah
ID WARNA
AKSI Halaman : n
Gambar III.63 Perancangan Antar Muka Warna
Antar muka ini adalah antar muka produk A11
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A11
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah produk untuk menuju ke T07
refresh tambah
Kode produk Halaman : n
AKSI Kategori Nama Produk Merk Model pw Diskon Tgl masuk
Gambar III.64 Perancangan Antar Muka Produk
Antar muka ini adalah antar muka provinsi A12
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A12
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah Provinsi untuk menuju ke T08
refresh tambah
ID PROVINSI NAMA PROVINSI
AKSI Halaman : n
Gambar III.65 Perancangan Antar Muka Provinsi
Antar muka ini adalah antar muka kota A13
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A13
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah kota untuk menuju ke T09
PROVINSI KOTA
AKSI Halaman : n
refresh tambah
ID PROVINSI
Gambar III.66 Perancangan Antar Muka kota
Antar muka ini adalah antar muka kurir A14
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A14
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah kurir untuk menuju ke T10
refresh tambah
ID KURIR KURIR
AKSI Halaman : n
Gambar III.67 Perancangan Antar Muka Kurir
Antar muka ini adalah antar muka layanan kurir A15
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A15
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah layanan pengiriman untuk
menuju ke T11
NAMA KURIR LAYANAN
AKSI Halaman : n
refresh tambah
ID LAYANAN
Gambar III.68 Perancangan Antar Muka Layanan kurir
Antar muka ini adalah antar muka ongkos kirim A16
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A16
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27 - Klik tambah ongkos kirim untuk menuju ke
T12
LAYANAN KOTA
AKSI Halaman : n
refresh tambah
Nama kurir ID
ONGKOS KIRIM
Gambar III.69 Perancangan Antar Muka Ongkos Kirim
Antar muka ini adalah antar muka data transaksi A18
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A18
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
No Order aksi
Halaman : n refresh
Tgl Pesanan Tgl Expired
Member Status Pesanan Total Bayar
Gambar III.70
Perancangan Antar Muka Data Transaksi
Antar muka ini adalah antar muka Pesanan Konfirmasi A19
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A19
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
No Order aksi
Halaman : n refresh
Tgl Pesanan Tgl Expired
Member Status Pesanan Total Bayar
Gambar III.71 Perancangan Antar Muka Pesanan Konfirmasi
Antar muka ini adalah antar muka Barang Terkirim A20
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A20
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
No Order aksi
Halaman : n refresh
Tgl Pesanan Tgl Expired
Member Status Pesanan Total Bayar
Gambar III.72 Perancangan Antar Muka Barang terkirim
Antar muka ini adalah antar muka Retur barang A21
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A21
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
ID Retur Halaman : n
refresh Nama Produk
Ukuran Jumlah Retur Status Retur
Pencarian berdasarkan ID Retur : Pencarian berdasarkan ID Retur :
Cari DAFTAR RETUR PRODUK ANTZ SHOP
aksi
Gambar III.73 Perancangan Antar Muka Retur Barang
Antar muka ini adalah antar Stok produk A22
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User Data Admin
Data Member - Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi Transaksi
Konfirmasi Pembayaran Barang terkirim
Data Retur - Data Laporan
Laporan Produk Laporan Penjualan
A22
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
WARNA UKURAN BERAT kg STOK HARGA DASAR
KODE PRODUK : XXX NAMA PRODUK : XXX
DISKON : XXX
aksi warna
Pilih warna ukuran
Pilih ukuran Berat
kg Stok
Harga Dasar Rp.
HARGA JUAL LABA
Gambar III.74 Perancangan Antar Muka Stok produk
Antar muka ini adalah antar muka upload produk A23
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A23
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
KODE PRODUK : XXX NAMA PRODUK : XXX
Browse Gambar
Gambar III.75 Perancangan Antar Muka Upload Produk
Antar muka ini adalah antar muka Kirim Retur Barang A24
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A24
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
ID Retur Halaman : n
refresh Nama Produk
Ukuran Jumlah Retur Status Retur
Pencarian berdasarkan ID Retur : Pencarian berdasarkan ID Retur :
Cari DAFTAR RETUR PRODUK ANTZ SHOP
aksi
Gambar III.76 Perancangan Antar Muka Kirim Retur Barang
Antar muka ini adalah antar muka laporan produk A25
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A26
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
No Halaman : n
Kategori Model Merk Nama Produk
Stok Ukuran
Pencarian Tampilkan
Berdasarkan LAPORAN STOK PRODUK ANTZ-SHOP
Gambar III.77 Perancangan Antar Muka Laporan Produk
Antar muka ini adalah antar muka laporan penjualan A26
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
A27
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
No Halaman : n
Kategori Model Merk Nama Produk
Stok Ukuran
Pencarian Tampilkan
Berdasarkan LAPORAN STOK PRODUK ANTZ-SHOP
Gambar III.78 Perancangan Antar Muka Laporan Penjualan
Antar muka ini adalah antar muka Tambah AdminT01
Tambah Admin Nama Lengkap :
Telepon : Email :
Password : Ulangi Password :
Simpan CLOSE X
T01 Navigasi :
- Klik Close untuk menuju ke A04
Gambar III.79 Perancangan Antar Muka Tambah Admin
Antar muka ini adalah antar muka tambah kategori T02
Tambah Kategori Kode Kategori :
Nama Kategori : Simpan
CLOSE X T02
Navigasi : - Klik Close untuk
menuju ke A06
Gambar III.80 Perancangan Antar Muka Tambah Kategori
Antar muka ini adalah antar muka tambah model T03
Tambah Model Kategori :
Model : Simpan
CLOSE X T03
Navigasi : - Klik Close untuk
menuju ke A07
Gambar III.81 Perancangan antar Muka Tambah Model
Antar muka ini adalah antar muka tambah merk T04
Tambah Merk Kode Merk :
Merk : Simpan
CLOSE X T04
Navigasi : - Klik Close untuk
menuju ke A08
Gambar III.82 Perancangan Antar Muka Tambah Merk
Antar muka ini adalah antar muka tambah ukuran T05
Tambah Ukuran Ukuran :
Simpan CLOSE X
T05 Navigasi :
- Klik Close untuk menuju ke A09
Gambar III.83 Perancangan Antar Muka Tambah Ukuran
Antar muka ini adalah antar muka tambah warna T06
Tambah Warna Warna :
Simpan CLOSE X
T06 Navigasi :
- Klik Close untuk menuju ke A10
Gambar III.84 Perancangan Antar Muka Tambah Warna
Antar muka ini adalah antar muka tambah produk T07
Tambah Produk Kategori :
Simpan CLOSE X
T07 Navigasi :
- Klik Close untuk menuju ke A11
Nama Produk : Diskon :
Deskripsi : Pilih Kategori
Model : Pilih Model
Merk : Pilih Merk
Jenis Produk : Pilih Jenis Produk
Gambar III.85 Perancangan Antar Muka Tambah Produk
Antar muka ini adalah antar muka tambah provinsi T08
Tambah Provinsi Nama Provinsi :
Simpan CLOSE X
T08 Navigasi :
- Klik Close untuk menuju ke A12
Gambar III.86 Perancangan Antar Muka Tambah Provinsi
Antar muka ini adalah antar muka tambah kota T09
Tambah Kota Kota :
Simpan CLOSE X
T09 Navigasi :
- Klik Close untuk menuju ke A13
Provinsi : Pilih Provinsi
Gambar III.87 Perancangan Antar Muka Tambah Kota
Antar muka ini adalah antar muka tambah kurir T10
Tambah Kurir Nama Kurir :
Simpan CLOSE X
T10 Navigasi :
- Klik Close untuk menuju ke A14
Gambar III.88 Perancangan Antar Muka Tambah Kurir
Antar muka ini adalah antar muka tambah layanan kurir T11
Tambah Layanan Kurir Nama Kurir :
Simpan CLOSE X
T11 Navigasi :
- Klik Close untuk menuju ke A15
Layanan : Pilih Kurir
Gambar III.89 Perancangan Antar Muka Tambah Layanan Kurir
Antar muka ini adalah antar muka tambah ongkos T12
Tambah Ongkos Nama Kurir :
Simpan CLOSE X
T12 Navigasi :
- Klik Close untuk menuju ke A16
Pilih Kurir Layanan
Pilih Layanan Provinsi
Pilih Provinsi Kota Tujuan Pilih Kota
Pilih Kota Ongkos Kirim
Gambar III.90 Perancangan Antar Muka Tambah Ongkos
Antar muka ini adalah antar muka tambah jenis pembayaran T12
Tambah Jenis Pembayaran Nama Bank :
Simpan CLOSE X
T13 Navigasi :
- Klik Close untuk menuju ke A17
Data Pemilik : Gambar
Browse
Gambar III.91 Perancangan Antar Muka Tambah Jenis Pembayaran
Antar muka ini adalah antar muka update profil U01
Update Profile Email
Update CLOSE X
U01 Navigasi :
- Klik Close untuk menuju ke A04
Nama Lengkap Telepon
Status Aktif
Gambar III.92 Perancangan Antar Muka Update Profil
Antar muka ini adalah antar muka update member U02
Update Member Email
Update CLOSE X
U02 Navigasi :
- Klik Close untuk menuju ke A05
Nama Lengkap Status
Aktif
Gambar III.93 Perancangan Antar Muka Update Member
Antar muka ini adalah antar muka update status retur U03
Update Status Retur No. Retur
Update CLOSE X
U03 Navigasi :
- Klik Close untuk menuju ke A21
Status Retur Dikirim
Gambar III.94 Perancangan Antar Muka Update Status Retur
Antar muka ini adalah antar muka detail transaksi D01
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User Data Admin
Data Member - Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi Transaksi
Konfirmasi Pembayaran Barang terkirim
Data Retur - Data Laporan
Laporan Produk Laporan Penjualan
D01
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
No. Order : xx Status : status
Tanggal Order : Tanggal Tanggal Expired : 6 hari setelah bayar
Produk Ukuran Berat kg Qty Diskon Harga SubTotal Produk Ukuran Berat kg Qty Diskon Harga SubTotal
Total n Ongkos Kirim n x harga ongkir
Total Bayar DATA PENGIRIMAN
Email :
Nama Penerima :
Alamat :
Provinsi :
Kota :
Telepon :
JENIS LAYANAN PENGIRIMAN Tujuan Pengiriman
Jenis Layanan Harga Kirimkg
Gambar III.95 Perancangan Antar Muka Detail Transaksi
Antar muka ini adalah antar muka detail konfirmasi pembayaran D02
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
D02
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
No. Order : xx Status : status
Tanggal Order : Tanggal Tanggal Expired : 6 hari setelah bayar
Produk Ukuran Berat kg Qty Diskon Harga SubTotal Produk Ukuran Berat kg Qty Diskon Harga SubTotal
Total n Ongkos Kirim n x harga ongkir
Total Bayar DATA PENGIRIMAN
Email :
Nama Penerima :
Alamat :
Provinsi :
Kota :
Telepon :
JENIS LAYANAN PENGIRIMAN Tujuan Pengiriman
Jenis Layanan Harga Kirimkg
DATA KONFIRMASI PEMBAYARAN Tanggal Bayar
: Jenis Pembayaran :
Bank Tujuan :
Bank Asal :
No. RekeningtransferIPN Paypal Atas Nama
: Jumlah Bayar
: Sudah Bayar
No Resi Pengiriman Nomor Resi
Kirim
Gambar III.96 Perancangan Antar Muka Detail Konfirmasi Pembayaran
Antar muka ini adalah antar muka detail Barang terkirim D03
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
D03
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
No. Order : xx Status : status
Tanggal Order : Tanggal Tanggal Expired : 6 hari setelah bayar
Produk Ukuran Berat kg Qty Diskon Harga SubTotal Produk Ukuran Berat kg Qty Diskon Harga SubTotal
Total n Ongkos Kirim n x harga ongkir
Total Bayar DATA PENGIRIMAN
Email :
Nama Penerima :
Alamat :
Provinsi :
Kota :
Telepon :
JENIS LAYANAN PENGIRIMAN Tujuan Pengiriman
Jenis Layanan Harga Kirimkg
DATA KONFIRMASI PEMBAYARAN Tanggal Bayar
: Jenis Pembayaran :
Bank Tujuan :
Bank Asal :
No. RekeningtransferIPN Paypal Atas Nama
: Jumlah Bayar
: Sudah Bayar
No Resi Pengiriman Tanggal Kirim
: Nomor Resi
Dikirim
Gambar III.97 Perancangan Antar Muka Detail Barang Terkirim
Antar muka ini adalah antar muka detail retur barang D04
Administrator
ANTZSHOP Selamat Datang Nama admin
Beranda Logout
- Data User
Data Admin Data Member
- Data Master
Kategori Model
Merk Ukuran
warna Produk
Provinsi Kota
Kurir Layanan pengiriman
Ongkos kirim Jenis Pembayaran
- Data Transaksi
Transaksi Konfirmasi Pembayaran
Barang terkirim Data Retur
- Data Laporan
Laporan Produk Laporan Penjualan
D04
Navigasi : - Klik Beranda untuk menuju ke A03
- Klik Logout untuk menuju ke A01 - Klik Data Admin untuk menuju ke A04
- Klik Data Member untuk menuju ke A05 - Klik kategori untuk menuju ke A06
- Klik model untuk menuju ke A07 - Klik merk untuk menuju ke A08
- Klik ukuran untuk menuju ke A09 - Klik warna untuk menuju ke A10
- Klik Produk untuk menuju ke A11 - Klik Provinsi untuk menuju ke A12
- Klik Kota untuk menuju ke A13 - Klik Kurir untuk menuju ke A14
- Klik layanan pengiriman untuk menuju ke A15
- Klik Ongkos kirim untuk menuju ke A16 - Klik jenis pembayaran untuk menuju ke A17
- Klik Transaksi untuk menuju ke A18 - Klik Konfirmasi Pembayaran untuk menuju
ke A19 - Klik barang terkirim untuk menuju ke A20
- Klik Data retur barang untuk menuju ke A21 - Klik Laporan Produk untuk menuju ke A26
- Klik laporan penjualan untuk menuju ke A27
DETAIL RETUR Gbr
Produk No. Order
Tanggal Retur Nama Produk
Ukuran Jumlah Produk Retur
Gambar III.98 Perancangan Antar Muka Detail Retur Barang
4. Perancangan Antar Muka Pesan
Jenis pesan yang digunakan pada perancangan pesan ini adalah jenis pesan informasi yang menempel pada sistem.
Berhasil Login MSG01
Gagal Login MSG02
Maaf Produk belum tersedia
MSG03
Email Invalid MSG05
Pilih ukuran produk MSG06
Qty pesanan melebihi stok yang tersedia di
webstore kami MSG07
Tidak Boleh Kosong MSG04
Pilih jenis pengiriman MSG08
Pilih Ukuran Produk MSG09
Proses Add to chart berhasil
MSG10 Email Tidak Valid
MSG11
Masukan Email Login MSG13
Email tidak boleh kosong
MSG14 Masukan Jawaban
anda MSG15
Email Atau password tidak valid
MSG12
Pilih pertanyaan keamanan
MSG16
Bank Tujuan Masih kosong
MSG17 Bank asal masih
kosong MSG18
No. rekening tidak boleh kosong
MSG19 Atas nama tidak boleh
kosong MSG20
Nama lengkap tidak boleh kosong
MSG21 Email harus diisi
MSG22 Ulangi Password tidak
sama MSG23
Sandi Lama tidak valid MSG25
Data tidak ditemukan MSG26
Kode Kategori Tidak boleh kosong
MSG27 Tidak Boleh Kosong
MSG24
Status Pesanan telah diUpdate
MSG28
Gambar III.99 Perancangan antar muka pesan
III.3.2 Perancangan Struktur Menu 1.
Struktur Menu Pengunjung
Home
Cara berbelanja Cara pembayaran
Cara Retur Tentang Kami
Detail Produk Shopping Chart
view Tambah
Edit Hapus
Gambar III.100 Struktur Menu Pengunjung
2. Struktur Menu Member
Home
Cara berbelanja Cara pembayaran
Cara Retur Tentang Kami
Detail Produk Shopping Chart
view Tambah
Edit Login
History Profil
Sign Out Password
Hapus
Gambar III.101 Struktur Menu Member
3. Struktur Menu Administrator
Beranda Data
admin Data
member Kategori
Login Model
Merk Ukuran
Warna Produk
Provinsi Kota
Kurir Layanan
Kurir Ongkos
Kirim transaksi
Konfirmasi Pembayaran
Barang terkirim Retur Barang
Laporan Produk Laporan Penjualan
Logout Laporan Retur
Gambar III.102 Struktur Menu Administrator
III.3.3 Jaringan Semantik
Aliran dari menu-menu yang ada di program akan dijelaskan pada gambar berikut :
1. Jaringan Semantik pengunjung
P01 P02
P03 P04
P05 P06
P07 P08
P09
P10
Gambar III.103 Jaringan Semantik Pengunjung
2. Jaringan Semantik Member
M01 M02
M03 M04
M05 M06
M07 P01
M08 M09
M10 M11
M12 M13
M14 M15
M16
Gambar III.104 Jaringan Semantik Member
3. Jaringan Semantik Administrator
A01 A02
A03 A04
A05 A06
A07 A08
A09 A10
A11 A12
A13 A14
A15 A16
A17 A18
A19 A20
A21 A22
A23 A24
A26 A27
D01 D02
D03 D04
Gambar III.105 Jaringan Semantik Administrator
III.3.4 Perancangan Prosedural
Perancangan procedural digunakan sebagai algoritma dasar dalam langkah mengkodekan prosedur yang ada. Adapun perancangan prosedural sistem
informasi kualitas air adalah sebagai berikut: 1. Perancangan Prosedural Login Member
Mulai Input Data Login
Member Valid ?
Tidak Ya
Selesai
Tampil Halaman Member
Gambar III.106 Perancangan Prosedural Login Member
2. Perancangan Prosedural Login Admin
Mulai Input Data
Login Admin
Valid ? Tidak
Ya
Selesai
Tampil Halaman Admin
Gambar III.107 Perancangan Prosedural Login Admin
3. Perancangan Prosedural Tambah Data
Mulai Input Data
Simpan Data Cek Data ?
invalid valid
selesai Tampil Data
Gambar III.108 Perancangan Prosedural Tambah Data
4. Perancangan Prosedural Edit Data
Mulai
Edit Data
Update Cek Data ?
invalid valid
selesai Tampil Data
Pilih data yang akan di edit
Gambar III.109 Perancangan Prosedural Edit Data
5. Perancangan Prosedural Hapus Data
Mulai
Hapus Data
Delete Cek Data ?
invalid valid
selesai Tampil Data
Pilih data yang akan dihapus
Gambar III.110 Perancangan Prosedural Hapus Data
6. Perancangan Prosedural Pencarian Data
Mulai Input Data
Yang Di Cari
Ketemu ? Pencarian
Tampilkan Data Yang Dicari
Ya Tidak
Selesai
Gambar III.111 Perancangan Prosedural Pencarian Data
7. Perancangan Prosedural Belanja
Mulai
Tambah Keranjang Belanja
invalid valid
selesai Tampil Data
Belanja Pilih Ukuran
Input Qty
Cek Qty ? Pilih produk
yang akan dibeli
Gambar III.112 Perancangan Prosedural Belanja
8. Perancangan Prosedural Daftar Member
Mulai Input Data
Member
Cek Data ? invalid
Tambah Data Member
Valid
Selesai
Gambar III.113 Perancangan Prosedural Daftar Member
139
BAB IV IMPLEMENTASI DAN PENGUJIAN
Kategori