d. Coding Tahap penerjemahan data atau pemecahan masalah yang telah
dirancang kedalam bahasa pemrograman tertentu. e. Testing
Merupakan tahap pengujian terhadap perangkat lunak yang dibangun apakah sudah sesuai dengan kebutuhan atau keinginan konsumen.
f. Maintenance Tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat
mengalami perubahan-perubahan, penambahan, atau perbaikan sesuai dengan permintaan user.
g. Umpan balik merupakan respon dari pengguna sistem yang bisa digunakan untuk
mengetahui sejauh mana aplikasi yang dibangun diterima oleh penggunanya.
I.6 Sistematika Penulisan
Sistematika penulisan
Tugas Akhir
ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan
Tugas Akhir
ini adalah sebagai berikut :
BAB I PENDAHULUAN
Bab ini menguraikan tentang latar belakang permasalahan, rumusan masalah, maksud dan tujuan, batasan masalah, metodologi penelitian dan sistematika
penulisan.
BAB II LANDASAN TEORI
Bab ini membahas berbagai konsep dan dasar-dasar teori yang menunjang serta berkaitan dengan topik pembuatan website penjualan on-line.
BAB III ANALISIS DAN PERANCANGAN SISTEM
Bab ini berisi proses menganalisa kebutuhan dan dilakukan proses perancangan website
penjualan on-line yang akan dibangun sesuai dengan analisa yang dilakukan.
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
Bab ini akan dilakukan proses implementasi dari website penjualan on-line yang sudah dibangun yang berisikan tampilan aplikasi serta pengujian terhadap website
yang dilakukan menggunakan metode Black Box, maupun diuji langsung pada user
. 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 Tinjauan Tempat Penelitian
II.1.1 Sejarah Perusahaan
Toko The Baiya’s merupakan sebuah perusahaan yang bergerak di bidang fashion
dan accessories. Toko The Baiya’s berdiri pada tahun 2009 atas dasar
keinginan yang kuat untuk bersaing dengan perusahaan-perusahaan lain dalam bidang yang sama, dan untuk memenuhi kebutuhan ekonomi dalam kehidupan
sehari-hari. Itulah salah satu alasan yang menyebabkan si pemilik memepertahankan usaha ini sampai sekarang yang beralamat di Jl. Siwalan Kerto
Timur No. 227 Surabaya.
II.1.2 Visi dan Misi Perusahaan
Visi dari Toko The Baiya’s adalah untuk mengembangkan usaha atau bisnis
dalam bidang fashion yang dapat berimbas kepada pertumbuhan ekonomi dan dapat meningkatkan kesejahteraan orang banyak.
Adapun misi Toko The Bai ya’s adalah sebagai berikut :
1. Mengelola perusaahaan yang sesuai dengan bisnis yang sehat dan didukung
oleh teknologi tepat guna serta sumber daya manusia yang profesional. 2.
Mengembangkan usaha agar memiliki daya saing yang kuat.
3. Struktur Organisasi
Pimpinan Perusahaan
Bagian Marketing Bagian Keuangan
Bagian Penyediaan Barang
Gambar II.1 - Struktur Organisasi Perusahaan II.1.3
Deskiripsi Tugas
Pimpinan perusahaan : Mengontrol kinerja semua karyawan
Bagian keuangan : Mengelola keuangan perusahaan
Bagian penyediaan barang : Mengelola penyediaan barang perusahaan
Bagian marketing : Mengelola pemasaran produk perusahaan
II.2 Pengertian Sistem
Sistem berasal dari bahasa Yunani “Sistema” yang memiliki pengertian yang luas, tidak ada satu definisi yang pasti. Terdapat dua kelompok pendekatan
didalam pendefinisian sistem, yaitu yang menekankan pada prosedur dan menekankan pada komponen elemennya. Pendekatan pada sistem yang lebih
menekankan pada prosedur, mendefinisikan sistem sebagai berikut: “Suatu sistem adalah jaringan kerja dari prosedur – prosedur yang saling
berhubungan, berkumpul bersama – sama untuk melakukan suatu kegiatan atau
untuk menyelesaikan suatu sasaran tertentu ”.Jogiyanto. HM, 1
Pendekatan sistem yang lebih menekankan pada elemen atau komponennya, mendefinisikan sistem sebagai berikut :
“Sistem adalah kumpulan – kumpulan dari elemen – elemen yang berinteraksi untuk mencapai t
ujuan tertentu”. Jogiyanto. HM, 2 Jadi, sistem adalah kumpulan elemen
– elemen atau prosedur yang saling berhubungan dan bertanggung jawab memproses data masukan input sehingga
menghasilkan suatu keluaran output. Bagian listing yang paling kecil disebut subsistem. Misalnya sistem komputer yang terdiri dari bagian subsistem perangkat
keras dan subsistem perangkat lunak. Masing – masing subsistem dapat terdiri
dari subsistem – subsistem atau komponen – konponen yang lebih kecil lagi,
subsistem – subsistem ini membentuk satu kesatuan sehingga tujuan atau sasaran
dari sistem tersebut dapat tercapai. Jadi dengan kata lain, sistem dapat dinyatakan sebagai satu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem
yang saling berinteraksi untuk mencapai suatu tujuan. Tujuan sistem adalah untuk menentukan operasi yang akan dilaksanakan.
Berkembangnya suatu sistem dapat dipengaruhi oleh informasi yang terdapat didalamnya. Jika berkurangnya informasi, maka suatu sistem lama kelamaan akan
berakhir dan tidak dapat digunakan lagi.
II.2.1 Karakteristik Sistem
Suatu sistem memiliki karakteristik atau sifat-sifat tertentu, yaitu memiliki komponen-komponen components, batas sistem boundary, lingkungan luar
sistem environment, penghubung interprest, masukan input, keluaran output
, pengolah process dan sasaran objective dan tujuan goal. 1.
Komponen Sistem System Components Komponen sistem atau elemen-elemen sistem dapat berupa suatu sub sistem
atau bagian-bagian dari sistem. Setiap sistem baik besar maupun kecil, selalu mengandung komponen-komponen atau subsistem-subsistem. Setiap
subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. Suatu sistem
dapat mempunyai suatu yang lebih besar yang disebut supra system. 2.
Batas Sistem System Boundary Batas sistem merupakan daerah-daerah yang membatasi antara satu sistem
dengan sistem lainnya dengan lingkungan luarnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan. Batas suatu
sistem menujukkan ruang lingkup scope dari sistem tersebut. 3.
Lingkungan Luar Sistem System Environment Lingkungan luar sistem dari suatu sistem adalah apapun di luar batas dari
sistem yang mempengaruhi operasi sistem yang dapat bersifat menguntungkan dan dapat pula merugikan sistem tersebut. Lingkungan luar
yang menguntungkan merupakan energi dari sistem yang harus dijaga dan dipelihara. Sedangkan yang merugikan harus ditahan dan dikendalikan,
karena akan mengganggu kelangsungan hidup sistem.
4. Penghubung Sistem
Penghubung sistem merupakan media penghubung antara satu sub sistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan
sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya. Dengan penghubung akan terjadi interaksi antar subsistem,
sehingga membentuk satu kesatuan. 5.
Masukan Sistem System Input Masukan adalah suatu energi yang dimasukkan ke dalam sistem. Masukan
dapat berupa masukan perawatan maintenance input dan masukan sinyal signal input. Maintenance input adalah energi yang dimasukkan supaya
sistem tersebut dapat beroperasi. Contoh maintenance input di dalam sistem komputer adalah program, yang digunakan untuk mengoperasikan
komputer. Sedangkan signal input adalah energi yang diproses untuk mendapatkan keluaran. Contoh signal input di dalam sistem komputer
adalah data, yang dapat diolah menjadi Informasi. 6.
Keluaran Sistem System Output Keluaran Output merupakan hasil dari energi yang diolah dan
diklasifikasikan menjadi keluaran yang berguna. 7.
Pengolah Sistem System Process Suatu sistem dapat mempunyai suatu bagian pengolah atau sistem itu sendiri
sebagai pengolahnya, yang bertugas untuk merubah masukan menjadi keluaran.
8. Sasaran Sistem System Objective
Suatu sistem pasti memiliki tujuan goal atau sasaran objective. Suatu operasi sistem akan berguna dan berhasil apabila mencapai sasaran atau
tujuannya. Sasaran sistem sangat menentukan masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.
Input Proses
Output Sub Sistem
Sub Sistem Sub Sistem
Sub Sistem Sub Sistem
Penghubung Batasan
Batasan
Gambar II.2 - Karakteristik Sistem II.2.2
Pengertian Data dan Informasi
Data dan Informasi mempunyai keterkaitan antara satu dengan yang lainnya. Data adalah kumpulan fakta atau pesan-pesan yang belum dievaluasi atau
bahan mentah dari informasi yang melalui pengolahan tertentu dibentuk menjadi suatu informasi. Data merupakan kenyataan yang menggambarkan suatu
kejadian – kejadian nyata.
Suatu sistem yang kurang mendapatkan suatu informasi akan luruh, kerdil dan akhirnya berakhir. Definisi informasi sendiri seperti di bawah ini :
“Informasi adalah data yang diolah menjadi bentuk yang lebih berharga dan lebih berguna serta lebih berarti bagi yang menerimannya”. Jogiyanto. HM, 8.
Sedangkan sumber dari informasi sendiri adalah data yang berarti kenyataan untuk mengambarkan suatu kejadian
– kejadian dan kesatuan yang nyata. Maksud dari kejadian
– kejadian di sini adalah sesuatu yang telah terjadi pada saat tertentu. Untuk memperjelas pengertian dasar informasi dapat dilihat pada siklus
informasi Gambar II.3 berikut :
INPUT PROSES
OUTPUT
Gambar II.3 - Model Dasar Sistem
Suatu sistem merupakan suatu keseluruhan yang bulat dan utuh, dimana tujuan dari masing
– masing bagian yang membentuk sistem akan saling menunjang dan mencapai tujuan dari suatu sistem secara keseluruhan. Berarti
bahwa tujuan yang dicapai dari salah satu bagian tidak dapat mengabaikan pencapaian tujuan dari bagian yang lain.
Sumber dari informasi adalah data. Data terbentuk dari karakter- karakter yang dapat berupa alfabet, angka maupun simbol khusus. Data disusun untuk
diolah dalam bentuk struktur data, struktur file dan database. Terdapat perbedaan antara data dan informasi yaitu jika data merupakan bahan baku yang diolah untuk
memberikan informasi, sedangkan informasi digunakan dalam pengambilan keputusan, karena itu informasi memiliki tingkat lebih tinggi dari data.
II.2.3 Pengertian Sistem Informasi
Sistem informasi berfungsi untuk menyediakan informasi yang berguna untuk manajemen yang mendukung rencana strategis organisasi. Sedangkan
tujuannya adalah untuk mengumpulkan data, menyimpan data dan menginformasikannya kepada para pemakai.
Menurut Robert A. Leitc dan K. Rescoe Davis, Sistem Informasi didefinisikan sebagai berikut :
“Sistem informasi adalah suatu sistem didalam organisasi yang mempertemukan kebutuhan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan
strategi dari suatu ogranisasi dan menyediakan bagi pihak luar tertentu dengan laporan yang diperlukan”. Jogiyanto. HM, 11
Sistem informasi dapat digerakkan oleh elemen – elemen berikut:
1. Perangkat keras Hardware, yaitu komputer yang berperan sebagai
media masukan, proses dan keluaran. 2.
Perangkat Lunak Software, yaitu alat yang digunakan untuk menjalankan perangkat keras yang dapat berupa sistem operasi atau
program aplikasi. 3.
Pengguna komputer Brainware, adalah manusia yang merupakan bagian terpenting yang dapat menangani semua elemen penggerak dari
suatu sistem informasi. 4.
Data, yaitu fakta – fakta dari suatu kejadian yang dapat diolah untuk
menghasilkan suatu informasi.
5. Prosedur, yaitu urutan kerja secara sistematis agar suatu pekerjaan
dapat dilaksanakan secara teratur sesuai dengan rencana.
II.2.3.1 Komponen Sistem Informasi
John Burch dan Gary Grudnitski mengemukakan bahwa sistem informasi
terdiri dari komponen- komponen yang disebutkan dengan istilah blok bangunan building block, yaitu blok masukan input block, blok model model block,
blok keluaran output block, blok teknologi technology block, blok basis data database block, dan blok kendali controls block.
1. Blok Masukan
Input mewakili data yang masuk ke dalam sistem informasi. Input disini
termasuk metode- metode dan media untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen- dokumen dasar.
2. Blok Model
Blok ini terdiri dari kombinasi prosedur, logika, dan model matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan
cara yang sudah tertentu untuk menghasilkan keluaran yang diinginkan.
3. Blok Keluaran
Prosedur dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan
manajemen serta semua pemakai sistem.
4. Blok Teknologi
Teknologi merupakan “kotak alat” tool box dalam sistem informasi. Teknologi digunakan untuk menerima input, menjalankan model,
menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dari sistem secara keseluruhan. Teknologi
terdiri dari tiga bagian utama, yaitu teknisi humanware atau brainware, perangkat lunak software, dan perangkat keras hardware.
5. Blok Basis Data
Basis data database merupakan kumpulan- kumpulan dari data yang saling berhubungan satu dengan lainnya, tersimpan di perangkat keras komputer
dan digunakan perangkat lunak untuk memanipulasinya. Organisai basis data yang baik juga berguna untuk efisiensi kapasitas penyimpanannya.
Basis data diakses atau dimanipulasi dengan menggunakan perangkat lunak paket yang disebut DBMS Database Management System.
6. Blok Kendali
Beberapa pengendali perlu dirancang dan ditetapkan untuk meyakinkan bahwa hal- hal yang dapat merusak sistem dapat dicegah ataupun bila
terlanjur terjadi kesalahan- kesalahan dapat langsung diatasi.
II.2.4 Definisi Rekayasa Perangkat Lunak
Rekayasa perangkat lunak diperlukan untuk mengurutkan perubahan dari masalah menjadi solusi perangkat lunak yang dapat bekerja dengan baik dan
benar. Pengertian perangkat lunak itu sendiri adalah source code pada suatu program atau sistem dimana perangkat keras komputer baru akan bisa beroperasi
setelah adanya instruksi- innstruksi pada perangkat lunak.
Menurut Fritz Bauer, Rekayasa Perangkat Lunak Software Engineering
adalah penggunaan prinsip- prinsip rekayasa untuk mendapatkan perangkat lunak yang ekonomis dan dapat bekerja secara efisien pada mesin nyata.
Rekayasa perangkat lunak dari sudut pandanglain adalah pendekatan sistematis untuk merekayasa perangkat lunak yang handal atau bermutu, tepat
waktu dan denga biaya yang optimal. II.2.4.1
Pengembangan Perangkat Lunak
Rekayasa perangkat lunak atau tim perekayasa harus menggabungkan strategi pengembangan yang melingkupi lapisan proses, metode, dan alat- alat
bantu serta fase- fase generic. Strategi ini sering diacukan sebagai model proses
atau paradigm rekayasa perangkat lunak.
Perangkat lunak yang disimpan atau digunakan dalam jangka waktu yang cukup lama akan menimbulkan masalah apabila sering diabaikan atau tidak
diperhatikan perkembangannya. Permasalhan yang akan timbul dari penggunaan perangkat lunak yang cukup lama adalah :
1. Adanya kebutuhan baru. Sebagai contoh pada saaat ini berkembangnya perangkat lunak berbasis web.
2. Untuk mengurangi kompleksitas, biaya, dan waktu pemasaran. Sebagai contoh pemanfaatan dari perkembangan bahasa pemrograman tingkat tinggi.
3. Mengurangi cacat. Sebagai contoh dengan cara membuat standarisasi dari pengkodean yang tidak sesuai.
Evolusi perangkat lunak diperlukan untuk dapat menyelesaikan permasalahan yang timbul dari penggunaan perangkat lunak yang lama, yang
terdiri dari : 1.
Pembangunan Perangkat Lunak Yang termasuk dalam pembangunan perangkat lunak itu sendiri meliputi
daur hidup perangkat lunak, yaitu : permintaan requirement, spesifikasi, perancangan design, testing dan sebagainya.
2. Perawatan Perangkat Lunak
Merupakan proses- proses untuk memperpanjang waktu pengguna sistem perangkat lunak yang ada, sehingga tetap dapat dipergunakan sebagaimana
mestinya sesuai dengan baik. 3.
Migrasi Perangkat Lunak Proses-proses yang memindahkan sistem yang ada ke dalam sistem yang
baru, dikarenakan perkembangan dari kebutuhan pernagkat lunak tersebut.
II.2.4.2 Model Proses Perangkat Lunak
Model proses perangkat lunak merupakan representasi abstrak dari proses perangkat lunak. Setiap model proses merepresentasikan suatu proses dari sudut
pandang tertentu sehingga hanya memberikan informasi parsial mengenai proses
tersebut.
Racoon mengusulkan sebuah “model Chaos” yang menggambarkan
“perkembangan perangkat lunak sebagai sebuah kesatuan dari pemakai ke perngembangan dan teknologi
.” Masing- masing model sudah ditandai dengan
cara tertentu sehingga diharapkan bisa membantu dalam control dan koordinasi dari proyek perangkat lunak yang nyata. Dengan demikian, pada intinya semua
model menunujukan karakteristik dari model Chaos. Model- model proses perangkat lunak terdiri dari :
1. Model Waterfall Model Air Terjun Model Sekuensial Linear
Model waterfall adalah paradigm rekayasa perangkat lunak yang paling luas dipakai dan paling tua. Model waterfall mengusulkan sebuah pendekatan
kepada perkembangan perangkat lunak yang sistematik dan sekuensial yang mulai pada tingkat dan kemajuan sistem pada seluruh analisis, desain, kode,
pengujian, dan pemeliharaan Setelah setiap tahap didefinisikan, tahap tersebut ‘diakhiri’ signed off dan pengembangan berlanjut ke tahap berikutnya.
2. Model Prototipe
Prototyping paradigm dimulai dengan pengumpulan kebutuhan. Secara ideal
prototipe berfungsi sebaga sebuah mekanisme untuk mengidentifikasi kebutuhan perangkat lunak. Bila prototipe yang sedang bekerja dibangun,
maka pengembangan harus mempergunakan fragmen- fragmen program yang ada atau mengaplikasikan alat- alat bantu contohnya report generator,
window manager, dan lain- lain yang memungkinkan program yang bekerja
untuk dimunculkan secara tepat.
3. Model RAD
Rapid Aplication Development RAD adalah sebuah model proses
perkembangan perangkat lunak sekuensial linear yang menekankan siklus perkembangan yang sangat pendek. Pendekatan RAD melingkupi fase- fase,
diantaranya : fase business modeling. Data modeling, process modeling, application modeling
dan, testing and turnover.
4. Model Evolusioner
Model Evolusioner adalah model iteratif. Model itu ditandai dengan tingkah laku yang memungkinkan perekayasa perangkat lunak mengembangkan versi
perangkat lunak yang lebih lengkap sedikit demi sedikit. Berikut ini merupakan jenis- jenis model evolusioner :
a. Model Pertambahan
Model pertambahan menggabungkan elemen- elemen model sekuensial linear diaplikasikan secara berulang dengan filosofi prototipe iterarif.
b. Model Spiral
Model spiral spiral model yang pada awalnya diusulkan oleh Boehm,
adalah model proses perangkat lunak yang evolusioner yang merangkai sifat iteratif dari prototipe dengan cara kontrol dan aspek sistematis dari
model sekuensial linear.
c. Model Rakitan Komponen
Model rakitan komponen menggabungkan beberapa karakteristik model spiral. Model ini bersifat evolusioner, sehingga membutuhkan pendekatan
iteratif untuk menciptakan perangkat lunak.
d. Model Perkembangan Konkuren
Model perkembangan konkuren atau disebut juga rekayasa konkuren yang
digambarkan oleh A. Davis dan P. Sitaram. Model ini sering digunakan
sebagai paradigma bagi pengembangan aplikasi client server. Sistem client server
dirancang dari serangkaian komponen fungsional.
e. Model Formal
Model metode formal menckup sekumpulan aktivitas yang membawa kepada spesifikasi matematis perangkat lunak komputer. Metode formal
memungkinkan perekayasa
perangkat lunak
mengkhususkan, mengembangkan, dan memverifikasi sistem berbasis komputer dengan
menggunakan notasi matematis yang tepat. Variasi dalam pendekatan ini, disebut juga clean room rekayasa perangkat lunak, yang sedang
diaplikasikan oleh banyak organisasi pengembang perangkat lunak.
f. Model Teknik Generasi Keempat
Bentuk teknik generasi keempat 4GT mencakup serangkaian alat bantu perangkat lunak yang luas secara umum memiliki satu hal, masing-
masing memungkinkan perekayasa perangkat lunak untuk mengkhususkan beberapa karakteristik perangkat lunak pada suatu tingkat yang tinggi.
Paradigma 4GT untuk rekayasa perangkat lunak berfokus pada kemampuan spesifikasi perangkat lunak dengan menggunakan bentuk
bahasa yang dikhususkan atau sebuah notasi grafik yang menggambarkan masalah yang akan dipecahkan ke dalam bentuk yang dapat dipahami oleh
pelanggan.
II.2.4.3 Pengujian Perangkat Lunak
Sebuah program diterpkan, maka program harus bebas terlebih dahulu dari kesalahan- kesalahan. Pengujian diperlukan untuk menemukan kesalahan pada
perangkat lunak yang sudah selesai dikerjakan, dimana kecacatan tersebut dimungkinkan selalu ada, namun pengujian hanya dapat memperlihatkan adanya
kesalahan pada perangkat lunak saja. Dilihat dari teknik pengujian, terdapat 2 teknik pengujian yaitu pengujian
struktural atau pengujian kotak putih white box testing dan pengujian fungsional
atau pengujian kotak hitam black box testing.
Pengujian ini dapat dilkukan oleh pengembang dan oleh penguji independent
. Adapun kategori pengujian yang dilakukan adalah sebagai berikut : 1. Pengujian validasi, yaitu pengujian yang bertujuan untuk menguji kesesuaian
sistem atau perangkat lunak yang dibangun dengan kebutuhan pengguna yang telah didefinisikan sebelumnya melalui proses iterasi. Metode yang digunakan
adalah Black Box. Pada dasarnya pengujian ini hanyalah menguji atau melihat apakah input dan output program sudah benar atau belum.
2. Pengujian unit atau modul yaitu pengujian yang bertujuan untuk mengetahui apakah unit atau modul yang dibuat dapat berfungsi dengan benar. Metode
yang digunakan adalah White Box.
II.3 Pengenalan E-Commerce
E-Commerce electronic commerce merupakan suatu cara berbelanja atau
berdagang secara online atau direct selling yang memanfaatkan fasilitas internet dimana terdapat website yang dapat menyediakan “get and deliver”. E-commerce
akan merubah semua kegiatan marketing dan juga sekaligus memangkas biaya- biaya operasional untuk kegiatan trading perdagang.
E-commerce merupakan bagian dari ruang yang dikenal dengan sebutan e-
business , dalam hal ini e-commerce dipandang sebagai penerapan dari e-business.
Dalam kaitannya dengan proses penjualan dan pembelian produk serta layanan, aspek ini mencakup pertukaran data data exchange selama proses transaksi yang
berhubungan dengan pengelolaan finansial dan aktivitas pembayaran. E-business dapat diterjemahkan sebagai kegiatan bisnis yang dilakukan secara otomatis dan
semiotomatis dengan menggunakan sistem informasi komputer yang meliputi segala macam fungsi dan kegiatan bisnis menggunakan data elektronik,
sedangkan e-commerce yang memanfaatkan kemajuan teknologi informasi. Kemudian 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 merupakan lingkup perdagangan yang dilakukan secara
elektronik, dimana di dalamnya termasuk perdagangan via internet, pedagangan dengan fasilitas web internet web-commerce, perdagangan dengan sistem
pertukaran data terstruktur secara elektronik Electronic Data InterchangeEDI. 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 handphone untuk melakukan perniagaan atau perdagangan, sekarang ini kita dapat menggunakan
internet untuk melakukannya.
II.3.1 Definisi e-commerce
Definisi e-commerce menurut kamus Wikipedia adalah Perdagangan elektronik atau e-dagang bahasa Inggris: electronic commerce yaitu penyebaran,
pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi, www, dan jaringan komputer lainnya. E-dagang
dapat melibatkan transfer dan elektronik, pertukaran data elektronik, sistem manajemen inventaris otomatis, dan sistem pengumpulan data otomatis.
Menurut Mariza Arfina dan Robert Marpaung, e-commerce atau yang lebih dikenal e-com dapat diartikan sebagai cara berbelanja atau berdagang secara
online atau direct selling yang memanfaatkan fasilitas Internet di mana terdapat
website yang dapat menyediakan layanan “get and deliver”.
Bryan A. Garner juga menyatakan bahwa “E-commerce the practice of buying and selling goods and services trough online consumer services on the
internet. The e, ashortened from electronic, has become a popular prefix for other terms associated with electronic transaction
”. Dapat dikatakan bahwa pengertian e-commerce
yang dimaksud adalah pembelian dan penjualan barang dan jasa dengan menggunakan jasa komputer online di internet.
Roger Clark dalam “Electronic Commerce Definitions” menyatakan bahwa e-commerce
adalah “The conduct of commerce in goods and services, with the
assistance of telecomunications and telecomunications-bases tools ”. E-
commerce adalah tata cara pedagangan barang dan jasa yang menggunakan media
telekomunikasi dan telekomunikasi sebagai alat bantunya. Sementara menurut Donna Perry, pengertian e-commerce sangat sederhana
yaitu kemampuan untuk melakukan bisnis secara elektronik melalui komputer, fax
, telepon dan sebagainya. Definisi e-commerce yang sudah distandarkan dan disepakati bersama
adalah “E-commerce is a dynamic set of technologies, applications, and business process that link enterprise, consumers, and communities through electronic
transactions and the electronic exchange of goods, services, and information ”.
Yang artinya adalah “E-Commerce merupakan satu set dinamis teknologi, aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas
tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik”. David Baum
Dengan demikian, dapat disimpulkan bahwa 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 menggunkan internet sebagai media
pertukaran barang atau jasa baik antar instansi atau individu dengan instansi.
II.3.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.
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.3.3 Kekurangan e-commerce
Walaupun adanya e-commerce memberi banyak keuntungan, masih terdapat
berbegai kekurangan dari e-commerce antara lain:
1. Bagi organisasi perusahaan
a. Keamanan sistem rentan diserang
Terdapat sejumlah laporan mengenai website dan basis data yang dihack, dan berbagai lubang kelemahan keamanan dalam software. Hal
ini dialami oleh sejumlah perusahaan besar seperti Microsoft dan lembaga perbankan. Masalah keamanan ini menjadi sangat pnting
karena bila pihak lain yang tidak berwenang bisa menembus sistem maka dapat menghancurkan bisnis yang telah berjalan.
b. Persaingan tidak sehat
Di bawah tekanan untuk berinovasi dan membangun bisnis untuk memanfaatkan kesempatan yang ada dapat memicu terjadinya tindakan
ilegal yaitu penjiplakan ide dan perang harga. c. Masalah kompabilitas teknologi lama dengan yang lebih baru
Dengan perkembangan dan inovasi yang melahirkan teknologi baru, sering muncul masalah yaitu sistem bisnis yang lama tidak dapat
berkomunikasi dengan infrastruktur berbasis web dan internet. Hal ini memaksa perusahaan untuk menjalankan dua sistem independen yang
tidak dapat saling berbagi, hal ini dapat mengakibatkan pembengkakan biaya.
2. Bagi konsumen
a. Perlunya keahlian komputer Tanpa menguasai keahlian computer, mustahil konsumen dapat
berpartisipasi dalam e-commerce. Pengetahuan dasar computer diperlukan, antara lain pengetahuan mengenai internet dan web.
b. Biaya tambahan untuk mengakses internet
Untuk ikut serta dalam e-commerce dibutuhkan koneksi internet yang tentu saja menambah pos pengeluaran bagi konsumen.
c. Biaya peralatan komputer
Komputer diperlukan untuk mengakses internet, tentu saja dibutuhkan biaya untuk mendapatkannya. Perkembangan komputer yang sangat
pesat menyarankan konsumen untuk juga mengupdate peralatannya apabila tidak ingin ketinggalan teknologi.
d. Resiko bocornya privasi dan data pribadi
Segala hal mungkin terjadi saat konsumen mangakses internet untuk menjalankan e-commerce, termasuk risiko bocornya data pribadi
karena ulah orang lain yang ingin membobol sistem. e. Berkurangnya waktu untuk berinteraksi secara langsung dengan orang
lain.
Transaksi e-commerce yang berlangsung secara on-line telah
mengurangi waktu konsumen untuk dapat melakukan proses sosial dengan orang lain. Hal ini tidak baik karena dikhawatirkan akan dapat
mengurangi rasa kepedulian terhadap lingkungan sekitarnya. f. Berkurangnya rasa kepercayaan karena konsumen berinteraksi hanya
dengan komputer. 3.
Bagi masyarakat a.
Berkurangnya interaksi antar manusia Karena masyarakat lebih sering berinteraksi secara elektronik,
dimungkinkan terjadi berkurangnya kemampuan sosial dan personal manusia untuk bersosialisasi dengan orang lain secara langsung.
b. Kesenjangan sosial
Terdapat bahaya potensial karena dapat terjadi kesenjangan sosial antara orang-orang yang memiliki kemampuan teknis dalam e-
commerce dengan yang tidak, yang memiliki keahlian digaji lebih tinggi daripada yang tidak.
c. Adanya sumber daya yang terbuang
Munculnya teknologi baru akan membuat teknologi lama tidak dimanfaatkan lagi. Misalnya dengan komputer model lama atau
software model lama yang sudah tidak relevan untuk digunakan.
d. Sulitnya mengatur internet
Sejumlah kriminalitas telah terjadi di internet dan banyak yang tidak terdeteksi. Karena jumlah jaringan yang terus berkembang semakin
luas dan jumlah pengguna yang semakin banyak, seringkali membuat pihak berwenang kesulitan dalam membuat peraturan untuk internet.
II.3.4 Manfaat e-commerce
Manfaat yang diperoleh bagi organisasi pemilik E-Commerce: 1.
Memperluas market place hingga kepasar nasional dan internasional. 2.
Dengan capital outplay yang minim, sebuah perusahaaan dapat dengan mudah menemukan lebih banyak pelanggan, supplier yang lebih baik dan
partner bisnis yang paling cocok dari seluruh dunia. 3.
E-Commerce menurunkan biaya pembuatan, pemrosesan, pendistribusian,
penyimpanan, dan pencarian informasi yang menggunakan kertas. 4.
E-Commerce memungkinkan pengurangan inventory dan overhead dengan
menyederhanakan supply chain management tipe “pull”. Dalam supply
chain management tipe “pull”, prses dimulai dari pesana pelanggan serta
digunakan manufacturing just-in-time. 5.
E-Commerce mengurangi waktu antara outlay modal dan penerimaan
produk dan jasa. 6.
E-Commerce mendukung upaya-upaya business process reengineering.
Dengan mengubah prosesnya, maka produktivitas sales-people, pegawai yang berpengetahuan, dan administrator bias meningkat 100 atau lebih.
7. E-Commerce
memperkecil biaya telekomunikasi. Karena internet lebih murah dibandingkan VAN.
8. Akses informasi menjadi lebih cepat.
9. Biaya transportasi dan fleksibilitas bertambah.
Manfaat bagi konsumen antara lain: 1.
E-Commerce memungkinkan pelanggan untuk berbelanja atau melakukan
transaksi selama 24 jam sehari sepanjang tahun dari hamper setiap lokasi. 2.
E-Commerce memberikan lebih banyak pilihan kepada pelanggan, mereka
bias memilih berbagai produk dari banyak vendor. 3.
E-Commerce menyediakan produk dan jasa yang tidak mahal kepada
pelanggan dengan cara mengunjungi banyak tempat dan melakukan perbandingan secara cepat.
4. Pelanggan bias menerima informasi yang relevan secara detil dalam
hitungan detik, bukan lagi hari atau minggu. 5.
E-Commerce memberi tempat kepada para pelanggan untuk berinteraksi
dengan pelanggan lain di electronic community dan bertukar pikiran serta pengalaman.
Manfaat bagi masyarakat antara lain: 1.
E-Commerce memungkinkan orang untuk bekerja didalam rumah dan tidak
harus keluar rumah untuk berbelanja. Ini berakibat menurunkan arus kepadatan lalu lintas dijalan serta mengurangi polusi udara.
2. E-Commerce
memungkinkan seluruh masyarakat di berbagai wilayah perkotaan maupun pedesaan untuk menikmati aneka produk dan jasa yang
mungkin susah untuk mereka dapatkan tanpa E-Commerce.
II.3.5 Klasifikasi e-commerce
Penggolongan E-Commerce yang lazim dilakukan orang ialah berdasarkan sifat transaksinya, antara lain:
1. Business to Business
B2B Jenis transaksi dimana pembeli biasanya membeli dalam jumlah besar
karena akan dijual kembali. Contoh penjualan grosir. 2.
Business to Consumer B2C
Jenis transaksi dimana pembelinya perorangan dan tidak punya tujuan untuk menjualnya kembali biasanya semacam toko online yang menjual berbagai
macam barang. 3.
Consumer to Consumer C2C
Jenis transaksi dimana pembelinya perorangan yang tidak mempunyai tujuan untuk dijual kembali dan penjualnya juga perorangan yang tidak
menyediakan bermacam-macam barang melainkan hanya beberapa barang saja. Contoh: online advertising.
4. Consumer to Business
C2B Termasuk kedalam kategori ini adalah perseorangan yang menjual produk
atau layanan kepada organisasi, dan perseorangan yang mencari penjual, berinteraksi dengan mereka dan menyepakati suatu transaksi.
II.3.6 Komponen Utama e-commerce
Berikut ini beberapa komponen utama pada e-commerce: 1.
Electronic Data Interchange EDI
Electronic Data Interchange EDI didefinisikan sebagai pertukaran data
komputer antar berbagai bidang organisasi atas suatu informasi terstruktur dalam format yang standar dan bisa diolah oleh komputer. EDI merupakan bentuk e-
commerce sesuai definisinya, dan telah ada bentuk yang sama selama lebih dari
20 tahun. Saat ini teknologi dan implementasi EDI sudah sangat berkembang. Tujuan EDI adalah untuk memfasilitasi perdagangan dengan cara mengikat
bisnis antar partner dagang, EDI meningkatkan proses manual untuk mempertukarkan informasi dengan bidang bisnis lainnya dalam berbagai cara,
misalnya data hanya perlu untuk dimasukkan satu kali saja, kemudian data tersebut bisa digunakan oleh pihak pengirim barang, manager kantor, dan lain-
lainnya. Hal ini akan menurangi tenaga entry data. Pada dasarnya, data bisa dikirimkan dengan lebih efisien dengan menggunakan EDI.
Komponen utama dari EDI standar adalah sebagai berikut : a.
Data Element Merupakan potongan data seperti tanggal, harga atau nama organisasi,.
Setiap data element diidentifikasikan dengan nomor referensi tertentu yang berisi judul, keterangan, jenis, nomor, dan panjang minimummaximum.
b. Data Segment
Dalam suatu baris data disebut dengan segment dan setiap item di dalam segmen mewakili satu elemen. Misalnya segmen baris pesanan pembelian
terdiri atas nomor barang, keterangan, jumlah, unit pengukuran, dan harga barang. Setiap segmen memiliki satu identifier, satu data elemet delimiter,
element diagrams, data segmen terminator dan notes.
c. Transaction Set
Suatu transation set merupakan dokumen khusus seperti dokumen pesanan pembelian. Di dalam transaction set, ada 3 area utama yaitu area header,
area detail dan area summary.
d. Functional Group
Merupakan sekelompok transaction set yang sejenis. Transation set di dalam functional group dikelompokkan berdasarkan functional identifier
yang sama. Untuk mengirimkan transaksi EDI pada konsumen, diperlukan 4 fungsi dasar yaitu Mapping elemen dalam suatu database, Extraction atas
data yang belum diidentifikasi dari database, Transalation atas data yang sudah diekstrak ke format EDI, dan Transmisi pesan dalam format EDI
melalui media komunikasi. Berikut ini adalah penjelasan singkat dari masing-masing fungsi tersebut:
- Mapping
Merupakan proses identifikasi elemen di dalam database yang diperlukan untuk membuat pesan dalam format EDI. Mapping adalah
pekerjaan yang hanya satu kali dilakukan pada saat diperlukan transaksi EDI baru. Software EDI tidak bisa melaksanakan pekerjaan
ini. -
Extraction Merupakan proses pengumpulan data yang belum diidentifikasi dan
menempatkannya ke dalam format tertentu. Secara umum, data extract
dari database dan dijadikan dalam bentuk flat file. Struktur dari flat file biasanya ditentukan oleh pembuat translation software.
- Translation
Untuk mengirimkan pesan keluar, ketika data yang diperlukan masih dalam bentuk flat file, pembentukan pesan EDI bisa dilakukan
menggunakan software translasi atau formatting. Software translasi akan mengatur data menjadi struktur tertentu yang sesuai dengan
kebutuhan transaksi EDI. -
Communication Pengirimantransmisi atas pesan EDI dikendalikan oleh software
komunikasi, yang akan mengatur dan memelihara: nomor telepon partner dagang, menjalankan automatic dialing dan updownloading,
juga membuat activity log. Setiap pesan EDI dibungkus dengan amplop khusus yang bertuliskan alamat tujuan, serta jenis transaksi
EDI sebagai header dan error checking codes sebagai tambahan di bawahnya. Untuk keperluan penerimaan pesan EDI, proses tersebut
tinggal dibalik. 2.
Digital Currency Digital currency
dimaksudkan untuk memungkinkan user untuk memindahkan dananya secara elektronik dalam lingkungan kerja tertentu. Saat
ini, digital currency dirancang untuk versi elektronik dari uang kertas, dimana memiliki atribut yang sama dengan media fisik sebenarnya baik secara anatomis
maupun dari segi likuiditasnya.
Karakteristik digital currency adalah sebagai berikut: a.
Mewakili suatu nilai moneter tertentu b.
Bisa ditukarkan sebagai alat pembayaran untuk barang dan jasa, mata uang dan koin serta token lainnya
c. Bias disimpan dan diambil lagi.
d. Sulit diduplikasi atau dipalsukan.
Jenis-jenis digital currency antara lain: a.
Electronic Cash Sistem electronic cash telah terintegrasi sepenuhnya dengan software web
browser untuk memudahkan pembelian barang melalui internet. Sistem
electronic cash bisa menunjukkan saldo terakhir pada user tertentu sesuai
permintaan. Electronic cash pada umumnya memerlukan infrastruktur public key
dan mekanisme enkripsi tertentu. Saat ini electronic cash belum sepopuler pengunaan smart card atau model pembayaran lainnya.
b. Micropayments
Micropayments adalah pembayaran untuk item dengan nilai relative rendah,
misalnya informasi atau hiburan on-line yang biayanya bervariasi antara 1 cent sampai 10 cent. Sedangkan Minipayment adalah pembayaran untuk
item dengan nilai antara 0,25 sampai 10. Ada beberapa skema yang mampu menangani micropayments yaitu: Milicent, eCash, CyberCoin,
Mondex, VisaCash dan NetBill. 3.
Electronic Catalogs
Electronic Catalogs e-catalogs telah berada pada aplikasi komersil yang
dirancang untuk internet dan merupakan komponen utama dari sistem e- commerce. E-catalogs
merupakan antar muka grafis Graphical User Interface yang umumnya berbentuk halaman WWW dimana menyediakan informasi
tentang penwaran produk dan jasa. E-catalog umumnya mendukung on line shopping dan kemampuan pemesanan dan pembayaran barang. Aplikasi e-catalog
sebaiknya memiliki karakteristik seperti bersifat interaktif, mampu diperbaharui secara dinamis, hypertextuality dan global presence.
4. Intranet
Dan Extranet Umumnya intranet digambarkan hanya sebagai web server di dalam
perusahaan internal, padahal sebenarnya intranet hanyalah kumpulan web site yang dimiliki oleh suatu kelompok biasanya perusahaan yang bisa diakses hanya
oleh anggota kelompok tersebut. Sedangkan extranet merupakan area tertentu dari intranet
yang bisa diakses oleh kelompok di luar anggota kelompok intranet, tapi dengan otorisasi tertentu. Fitur intranet standar dalam suatu organisasi memiliki 4
kemamapuan dasar yaitu e-mail, on line publishing, on line searches dan application distribution
. Sedangkan extranet memperluas fitur ini ke partner bisnis jika dimungkinkan.
Keuntungan menggunalkan intranet di dalam suatu organisasi : a.
Mempercepat prose bisnis b.
Memfasilitasi pertukaran informasi c.
Meningkatkan komunikasi dan kolaborasi.
II.3.7 Internet dan e-commerce
Sebenarnya e-commerce tidak harus berlangsung di internet. E-commerce didefinisikan sebagai pelaksanaan bisnis dengan bantuan teknologi informasi dan
teknologi komunikasi. Dikenal pula istilah I-commerce, yakni aktifitas komersial yang terkait dengan penggunaan internet. Oleh karena itu e-commerce lebih luas
cakupannya, dan mau tidak mau perusahaan pada akhirnya akan memanfaatkan internet dalam bisnisnya.
Kehadiran internet yang walaupun masih merupakan dalam fase pertumbuhan dan pengembangan, kemudian masih terus berubah serta penuh
ketidakpastian, ternyata telah merubah cara berbisnis, cara belajarmengajar, dan cara hidup. Pernyataan tersebut semakin memperkokoh keyakinan 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 usahanya ke media internet.
Perkembangan teknologi internet yang berubah menjadi strategi atau model bisnis yang cocok hari ini sangat mungkin tidak cocok untuk diterapkan besok.
Bahkan suatu kegiatan yang nampaknya tidak akan menghasilkan laba di internet, dapat merupakan kegiatan yang mendatangkan untung. Di dalam lingkungan
internet yang kompetitif ini, di samping perencanaan yang baik serta harapan yang masuk akal terhadap teknologi baru, juga diperlukan manajemen yang handal,
kesiapan infrastruktur yang cukup memadai, dan tujuan yang pasti untuk bisa berjalan melewati ketidakpastian yang begitu cepat.
II.3.8 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. Beberapa model pembayaran online di Internet untuk saat ini yang masih sering
digunakan sebagai berikut : 1.
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
dengan Paypal karena lebih aman dan otomatis, meskipun penjual yang lain juga menerima pembayaran dengan cara lain.
2. Kartu Kredit Kartu kredit dapat digunakan sebagai alat pembayaran dengan terlebih dahulu
mendaftarkan diri Anda sebagai konsumen pada web tersebut. Selain kartu kredit sebagai alat pembayaran alternatif, Anda bisa menggunaka e-cash, yaitu
sebuah account khusus untuk pembayaran melalui Internet. Account tersebut dibuka dengan kartu kredit yang dimiliki sebelumnya. Konsumen hanya perlu
mengisi account e-cash-nya untuk digunakan. 3.
Smartcard Di Singapura, smartcard dikenal dengan istilah cash card. Pemakaian
smartcard hampir sama dengan pemakaian kartu ATM yang biasa digunakan
untuk berbelanja. Pada saat transaksi, uangnya di-debet langsung dari account di bank. Untuk pembayaran di Internet, konsumen harus memiliki smart card
reader . Dalam penggunaanya, alat khusus ini disambungkan ke port serial di
komputer. Ketika melakukan transaksi, kartu smartcard harus digesekan pada alat tersebut agar chip yang terdapat di kartu tersebut dapat dibaca oleh
komputer. Penggunaan sistem pembayaran ini menggunakan software bernama e-wallet. Contoh website yang telah menerima smartcard sebagai alat
pembayaran adalah http:www.discvault.com. 4. iCheck
iCheck adalah metode pembayaran menggunakan cek. Pembayaran ini
membutuhkan nomor cek milik konsumen. 5. E-Gold
E-gold dapat diperoleh dengan membuka rekening gratis di www.E-gold.com.
E-gold adalah pembayaran virtual yang cukup digemari oleh penjual e-book
dan software di internet. Dari segi keamanan, ada robot yang selalu mengganti PIN Anda dan mengirimnya ke e-mail saat Anda membutuhkannya. E-gold
dapat dibeli atau dijual pada web-web penyedia jenis pembayaran ini, misalnya www.greatachiever.com.
II.4 Email
Email atau elektronik mail adalah media surat menyurat secara online, email
memungkinkan kita untuk berkirim surat melalui internet dengan waktu yang cepat. Dalam perkembangannya, email berkembang dari sekedar teks ke media
yang bisa mengirimkan berbagai media seperti file dokumen dan gambar. Email
bisa di akses dengan jasa mail service seperti Yahoo dan Google, alamat
email biasanya
akan memakai
tanda ,
sebagai contoh
namakamuyahoo.com atau namakamugoogle.com.
II.5 Facebook
facebook
adalah salah satu media social network yang sangat terkenal, dengan facebook kamu dapat berinteraksi dengan berbagai macam orang dari
seluruh dunia. Di Facebook kamu dapat menampilkan profile diri kamu, lengkap dengan foto-foto kamu, bersosialisasi dengan orang-orang yang punya hobi sama,
menjadi fans artis, berbagi cerita dan kegiatan kamu, atau chatting online dengan user lain.
II.6 Yahoo Messenger
Yahoo Messenger adalah media chat obrolan. Disini kita dapat mengirim
pesan ngobrol bersama teman yang sudah meng-accept kita menjadi temannya.
II.7 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.7.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.
Internet adalah jaringan komputer luas yang menghubungkan pemakai komputer yang satu dengan pemakai komputer yang lainnya dan dapat
berhubungan dengan komputer dari satu negara ke negara di seluruh dunia, dimana di dalamnya terdapat berbagai aneka ragam informasi. Secara fisik
dianalogikan sebagai jaring laba-laba The Web yang menyelimuti bola dunia dan terdiri dari titik-titik node yang saling berhubungan.
Node bisa berupa komputer, jaringan lokal atau peralatan komunikasi,
sedangkan garis penghubung antar simpul disebut tulang punggung back-bone yaitu media terestrial kabel, serat optic, microwave, radio link maupun satelit.
Node terdiri dari pusat informasi dan database, peralatan komputer dan perangkat
interkoneksi jaringan serta peralatan yang dipakai pengguna untuk mencari, menempatkan dan bertukar informasi di internet.
Sedangkan bila ditinjau dari segi penulisannya, terdapat dua arti internet yaitu :
1. internet Jaringan internet huruf “i” kecil sebagai huruf awal adalah suatu jaringan
komputer yang mana komputer-komputer yang terhubung dapat berkomunikasi walaupun perangkat keras dan perangkat lunaknya berlainan sering juga disebut
internet-working .
2. Internet Jaringan Internet huruf “I” besar sebagai huruf awal adalah jaringan dari
sekumpulan jaringan networks of networks yang terdiri dari jutaan komputer yang dapat berkomunikasi satu sama lain dengan menggunakan suatu aturan
komunikasi jaringan komputer protocol yang sama.
Salah satu isi 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 dunia, maka harus ada standar yang menjamin komputer dapat saling berbicara satu sama lain
dalam bahasa yang sama. Menurut Drew Heywood 1966: standar bahasa komputer universal telah dikembangkan sejak 1969, terdiri dari serangkaian
protocol komunikasi disebut Transfer Control Protocol TCP yang bertugas mengendalikan transmisi paket data, koreksi kesalahan dan kompresi data dan
Internet Protocol IP yang bertugas sebagai pengenal identifier dan pengantar paket data ke alamat yang dituju.
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.
II.7.2 Pengertian World Wide Web
World Wide Web adalah fasilitas internet yang menghubungkan dokumen
dalam lingkup lokal maupun jarak jauh. Kemudian juga merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi
untuk dapat digunakan bersama. Dokumen web disebut web page dan link dalam web
membuat user bisa pindah dari satu page ke page lain hypertext, 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 sekelompok dokumen multimedia yang saling terkoneksi dengan menggunakan hypertext link
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.7.3 Universal Resource Locator URL
URL adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar
di internet. URL menunjukkan sumber daya internet alamat sebuah halaman web homepage yaitu halaman suatu dokumen atau program yang ingin ditampilkan
atau digunakan. 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.
II.7.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.
II.7.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.8 SDLC Model Sequential Linear
System Development Life Cycle SDLC adalah suatu metodologi yang
digunakan untuk mengembangkan, memelihara dan menggunakan perangkat
Lunak O’briend, 2001, metodologi penelitian ini mencakup sejumlah fase atau tahapan.
Linear Sequential Model model sekuensial linear dapat dilihat pada
gambar 2.1, ditemukan pertama kali oleh Royce. Model ini sering disebut model klasik atau waterfall. Model ini menyarankan pendekatan pengembangan secara
sekuen dan sistematik untuk pengembangan perangkat lunak. Model ini merupakan model tertua. Model ini terdiri atas beberapa tahapan, yaitu rekayasa,
dan pemodelan sistem informasi, analisis kebutuhan perangkat lunak, desain, generasi kode, pengujian dan pemeliharaan.
Analisis Tes
Kode Desain
Pemodelan sistem informasi
Gambar II.4 - Model Sequensial Linear
Berikut metode pengembangan perangkat lunak lainnya : 1. Prototyping Model model paradigma dimulai dengan pengumpulan
kebutuhan, pengembangan dan pelanggan bertemu dan mendefinisikan objek keseluruhan dari perangkat lunak, mengidentifikasi segala kebutuhan yang
diketahui dan area garis besar dimana definisi lebih jauh merupakan keharusan, kemudian dilakukan perancangan kilat. Perancangan kilat
membawa kepada konstruksi sebuah prototipe yang kemudian dievaluasi oleh
pemakai. Dipakai untuk menyaring kebutuhan pengembangan perangkat lunak. Siklus dari model prototipe dapat dilihat pada gambar dibawah ini :
Mendengarkan pelanggan
Membangun, mempernbaiki
market Uji pemakai
Mengendalikan market
Gambar II.5 - Model Prototipe
2. Rapid Application Development RAD, adalah sebuah model proses pengembangan perangkat lunak sekuensial linear yang menekankan siklus
pengembangan yang sangat pendek. Model RAD merupakan adaptasi “berkecepatan tinggi” dari linear sequential model pengembangan yang cepat
dapat diperoleh dengan menggunakan pendekatan konstruksi berbasis komponen. Lihat gambar berikut :
Pemodelan bisnis Pemodelan data
Pemodelan proses Pemodelan aplikasi
Pengujian dan turnover
Gambar II.6 - Model Rapid Application Development RAD
3. Evolutionary Software Process Model adalah perulangan. Model ini dicirikan denga pengembang versi-versi sistem yang lebih lengkap sedikit demi sedikit .
Model telah mempertimbangkan untuk mengkoordinasikan evaluasi produk, secara lengkap model ini terdiri dari :
a. Incremental model, model ini mengkombinasikan antara linear sequential model dengan filosofi iteratif pada prototyping. Pada masing-masing
sekuen linear, yang menghasilkan perangkat lunak yang semakin meningkat kompleksitasnya.
b. Sipral model, model ini digunakan oleh Boehm. Model ini menggabungkan antar sifat alami iterasi dati prototyping dengan aspek
sistematik dan terkendali dari linear sequential model. Model ini memberi peluang untuk pengembangan cepat.
II.9 Teori Basis Data
II.9.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 redudance yang tidak perlu untuk memenuhi berbagai kebutuhan.
3. Kumpulan file, tabel, atau arsip yang saling berhubungan yang akan disimpan dalam media penyimpanan elektronis.
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.9.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 :
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.9.3 Database Management System DBMS
Berikut ini akan dikemukakan definisi dari Database Management System DBMS :
“Manajemen Sistem Basis Data Database Management System DBMS adalah perangkat lunak yang didesain untuk membantu dalam hal pemeliharaan dan
utilitas kumpulan data dalam
jumlah besar”.
”DBMS diartikan sebagai suatu program komputer yang digunakan untuk memasukkan,
mengubah, mengapus,
memanipulasi dan
memperoleh
datainformasi dengan praktis dan efisien”.
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 DBMS
dan arsitektur secara mendetail untuk dapat memahami desain dari suatu basis data
II.10 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.10.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.
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: 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.11 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.
II.11.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.11.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.
II.11.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
Umumnya berupa angka yang menunjukan nomor dari proses atau ditulis pada bagian atas simbol proses.
b. Nama Proses Menunjukkan 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.
II.11.4 Kamus data
Kamus data adalah suatu daftar data elemen yang terorganisir dengan definisi yang tetap dan sesuai dengan sistem, sehingga user dan analis sistem
mempunyai pengertian yang sama tentang input, output, dan komponen data store
. 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.12 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.
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.13 Hypertext Markup Language HTML
HTML adalah bahasa yang digunakan untuk menulis halaman web yang terdiri atas kode-kode tags yang diikutkan pada naskah atau dokumen. Dokumen
HTML adalah file teks regular disebut juga ASCII yang diciptakan dengan menggunakan editor teks misalnya, Emacs dalam Unix, 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 MarkUp pengkodean yang digunakan untuk
menentukan format atau style dan teks yang ditandai. Simbol MarkUp yang digunakan oleh HTML ditandai dengan tanda lebih kecil dan lebih besar ,
keduanya dinamai tag. Sebagai contoh akan ditampilkan teks yang tercetak tebal, maka MarkUp yang digunakan adalah sebagai berikut:
B Teks ini bercetak tebal B Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri
yang terlihat jelas adalah ekstensi filenya yaitu .htm atau .html. Namun lebih jauh dari pada itu di dalam 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 sensitive artinya penggunaan huruf besar maupun huruf kecil tidak menjadi masalah. Jadi tag HTML akan sama dengan tag html.
II.14 Hypertext Preprocessor PHP
PHP Personal Home Page Tools adalah sebuah bahasa scripting yang
dibundel dengan HTML yang berjalan disisi server dan berlisensi open source. 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- 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.
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 dibawah ini untuk melihat kerja dari PHP dan Apache.
Gambar II.7 - 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 mudah dipelajari, sangat menyerupai C dan Perl. 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.15 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. Cara pemakaian CSS ada dua cara, yang pertama adalah dengan
menggabungkan CSS langsung dalam satu file markup internal. Sedangkan cara yang kedua yaitu dengan cara memanggil CSS tersebut eksternal.
II.16 JavaScript
JavaScript adalah bahasa script yang digunakan pada halaman HTML.
JavaScript adalah bahasa pemrograman berbasis prototype yang berjalan di sisi
client . Kalau dilihat dari suku katanya terdiri dari suku kata, yaitu Java dan Script.
Java adalah bahasa pemrograman berorientasi objek, dan Script adalah serangkaian instruksi program. 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. 5 JavaScript bersifat case sensitive, yang artinya membedakan huruf kecil dan
besar. Ada beberapa cara untuk menuliskan JavaScript yaitu :
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”
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.17 Macromedia Dreamwaver 8
Macromedia Dreamweaver 8 adalah sebuah editor HTML professional
untuk perancangan design, pengkodean coding, dan pengembangan situs web, halaman web dan aplikasi web. Bekerja pada lingkungan visual editing,
Dreamweaver menyediakan suatu tool yang sangat membantu untuk pembuatan
web . Fitur-fitur visual editing di dalam Dreamweaver mengijinkan pembuatan
halaman web dengan cepat tanpa menulis baris kode. Dreamweaver
membantu dalam membangun aplikasi web database dinamis dengan menggunakan bahasa server seperti ASP, ASP.NET, ColdFusion Markup
Language CFML, JSP, dan PHP.
II.18 MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL, dan salah satu jenis software DBMS yang bersifat open source. MySQL
merupakan multi user database yang menggunakan bahasa Strured Query Language
SQL. SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukkan data, yang memungkinkan
pengoperasian data dikerjakan dengan mudah secara otomatis. Dengan memiliki banyak feature, MySQL bisa bersaing dengan database komsersial sekalipun.
Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database
server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat
dari PostgreSQL dan lima kali lebih cepat dibandingkan dengan Interbase.
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 yang berkapasitas cukup besar. Penyebab utama MySQL begitu popular di kalangan web adalah karena MySQL memang
cocok bekerja di lingkungan tersebut. Pertama, MySQL tersedia di berbagai platform
Windows, Linux, dan berbagai varian Unix. Kedua, fitur-fitur yang dimiliki MySQL memang yang biasanya banyak dibutuhkan dalam aplikasi web.
Ketiga, MySQL memiliki overhead koneksi yang rendah.
76
Bab III ANALISIS DAN PERANCANGAN
III.1 Analisis Sistem
Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk
mengidentifikasikan permasalahan-permasalahan,
hambatan-hambatan, kesempatan-kesempatan dan kebutuhan-kebutuhan yang diharapkan sehingga
dapat diusulkan perbaikan-perbaikannya.
III.1.1 Analisis masalah
Dari hasil analisis terhadap sistem yang sedang berjalan, proses penjualan produk yang dilakukan oleh Toko T
he Baiya’s Surabaya masih secara konvensional artinya pembeli harus mendatangi toko yang dituju untuk membeli
barang yang di inginkan. Selain itu kurangnya media promosi terhadap produk- produk
Toko The Baiya’s Surabaya, sehingga informasi mengenai produk terbaru kepada pelanggan menjadi lambat. Begitu juga dalam proses pencatatan,
penyimpanan dan penyajian dalam pengolahan data barang masih secara manual.
III.1.2 Analisis prosedur yang sedang berjalan
Berdasakan hasil wawancara dengan pihak Toko The Baiya’s Surabaya,
prosedur penjualan produk yang sedang berjalan di Toko The Baiya’s Surabaya
adalah sebagai berikut :
77
III.1.2.1 Flowmap prosedur pengadaan barang
1. Bagian penjualan mengecek data stok barang yang tersedia dan melakukan estimasi apakah barang tersebut perlu untuk dipesan atau dibeli.
2. Jika barang tersebut habis dan dibutuhkan pembelian selanjutnya, bagian penjualan akan membuat daftar permintaan pengadaan barang.
3. Daftar permintaan pengadaan barang akan diberikan kepada bagian penyediaan.
4. Bagian penyediaan akan menyediakan barang yang diminta berdasarkan daftar permintaan pengadaan barang, dan membuat laporan daftar barang
yang telah disediakan. 5. Setelah melalui proses penyediaan, barang yang dihasilkan akan dicek
kualitasnya, jika sesuai dengan harapan, maka akan dilakukan proses pelabelan dan penggudangan, kemudian bagian penyediaan akan
mengupdte data stok barang dan membuat daftar stok barang baru. 6. Daftar stok barang yang baru diarsipkan sebagai arsip stok data barang,
yang kemudian juga diberikan ke bagian penjualan sebagai referensi.
78
Bagian Penjualan Bagian Penyediaan
Daftar stok barang Daftar permintaan
pengadaan barang
Penyediaan barang
Daftar barang yang sudan
disediakan A1
Pengecekan dan estimasi
stok barang
Butuh dipesan atau dibeli?
Pembuatan daftar permintaan
pengadaan barang
Daftar permintaan pengadaan
barang Ya
Tidak Pengecekan
kualitas
Sesuai
Daftar barang penyediaan
kualitas baik
Penggudangan, pelabelan barang
dan pencatatan stok barang
Stok barang 1 Daftar stok barang
2 Ya
Daftar stok barang Tidak
A1
Gambar III.1 - Prosedur Penyediaan Barang
Keterangan : A1 : Arsip Stok Barang
79
III.1.2.2 Flowmap prosedur penjualan langsung
1. Pelanggan memilih produk yang akan dibeli 2. Pelanggan memberikan produk yang akan dibeli tersebut kepada pihak
penjualkasir untuk melakukan pembayaran. 3. Kasir menghitung total harga produk yang dibeli oleh oleh pelanggan.
4. Pelanggan memberikan sejumlah uang ke kasir sesuai dengan total harga dari produk yang dibelinya.
5. Penjual membuat kwitansi bukti transaksi pembayaran. 6. Kasir memberikan nota pembayaran kepada pelanggan, dan juga disimpan
di bagian penjualan sebagai referensi.
80
Pelanggan Kasir
Produk yang dibeli Produk yang dibeli
Menghitung total harga
Total harga Info total harga
Membuat bukti transaksi
Nota pembelian 1 Nota pembelian 2
Nota pembelian 1 Uang pembayaran
Uang pembayaran
A1
Gambar III.2 - Prosedur Penjualan Langsung
Keterangan : A1 : Arsip Nota Pembayaran
81
III.1.3 Evaluasi Sistem yang Sedang Berjalan
Berdasakan pada analisis dan hasil wawancara terhadap apa yang dibutuhkan dalam membangun aplikasi e-commerce ini maka dapat dievaluasi
hal-hal seperti pada tabel berikut :
Tabel III.1 - Evaluasi Sistem Yang Sedang Berjalan
o Permasalahan
Bagianpihak Proses
transaksi yang
dilakukan mengharuskan konsumen datang ke tempat tujuan
untuk mendapatkan produk yang diinginkan. Konsumen
Proses pembayaran
yang dilakukan
mengharuskan konsumen datang ke tempat tujuan untuk melakukan pembayaran.
Konsumen
Tidak adanya media promosi bagi Toko The Baiya’s Surabaya.
Perusahaan
Dengan sistem yang berjalan sekarang, pemberian informasi kepada komsumen dirasakan kurang
efektif sehingga
konsumen belum
tentu mendapatkan informasi secara lengkap.
Konsumen
Selama ini
pengarsipan dilakukan
dengan menggunakan kertas sehingga seringkali terjadi
kehilangan. Perusahaan
III.1.4 Solusi yang ditawarkan
Untuk mengurangi permasalahan-permasalahan yang ada di Toko The Baiya’s Surabaya, maka penulis memberikan solusi dengan membangun sebuah
sistem berupa website penjualan online. Dengan sistem tersebut diharapkan
82
masalah pengolahan barang yang manual, penjualan yang bersifat konvensional dan masalah promosi produk dapat teratasi. Sehingga pihak
Toko The Baiya’s Surabaya dapat memperluas jangkauan promosi dan penjualan, selain itu
memberikan kemudahan kepada pelanggan untuk pembelian barang dengan melakukan pemesanan barang secara online.
III.1.5 Analisis kebutuhan non fungsional
Pada tahap analisis non fungsional akan menjelaskan mengenai analisis kebutuhan user, analisis perangkat keras dan analisis perangkat lunak yang
dipakai.
III.1.5.1 Analisis pengguna
Analisis pengguna atau user dilakukan untuk mengetahui siapa saja yang akan menggunakan sistem penjualan online. Pengguna atau user yang
menggunakan sistem penjualan online terbagi menjadi dua jenis yaitu admin dan member
. Admin bertugas dalam mengelola semua data yang ada pada website penjualan online mulai dari input data, update data, dan delete data. Sedangkan
member hanya dapat melakukan pemesanan barang secara online.
Tabel III.2 - 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
83
tentang internet. Member
Pemesanan produk Mampu
mengoprasikan komputer dan dapat melakukan
browsing di internet.
Pengunjung Melihat produk apa
saja yang tersedia di
Toko The
Baiya’s Surabaya Mampu
mengoperasikan komputer dan dapat melakukan
browsing di internet.
III.1.5.2 Analisis kebutuhan perangkat keras
Analisis perangkat keras dimaksudkan untuk mengetahui spesifikasi perangkat keras yang sedang digunakan di
Toko The Baiya’s Surabaya. Namun pada saat ini
Toko The Baiya’s Surabaya dalam melakukan semua kegiatan transaksinya masih bersifat manual tidak memanfaatkan teknologi komputer sama
sekali. Berdasarkan analisis perangkat keras yang sudah dilakukan di Toko The
Baiya’s Surabaya, diperlukan adanya pemanfaatan teknologi komputer agar semua bentuk transaksi bisa lebih terorganisir dengan baik. Dan tentu saja Toko
The Baiya’s Surabaya memerlukan akses internet agar transaksi dapat berjalan maksimal serta memudahkan dalam pengolahan database dan printer standar
untuk mencetak laporan persediaan produk dan penjualan produk. Perangkat keras yang di rekomendasikan untuk aplikasi ini adalah sebagai
berikut :
Tabel III.3 - Spesifikasi Perangkat Keras Minimal Yang Dibutuhkan
Spesifikasi Client
Server
84
Perangkat keras 1. Processor
2. Hard Disk 3. RAM
4. VGA Card 5. Monitor
6. Keyboard
7. Mouse
1 GHz 80 GB
512 Mb 128 Mb
1024x768 Terpasang
Terpasang 2,7 GHz
120 GB 512 Mb
512 Mb 1024x768
Terpasang Terpasang
Tabel III.4 - Spesifikasi Perangkat Keras Yang Ada Di Toko The Baiya’s
Surabaya
Spesifikasi Perangkat keras
Client The Baiya’s
Ket
Processor Hard Disk
RAM VGA Card
Monitor Keyboard
Mouse 1 GHz
80 GB 512 Mb
128 Mb 1024x768
Terpasang Terpasang
1,9 GHz 120 GB
512 Mb 512 Mb
1024x768 Terpasang
Terpasang Terpenuhi
Terpenuhi Terpenuhi
Terpenuhi Terpenuhi
Terpenuhi Terpenuhi
III.1.5.3 Analisis kebutuhan perangkat lunak
Perangkat lunak yang digunakan untuk membangun aplikasi ecommerce adalah sebagai berikut :
1. Sistem Operasi Windows 7 Ultimate. 2. PHP sebagai bahasa pemrograman yang akan digunakan.
3. XAMPP sebagai Web Server.
85
4. MySQL sebagai media penyimpanan basis data. Adapun spesifikasi kebutuhan perangkat lunak pada client untuk dapat
menjalankan aplikasi ini adalah sebagai berikut : 1. Browser : Mozilla Firefox versi 3.0.1 keatas, Google Chrome, Safari versi 4
2. Sistem Operasi : Windows SP2, Windows Vista, Windows 7 Minimum spesifikasi kebutuhan perangkat lunak pada server adalah
sebagai berikut : 1. PHP Versi 5.2.14
2. Mysql databases Versi 5.0 Keatas
III.2 Analisis kebutuhan fungsional
III.2.1 Entity Relationship Diagram
Entity Relationship Diagram ERD merupakan salah satu cara untuk
mengolah database sehingga data tersebut dapat diketahui hubungan atau relasi dari dua file atau tabel.Untuk lebih jelasnya bentuk Entity Relationship Diagram
ERD pada website penjualan online dapat dilihat pada gambar dibawah ini:
86
produk member
order pembayaran
Produk ukuran
Layanan pengiriman
kota provinsi
testimonial Retur detail
Order detail
N N
N memiliki
1 N
Retur memiliki
Produk kategori
memiliki N
1 N
1
memiliki 1
N Produk gambar
memiliki N
1 memiliki
N 1
memiliki N
1 admin
mengelola 1
N mengisi
1 N
memiliki 1
1 memiliki
1
memiliki N
1 mengelola
1 N
Id_produk_kategori Id_produk
Id_produk_gambar Id_retur_detail
No_retur
Id_produk No_retur
Id_member
Id_order Id_pembayaran
Id_order Id_order_detail
Id_produk Id_order
Id_member Id_kota
Id_produk Id_produk_kategori
Id_produk_ukuran warna
Id_order Id_member
Id_testimonial Id_member
Id_admin
Id_admin Id_kota
Id_provinsi
Id_layanan_pengiriman Nama_layanan
Id_produk_ukuran Id_biaya_kirim
Id_admn Id_kota
Id_layanan_pengiriman Id_kota
Id_provinsi
Rating produk memiliki
N
Id_produk Id_provinsi
Biaya kirim N
N
Id_admin Id_provinsi
memiliki N
1
Id_biaya_kirim
memiliki 1
1
1
memiliki 1
N
stok
memiliki N
1
Id_order Id_order_detail
Gambar III.3 - Entity Relationship Diagram
Tabel III.5 - Entitas dan Attribute Entitas
Attribute
Admin {id_admin, nama_admin, username, password, status,
alamat_lengkap, kodepos, telepon, email}
Member {id_member, nama_depan, nama_belakang, jk, alamat,
kodepos, telepon, email, password, kode, aktif, id_session}
Kota {id_kota, nama_kota, kabkota, hapus_kota}
Provinsi {id_provinsi, nama_provinsi, hapus_provinsi}
Produk_kategori {id_produk_kategori, parent_id, nama, hapus_kategori,
kategori_seo} Produk_ukuran
{id_produk_ukuran, nama_ukuran, hapus_ukuran}
Produk {id_produk, jenis_kelamin, nama_produk,
deskripsi_produk, harga_produk, diskon_produk, berat_produk, stok, warna, ringkasan_produk, tgl_produk,
dibeli, dilihat, hapus_produk} Order_detail
{id_order_detail, qty, harga_produk, diskon_produk}
Order {id_order, nama_d_penerima, nama_b_penerima,
alamat_penerima, tgl_order, jam_order, status_order, status_kirim, no_resi, tgl_batal, email_penerima,
kodepos_penerima, tlp_penerima, tgl_kirim, jam_kirim, biaya_pengiriman}
Produk_gambar {id_produk_gambar, file_gambar, hapus_gambar}
Pembayaran {id_pembayaran, jumlah_bayar, jenis_bayar, status_bayar,
tgl_bayar, paypal_member, konfirmasi, kode_transaksi, jam_bayar, jml_bayar_dollar, jml_bayar_rupiah, bank,
norek, atasnama, kurs} Layanan_pengiriman
{id_layanan_pengiriman, alamat_layanan , nama_layanan, hapus_layanan, telp_layanan }
Biaya_kirim {id_biaya_kirim, lama_pengiriman, biaya_kirim,
hapus_biayakirim} Retur
{no_retur, status_retur, tgl_retur, no_resi} Retur_detail
{id_detail_retur, alasan, status_detail_retur, tds, id_produk_tukar}
Testimonial {id_testimonial, nama_depan, nama_belakang, email,
isi_testimonial, tgl_testimonial, status_testimonial} Rating produk
{counter, value}
III.2.2 Diagram Konteks
Diagram Konteks adalah diagram yang menggambarkan secara umum yang menjadi masukan, proses dan keluaran yang terjadi pada sebuah sistem.
Diagram konteks untuk perangkat lunak yang akan dibangun sebagai berikut :
Aplikasi e-commerce di The Baiya’s
Surabaya member
pengunjung
admin Info data login admin
Info data akun admin Info data lupa password admin
Info data master Info pengolahan data order
Info laporan Info retur
Info backup restore data Data login admin
Data akun admin Data lupa password admin
Data master Pengolahan data order
Data laporan Data retur
Data backup restore data Data login member
Data lupa password member Data akun member
Data lihat informasi produk Data cari produk
Data konfirmasi pembayaran Data order
Data lihat history order Data retur produk
Info data login member Info data lupa password member
Info akun member Info data lihat informasi produk
Info data cari produk Info konfirmasi pembayaran
Info data order Info data lihat history order
Info data retur produk Info data pendaftaran
Info data produk Info cari data produk
Data pendaftaran Data produk
Cari data produk
Paypal_sistem Mail_server
Data paypal Info paypal
Data webmail Info webmail
JNE Kurs
www.klikbca.com Data JNE
Info JNE Data kurs
Info kurs
Gambar III.4 - Diagram Konteks III.2.3
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 :
1. DFD Level 0
1 Pendaftaran
2 Login
3 Pengolahan
data user
4 Pengolahan data master
5 Pembuatan
laporan 6
Lihat history order
pengunjung t_member
Data pendaftaran Data pendaftaran
Info pendaftaran Data pendaftaran
Data login member Data login member
member Data login
t_admin admin
Info login invalid Data login
Info login invalid Data login admin
Data login admin Data pengolahan user
Info pengolahan data user Data member
Data member
t_pembayaran t_produk_kategori
t_layanan_pengiriman t_produk_ukuran
t_produk_gambar t_produk
t_kota t_provinsi
t_biaya_kirim t_testimonial
t_retur t_order_detail
t_order Data provinsi
Data provinsi Data kota
Data kota Data biaya kirim
Data biaya kirim Data produk
Data produk Data produk ukuran
Data produk ukuran Data layanan pengiriman
Data layanan pengiriman Data produk kategori
Data produk kategori Info data master
Data master
7 Order
Data laporan Info laporan
Aksi view history order Data history order
Aksi view cari produk Data cari produk
Data order Data order
Data order Mail_server
Info webmail Data webmail
Data admin Data admin
Data order Data order detail
Data order detail Data order detail
Data order detail
8 Retur
Data retur Data retur
Data testimonial Data testimonial
Data produk gambar Data produk gambar
Data pembayaran Data pembayaran
9 Konfirmasi
pembayaran Data pembayaran
Data pembayaran Mail_server
Paypal_sistem Data webmail
Info webmail Data paypal
Info paypal Data return produk
Info return produk Login member valid
Login admin valid
Login member valid
Login member valid
Login member valid Data konfirmasi pembayaran
Info konfirmasi pembayaran Data order
Data order Login admin valid
Data webmail Info webmail
Data retur Data retur
Data produk Data produk
Data retur Data retur
kurs Info kurs
Data kurs
JNE Data JNE
Info JNE
Data JNE Info JNE
Data webmail Info webmail
Gambar III.5 - DFD Level 0 Proses Utama
2. DFD Level 1 Proses 1 Pendaftaran
1.1 Input data
pendaftaran
1.2 Validasi data
pendaftaran pengunjung
1.3 Simpan data
pendaftaran
1.4 Konfirmasi
pendaftaran t_kota
t_provinsi Data pendaftaran
Data provinsi Data provinsi
Data kota Data kota
Data pendaftaran
Data pendaftaran valid Data pendaftaran invalid
Info data pendaftaran t_member
Data member Data member
Data member Data member
Data konfirmasi pendaftaran Info konfirmasi pendaftaran
Mail_server Konfirmasi pendaftaran webmail
Info konfirmasi pendaftaran webmail
Gambar III.6 - DFD Level 1 Proses 1 Pendaftaran
3. DFD Level 1 Proses 2 Login
2.1 Verifikasi email
dan password
2.2 Lupa password
member admin
t_member t_admin
Info login invalid
Data login member Data login member
Data lupa password member Data lupa password member
Data login admin Data login admin
Data lupa password admin Data lupa password admin
Data lupa password member Info lupa password member
Data login member Data login admin
Info login invalid
Data lupa password admin Info lupa password admin
Mail_server Data lupa
password webmail Info lupa
password webmail Login valid
Gambar III.7 - DFD Level 1 Proses 2 Login
4. DFD Level 1 Proses 3 Pengolahan Data User
3.1 Pengolahan
data member
3.2 Pengolahan
data admin t_member
t_admin admin
Data olah member
Info pengolahan data member Data member
Data member Data admin
Data admin Data olah admin
Info pengolahan data admin Login admin valid
Gambar III.8 - DFD Level 1 Proses 3 Pengolahan Data User
5. DFD Level 2 Proses 3.1 Pengolahan Data Member
3.1.1 Ubah profile
member
3.1.2 Ganti
password member
member
t_provinsi
t_kota t_member
Login member valid Data profile member
Info profile member Data profile member
Data profile member Data provinsi
Data provinsi Data kota
Data kota
Data password baru member Info password baru member
Data password baru member Data password baru member
Gambar III.9 - DFD Level 2 Proses 3.1 Pengolahan Data Akun Member
6. DFD Level 2 Proses 3.2 Pengolahan Data Admin
3.2.1 Ubah profile
admin
3.2.2 Ganti
password admin
admin t_provinsi
t_kota t_admin
Login admin valid Data profile admin
Info profile admin Data profile admin
Data profile admin Data provinsi
Data provinsi Data kota
Data kota
Data password baru admin Info password baru admin
Data password baru admin Data password baru admin
Gambar III.10 - DFD Level 2 Proses 3.2 Pengolahan Data Akun Admin
7. DFD Level 1 Proses 4 Pengolahan Data Master
admin 4.1
Olah data produk gambar
4.2 Olah data
produk ukuran 4.3
Olah data produk
kategori 4.4
Olah data provinsi
4.5 Olah data
testimonial
4.6 Olah data kota
4.7 Olah data
produk 4.8
Olah data layanan
pengiriman 4.9
Olah data biaya kirim
t_produk_gambar
t_produk_ukuran
t_produk_kategori
t_provinsi
t_testimonial
t_kota
t_produk
t_layanan_pengiriman
t_biaya_kirim Login admin valid
Data produk gambar Data produk gambar
Data produk ukuran Data produk ukuran
Data produk kategori Data produk kategori
Data provinsi Data provinsi
Data testimonial Data testimonial
Data kota Data kota
Data produk Data produk
Data layanan pengiriman Data layanan pengiriman
Data biaya kirim Data biaya kirim
Data produk gambar Info produk gambar
Data produk ukuran Info produk ukuran
Data produk kategori Info produk kategori
Data provinsi Info provinsi
Data testimonial Info testimonial
Data kota Info kota
Data produk Info produk
Data layanan pengiriman Info layanan pengiriman
Data biaya kirim Info biaya kirim
Data produk Data produk
Data produk ukuran Data produk ukuran
Data produk kategori Data produk kategori
Data provinsi Data provinsi
Data kota Data kota
Data layanan pengiriman Data layanan pengiriman
Facebook
Info facebook Data facebook
Gambar III.11 - DFD Level 1 Proses 4 Pengolahan Data Master
8. DFD Level 1 Proses 5 Pengolahan Pembuatan Laporan
5.1 View laporan
5.2 Cetak laporan
admin t_order
t_produk t_retur
Login admin valid
Login admin valid Data order
Data order Data produk
Data produk Data retur
Data retur View laporan
Info laporan
Aksi cetak laporan Info laporan
Data retur Data produk
Data order kurs
Info kurs Data kurs
Gambar III.12 - DFD Level 1 Proses 5 Pengolahan Pembuatan Laporan
9. DFD Level 1 Proses 7 Order
member 7.1
Pilih produk 7.2
Ubah jumlah produk
7.3 Mengisi alamat
pengiriman
7.4 Memilih
layanan pengiriman
7.5 Konfirmasi
data order
7.6 Simpan data
order t_produk
t_order
t_layanan_pengiriman t_biaya_kirim
t_order_detail Login member valid
Data produk Data produk
Info produk
Data produk valid
Data alamat pengiriman valid
Data jasa pengiriman valid
Data order valid Login member valid
Login member valid Data order
Data order
Data layanan pengiriman Data layanan pengiriman
Data biaya kirim Data biaya kirim
Data order detail Data order detail
Data order Data order
Data produk Info produk
Data ubah jumlah produk Info ubah jumlah produk
Data alamat pengiriman Info alamat pengiriman
Data layanan pengiriman Info layanan pengiriman
Data order Info order
Mail_server Info konfirmasi
order webmail Data konfirmasi
order webmail JNE
kurs Info JNE
Data JNE
Info kurs Data kurs
Gambar III.13 - DFD Level 1 Proses 7 Order
10. DFD Level 1 Proses 8 Retur
8.1 Ajukan retur
8.2 Konfirmasi
retur t_retur_detail
t_retur member
Data retur Info retur
Data retur detail Data retur detail
Data retur Data retur
Login member valid
admin Data konfirmasi retur
Info konfirmasi retur Info retur
Data retur
Mail_server Data konfirmasi
retur webmail Info konfirmasi
retur webmail t_produk
Data produk Data produk
Data produk Data produk
Login admin valid
Gambar III.14 - DFD Level 1 Proses 8 Retur
11. DFD Level 1 Proses 9 Konfirmasi Pembayaran
9.1 Pilih order
9.2 Memilih jenis
pembayaran
9.3 Mengisi data
konfirmasi pembayaran
9.4 Simpan
pembayaran t_order
t_pembayaran member
Paypal_sistem Mail_server
Login member valid
Data member
Data jenis pembayaran valid
Data konfirmasi pembayaran valid Data order
Info order
Data jenis pembayaran Info jenis pembayaran
Data konfirmasi pembayaran Info konfirmasi pembayaran
Data pembayaran Info pembayaran
Data order Data order
Data pembayaran Data pembayaran
Login member valid
Login member valid Data konfirmasi pembayaran paypal
Info konfirmasi pembayaran paypal Data konfirmasi pembayaran webmail
Info konfirmasi pembayaran webmail
Data pembayaran Data pembayaran
kurs Data kurs
Info kurs
Gambar III.15 - DFD Level 1 Proses 9 Konfirmasi Pembayaran
12. DFD Level 2 Proses 4.1 Olah Data Produk Gambar
4.1.1 Tambah
produk gambar
4.1.2 Edit produk
gambar
4.1.3 Hapus produk
gambar admin
t_produk_gambar Data tambah produk gambar
Info tambah produk gambar
Data edit produk gambar Info edit produk gambar
Hapus produk gambar Info hapus produk gambar
Data produk gambar Data produk gambar
Data produk gambar Data produk gambar
Data produk gambar Data produk gambar
Login admin valid
Login admin valid
Login admin valid
Gambar III.16 - DFD Level 2 Proses 4.1 Olah Data Produk Gambar
13. DFD Level 2 Proses 4.2 Olah Data Produk Ukuran
4.2.1 Tambah
ukuran produk
4.2.2 Edit produk
ukuran
4.2.3 Hapus produk
ukuran
4.2.4 Cari produk
ukuran admin
t_produk_ukuran Data produk ukuran
Data produk ukuran
Data produk ukuran Data produk ukuran
Data produk ukuran Data produk ukuran
Data produk ukuran Data produk ukuran
Data tambah ukuran produk Info tambah ukuran produk
Data edit ukuran produk Info edit ukuran produk
Hapus ukuran produk Info hapus ukuran produk
Cari ukuran produk Info cari ukuran produk
t_produk Data produk
Data produk Login admin valid
Login admin valid
Login admin valid
Login admin valid
Gambar III.17 - DFD Level 2 Proses 4.2 Olah Data Produk Ukuran
14. DFD Level 2 Proses 4.3 Olah Data Produk Kategori
4.3.1 Tambah
produk kategori
4.3.3 Edit produk
kategori
4.3.4 Hapus produk
kategori admin
t_produk_kategori
t_produk Data tambah produk kategori
Info tambah produk kategori
Data edit produk kategori Info edit produk kategori
Hapus produk kategori Info hapus produk kategori
Data produk kategori Data produk kategori
Data produk kategori Data produk kategori
Data produk kategori Data produk kategori
Data produk Data produk
Login admin valid
Login admin valid
Login admin valid 4.3.2
Tambah produk
subkategori Login admin valid
Data tambah produk subkategori Info tambah produk subkategori
Data produk subkategori Data produk subkategori
Gambar III.18 - DFD Level 2 Proses 4.3 Olah Data Produk Kategori
15. DFD Level 2 Proses 4.4 Olah Data Provinsi
4.4.1 Tambah
provinsi
4.4.2 Edit provinsi
4.4.3 Hapus provinsi
4.4.4 Cari provinsi
admin
t_provinsi Data provinsi
Data provinsi
Data provinsi Data provinsi
Data provinsi Data provinsi
Data provinsi Data provinsi
Data tambah provinsi Info tambah provinsi
Data edit provinsi Info edit provinsi
Hapus provinsi Info hapus provinsi
Cari provinsi Info cari provinsi
t_kota Data kota
Data kota Login admin valid
Login admin valid
Login admin valid
Login admin valid
Gambar III.19 - DFD Level 2 Proses 4.4 Olah Data Provinsi
16. DFD Level 2 Proses 4.5 Olah Data Testimonial
4.10.1 Olah
testmonial
4.10.2 Isi data
testimonial admin
member t_testimonial
Data testimonial yang akan diolah
Info testimonial yang telah diolah Data testimonial
Info testimonial Data testimonial
Data testimonial
Data testimonial Data testimonial
Login admin valid
Login member valid
Gambar III.20 - DFD Level 2 Proses 4.5 Olah Data Testimonial
17. DFD Level 2 Proses 4.6 Olah Data Kota
4.6.1 Tambah kota
4.6.2 Edit kota
4.6.3 Hapus kota
4.6.4 Cari kota
admin
t_kota Data kota
Data kota
Data kota Data kota
Data kota Data kota
Data kota Data kota
Data tambah kota Info tambah kota
Data edit kota Info edit kota
Hapus kota Info hapus kota
Cari kota Info cari kota
t_provinsi Login admin valid
Login admin valid
Login admin valid
Login admin valid Data provinsi
Data provinsi
Gambar III.21 - DFD Level 2 Proses 4.6 Olah Data Kota
18. DFD Level 2 Proses 4.7 Olah Data Produk
4.7.1 Tambah
produk
4.7.2 Edit produk
4.7.3 Hapus produk
admin
t_produk
t_produk_gambar Data tambah produk
Info tambah produk
Data edit produk Info edit produk
Hapus produk Info hapus produk
Data produk gambar
Data produk gambar Login admin valid
Login admin valid
Login admin valid Data produk
Data produk
Data produk
Data produk
Data produk Data produk
t_produk_kategori Data produk kategori
Data produk kategori
Gambar III.22 - DFD Level 2 Proses 4.7 Olah Data Produk
19. DFD Level 2 Proses 4.8 Olah Data Layanan Pengiriman
4.8.1 Tambah
layanan pengiriman
4.8.2 Edit layanan
pengiriman
4.8.3 Hapus layanan
pengiriman
4.8.4 Cari layanan
pengiriman admin
t_layanan_pengiriman Data layanan pengiriman
Data layanan pengiriman
Data layanan pengiriman Data layanan pengiriman
Data layanan pengiriman Data layanan pengiriman
Data layanan pengiriman Data layanan pengiriman
Data tambah layanan pengiriman Info tambah layanan pengiriman
Data edit layanan pengiriman Info edit layanan pengiriman
Hapus layanan pengiriman Info hapus layanan pengiriman
Cari layanan pengiriman Info cari layanan pengiriman
Login admin valid
Login admin valid
Login admin valid
Login admin valid
Gambar III.23 - DFD Level 2 Proses 4.8 Olah Data Layanan Pengiriman
20. DFD Level 2 Proses 4.9 Olah Data Biaya Kirim
4.9.1 Tambah biaya
kirim
4.9.2 Edit biaya kirim
4.9.3 Hapus biaya
kirim
4.9.4 Cari biaya
kirim admin
t_biaya_kirim Data biaya kirim
Data biaya kirim
Data biaya kirim Data biaya kirim
Data biaya kirim Data biaya kirim
Data biaya kirim Data biaya kirim
Data tambah biaya kirim Info tambah biaya kirim
Data edit biaya kirim Info edit biaya kirim
Hapus biaya kirim Info hapus biaya kirim
Cari biaya kirim Info cari biaya kirim
Login admin valid
Login admin valid
Login admin valid
Login admin valid t_kota
t_layanan_pengiriman Data kota
Data kota Data layanan
pengiriman Data layanan
pengiriman
Gambar III.24 - DFD Level 2 Proses 4.9 Olah Data Biaya Kirim
21. DFD Level 2 Proses 9.2 Memilih Jenis Pembayaran
member 9.2.1
Pembayaran via paypal
9.2.2 Konfirmasi
pembayaran
t_pembayaran admin
Info pembayaran via paypal
Data konfirmasi pembayaran Info konfirmasi pembayaran
Data konfirmasi pembayaran Data pembayaran
Data konfirmasi pembayaran webmail Info konfirmasi pembayaran webmail
Info konfirmasi pembayaran
Data pembayaran Info pembayaran via paypal
Paypal_sistem
Mail_server Data pembayaran via paypal
Data pembayaran via paypal
kurs Info kurs
Data kurs
Gambar III.25 - DFD Level 2 Proses 9.2 Memilih Jenis Pembayaran
22. DFD Level 3 Proses 9.2.1 Pembayaran Via Paypal
9.2.1.1 Pilih
pembayaran
9.2.1.2 Login ke
paypal
9.2.1.3 View order
summary
9.2.1.4 Input jumlah
pembayaran dan no rek paypal merchant
member Info pilih pembayaran
Data login ke paypal Info login ke paypal
Data view order summary Info view order summary
Data input jumlah pembayaran Dan no rek paypal merchant
Info input jumlah pembayaran Dan no rek paypal merchant
Paypal_sistem t_pembayaran
Data login ke paypal sistem Info login ke paypal sistem
Data view order summary
Data input jumlah pembayaran Dan no rek paypal merchant
Info jumlah pembayaran Dan no rek paypal merchant
Data pembayaran
t_order Data order
Data order
t_order_detail Data order detail
Data order detail Info view order summary
Data pembayaran Data pilih pembayaran
kurs Info kurs
Data kurs
Gambar III.26 - DFD Level 3 Proses 9.2.1. Pembayaran Via Paypal
III.2.4 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.6 - Spesifikasi Proses
No Proses
Keterangan 1
No. Proses 1
Nama Pendaftaran
Source Pengunjung
Input Data member
Output Info data member
Destination Pengunjung
Logika proses 1. Pengunjung meng-klik link registrasi
member atau memilih menu registrasi
menu. 2. Sistem akan menampilkan form registrasi.
3. Pengunjung mengisi data member. 4. Apabila ada data yang tidak valid
pengunjung harus mengisi kembali data yang tidak valid.
5. Apabila data valid maka sistem akan menyimpan data tersebut.
2 No. proses
2 Nama
Login Source
Member dan admin
Input Data login member dan admin
Output Info login member dan admin invalid
Destination Member
dan admin
Logika proses 1. Member atau admin, memasukkan data
login 2. Apabila username dan password yang
diinputkan benar maka login valid. 3. Apabila username dan password yang
diinputkan tidak benar maka akan ada informasi login invalid.
4. Apabila admin atau member lupa password
, maka pemberitahuan passwordnya
lewat email yang diinputkan setelah mengklik lupa password.
3 No. proses
4.6.1 Nama
Menambah kota Source
Admin Input
Data kota Output
Info data kota Destination
Admin
Logika proses 1. Admin memilih menu tambah kota untuk
memunculkan form tambah kota. 2. Admin mengisi form tambah kota
kemudian klik tombol simpan. 3. Apabila data tidak kosong maka data kota
baru akan disimpan di dalam database. 4. Apabila data ada yang kosong maka akan
ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong
tersebut. 4
No. proses 4.6.2
Nama Edit kota
Source Admin
Input Data kota
Output Info data kota
Destination Admin
Logika proses 1. Admin mengklik tombol ubah pada data
yang akan diubah. 2. Admin mengisi data kota yang ingin
diubah kemudian klik tombol ubah. 3. Apabila ada data yang diubah dan dan
semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data.
4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal
diubah. 5
No. proses 4.6.3
Nama Hapus kota
Source Admin
Input Data kota
Output Info data kota dihapus
Destination Admin
Logika proses 1. Admin mengklik tombol hapus pada data
yang akan dihapus. 2. Sistem akan menghapus data.
6 No. proses
4.6.4 Nama
Cari data kota Source
Admin Input
Data kota Output
Info kota yang dicari Destination
Admin Logika proses
1. Admin mengisi field pencarian. 2. Sistem akan menampilkan data kota yang
dicari. 7
No. proses 4.7.1
Nama Tambah produk
Source Admin
Input Data data produk
Output Info data produk
Destination Admin
Logika proses 1. Admin memilih detail pada tabel jenis
produk untuk memunculkan form tambah produk.
2. Admin mengisi form tambah produk kemudian klik tombol simpan.
3. Apabila data tidak kosong maka data detail produk baru akan disimpan didalam
database .
4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
administrator harus mengisi data yang kosong tersebut.
8 No. proses
4.7.2 Nama
Edit produk Source
Admin Input
Data produk Output
Info data produk Destination
Admin
Logika proses 1. Admin mengklik tombol ubah pada data
yang akan diubah. 2. Admin mengisi data produk yang ingin
diubah kemudian klik tombol simpan. 3. Apabila ada data yang diubah dan semua
data tidak ada yang kosong maka sistem akan menyimpan perubahan data.
4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal
diubah. 9
No. proses 4.7.3
Nama Hapus produk
Source Admin
Input Data produk
Output Info data produk yang dihapus
Destination Admin
Logika proses
1.
Admin mengklik tombol hapus pada data yang akan dihapus.
2.
Sistem akan menghapus data. 10
No. proses 4.7.4
Nama Cari Data produk
Source Admin
Input Data produk
Output Info produk yang dicari
Destination Admin
Logika proses 1. Admin mengisi field pencarian.
2. Sistem akan menampilkan data kota yang dicari.
11 No. proses
4.4.1 Nama
Tambah provinsi Source
Admin Input
Data provinsi Output
Info data provinsi Destination
Admin Logika proses
1. Admin memilih menu tambah provinsi
untuk memunculkan form tambah provinsi. 2. Admin mengisi form tambah provinsi
kemudian klik tombol simpan. 3. Apabila data tidak kosong maka data kota
baru akan disimpan didalam database. 4. Apabila data ada yang kosong maka akan
ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong
tersebut. 12
No. proses 4.4.2
Nama Edit provinsi
Source Admin
Input Data provinsi
Output Info data provinsi
Destination Admin
Logika proses 1. Admin mengklik tombol ubah pada data
yang akan diubah. 2. Admin mengisi data provinsi yang ingin
diubah kemudian klik tombol ubah. 3. Apabila ada data yang diubah dan dan
semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data.
4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal
diubah. 13
No. proses 4.4.3
Nama Hapus provinsi
Source Admin
Input Data provinsi
Output Info data provinsi yang dihapus
Destination Admin
Logika proses 1. Admin mengklik tombol hapus pada data
yang akan dihapus. 2. Sistem akan menghapus data.
14 No. proses
4.4.4 Nama
Cari data provinsi Source
Admin Input
Data provinsi Output
Info provinsi yang dicari Destination
Admin
Logika proses 1. Admin mengisi field pencarian
2. Sistem akan menampilkan data provinsi yang dicari.
15 No. proses
4.8.1 Nama
Tambah data layanan pengiriman Source
Admin Input
Data layanan pengiriman Output
Info data layanan pengiriman Destination
Admin
Logika proses 1. Admin memilih menu tambah layanan
cargo untuk memunculkan form tambah layanan pengiriman.
2. Admin mengisi form tambah data layanan penngiriman klik tombol simpan.
3. Apabila data tidak kosong maka data layanan pengiriman baru akan disimpan
didalam database. 4. Apabila data ada yang kosong maka akan
ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong
16 No. proses
4.8.2 Nama
Edit data layanan pengiriman Source
Admin Input
Data layanan pengiriman Output
Info data layanan pengiriman Destination
Admin
Logika proses 1. Admin mengklik tombol ubah pada data
yang akan diubah. 2. Admin mengisi data layanan pengiriman
yang ingin diubah kemudian klik tombol ubah.
3. Apabila ada data yang diubah dan dan semua data tidak ada yang kosong maka
sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diubah dan ada
data yang kosong maka data gagal diubah. 17
No. proses 4.8.3
Nama Hapus layanan pengiriman
Source Admin
Input Data layanan pengiriman
Output Info data layanan pengiriman yang dihapus
Destination Admin
Logika proses 1. Admin mengklik tombol hapus pada data
yang akan dihapus. 2. Sistem akan menghapus data.
18 No. proses
4.8.4 Nama
Cari Data layanan pengiriman Source
Admin Input
Data layanan pengiriman Output
Info layanan pengiriman yang dicari
Destination Admin
Logika proses 1. Admin mengisi field pencarian
2. Sistem akan menampilkan data layanan penngiriman yang dicari.
19 No. proses
4.9.1 Nama
Tambah data biaya kirim Source
Admin Input
Data biaya kirim Output
Info data biaya kirim Destination
Admin
Logika proses 1. Admin memilih menu tambah biaya
pengiriman untuk memunculkan form tambah biaya kirim
2. Admin mengisi form tambah data biaya kirim klik tombol simpan.
3. Apabila data tidak kosong maka data biaya pengiriman baru akan disimpan didalam
database .
4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
admin harus mengisi data yang kosong 20
No. proses 4.9.2
Nama Edit data biaya kirim
Source Admin
Input Data biaya kirim
Output Info data biaya kirim
Destination Admin
Logika proses 1. Admin mengklik tombol ubah pada data
yang akan diubah. 2. Admin mengisi data harga pengiriman
yang ingin diubah kemudian klik tombol ubah.
3. Apabila ada data yang diubah dan dan semua data tidak ada yang kosong maka
sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diubah dan ada
data yang kosong maka data gagal diubah. 21
No. proses 4.9.3
Nama Hapus biaya kirim
Source Admin
Input Data biaya kirim
Output Info data biaya kirim yang dihapus
Destination Admin
Logika proses 1. Admin mengklik tombol hapus pada data
yang akan dihapus. 2. Sistem akan menghapus data.
22 No. proses
4.9.4 Nama
Cari data biaya kirim Source
Admin Input
Data biaya kirim Output
Info biaya kirim yang dicari Destination
Admin
Logika proses 1. Admin mengisi field pencarian
2. Sistem akan menampilkan data biaya pengiriman yang dicari.
23 No. proses
4.2.1 Nama
Tambah data produk ukuran Source
Admin Input
Data produk ukuran Output
Info data produk ukuran
Destination Admin
Logika proses 1. Admin memilih menu tambah produk
ukuran untuk memunculkan form tambah produk ukuran
2. Admin mengisi form tambah data produk ukuran klik tombol simpan.
3. Apabila data tidak kosong maka data produk ukuran baru akan disimpan didalam
database .
4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan
admin harus mengisi data yang kosong 24
No. proses 4.2.2
Nama Edit data produk ukuran
Source Admin
Input Data produk ukuran
Output Info data produk ukuran
Destination Admin
Logika proses 1. Admin mengklik tombol ubah pada data
yang akan diubah. 2. Admin mengisi data produk ukuran yang
ingin diubah kemudian klik tombol ubah. 3. Apabila ada data yang diubah dan dan
semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data.
4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal diubah.
25 No. proses
4.2.3 Nama
Hapus produk ukuran Source
Admin
Input Data produk ukuran
Output Info data produk ukuran yang dihapus
Destination Admin
Logika proses 1. Admin mengklik tombol hapus pada data
yang akan dihapus. 2. Sistem akan menghapus data.
26 No. proses
4.2.4 Nama
Cari Data produk ukuran Source
Admin Input
Data produk ukuran Output
Info produk ukuran yang dicari Destination
Admin
Logika proses 1. Admin mengisi field pencarian
2. Sistem akan menampilkan data produk ukuran yang dicari.
27 No. proses
7.1 Nama
Pilih produk Source
Member Input
Data jenis produk, data produk, request data produk
Output Info data jenis produk, info data produk
Destination Member
Logika proses 1. Member memilih produk yang ingin
dipesan dengan mengklik image cart. 2. Maka data akan disimpan dalam shopping
cart .
28 No. proses
7.2 Nama
Ubah jumlah order Source
Member Input
Data jumlah order
Output Info jumlah order
Destination Member
Logika proses 1. Member memilih menu shopping cart.
2. Setelah muncul data produk yang telah dipesan member dapat mengubah detail
order dengan mengisi data jumlah,
ataupun menghapus salah satu order dengan mengklik tombol hapus.
3. Apabila mengubah data jumlah maka klik tombol ubah, maka perubahan data akan
disimpan. 29
No. proses 7.3
Nama Isi alamat pegiriman
Source Member
Input Data alamat pengiriman
Output Info data pengiriman
Destination Member
Logika proses 1. Klik tombol bayar pada form shopping
cart untuk mengisi data pembayaran.
2. Isi data pembayaran. 3. Kemudian untuk melihat konfirmasi
pembayaran klik tombol lanjutkan. 30
No. proses 8
Nama Retur
Source Member
Input Pengajuan retur
Output Konfirmasi retur
Destination Admin
Logika proses 1. Member mengklik link retur jika ada
produk yang kondisinya tidak sesuai
harapan. 2. Member mengisi form dan alasan retur dan
mengirimkan ke admin. 3. Apabila retur tidak dikonfirmasi oleh
admin, maka retur tidak disetujui. 4. Apabila retur yang diajukan dikonfirmasi
oleh admin, maka retur disetujui. 31
No. proses 9
Nama Konfirmasi pembayaran
Source Member
Input Data konfirmasi pembayaran
Output Info konfirmasi pembayaran
Destination Member
Logika proses 1. Member memilih menu konfimasi
pembayaran 2. Sistem menampilkan data pesanan yang
sudah dilakukan 3. Klik konfirmasi pada pesanan yang belum
dibayar, kemudian memilih jenis konfirmasi
4. Melakukan pengisian data konfirmasi 5. Klik tombol konfirmasi untuk
mengirimkan data konfirmasi ke admin dan melakukan proses penyimpanan ke
database 32
No. proses 6
Nama Lihat history order
Source Member
Input Data transaksi
Output Info data detail pembayaran, Info data
pembayaran Destination
Member
Logika proses 1. Member memilih menu history.
2. Sistem akan memberikan semua data pembayaran yang pernah dilakukan oleh
member .
33 No. proses
4.5.1 Nama
Olah data testimonial Source
Admin Input
Olah data testimonial Output
Info testimonial Destination
Admin
Logika proses 1. Admin mengolah data testimonial yang
telah diinputkan oleh member. 2. Admin mengeluarkan output berupa
testimonial dari member yang telah diolah sebelumnya oleh admin.
34 No. proses
4.5.2 Nama
Isi testimonial Source
Member Input
Data testimonial Output
Info testimonial Destination
Member
Logika proses 1. Member menulis testimonial tentang apa
saja mengenai toko the baiya’s di proses testimonial.
2. Testimonial yang telah ditulis oleh member
, akan tampil di halaman web. 35
No. proses 4.1.1
Nama Tambah data produk gambar
Source Admin
Input Data produk gambar
Output Info data produk gambar
Destination Admin
Logika proses 1. Admin memilih menu tambah produk
gambar untuk memunculkan form tambah produk gambar.
2. Admin mengisi form tambah produk gambar kemudian klik tombol simpan.
3. Apabila data tidak kosong maka data produk gambar baru akan disimpan di
dalam database. 4. Apabila data ada yang kosong maka akan
ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong
tersebut. 36
No. proses 4.1.2
Nama Edit data produk gambar
Source Admin
Input Data produk gambar
Output Info data produk gambar
Destination Admin
Logika proses 1. Admin mengklik tombol edit pada data
yang akan diedit. 2. Admin mengisi data gambar yang ingin
diedit kemudian klik tombol edit. 3. Apabila ada data yang diedit dan semua
data tidak ada yang kosong maka sistem akan menyimpan perubahan data.
4. Apabila tidak ada data yang diedit dan ada
data yang kosong maka data gagal diedit. 37
No. proses 4.1.3
Nama Hapus data produk gambar
Source Admin
Input Data produk gambar
Output Info data produk gambar
Destination Admin
Logika proses 1. Admin mengklik tombol hapus pada data
yang akan dihapus. 2. Sistem akan menghapus data.
38 No. proses
4.3.1 Nama
Tambah data produk kategori Source
Admin Input
Data produk kategori Output
Info data produk kategori Destination
Admin
Logika proses 1. Admin memilih menu tambah produk
kategori untuk memunculkan form tambah produk kategori.
2. Admin mengisi form tambah produk kategori kemudian klik tombol simpan.
3. Apabila data tidak kosong maka data produk kategori baru akan disimpan di
dalam database. 4. Apabila data ada yang kosong maka akan
ada informasi data tidak boleh ada yang kosong dan admin harus mengisi data yang
kosong tersebut. 39
No. proses 4.3.2
Nama Tambah data produk subkategori
Source Admin
Input Data produk kategori
Output Info produk kategori
Destination Admin
Logika proses 1. Admin memilih menu tambah produk
subkategori untuk memunculkan form tambah produk subkategori.
2. Admin mengisi form tambah produk subkategori kemudian klik tombol simpan.
3. Apabila data tidak kosong maka data produk subkategori baru akan disimpan di
dalam database. 4. Apabila data ada yang kosong maka akan
ada informasi data tidak boleh ada yang kosong dan admin harus mengisi data yang
kosong tersebut. 40
No. proses 4.3.3
Nama Edit data produk kategori
Source Admin
Input Data produk kategori
Output Info data produk kategori
Destination Admin
Logika proses 1. Admin mengklik tombol edit pada data
yang akan diedit. 2. Admin mengisi data kategori yang ingin
diedit kemudian klik tombol edit. 3. Apabila ada data yang diedit dan semua
data tidak ada yang kosong maka sistem akan menyimpan perubahan data.
4. Apabila tidak ada data yang diedit dan ada
data yang kosong maka data gagal diedit. 41
No. proses 4.3.4
Nama Hapus data produk kategori
Source Admin
Input Data produk kategori
Output Info data produk kategori
Destination Admin
Logika proses 1. Admin mengklik tombol hapus pada data
yang akan dihapus. 2. Sistem akan menghapus data.
42 No. proses
9.2.1 Nama
Pembayaran via paypal Source
Member Input
Data pembayaran Output
Info pembayaran Destination
Member
Logika proses 1. Member memasukkan data pembayaran
melalui paypal. 2. Sistem akan menampilkan informasi
pembayaran yang dilakukan member. 43
No. proses 9.2.2
Nama Konfirmasi pembayaran
Source Admin, member
Input Data konfirmasi pembayaran
Output Info konfirmasi pembayaran
Destination Member
Logika proses 1. Member mengkonfirmasi pembayaran.
2. Sistem akan mengecheck konfirmasi pembayaran member lewat webmail dan
akan menghasilkan informasi.
3. Sistem mengeluarkan informasi tentang pembayaran yang dilakukan member.
4. Bagi yang membayar secara offline, admin akan memasukkan data konfirmasi
pembayaran lewat sistem dan kemudian mengirimkan informasi tersebut kepada
member .
44 No. proses
9.2.1.1 Nama
Pilih pembayaran Source
Member Input
Data pilih pembayaran Output
Info pilih pembayaran Desination
Member
Logika Proses 1. Member memilih jenis pembayaran dan
memasukkan datanya. 2. Sistem akan memberikan konfirmasi
pilihan pembayaran member. 45
No. proses 9.2.1.2
Nama Login
ke paypal Input
Data login member ke paypal. Output
Info login member ke paypal. Destination
Member
Logika proses 1. Member memasukkan data login ke
paypal. 2. Sistem akan memberikan informasi login
ke paypal ke member. 46
No. Proses 9.2.1.3
Nama View order summary
Input Data view order summary.
Output Info view order summary.
Destination Member
Logika proses 1. Member mengklik view order summary.
2. Sistem akan menampilkan info view order summary
kepada member. 47
No. Proses 9.2.1.4
Nama Input jumlah pembayaran dan no rek paypal
merchant. Input
Data input jumlah pembayaran dan no rek paypal merchant.
Output Info input jumlah pembayaran dan no rek
paypal merchant. Destination
Member
Logika proses 1. Member memasukkan data jumlah
pembayaran dan no rek paypal merchant. 2. Sistem akan menampilkan info dari aksi
member ..
III.2.5 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.7 - Kamus Data
Nama Aliran data Data pendaftaran
Digunakan pada Pengunjung-proses 1
Proses 1- file member Deskripsi
Berisi data pendaftaran yang digunakan untuk registrasi dan akan disimpan di dalam database.
Struktur data nama_depan+nama_belakang+
jenis_kelamin+alamat +provinsi +kota + phone + kode_pos+ user_email + user_password +
ulangi password nama_depan
nama_belakang jenis_kelamin
alamat provinsi
kota phone
kode_pos user_email
user_password ulangi password
[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] [A-Z|a-z|0-9]
[0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] Nama Aliran data
Data login Digunakan pada
Member dan admin-proses 2 Member dan admin-proses 2.1
Proses 2-file member Proses 2-file admin
Proses 2.1-file member Proses 2.1-file admin
Deskripsi Berisi data login member dan admin
Struktur data email+password
Email Password
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Nama Aliran data Data profil member
Digunakan pada Member-proses 3.1
Proses 3.1- file member Deskripsi
Berisi data profil member Struktur data
Email+nama_lengkap+jenis_kelamin+alamat +provinsi +kota +phone+kode_pos
Email nama_lengkap
jenis_kelamin alamat
provinsi kota
phone kode_pos
[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] [A-Z|a-z|0-9]
[0-9] [0-9]
Nama Aliran data Data profil admin
Digunakan pada admin-proses 3.2
Proses 3.2- file admin Deskripsi
Berisi data akun admin Struktur data
Email+user_name+nama_lengkap+jenis_kelami n+alamat +provinsi +kota +phone+kode_pos
Email user_name
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
nama_lengkap jenis_kelamin
alamat provinsi
kota phone
kode_pos [A-Z|a-z|0-9]
[A-Z|a-z] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
Nama Aliran data Data provinsi
Digunakan pada Admin -proses 4.4
Proses 4.4-file provinsi Deskripsi
Berisi data provinsi Struktur data
Nama_provinsi Nama_provinsi
[A-Z|a-z|0-9] Nama Aliran data
Data kota Digunakan pada
Admin-proses 4.6 Proses 4.6-file kota
Deskripsi Berisi data kota
Struktur data Nama_kota + kab_kota+nama_provinsi
Nama_kota kab_kota
Nama_provinsi [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Nama Aliran data Data produk ukuran
Digunakan pada Admin -proses 4.2
Proses 4.2-file produk ukuran Deskripsi
Berisi data produk ukuran Struktur data
Kategori+ukuran Kategori
Ukuran [A-Z|a-z|0-9]
[A-Z|a-z|0-9] Nama Aliran data
Data produk Digunakan pada
Admin-proses 4.7
Proses 4.7-file produk Deskripsi
Berisi data produk
Struktur data Kategori+Nama_produk+Jenis_kelamin+Berat_
produk+Harga+Ringkasan_produk+Deskripsi_ produk+Warna+Diskon_produk
Kategori Nama_produk
Jenis_kelamin Berat_produk
Harga Ringkasan_produk
Deskripsi_produk Warna
Diskon_produk [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z]
[A-Z|a-z|0-9] [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0-9]
Nama Aliran data Data produk kategori
Digunakan pada Admin-proses 4.3
Proses 4.3-file produk kategori Deskripsi
Berisi data produk kategori Struktur data
Kategori Kategori
[A-Z|a-z|0-9] Nama Aliran data
Data layanan pengiriman Digunakan pada
Admin-proses 4.8 Proses 4.8-file layanan pengiriman
Deskripsi Berisi data layanan pengiriman
Struktur data nama_layanan+alamat_layanan+telepon
Nama_layanan Alamat_layanan
Telepon [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0-9]
Nama Aliran data Data biaya kirim
Digunakan pada Admin-proses 4.9
Admin-proses 4.9.1 Admin-proses 4.9.2
Admin-proses 4.9.3 Admin-proses 4.9.4
Proses 4.9-file biaya kirim Proses 4.9.1-file biaya kirim
Proses 4.9.2-file biaya kirim Proses 4.9.3-file biaya kirim
Proses 4.9.4-file biaya kirim Deskripsi
Berisi data biaya kirim Struktur data
Id_biaya_kirim+id_admin+id_kota+id_layanan_ pengiriman+lama_pengiriman+biaya_kirim
Id_biaya_kirim Id_admin
Id_kota Id_layanan_pengiriman
Biaya_kirim Lama_pengiriman
[0-9] [0-9]
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
Nama Aliran data Data produk gambar
Digunakan pada Admin-proses 4.1
Admin-proses 4.1.1 Admin-proses 4.1.2
Admin-proses 4.1.3 Proses 4.1-file produk gambar
Proses 4.1.1-file produk gambar Proses 4.1.2-file produk gambar
Proses 4.1.3-file produk gambar Deskripsi
Berisi data produk gambar Struktur data
id_produk+gambar id_produk
[0-9]
File_gambar [A-Z|a-z|0-9]
Nama Aliran data Data order
Digunakan pada Member proses 7
Proses 7-file order Deskripsi
Berisi data order Struktur data
id_order+id_member+id_admin+id_provinsi+id _biaya_kirim+biaya_pengiriman+order_status
id_order id_member
id_admin id_kota
id_provinsi id_layanan_pengiriman
biaya_pengiriman order_status
[0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
Nama Aliran data Data order detail
Digunakan pada Member proses 6
Member proses 7 Proses 6-file order
Proses 6-file history order Deskripsi
Berisi data order detail Struktur data
Id_order+qty+harga_produk+diskon_produk Id_order
qty harga_produk
diskon_produk [0-9]
[0-9] [A-Z|a-z|0-9]
[0-9] Nama Aliran data
Data pembayaran
Digunakan pada Admin-proses 7
Member-proses 7 Proses 7-file pembayaran
Proses 7-file pembayaran Deskripsi
Berisi data konfirmasi pembayaran Struktur data
id_order+jenis_bayar+jumlah_bayar+konfirmasi +kode_transaksi+status_bayar
id_order jenis_bayar
jumlah_bayar konfirmasi
kode_transaksi status_bayar
[0-9] [A-Z|a-z|0-9]
[0-9] [A-Z|a-z|0-9]
[0-9] [A-Z|a-z|0-9]
Nama Aliran data Data retur
Digunakan pada Member-proses 8
Member-proses 6 Proses 8-file retur
Proses 6-file lihat history order Deskripsi
Berisi data retur produk Struktur data
No_retur+id_order+status_retur+tanggal_retur+ no_resi
No_retur id_order
status_retur tanggal_retur
no_resi [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
III.2.6 Perancangan Basis Data
Perancangan basis data adalah menciptakan atau merancang kumpulan data yang terhubung dan tersimpan secara bersama-sama.
III.2.6.1 Skema Relasi
Skema relasi menggambarkan hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom.
t_produk
PK id_produk
FK1 id_produk_kategori
FK2 id_produk_ukuran
jenis_kelamin nama_produk
deskripsi_produk harga_produk
diskon_produk berat_produk
stok warna
ringkasan_produk tgl_produk
dibeli dilihat
hapus_produk t_produk_kategori
PK id_produk_kategori
nama kategori_seo
parent_id hapus_kategori
t_produk_gambar
PK id_produk_gambar
FK1 id_produk
file_gambar hapus_gambar
t_produk_ukuran
PK id_produk_ukuran
nama_ukuran hapus_ukuran
t_order_detail
PK id_order_detail
FK1 id_produk
FK2 id_order
qty harga_produk
diskon_produk t_member
PK id_member
FK1 id_kota
email password
nama_depan nama_belakang
alamat kodepos
telp aktif
jk kode
id_session t_testimonial
PK id_testimonial
FK1 id_member
FK2 id_admin
isi_testimonial tgl_testimonial
status_testimonial nama_depan
nama_belakang email
t_admin
PK id_admin
FK1 id_kota
nama_admin password
alamat_lengkap kodepos
telepon email
status username
t_retur
PK no_retur
FK1 id_order
status_retur tanggal_retur
no_resi t_retur_detail
PK id_detail_retur
FK1 no_retur
FK2 id_order_detail
alasan status_detail_retur
t_order
PK id_order
FK1 id_member
FK2 id_admin
FK3 id_biaya_kirim
status_order tanggal_order
tanggal_kirim tanggal_batal
nama_d_penerima nama_b_penerima
alamat_penerima no_resi
jam_order jam_kirim
status_kirim email_penerima
kodepos_penerima tlp_penerima
biaya_pengiriman t_pembayaran
PK id_pembayaran
FK1 id_order
status_bayar jenis_bayar
jumlah_bayar tgl_bayar
paypal_member konfirmasi
kode_transaksi jam_bayar
jumlah_bayar_dollar jumlah_bayar_rupiah
bank norek
atasnama kurs
t_layanan_pengiriman
PK id_layanan_pengiriman
nama_layanan alamat_layanan
telp_layanan hapus_layanan
t_kota
PK id_kota
FK1 id_provinsi
nama_kota kabkota
hapus_kota t_provinsi
PK id_provinsi
nama_provinsi hapus_provinsi
t_biaya_kirim
PK id_biaya_kirim
FK1 id_kota
FK2 id_admin
FK3 id_layanan_pengiriman
lama_pengiriman biaya_kirim
hapus_biayakirim
t_rating_produk
PK,FK1 id_produk
FK2 id_order
counter value
Gambar III.27 - Skema Relasi III.2.6.2
Perancangan Struktur Tabel
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam sistem ini adalah sebagai berikut :
Tabel III.8 - Member
No Field
Type Size
Keterangan 1
Id_member Int
11 Primary key tabel member
2 Id_kota
Int 11
Foreign key dari tabel kota Id_kota
3 Password
Varchar 50
4 Nama_depan
Varchar 50
5 Nama_belakang
Varchar 50
6 Jk
Enum ‘pria’,‘wantia’
7 Email
Varchar 100
Unique, not null 8
Alamat Text
9 Kodepos
Char 5
10 Telepon
Varchar 20
11 Aktif
Tinyint 4
12 Id_session
Varchar 100
Tabel III.9 - Produk Kategori
No Field
Type Size
Keterangan 1
Id_kategori Int
5 Primary key
tabel produk kategori
2 Nama
Varchar 50
3 Hapus_kategori
Enum ‘ya’,’tidak’
4 Parent_id
Int 5
5 Kategori_seo
Varchar 20
Tabel III.10 - Produk
No Field
Type Size
Keterangan 1
Id_produk Int
11 Primary key
tabel produk
2 Id_produk_kategori
Int 11
Foreign key dari tabel
produk kategori Id_produk_kategori
3 Id_produk_ukuran
Int 11
Foreign key dari tabel
produk ukuran Id_produk_ukuran
4 Jenis_kelamin
Enum ‘pria’,’wanita’,
’pria,wanita’ 5
Nama_produk Varchar
50 6
Ringkasan_produk Text
7 Deskripsi_produk
Text 8
Harga_produk Decimal
10,0 9
Diskon_produk Float
10 Berat_produk
Int 11
11 Stok
Int 11
12 Tgl_produk
Date 11
13 Warna
Varchar 10
14 Dibeli
Int 11
15 Dilihat
Int 11
16 Hapus_produk
Enum ‘ya’,’tidak’
Tabel III.11 - Produk Gambar
No Field
Type Size
Keterangan 1
Id_produk_gambar Int
11 Primary key
tabel produk gambar
2 Id_produk
Int 11
Foreign key dari tabel produk
Id_produk 3
File_gambar Varchar 100
4 Hapus_gambar
Enum ‘ya’,’tidak’
Tabel III.12 - Produk Ukuran
No Field
Type Size
Keterangan
1 Id_ukuran
Int 11
Primary key tabel produk
ukuran 2
Nama_ukuran Varchar
20 3
Hapus_ukuran Enum
‘ya’,’tidak’
Tabel III.13 - Admin
No Field
Type Size
Keterangan
1 Id_admin
Int 11
Primary key tabel admin
2 Id_kota
Int 11
Foreign key dari tabel
kota Id_kota 3
Nama_admin Varchar
50 4
Email Varchar
10 Unique, not null
5 Password
Varchar 41
6 Status
Enum ‘aktif’,’tidak aktif’
7 Alamat_lengkap
Text
8 Kodepos
Char 5
9 Telepon
Varchar 20
10 Username
Varchar 30
Tabel III.14 - Pembayaran
No Field
Type Size
Keterangan 1
Id_ pembayaran Int
11 Primary key
tabel pembayaran
2 Id_order
Int 11
Foreign key dari tabel
order Id_order 3
Jenis_bayar Varchar
20 4
Status_bayar Enum
‘belum lunas’,’belum dikonfirmasi’,’lunas’
5 Jumlah_bayar
Decimal 10,0
6 Tgl_bayar
Date 7
Paypal_member Varchar
100 8
Konfirmasi Text
9 Kode_transaksi
Varchar 30
10 Jam_bayar
Time 11
Jumlah_bayar_dollar Float
12 Jumlah_bayar_rupiah
Decimal 10,0
13 Bank
Varchar 10
14 Norek
Int 11
15 Atasnama
Varchar 50
16 Kurs
Decimal 10,0
Tabel III.15 - Order
No Field
Type Size
Keterangan 1
Id_order Int
11 Primary key
tabel order
2 Id_member
Int 11
Foreign key dari tabel
member Id_member
3 Id_admin
Int 11
Foreign key dari tabel
admin Id_admin
4 Id_biaya_kirim
Int 11
Foreign key dari tabel
biaya kirim Id_biaya_kirim
5 Biaya_pengiriman
Decimal 10,0
6 Status_order
Enum ‘disetujui’,dibatalkan’
7 Tanggal_order
Date 8
Tanggal_kirim Date
9 Tanggal_batal
Date 10
Nama_d_penerima Varchar
20 11
Nama_b_penerima Varchar
20 12
Alamat_penerima Text
13 No_resi
Varchar 15
14 Jam_order
Time 15
Jam_kirim Time
16 Status_kirim
Enum ‘sedang diproses’,
’sedang dikirim’,’sudah diterima’
17 Email_penerima
Varchar 100
18 Tlp_penerima
Varchar 20
19 Kodepos_penerima
Varchar 6
Tabel III.16 - Order Detail
No Field
Type Size
Keterangan
1 Id_order_detail
Int 11
Primary key tabel order
detail
2 Id_order
Int 11
Foreign key dari tabel order
Id_order
3 Id_produk
Int 11
Foreign key dari tabel
produk Id_produk 4
Qty Int
11 5
Harga_produk Decimal
10,0 6
Diskon_produk Float
Tabel III.17 - Layanan Pengiriman
No Field
Type Size
Keterangan 1
Id_layanan Int
11 Primary key
tabel layanan pengiriman
2 Nama_layanan
Varchar 10
3 Alamat_layanan
Text 4
Telepon_layanan Varchar
20 5
Hapus_layanan Enum
‘ya’,’tidak’
Tabel III.18 - Biaya Kirim
No Field
Type Size
Keterangan
1 Id_biaya_kirim
Int 11
Primary key tabel biaya
kirim
2 Id_layanan_pengiriman
Int 11
Foreign key dari tabel
layanan pengiriman Id_layanan_pengiriman
3 Id_admin
Int 11
Foreign key dari tabel
admin Id_admin 4
Id_kota Int
11 Foreign key
dari tabel kota Id_kota
5 Lama_pengiriman
Tinyint 4
6 biaya_kirim
Decimal 10,0
7 Hapus_biaya_kirim
Enum ‘ya’,’tidak’
Tabel III.19 - Kota
No Field
Type Size
Keterangan 1
Id_kota Int
11 Primary key
tabel kota
2 Id_provinsi
Int 11
Foreign key dari tabel
provinsi Id_provinsi 3
Nama_kota Varchar
50 4
Kabkota Varchar
20 5
Hapus_kota Enum
‘ya’,’tidak’
Tabel III.20 - Provinsi
No Field
Type Size
Keterangan 1
Id_provinsi Int
10 Primary key
tabel provinsi
2 Nama_provinsi
Varchar 100
3 Hapus_provinsi
Enum ‘ya’,’tidak’
Tabel III.21 - Retur
No Field
Type Size
Keterangan 1
No_retur Int
11 Primary key
tabel retur 2
Id_order Int
11 Foreign key
dari tabel order Id_order
3 Status_retur
Enum ‘sedang diproses’,’sudah
diterima toko’,’sedang dikirim’,’sudah diterima
customer’ 4
Tanggal_retur Date
5 No_resi
Varchar 15
Tabel III.22 - Retur Detail
No Field
Type Size
Keterangan
1 Id_ detail_retur
Int 11
Primary key tabel retur
detail 2
No_retur Int
11 Foreign key
dari tabel
retur No_retur
3 Id_order_detail
Int 11
Foreign key dari tabel
order_detail Id_order_detail
4 Id_produk_tukar
Int 1
5 Alasan
Varchar 100
6 Status_detail_retur
Enum ‘disetujui’,’tidak
disetujui’,’belum disetujui’,’tukar barang’
7 Tds
Text
Tabel III.23 - Testimonial
No Field
Type Size
Keterangan 1
Id_testimonial Int
11 Primary key
tabel testimonial
2 Id_admin
Int 11
Foreign key dari tabel
admin Id_admin 3
Id_member Int
11 Foreign key
dari tabel member Id_member
4 Isi_testimonial
Text 50
5 Tanggal_testimonial
Date 6
Status_testimonial Enum
‘tampil’,’tidak tampil’ 7
Nama_depan Varchar
50 8
Nama_belakang Varchar
50 9
Email Varchar
100 Unique, not null
Tabel III.24 - Keranjang
No Field
Type Size
Keterangan
1 Id_keranjang
Int 11
Primary key tabel
keranjang
2 Id_produk
Int 11
Foreign key dari tabel
produk Id_produk
3 Id_member
Int 11
Foreign key dari tabel
member Id_member 4
Jumlah Int
4 5
Id_session Varchar
100 6
Tgl_keranjang Date
7 Jam_keranjang
Time 8
Gambar_temp Varchar
100 9
Ukuran_temp Int
4 10
Harga_temp Decimal
10,0 11
Stok_temp Int
11 12
Ip Varchar
15 13
Diskon_temp Int
11
Tabel III.25 - Rating Produk
No Field
Type Size
Keterangan
1 Id_produk
Int 11
Primary key dari tabel
produk
2 Id_order
Int 11
Foreign key dari tabel
order Id_order 3
Counter Int
11 4
Value Int
11
III.3 Perancangan Arsitektur
III.4 Perancangan struktur menu
Perancangan struktur menu berisikan menu dan submenu yang berfungsi memudahkan user didalam menggunakan sistem. Menu-menu tersebut dibagi
berdasarkan hak akses masing-masing user. Berikut ini gambaran mengenai struktur menu website penjualan online.
1. Struktur Menu Pengunjung
Beranda
Semua Produk
Panduan Belanja
Kategori
Panduan Pengiriman
Panduan Pembayaran
Panduan Retur Pendaftaran
Login
Gambar III.28 - Struktur Menu Pengunjung
2. Struktur Menu Member
Beranda Semua Produk
Panduan Retur Panduan
Belanja Kategori
Panduan Pengiriman
Panduan Pembayaran
Profil Ubah
Password Riwayat
Pesanan
Testimonial Logout
Keranjang Belanja
Gambar III.29 - Struktur Menu Member
3. Struktur Menu Admin
Perancangan struktur menu admin merupakan tampilan menu yang dapat diakses oleh administrator.
Perancangan struktur menu admin pada halaman utama dapat ditunjukkan pada gambar III.30 :
Account
Dashboard Laporan
Transaksi Data Master
Retur Maintenance
Gambar III.30 - Struktur Menu Admin Pada Halaman Utama
Perancangan struktur menu admin pada data master dapat ditunjukkan pada gambar III.31 :
Kota
Data Provinsi Ukuran
Kategori Produk
Member
Testimonial Biaya
Pengiriman Paket
Pengiriman
III.31 - Struktur Menu Admin Pada Data Master
Perancangan struktur menu admin pada data transaksi dapat ditunjukkan pada gambar III.32 :
Belum Lunas
Sudah Diterima
Belum Dikonfirmasi
Sedang Dikirim Dikonfirmasi
III.32 - Struktru Menu Admin Pada Data Transaksi
Perancangan pada struktur menu admin pada data retur dapat ditunjukkan pada gambar III.33 :
Retur Diterima Costumer
Retur Baru
Retur Sedang Dikirim
Retur Diterima Toko
III.33 - Struktur Menu Admin Pada Data Retur
Perancangan pada struktur menu admin pada data laporan dapat ditunjukkan pada gambar III.34 :
Pengirima Penjualan
Retur Produk
III.34 - Struktur Menu Admin Pada Data Laporan
Perancangan struktur menu admin pada data maintenance dapat ditunjukkan pada gambar III.35 :
Restore Database
Backup Database
III.35 - Struktur Menu Admin Pada Data Maintenace
Perancangan struktur menu admin pada data profil dapat ditunjukkan pada gambar III.36 :
Logout Profil
Ubah Password
III.36 - Struktur Menu Admin Pada Data Profil III.4.1
Perancangan procedural
Perancangan procedural digunakan sebagai algoritma dasar dalam langkah mengkodekan prosedur yang ada. Adapun perancangan procedural sistem
informasi kualitas air adalah sebagai berikut :
1. Perancangan Prosedural Login Admin
Mulai Masukkan email
dan password
Pengecekan
Valid ?
Selesai ya
tidak
Tampil halaman beranda admin
Gambar III.37 - Perancangan Prosedural Login Admin
2. Perancangan Prosedural Login Member
Mulai Masukkan email
dan password
Pengecekan
Valid ?
Selesai ya
tidak
Tampil halaman beranda member
Gambar III.38 - Perancangan Prosedural Login Member
3. Perancangan Prosedural Tambah Data
Mulai Input data
Pengecekan
Valid ?
Selesai ya
tidak
Tampil data yang ditambahkan
Gambar III.39 - Perancangan Prosedural Tambah Data
4. Perancangan Prosedural Edit Data
Mulai Cari data yang
akan diedit Pencarian
Ketemu ?
Selesai ya
tidak
Edit data Cek data yang
akan diedit Edit data
gagal
Gambar III.40 - Perancangan Prosedural Edit Data
5. Perancangan Prosedural Hapus Data
Mulai Cari data
yang akan dihapus
Pencarian Ketemu ?
Selesai ya
tidak
Hapus data Cek data yang
akan dihapus Hapus data
gagal
Gambar III.41 - Perancangan Prosedural Hapus Data
6. Perancangan Prosedural Pencarian Data
Mulai Input cari
data Pencarian
Ketemu ?
Selesai ya
tidak
Data yang dicari
Gambar III.42 - Perancangan Prosedural Pencarian Data
7. Perancangan Prosedural order
Mulai
Pilih produk
Pengecekan
Tambah ?
Pengecekan Input data
pengiriman
Valid ?
Konfirmasi data order
Sesuai ?
Selesai tidak
ya
ya ya
tidak
tidak
Gambar III.43 - Perancangan Prosedural Order
8. Perancangan Prosedural Pendaftaran
Mulai Input data
pendaftaran
Pengecekan
Valid ?
Simpan data pendaftaran
Selesai ya
tidak
Gambar III.44 - Perancangan Prosedural Pendaftaran
9. Perancangan Prosedural Pembayaran
Mulai Input data
pembayaran
Pengecekan
Valid ?
Simpan data pembayaran
Selesai ya
tidak
Gambar III.45 - Perancangan Prosedural Pembayaran
10. Perancangan Prosedural Pengiriman
Mulai
Input no resi
Pengecekan
Valid ?
Selesai ya
tidak
Gambar III.46 - Perancangan Prosedural Pengiriman III.4.2
Perancangan antar muka
Perancangan antar muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam
mengimplementasikan aplikasi. Berikut ini adalah tampilan antar muka yang dirancang pada website penjualan online
The Baiya’s :
1. Perancangan Antarmuka Pengunjung
Antarmuka Home P01
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service
Testimonial IMAGE
Produk Lainnya Image
Image Image
Image Image
Image Image
Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Browser : OS :
IP : Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
P01
Gambar III.47 - Antarmuka Home
Antarmuka All Produk P02
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service
Testimonial Image
Image Image
Image Image
Image Image
Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Keranjang Belanja Clien Area
Browser : OS :
IP : Most View Product
Best Selling Product Mandiri
BNI Paypal
JNE Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
P02
Gambar III.48 - Antarmuka All Produk
Antarmuka Panduan Belanja P03
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service
Testimonial Teks
Mandiri BNI
Paypal JNE
Cara Belanja Keranjang Belanja
Clien Area Browser :
OS : IP :
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
P03
Gambar III.49 - Antarmuka Panduan Belanja
Antarmuka Panduan Pembayaran P04
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial Teks
Mandiri BNI
Paypal JNE
Pembayaran Keranjang Belanja
Clien Area Browser :
OS : IP :
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
P04
Gambar III.50 - Antarmuka Panduan Pembayaran
Antarmuka Panduan Pengiriman P05
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service
Testimonial Teks
Mandiri BNI
Paypal JNE
Ketentuan Proses Pengiriman Keranjang Belanja
Clien Area Browser :
OS : IP :
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
P05
Gambar III.51 - Antarmuka Panduan Pengiriman
Antarmuka Panduan Retur P06
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial Teks
Mandiri BNI
Paypal JNE
Panduan Retur Keranjang Belanja
Clien Area Browser :
OS : IP :
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
P06
Gambar III.52 - Antarmuka Panduan Retur
Antarmuka Pendaftaran P07
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
Mandiri BNI
Paypal JNE
Pendaftaran
Daftar Nama Depan
: Nama Belakang
: Alamat
: Kota
: Provinsi
: Telepon
: Email
: Password
: Masukkan Kode
: -- Pilih Provinsi --
▼ -- Pilih KabupatenKota --
▼ captcha
Jenis Kelamin :
Pria Wanita
Kodepos :
Keterangan : Harus Diisi Keranjang Belanja
Clien Area Browser :
OS : IP :
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
P07
Gambar III.53 - Antarmuka Pendaftaran
Antarmuka Login P08
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10 11.
Klik link “belum punya akun? Daftar sekarang” untuk menuju
P07 12.
Klik link “lupa password” untuk menuju M02
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service
Testimonial
Mandiri BNI
Paypal JNE
Member Login Email
Password Lupa Password ? Belum Punya Akun ? Daftar Sekarang
Keranjang Belanja Clien Area
Browser : OS :
IP : Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Login
Produk Lainnya Image
Image Image
Image Image
Image Image
Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
P08
Gambar III.54 - Antarmuka Login
Antarmuka Kategori P09
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
Mandiri BNI
Paypal JNE
Kategori Keranjang Belanja
Clien Area Browser :
OS : IP :
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Produk Lainnya Image
Image Image
Image Image
Image Image
Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
P09
Gambar III.55 - Antarmuka Kategori
Antarmuka Detail Produk P10
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Pendaftaran” untuk menuju P07
8. Klik tombol “Login” untuk menuju
P08 9.
Klik tombol “Kategori” untuk menuju P09
10. Klik tombol link “Nama Produk”
untuk menuju P10
FOOTER HEADER
LOGO Home | All Produk | Panduan | Pendaftaran | Login
Semua Produk▼ Cari
Kategori Customer Service
Testimonial
Mandiri BNI
Paypal JNE
Detail Produk Keranjang Belanja
Clien Area Browser :
OS : IP :
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Produk Serupa Image
Image Image
Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Image
Nama Produk
IMAGE
Add to Cart Harga Pokok :
Diskon : Harga Diskon :
Spesifikasi Produk Ukuran :
Berat : Warna :
Jenis Produk : Stok
Deskripsi :
Rating : 05
P10
Gambar III.56 - Antarmuka Detail Produk
2. Perancangan Antarmuka Member
Antarmuka Home M01
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 FOOTER
HEADER LOGO
Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial IMAGE
Produk Lainnya Image
Image Image
Image Image
Image Image
Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
M01
Gambar III.57 - Antarmuka Home
Antarmuka Lupa Password M02
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 FOOTER
HEADER LOGO
Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial Produk Lainnya
Image Image
Image Image
Image Image
Image Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Lupa Password Email
: Kirim
Keterangan : Harus Diisi
M02
Gambar III.58 - Antarmuka Lupa Password
Antarmuka Profil M03
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 15.
Klik tombol “edit” untuk menuju M08
FOOTER HEADER
LOGO Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial Produk Lainnya
Image Image
Image Image
Image Image
Image Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Profil Member
Edit ID Member
: Nama Depan
: Nama Belakang
: Jenis Kelamin
: Alamat
: Kodepos
: Provinsi
: Kota
: Telepon
: Email
:
M03
Gambar III.59 - Antarmuka Profil
Antarmuka Ubah Password M04
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 FOOTER
HEADER LOGO
Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori Customer Service
Testimonial Produk Lainnya
Image Image
Image Image
Image Image
Image Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Ubah Password Password Lama :
Ubah
Password Baru : Re-type Password Baru :
Keterangan : Harus Diisi
Ulang
M04
Gambar III.60 - Antarmuka Ubah Password
Antarmuka Testimonial M05
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 FOOTER
HEADER LOGO
Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori Customer Service
Testimonial Produk Lainnya
Image Image
Image Image
Image Image
Image Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Testimonial Nama Depan
Simpan
Nama Belakang Email
Ulang
Komentar
M05
Gambar III.61 - Antarmuka Testimonial
Antarmuka Keranjang Belanja M06
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 15.
Klik tombol “belanja lagi” untuk menuju P02
16. Klik tombol “checkout” untuk
menuju M09
FOOTER HEADER
LOGO Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial Image
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Keranjang Belanja Produk Diskon
Qty Harga
Subtotal Edit
Hapus Belanja Lagi
Checkout
Total Belanja
Teks
M06
Gambar III.62 - Antarmuka Keranjang Belanja
Antarmuka Riwayat Pesanan M07
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 15.
Klik link “bayar pesanan” untuk menuju M12
FOOTER HEADER
LOGO Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
No Pesanan
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Tgl Expired Status Pesan Status Bayar Status Kirim Total Bayar Aksi
Halaman : | Total Pesanan :
Pesanan
Gambar III.63 - Antarmuka Riwayat Pesanan
Antarmuka Edit Profil M08
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01
FOOTER HEADER
LOGO Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial Produk Lainnya
Image Image
Image Image
Image Image
Image Image
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Nama Produk Harga Asli
Harga Diskon Nama Produk
Harga Asli Harga Diskon
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Profil Member
Simpan ID Member
: Nama Depan
: Nama Belakang
: Jenis Kelamin
: Alamat
: Kodepos
: Provinsi
: Kota
: Telepon
: Email
: Pria
Wanita ▼
▼ Batal
Keterangan : Harus Diisi
M08
Gambar III.64 - Antarmuka Edit Profil
Antarmuka Konfirmasi Pengiriman M09
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 15.
Klik tombol “kembali” untuk menuju M06
16. Klik tombol “lanjutkan” untuk
menuju M10
FOOTER HEADER
LOGO Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Checkout Step 1 Alamat Pengiriman Alamat Lain
Kembali Alamat Tujuan
Nama Depan :
Nama Belakang :
Alamat :
Kodepos :
Provinsi :
Kota :
TeleponHP :
Email :
-- Pilih Tujuan Pengiriman -- ▼
-- Pilih Provinsi -- ▼
-- Pilih Kota -- ▼
Lanjutkan Keterangan : Harus Diisi
Biaya Pengiriman
Paket Pengiriman -- Pilih Paket Pengiriman --
▼ Total Berat
: Rp.
Ongkos Kirim Per Kg :
Rp. Ongkos Kirim
: Rp.
M09
Gambar III.65 - Antarmuka Konfirmasi Pengiriman
Antarmuka Konfirmasi Pembelian M10
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 15.
Klik tombol “kembali” untuk menuju M09
16. Klik tombol “selesai belanja”
untuk menuju M11
FOOTER HEADER
LOGO Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Konfirmasi Pembelian Alamat Pengiriman
No
Aturan, syarat dan ketentuan
Nama Produk Ukuran Warna Berat Satuan Qty Harga Satuan Subtotal Total Sementara Rp.
Total Berat Kg
Nama Alamat
Jenis Pengiriman yang digunakan
Layanan Pengiriman yang digunakan :
Tujuan :
Biaya Pengiriman :
Total Sementara :
Biaya Pengiriman :
Total Tagihan :
Rp. Rp.
Rp.
Kembali Selesai Belanja
Saya telah membaca dan menyetujui semua aturan, syarat dan ketentuan di atas
M10
Gambar III.66 - Antarmuka Konfirmasi Pembelian
Antarmuka Pembelian Selesai M11
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01
FOOTER HEADER
LOGO Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Pembelian Selesai Alamat Pengiriman
No Nama Produk Ukuran Warna Berat Satuan Qty Harga Satuan Subtotal Total Sementara Rp.
Total Berat Kg
Nama Alamat
Jenis Pengiriman yang digunakan
Layanan Pengiriman yang digunakan :
Tujuan :
Biaya Pengiriman :
Total Sementara :
Biaya Pengiriman :
Total Tagihan :
Rp. Rp.
Rp.
Transfer Bank Paypal
COD
Invoice :
Tanggal Order :
Tanggal Expired :
TEKS
M11
Gambar III.67 - Antarmuka Pembelian Selesai
Antarmuka Bayar Via Transfer Bank M12
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01 15.
Klik “COD” untuk menuju M13
FOOTER HEADER
LOGO Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori Customer Service
Testimonial
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Bayar Via Transfer Bank
COD Paypal
No Pesanan :
Jumlah yang Harus Dibayar :
No Rekening :
Nama Bank :
Atas Nama :
Kode Transaksi :
Tanggal Pembayaran :
-- Pilih Bank -- ▼
Jumlah Bayar :
Keterangan : Harus Diisi Konfirmasi
Contoh : 76250
M12
Gambar III.68 - Antarmuka Bayar Via Transfer Bank
Antarmuka COD M13
Navigasi : 1.
Klik tombol “Home” untuk menuju P01
2. Klik tombol “All Produk” untuk
menuju P02 3.
Klik tombol “Panduan-Belanja” untuk menuju P03
4. Klik tombol “Panduan-
Pembayaran” untuk menuju P04 5.
Klik tombol “Panduan- Pengiriman” untuk menuju P05
6. Klik tombol “Panduan-Retur”
untuk menuju P06 7.
Klik tombol “Kategori” untuk menuju P09
8. Klik tombol link “Nama Produk”
untuk menuju P10 9.
Klik link “profil” untuk menuju M03
10. Klik link “ubah password” untuk
menuju M04 11.
Klik link “testimonial” untuk menuju M05
12. Klik link “keranjang belanja”
untuk menuju M06 13.
Klik link “riwayat pesanan” untuk menuju M07
14. Klik link “logout” untuk menuju
P01
FOOTER HEADER
LOGO Home | All Produk | Panduan
Semua Produk▼ Cari
Kategori
Customer Service
Testimonial
Mandiri BNI
Paypal JNE
Keranjang Belanja Clien Area
Most View Product
Best Selling Product Image
Nama Produk Harga Asli
Harga Diskon
Image
Nama Produk Harga Asli
Harga Diskon
Hallo, Nama Member
Profil Ubah Password
Testimonial Keranjang Belanja
Riwayat Pesanan Logout
Konfirmasi Pembayaran Terima kasih telah melakukan konfirmasi, secepatnya
konfirmasi anda akan kami proses dahulu untuk di cek kebenarannya, tunggu konfirmasi dari kami selanjutnya.
Agar konfirmasi anda segera kami proses, sebaiknya anda melakukan konfirmasi kepada kami melalui telepon atau via
live chat.
M13
Gambar III.69 - Antarmuka COD
3. Perancangan Antarmuka Administrator
Antarmuka Login A01
username password
Username Password
Login Lupa Password
LOGO
Gambar III.70 - Antarmuka Login
Antarmuka Home A02
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Selamat datang admin di halaman petugas Toko The Baiyas
Data Master Transaksi
Belum lunas Kategori
Ukuran Produk
Provinsi Kota
Produk gambar Layanan pengiriman
Biaya pengiriman Testimonial
Retur Retur baru
Retur diterima toko Belum dikonfirmasi
Lunas Sedang dikirim
Sudah diterima Member
Retur sedang dikirim Retur diterima customer
Laporan Penjualan
Produk Retur
Pengiriman Maintenance
Backup database Restore database
Account Profil
Ubah password Logout
A02
Gambar III.71 - Antarmuka Home
Antarmuka Kategori A03
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi KATEGORI
Retur Laporan
Maintenance Account
Nama Hapus
Pencarian
Cari No
Nama Kategori SEO
Hapus Aksi
Tambah Kategori Tambah Subkategori
Kembali 1 | Berikutnya
A03
Gambar III.72 - Antarmuka Kategori
Antarmuka Ukuran A04
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 29.
Klik tombol “tambah ukuran” untuk menuju A31 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi UKURAN
Retur Laporan
Maintenance Account
Ukuran Hapus
Pencarian
Cari No
Ukuran Hapus
Aksi Tambah Ukuran
Kembali 1 | Berikutnya
A04
Gambar III.73 - Antarmuka Ukuran
Antarmuka Produk A05
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 29.
Klik tombol “tambah produk” untuk menuju A32 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi PRODUK
Retur Laporan
Maintenance Account
Nama Produk Stok
Pencarian
Cari
No Kategori
Nama Produk Harga
Tambah Produk
Kembali 1 | Berikutnya
Jenis Produk Ukuran
Berat Diskon
Stok Dibeli
Dilihat Dihapus
Aksi Harga
Dihapus
A05
Gambar III.74 - Antarmuka Produk
Antarmuka Provinsi A06
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 29.
Klik tombol “tambah provinsi” untuk menuju A33 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi PROVINSI
Retur Laporan
Maintenance Account
Provinsi Dihapus
Pencarian
Cari No
ID Provinsi Dihapus
Aksi Tambah Provinsi
Kembali 1 | Berikutnya
Provinsi
A06
Gambar III.75 - Antarmuka Provinsi
Antarmuka Kota A07
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 29.
Klik tombol “tambah kota” untuk menuju A34 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi KOTA
Retur Laporan
Maintenance Account
Kota Dihapus
Pencarian
Cari No
ID Kota Dihapus
Aksi Tambah Kota
Kembali 1 | Berikutnya
Provinsi Kota
Status Kota
A07
Gambar III.76 - Antarmuka Kota
Antarmuka Layanan Pengiriman A08
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 29.
Klik tombol “tambah layanan pengiriman” untuk menuju A35
FOOTER HEADER
LOGO
Dashboard Data Master
Transaksi LAYANAN PENGIRIMAN
Retur Laporan
Maintenance Account
Nama Layanan Pengiriman Dihapus
Pencarian
Cari No ID Layanan Pengiriman
Dihapus Aksi
Tambah Layanan Pengiriman
Kembali 1 | Berikutnya
Layanan Pengiriman Alamat Layanan
Telepon Layanan
A08
Gambar III.77 - Antarmuka Layanan Pengiriman
Antarmuka Biaya Pengiriman A09
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 29.
Klik tombol “tambah biaya pengiriman” untuk menuju A36 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi BIAYA PENGIRIMAN
Retur Laporan
Maintenance Account
Kota Jasa Pengiriman
Pencarian
Cari
No Layanan Pengiriman
Lama Pengiriman Dihapus
Tambah Ongkos Kirim
Kembali 1 | Berikutnya
Kota Kota Kabupaten
Ongkos Kirim Ongkos Kirim
Estimasi Pengiriman Dihapus
Last Edit By Aksi
A09
Gambar III.78 - Antarmuka Biaya Pengiriman
Antarmuka Testimonial A10
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi TESTIMONIAL
Retur Laporan
Maintenance Account
ID Member Email
Pencarian
Cari No
ID Member Status
Aksi
Kembali 1 | Berikutnya
Email Tanggal
Tanggal Status
A10
Gambar III.79 - Antarmuka Testimonial
Antarmuka Member A11
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi MEMBER
Retur Laporan
Maintenance Account
Nama Depan Nama Belakang
Pencarian
Cari No
ID Member Alamat
Aksi
Kembali 1 | Berikutnya
Nama Lengkap Jenis Kelamin
Jenis Kelamin Email
Telepon Email
Status
A11
Gambar III.80 - Antarmuka Member
Antarmuka Transaksi Belum Lunas A12
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi ORDER BARU
Retur Laporan
Maintenance Account
Cari Berdasarkan No Pesanan
Cari No
No Pesanan Nama Member
Jam Order Total Tagihan
Kembali 1 | Berikutnya
Tanggal Order Status
Aksi
A12
Gambar III.81 - Antarmuka Transaksi Belum Lunas
Antarmuka Transaksi Belum Dikonfirmasi A13
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi ORDER BELUM DIKONFIRMASI
Retur Laporan
Maintenance Account
Cari Berdasarkan No Pesanan
Cari No
No Pesanan Nama Member
Jam Order Total Tagihan
Kembali 1 | Berikutnya
Tanggal Order Status
Aksi
A13
Gambar III.82 - Antarmuka Transaksi Belum Dikonfirmasi
Antarmuka Transaksi Lunas A14
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi ORDER DIKONFIRMASI
Retur Laporan
Maintenance Account
Cari Berdasarkan No Pesanan
Cari No
No Pesanan Nama Member
Jam Order Total Tagihan
Kembali 1 | Berikutnya
Tanggal Order Status
Aksi
A14
Gambar III.83 - Antarmuka Transaksi Lunas
Antarmuka Transaksi Sedang Dikirim A15
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi ORDER DIKIRIM
Retur Laporan
Maintenance Account
Cari Berdasarkan No Pesanan
Cari No
No Pesanan Nama Member
Jam Order Total Tagihan
Kembali 1 | Berikutnya
Tanggal Order Status
Aksi
A15
Gambar III.84 - Antarmuka Transaksi Sedang Dikirim
Antarmuka Transaksi Sudah Diterima A16
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi ORDER DITERIMA
Retur Laporan
Maintenance Account
Cari Berdasarkan No Pesanan
Cari No
No Pesanan Nama Member
Jam Order Total Tagihan
Kembali 1 | Berikutnya
Tanggal Order Status
Aksi
A16
Gambar III.85 - Antarmuka Transaksi Sudah Diterima
Antarmuka Retur Baru A17
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi RETUR BARU
Retur Laporan
Maintenance Account
Cari Berdasarkan No Retur
Cari No
No Retur No Pesanan
Tanggal Retur
Kembali 1 | Berikutnya
Nama Member Status Retur
Aksi
A17
Gambar III.86 - Antarmuka Retur Baru
Antarmuka Retur Diterima Toko A18
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi RETUR DITERIMA TOKO
Retur Laporan
Maintenance Account
Cari Berdasarkan No Retur
Cari No
No Retur No Pesanan
Tanggal Retur
Kembali 1 | Berikutnya
Nama Member Status Retur
Aksi
A18
Gambar III.87 - Antarmuka Retur Diterima Toko
Antarmuka Retur Sedang Dikirim A19
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi RETUR DIKIRIM
Retur Laporan
Maintenance Account
Cari Berdasarkan No Retur
Cari No
No Retur No Pesanan
Tanggal Retur
Kembali 1 | Berikutnya
Nama Member Status Retur
Aksi
A19
Gambar III.88 - Antarmuka Retur Sedang Dikirim
Antarmuka Retur Diterima Customer A20
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi RETUR DITERIMA CUSTOMER
Retur Laporan
Maintenance Account
Cari Berdasarkan No Retur
Cari No
No Retur No Pesanan
Tanggal Retur
Kembali 1 | Berikutnya
Nama Member Status Retur
Aksi
A20
Gambar III.89 - Antarmuka Retur Diterima Customer
Antarmuka Laporan Penjualan A21
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi LAPORAN PENJUALAN
Retur Laporan
Maintenance Account
Mulai Tanggal
Cari
Sampai Tanggal Status Bayar
---Pilihan--- ▼
Lunas Belum Lunas
Belum Dikonfirmasi Dikonfirmasi
Keterangan : Harus Diisi
KAL KAL
A21
Gambar III.90 - Antarmuka Laporan Penjualan
Antarmuka Laporan Produk A22
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi LAPORAN PRODUK
Retur Laporan
Maintenance Account
Mulai Tanggal
Cari
Sampai Tanggal
Keterangan : Harus Diisi
KAL KAL
A22
Gambar III.91 - Antarmuka Laporan Produk
Antarmuka Laporan Retur A23
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi LAPORAN RETUR
Retur Laporan
Maintenance Account
Mulai Tanggal
Cari
Sampai Tanggal Status Retur
---Pilih Status--- Sedang Diproses
Sudah Diterima Toko Sedang Dikirim
Sudah Diterima Customer
Keterangan : Harus Diisi
KAL KAL
A23
Gambar III.92 - Antarmuka Laporan Retur
Antarmuka Laporan Pengiriman A24
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi LAPORAN PENGIRIMAN
Retur Laporan
Maintenance Account
Mulai Tanggal
Cari
Sampai Tanggal Status Pengiriman
---Pilih Status--- ▼
Sedang Dikirim Sudah Diterima
Keterangan : Harus Diisi
KAL KAL
A24
Gambar III.93 - Antarmuka Laporan Pengiriman
Antarmuka Backup Database A25
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi BACKUP DATABASE
Retur Laporan
Maintenance Account
Dump MySQL
Nama Database : thebaiya_db Backup Data
A25
Gambar III.94 - Antarmuka Backup Database
Antarmuka Restore Database A26
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi RESTORE DATABASE
Retur Laporan
Maintenance Account
Nama Database : thebaiya_db Browse
Restore Data MySQL
Restore
A26
Gambar III.95 - Antarmuka Restore Database
Antarmuka Profil A27
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 29.
Klik tombol “edit” untuk menuju A37 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi PROFIL ADMIN
Retur Laporan
Maintenance Account
Edit Nama
: Alamat
: Kota
: Kodepos
: Email
: Telepon
: Status
: Username
:
A27
Gambar III.96 - Antarmuka Profil
Antarmuka Ubah Password A28
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi UBAH PASSWORD
Retur Laporan
Maintenance Account
Password Lama :
Update
Password Baru : Re-type Password Baru :
Keterangan : Harus Diisi
Ulang
A28
Gambar III.97 - Antarmuka Ubah Password
Antarmuka Tambah Kategori A29
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi TAMBAH KATEGORI
Retur Laporan
Maintenance Account
Simpan
Kategori : Kategori SEO :
Keterangan : Harus Diisi
A29
Gambar III.98 - Antarmuka Tambah Kategori
Antarmuka Tambah Subkategori A30
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi TAMBAH SUBKATEGORI
Retur Laporan
Maintenance Account
Simpan -- Pilih Kategori --
▼
Kategori : Subkategori :
Keterangan : Harus Diisi Kategori SEO :
A30
Gambar III.99 - Antarmuka Tambah Subkategori
Antarmuka Tambah Ukuran A31
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi TAMBAH UKURAN
Retur Laporan
Maintenance Account
Simpan
Ukuran :
Keterangan : Harus Diisi
A31
Gambar III.100 - Antarmuka Tambah Ukuran
Antarmuka Tambah Produk A32
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi TAMBAH PRODUK
Retur Laporan
Maintenance Account
Simpan Kategori
: Nama Produk
: Jenis Produk
: Ukuran
: Harga Rp
: Diskon
: Berat gram
: Stok
: Warna
: Deskripsi
: Ringkasan
:
Keterangan : Harus Diisi Browse
-- Pilih Kategori -- ▼
-- Pilih Ukuran -- ▼
-- Pilih Warna -- ▼
Pria Wanita
Gambar :
A32
Gambar III.101 - Antarmuka Tambah Produk
Antarmuka Tambah Provinsi A33
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi TAMBAH PROVINSI
Retur Laporan
Maintenance Account
Simpan
Provinsi :
Keterangan : Harus Diisi
A33
Gambar III.102 - Antarmuka Tambah Provinsi
Antarmuka Tambah Kota A34
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi TAMBAH KOTA
Retur Laporan
Maintenance Account
Simpan
Status Kota :
Keterangan : Harus Diisi
-- Pilih Provinsi -- ▼
Provinsi : Kota :
Kabupaten Kota
A34
Gambar III.103 - Antarmuka Tambah Kota
Antarmuka Tambah Layanan Pengiriman A35
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi TAMBAH LAYANAN PENGIRIMAN
Retur Laporan
Maintenance Account
Simpan
Keterangan : Harus Diisi Nama Layanan Pengiriman :
Alamat Layanan Pengiriman : Telepon Layanan Pengiriman :
A35
Gambar III.104 - Antarmuka Tambah Layanan Pengiriman
Antarmuka Tambah Biaya Pengiriman A36
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi TAMBAH BIAYA PENGIRIMAN
Retur Laporan
Maintenance Account
Simpan
Keterangan : Harus Diisi
-- Pilih Provinsi -- ▼
Provinsi :
-- Pilih Layanan Pengiriman -- ▼
Layanan Pengiriman : Biaya Pengiriman Rp :
-- Pilih KabupatenKota -- ▼
Kota : Lama Pengiriman hari :
1 ▼
A36
Gambar III.105 - Antarmuka Tambah Biaya Pengiriman
Antarmuka Edit Profil A37
Navigasi : 1.
Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master
“kategori” untuk menuju A03 3. Klik tombol Data Master
“ukuran” untuk menuju A04 4. Klik tombol Data Master
“produk” untuk menuju A05 5. Klik tombol Data Master
“provinsi” untuk menuju A06 6. Klik tombol Data Master
“kota” untuk menuju A07 7. Klik tombol Data Master
“layanan pengiriman” untuk menuju A08
8. Klik tombol Data Master “biaya pengiriman” untuk menuju
A09 9. Klik tombol Data Master
“testimonial” untuk menuju A10 10. Klik tombol Data Master
“member” untuk menuju A11 11. Klik tombol Transaksi
“belum lunas” untuk menuju A12 12. Klik tombol Transaksi
“belum dikonfirmasi” untuk menuju A13
13. Klik tombol Transaksi “lunas” untuk menuju A14
14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15
15. Klik tombol Transaksi “sudah diterima” untuk menuju A16
16. Klik tombol Retur “retur baru” untuk menuju A17
17. Klik tombol Retur “retur diterima toko” untuk menuju A18
18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19
19. Klik tombol Retur “retur diterima customer” untuk menuju
A20 20. Klik tombol Laporan
“penjualan” untuk menuju A21 21. Klik tombol Laporan
“produk” untuk menuju A22 22. Klik tombol Laporan
“retur” untuk menuju A23 23. Klik tombol Laporan
“pengiriman” untuk menuju A24 24. Klik tombol Maintenance
“backup database” untuk menuju A25
25. Klik tombol Maintenance “restore database” untuk menuju
A26 26. Klik tombol Account
“profil” untuk menuju A27 27. Klik tombol Account
“ubah password” untuk menuju A28 28. Klik tombol Account
“logout” untuk menuju A01 FOOTER
HEADER LOGO
Dashboard Data Master
Transaksi PROFIL ADMIN
Retur Laporan
Maintenance Account
Update ID Admin
: Nama
: Alamat
: Kota
: Kodepos
: Email
: Telepon
: Status
: Aktif Username
: Password
: Re-type Password
: Keterangan : Harus Diisi
Batal ▼
administrator
A37
Gambar III.106 - Antarmuka Edit Profil
III.4.3 Perancangan pesan
Berikut ini adalah perancangan pesan yang ada pada website penjualan online
The Baiya’s Surabaya.
1. Perancangan Pesan Pengunjung
P01 Nama Depan Harus Diisi
Nama Belakang Harus Diisi Silahkan Isi Alamat Lengkap Anda
Kodepos Harus Diisi Provinsi Belum Dipilih
Kota Belum Dipilih Password Harus Diisi
Kode Harus Diisi
P02 Anda Sudah Terdaftar Sebagai Member
P03 Email zzzzzz Sudah Terdaftar, Silahkan Ulangi Lagi
P04 Gagal Melakukan Pendaftaran, Silahkan Ulangi Lagi
P05 Gagal Mengirim Aktivasi Email
P06 Pendaftaran Sukses
Silahkan Melihat Email Anda Untuk Mengaktifkan Account. Apabila Tidak Ditemukan Balasan Ke Email
Inbox Anda, Silahkan Cek Inbox Spam Email Anda...
P07 Terima Kasih Telah Mengaktifkan Account Anda..
Selamat Berbelanja
Gambar III.107 - Perancangan Pesan Pengunjung
2. Perancangan Pesan Member
M01 Email Atau Password yang Anda Masukkan Salah
Belum Punya Account Member ? Silahkan Daftar Dulu Disini
M03 Keranjang Belanja Anda Kosong
M04 Password Lama Harus Diisi
Password Baru Harus Diisi Re-type Password Harus Diisi
M05 Nama Depan Harus Diisi
Nama Belakang Harus Diisi Alamat Harus Diisi
Kodepos Harus Diisi Provinsi Belum Dipilih
Kota Belum Dipilih Email Harus Diisi
M06 Alamat Tujuan Belum Dipilih
Pilih Jasa Pengiriman Nama Depan Penerima Harus Diisi
Nama Belakang Penerima Harus Diisi Isi Alamat Lengkap Pengiriman
Provinsi Belum Dipilih Kota Belum Dipilih
Kodepos Harus Diisi
M07 Anda Belum Menyetujui Dengan Semua Syarat dan
Ketentuan Toko The Baiyas
M08 Jumlah Bayar Harus Diisi
Nama Bank Harus Diisi Atas Nama Harus Diisi
Kode Transaksi Harus Diisi Tanggal Pembayaran Belum Diisi
M02 Password Baru Telah Dikirim ke Email Anda, Silahkan
Cek Email, Untuk Keamanan Anda Silahkan Ubah Password Anda.
M09 Password Baru Dengan ID Member : Telah Diubah
Gambar III.108 - Perancangan Pesan Member III.4.4
Jaringan semantik
Jaringan semantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya. Berikut adalah gambaran jaringan semantik yang
ada pada website penjualan The Baiya’s.
1. Jaringan Semantik Pengunjung
P01 P02
P03
P04
P05 P06
P07 P08
P09 P10
Gambar III.109 - Jaringan Semantik Pengunjung
2. Jaringan Semantik Member
M01 M02
M03
M04
M05 M06
M07 M08
M09 M10
M11 M12
M13
Gambar III.110 - Jaringan Semantik Member
3. Jaringan Semantik Administrator
A02 A03
A04 A05
A06 A07
A08 A09
A10 A11
A13 A14
A15 A16
A17 A18
A19 A20
A21 A22
A23 A24
A25 A26
A27 A12
A28 A29
A30 A31
A32 A33
A34 A35
A36 A37
Gambar III.111 - Jaringan Semantik Admin
194
Bab IV IMPLEMENTASI DAN PENGUJIAN