10
d. System Coding
Merupakan tahap interpretasi data dari rancangan masalah yang telah dirancang sebelumya ke dalam sintaks atau kode bahasa
pemorgraman yang telah ditentukan. e.
System Testing Merupakan tahap penyatuan unit-unit program yang kemudian
diuji secara keseluruhan. f.
System Maintenance Merupakan tahap akhir dimana perangkat lunak yang telah selesai
dibangun dioperasikan pada lingkungan sebenarnya dan melakukan pemeliharaan dimana dapat mengalami perubahan–perubahan
sesuai dengan kebutuhan atau permintaan user.
I.6 Sistematika Penulisan
Sitematika penulisan dalam laporan penelitian ini dibagi ke dalam lima pokok bahasan dengan sistematika penulisan sebagai berikut:
BAB I PENDAHULUAN
Dalam bab ini menguraikan tentang latar belakang masalah, perumusan masalah, maksud dan tujuan, batasan masalah, metode penelitian, serta
sistematika penulisan.
BAB II TINJUAUAN PUSTAKA
Bab ini membahas berbagai konsep dasar dan teori-teori yang berkaitan dengan topik penelitian yang dilakukan dan hal-hal yang berguna dalam proses analisis
permasalahan.
11
BAB III ANALISIS DAN PERANCANGAN
Bab ini menjelaskan seluruh spesifikasi sistem yang mencakup analisis prosedur yang sedang berjalan, kebutuhan non fungsional, selain analisis
sistem bab ini juga melakukan perancangan antar muka atau perancangan sistem secara keseluruhan berdasarkan hasil analisis tersebut.
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini membahas tentang implementasi dan pengujian sistem yang telah telah dibangun apakah sudah benar-benar berjalan seuai dengan yang
diharapkan.
BAB V KESIMPULAN DAN SARAN
Bab ini terdiri dari kesimpulan dan saran yang berisikan hal – hal terpenting yang dibahas dan kemudian dijadikan kesimpulan. Bab ini juga berisi saran-
saran yang dimungkinkan untuk pengembangan perangakat lunak selanjutnya.
12
BAB II TINJAUAN PUSTAKA
II.1 Tinjauan Perusahaan
II.1.1 Sejarah Perusahaan
CV. Multi Abadi merupakan sebuah unit usaha keluarga yang didirikan sejak tahun 2009 oleh Fahd Utama Putra dan Nur Asma Anita yang berlokasi di
Jalan Sariwangi No. 85 Parongpong, Bandung. CV Multi Abadi bergerak dalam bidang penjualan alat-alat kesehatanmedical equipment seperti kursi rodawheel
chair, tensi meter, termometer, oksigen, kertas ECGECG paper, Pump, peralatan laboratorium dan berbagai jenis peralatan kesehatan lainnya.
II.1.2 Visi Dan Misi
CV. Multi Abadi memiliki visi dan misi dalam menjalankan tugasnya sebagai perusahaan yang bergerak di bidang penjualan alat-alat kesehatan
medical equipment. Adapun visi dan misi dari CV. Multi Abadi itu sendiri adalah sebagai berikut :
II.1.2.1 Visi
Menjadi sebuah perusahaan penjualan alat kesehatan terbesar dan terlengkap di Indonesia serta memberikan pelayanan terbaik terhadap seluruh
konsumen.
13
II.1.2.2 Misi
a. Memberikan kualitas produk terbaik dan jaminan pengawasan mutu yang
cermat b.
Memajukan perusahaan dengan parameter meningkatnya aktiva dan sumber daya perusahaan
c. Menjamin kesejahteraan karyawan dan mitra perusahaan
II.1.2.3 Struktur Organisasi
Struktur organisasi atau bagan organisasiorganization chart menunjukkan bagaimana departemen-departemen dalam organisasi dikoordinasikan bersama-
sama melalui suatu jalur wewenang dan tanggung jawab. Bagan atau struktur organisasi adalah penggambaran grafik yang menggambarkan struktur kerja dari
suatu struktur organisasi. Struktur organisasi hanya dapat menunjukkan hubungan wewenang yang formal saja dan tidak dapat menggambarkan seberapa besar
wewenang dan tanggung jawab serta deskripsi pekerjaan secara rinci[7]. Adapun struktur organisasi dari CV. Multi Abadi seperti pada gambar II.1
berikut ini :
Gambar II.1 Stuktur Organisasi CV. Multi Abadi
14
II.1.3 Deskripsi Tugas
Deksripsi tugas job description merupakan suatu rincian yang menunjukkan tanggung jawab, wewenang, fungsi dan tugas-tugas yang harus
dikerjakan oleh seorang personil di dalam suatu organisasi. Deskripsi tugas perlu dibuat supaya masing-masing personil mengerti kedudukannya dalam
organisasi[7]. Deskripsi tugas dari struktur organisasi yang terdapat pada CV. Multi Abadi
adalah sebagai berikut : 1.
Pimpinan Perusahaan a.
Mengatur segala
kegiatan manajemen
yang berlangsung
diperusahaan. b.
Bertanggung jawab atas segala kegiatan usaha perusahaan baik teknis dan non teknis.
c. Melakukan evaluasi terhadap semua kegiatan yang direncanakan
perusahaan. d.
Sebagai pengambil keputusan. e.
Mengawasi perkembangan perusahaan. 2.
Bagian Penjualan a.
Melayani customer baik dengan bertatap muka langsung ataupun melalui telepon dalam memberikan informasi mengenai produk
dan layanan perusahaan.
15
b. Bertanggung jawab dalam melayani transaksi seperti penjualan
serta mencatat transaksi harian yang terjadi. 3.
Bagian Gudang a.
Bertanggung jawab terhadap stok barang di gudang. b.
Menyediakan barang sesuai nota penjualan barang. c.
Melakukan pengadaan barang jika stok produk di gudang telah habis.
d. Melakukan packing barang dan pengiriman.
e. Melakukan perawatan produk yang ada di gudang.
II.2 Landasan Teori
II.2.1 Konsep Sistem Informasi
II.2.1.1 Pengertian Data
Secara konseptual data adalah deskripsi tentang benda, kejadian, aktivitas dan trasaksi yang tidak mempunyai makna atau tidak berpengaruh secara
langsung keada pemakai dan dapat berupa nilai yang terformat dalam bentuk teks, citra, audio dan video data sering disebut sebagai bahan mentah informasi[13].
II.2.1.2 Pengertian Informasi
Informasi adalah hasil pengolahan data dalam suatu bentuk yang lebih berarti dan berguna bagi penerimanya yang menggambarkan kejadian-
kejadianevent yang nyata fact yang digunakan untuk mengambil keputusan[13]. Sumber informasi itu sendiri adalah data dimana data itu sendiri
merupakan bentuk yang masih mentah dan belum dapat bercerita banyak sehingga
16
perlu dilakukan transformasi data dengan cara mengolah data melalui suatu model untuk menghasilkan informasi.
Proses transformasi data untuk menghasilkan informasi dapat di lihat seperti gambar II.2.
Gambar II.2 Transformasi Data Menjadi Informasi
II.2.1.3 Kualitas Informasi
Kualitas dari suatu informasi tergantung pada tiga hal yaitu[13]: 1.
Akurat, berarti informasi harus bebas dari kesalahan-kesalahan dan tidak menyesatkan, dalam hal ini informasi harus jelas mencerminkan
maksudnya. 2.
Tepat waktu, berarti informasi yang datang pada penerima tidak boleh terlambat. informasi yang sudah usang tidak akan mempunyai nilai lagi
karena informasi merupakan suatu landasan dalam mengambil sebuah keputusan dimana bila pengambilan keputusan terlambat maka akan
berakibat fatal untuk organisasi. 3.
Relevan, berarti informasi harus mempunyai manfaat untuk pemakainya, dimana relevansi informasi untuk tiap-tiap individu berbeda tergantung
pada yang menerima dan yang membutuhkan.
17
II.2.1.4 Pengertian Sistem
Terdapat dua kelompok dalam pengertian sistem, yaitu pengertian yang menekankan pada komponen atau elemennyatinjauan atas dasar fasilitas dan
pengeritan yang menekankan pada prosedur tinjauan atas dasar aktivitas. Pendekatan sistem yang lebih menekankan pada prosedur mendefinisikan sistem
sebagai suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk
menyelesaikan suatu sasaran yang tertentu[7]. Menurut Jerry Fitzgerald, Ardra F. Fitzgerald dan Warren D. Stallings,
Jr.,mendefinisikan prosedur sebagai berikut[7] : Suatu prosedur adalah urut-urutan yang tepat dari tahapan-tahapan instruksi
yang menerangkan Apa What yang harus dikerjakan, Siapa Who yangmengerjakannya, Kapan When dikerjakan dan Bagaimana How
mengerjakannya. Sedangkan pendekatan sistem yang lebih menekankan pada elemen atau
komponennya mendefiniskan sistem sebagai kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu[7].
Sistem itu sendiri mempunyai tujuan yang sama untuk menghasilkan sesuatu yang lebih bermanfaat ada yang menyebut mencapai suatu tujuan goal.
Jadi dapat disimpulkan pengertian sistem adalah kumpulan dari berbagai macam elemen yang berbeda namun mempunyai tujuan yang sama untuk mencapai
sasaran yang dimaksud. Sistem juga dapat didefinisikan sebagai suatu kesatuan
18
yang terdiri dari dua atau lebih komponen atau subsistem yang berinteraksi untuk mencapai suatu tujuan[7].
Suatu sistem terdiri dari sistem-sistem bagiansubsystems. Subsistem- subsistem saling berinteraksi dan saling berhubungan membentuk suatu kesatuan
yang terintegrasi sehingga tujuan atau sasaran sistem dapat tercapai.
II.2.1.5 Bentuk Umum Sistem
Bentuk umun dari suatu sistem terdiri atas masukan input, proses dan keluaran output seperti terlihat pada gambar II.4 dalam bentuk umum sistem ini
bisa melakukan satu atau lebih masukan yang akan diproses dan menghasilkan keluaran sesuai dengan rencana yang telah ditentukan sebelumnya[7].
Gambar II.3 Bentuk Umum Sistem
II.2.1.6 Pengertian Sistem Informasi
Robert A. Leitch dan K. Roscoe Davis mendefinisikan bahwa sistem informasi adalah “Suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan
pihak luar tertentu dengan laporan yang diperlukan” [7].
19
Sedangkan menurut Jogiyanto HM. sistem informasi adalah “Suatu sistem di dalam suatu organisasi yang merupakan kombinasi dari orang-orang, fasilitas,
teknologi, media, prosedur-prosedur dan pengendalian yang ditujukan untuk mendapatkan jalur komunikasi penting, memproses tipe transaksi rutin tertentu,
member sinyal kepada manajemen dan yang lainnya terhadap kejadian-kejadian internal dan eksternal yang penting dan menyediakan suatu dasar informasi untuk
pengambilan keputusan yang cerdik”[7].
II.2.1.7 Komponen Sistem Informasi
Sistem informasi terdiri dari komponen-komponen yang disebut dengan blok bangunanbuilding block yang terdiri dari 6 blok yang saling berinteraksi
satu dengan lainnya membentuk suatu kesatuan untuk mencapai suatu tujuan atau sasarannya [7]. Blok-blok tersebut adalah sebagai berikut :
1. Blok Masukan input block
Input mewakili data yang masuk ke dalam sistem informasi. Input di sini termasuk metode-metode dan media untuk mengambil data yang
akan digunakan. Yang dapat berupa dokumen-dokumen dasar 2.
Blok Modelmodel block Blok ini terdiri dari kombinasi prosedur, logika dan model matematik
yang akan digunakan untuk memanipulasi data input dan data yang tersimpan di basis data dengan cara tertentu untuk menghasilkan
keluaran yang diinginkan. 3.
Blok Keluaranoutput block
20
Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk
semua tingkatan manajemen serta pemakai sistem. 4.
Blok Teknologitechnology block Teknologi merupakan “kotak alat”tool-box dari sistem informasi.
Teknologi digunakan untuk menerima input, menjalankan model dan mengakses data, menghasilkan dan mengirimkan keluaran dan
membantu pengendalian dari sistem secara keseluruhan. Teknologi terdiri dari 2 bagian utama yaitu, perangkat lunaksoftware dan
perangkat kerashardware. Perangkat lunak berupa program yang membuat perangkat keras bekerja untuk memproses model sesuai
dengan model yang telah ditetapkan. Sedangkan perangkat keras terdiri dari macam-macam alat yang menyediakan dukungan fisik
untuk blok-blok lainnya. 5.
Blok Basis Datadatabase block Basis data merupakan kumpulan data yang saling berhubungan satu
dengan lainnya tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya. Data perlu disimpan dalam
basis data untuk keperluan penyediaan informasi. Data yang tersimpan dalam basis data perlu diorganisasikan sedemikian rupa agar informasi
yang dihasilkan berkualitas. Organisasi basis data berguna untuk efisiensi penyimpanan data.
6. Blok Kendalicontroll block
21
Agar sistem informasi dapat berjalan sesuai dengan yang telah ditetapkan, maka perlu diterapkan pengendalian pengendalian di
dalamnya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat
dicegah ataupun bila terjadi kesalahan dapat secara cepat diatasi. Untuk lebih jelas mengenai komponen sistem informasi dapat dilihat
dalam gambar II.4.
Gambar II.4 Blok Bangunan Sistem Informasi
II.2.1.8 Metodologi Pengembangan Sistem
Metodologi pengembangan sistem adalah suatu proses pengembangan sistem yang formal dan presisi yang mendefinisikan serangkaian aktivitas,
metode, best practices, dan tools yang terautomasi bagi para pengembang dan manajer proyek dalam rangka mengembangkan dan merawat sebagian besar atau
keseluruhan sistem informasi atau perangkat lunak[13].
22
Metodologi pengembangan sistem yang digunakan dalam merancang dan membangun aplikasi ini adalah dengan menggunakan pendekatan terstruktur.
Pendekatan terstruktur mengenalkan penggunaan alat-alat dan teknik-teknik untuk mengembangkan sistem secara terstruktur. Tujuan pendekatan terstruktur adalah
agar pada akhir pengembangan perangkat lunak dapat memenuhi kebutuhan user, dilakukan tepat waktu, tidak melampaui anggaran biaya, mudah dipergunakan,
mudah dipahami dan mudah dirawat serta didapatkan sistem yang strukturnya didefinisikan dengan baik dan jelas.
II.2.1.9 Alat
Tools Pengembangan Sistem II.2.1.9.1
ERD Entity Relationship Diagram
ERD adalah sebuah diagram yang digunakan untuk menggambarkan digunakan untuk menggambarkan ERM Entity Relational Model. ERM adalah
model entity yang berisi komponen-komponen himpunan entitas dan himpunan relasi
yang masing-masing
dilengkapi dengan
atribut-atribut yang
merepresentasikan seluruh fakta dari dunia nyata yang kita tinjau dapat digambarkan
dengan lebih
sistematis menggunakan
Diagram Entity-
Relationship[4]. Dapat disimpulkan bahwa ERD adalah model konseptual yang menjabarkan hubungan antar penyimpanan data dan hubungan data.
Elemen-elemen yang ada dalam ERD ini diantaranya sebagai berikut: 1.
Entity Pada ERD, entity digambarkan dengan bentuk persegi panjang. Entity
adalah sesuatu apa saja yang ada dalam sistem, nyata maupun abstrak
23
dimana data tersimpan atau dimana terdapat data. Entity diberi nama dengan kata benda dan dapat dikelompokan dalam empat jenis nama
yaitu, orang, benda, lokasi, dan kejadian. 2.
Relationship Pada ERD, relationship digambarkan dengan sebuah belah ketupat.
Relationship adalah hubungan alamiah yang terjadi antara entity. Pada umumnya, relationship diberi nama dengan kata kerja.
3. Relationship Degree
Relationship degree adalah jumlah entitas yang berpartisipasi dalam suatu relationship. Relationship yang sering digunakan di ERD adalah
sebagai berikut: a.
Unary Relationship Unary relationship adalah model relationship yang terjadi antara
entity yang berasal dari entity set yang sama. Model ini biasanya disebut Recursive Relationship atau Reflective Relationship.
b. Binary Relationship
Binary Relationship adalah model relationship antara instance- instance dari suatu tipe entity dua entity yang berasal dari entity
yang sama. c.
Ternary Relationship Ternary Relationship adalah relationship antara instance-instance
dari tiga tipe entitas secara serentak. 4.
Atribut
24
Atribut adalah sifat atau karakteristik dari tiap entitas atau tiap relationship. Maksudnya, atribut adalah sesuatu yang menjelaskan apa
yang sebenarnya dimaksud entitas maupun relationship sehingga sering dikatakan bahwa atribut adalah elemen dari setiap entitas dan
relationship.
II.2.1.9.1.1 Kardinalitas RelasiDerajat Relasi
Dalam ERD, hubungan relasi dapat terdiri dari sejumlah entitas yang disebut derajat relasi. Derajat relasi maksimum disebut dengan kardinalitas,
sedangkan derajat minimum disebut dengan modalitas. Jadi kardinalitas relasi menunjukkan jumlah maksimum entitas yang dapat berelasi dengan entitas pada
himpunan entitas lain[4]. Kardinalitas relasi yang terjadi diantara dua himpunan entitas misalnya A dan B dapat berupa :
a. Satu ke Satu One to One
Setiap entitas pada himpunan entitas A berhubungan dengan paling banyak dengan satu entitas A berhubungan dengan paling banyak satu entitas pada
himpunan entitas B, dan begitu juga sebaliknya setiap entitas pada himpunan B berhubungan dengan paling banyak dengan satu entitas pada himpunan
entitas A. Ilustrasi derajat relasi satu ke satu dapat dilihat pada gambar II.5.
25
Gambar II.5 Gambar Derajat Relasi Satu Ke SatuOne to One
b. Satu ke Banyak One to Many
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi tidak sebaliknya, di mana setiap
entitas pada himpunan entitas B berhubungan dengan paling banyak dengan satu entitas pada himpunan entitas A. Ilustrasi derajat relasi satu ke banyak
dapat dilihat pada gambar II.6.
Gambar II.6 Derajat Relasi Satu ke BanyakOne to Many c.
Banyak ke Satu Many to One setiap entitas pada himpunan entitas A berhubungan dengan paling banyak
dengan satu entitas pada himpunan entitas B, tetapi tidak sebaliknya, dimana
26
setiap entitas pada himpunan entitas A berhubungan dengan paling banyak satu entitas pada himpunan entitas B. Ilustrasi derajat relasi banyak ke satu
dapat dilihat pada gambar II.7.
Gambar II.7 Derajat Relasi Banyak ke SatuMany to One
d. Banyak ke Banyak Many to Many
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, dan demikian juga sebaliknya, dimana setiap
entitas pada himpunan entitas B dapat berhubungan dengan banyak entitas A. Ilustrasi derajat relasi banyak ke banyak dapat dilihat pada gambar II.8.
Gambar II.8 Derajat Relasi Banyak ke BanyakMany to Many
27
II.2.1.9.1.2 Tahap Pembuatan Diagram E-RERD
Diagram ER dibuat secara bertahap, ada dua kelompok tahapan yang biasa ditempuh didalam pembuatan diagram ER, yaitu[4];
1. Tahap pembuatan diagram ER awal Preliminary design. 2. Tahap optimasi digram ER Final design.
Tujuan dari tahap pertama adalah untuk mendapatkan sebuah rancangan basis data minimal yang dapat mengakomodasi kebutuhan penyimpanan data
terhadap sistem yang sedang ditinjau. Tahap awal ini umumnya mengabaikan anomali-anomali proses pada basis data yang memberikan efek samping yang
tidak diharapkan yang memang ada sebagai suatu fakta. Anomali-anomali tersebut biasanya baru dipertimbangkan pada tahap kedua.
Tahap kedua mempertimbangkan anomali-anomali dan juga memperhatikan aspek-aspek efisiensi, performasi dan fleksibilitas. Tiga hal tersebut seringkali
dapat saling bertolak belakang. Karena itu, tahap kedua ini ditempuh dengan melakukan koreksi terhadap tahap pertama. Bentuk koreksi yang terjadi dapat
berupa pendekomposisian himpunan entitas, penggabungan himpunan entitas, pengubahan derajat relasi, penambahan relasi baru atau perubahan penambahan
dan pengurangan atribut-atribut untuk masing-masing entitas dan relasi. Langkah-langkah teknis yang dapat dilakukan untuk mendapatkan ERD
awal adalah: 1.
Mengidentifikasi dan menetapkan seluruh himpunan entitas yang akan terlibat.
28
2. Menentukan atribut-atribut kunci key dari masing-masing himpunan
entitas. 3.
Mengidentifikasi dan menetapkan seluruh himpunan relasi diantara himpunan entitas-himpunan entitas yang ada beserta kunci tamu
foreign key kunci asing. 4.
Menentukan derajat kardinalitas relasi untuk setiap himpunan relasi. 5.
Melengkapi himpunan entitas dan himpunan relasi dengan atribut dekriptif atribut yang bukan kunci.
II.2.1.9.2 Bagan Alir Dokumen
Document Flowchart
Bagan alir dokumen document flowchart atau disebut juga bagan alir formulir form flowchart atau paperwork flowchart menggambarkan aliran
dokumen dan informasi antar area pertanggungjawaban di dalam sebuah organisasi. Bagan alir ini menelusuri sebuah dokumen dari asal sampai tujuan
akhirnya. Secara rinci, bagan alir ini menunjukan dari dokumen tersebut berasal, distribusinya, tujuan digunakannya dokumen tersebut dan lain-lain. Bagan alir ini
bermanfaat untuk menganalisis kecukupan prosedur pengawasan dalam sebuah sistem. Bagan alir dokumen disebut juga bagan alir formulir yang menunjukan
arus dari laporan dan formulir termasuk tembusannya[7].
II.2.1.9.3 Diagram Konteks
Diagram konteks merupakan diagram aliran data pada tingkat paling atas yang merupakan penggambaran yang berfungsi untuk memperlihatkan
interaksihubungan langsung antara sistem dengan lingkungannya. Diagram
29
konteks menggambarkan sebuah sistem berupa sebuah proses yang berhubungan dengan satu atau beberapa entitasentity.
II.2.1.9.4 DFD
Data Flow Diagram
Data Flow Diagram DFD adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu
jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan
nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi. DFD sering digunakan, khususnya bila fungsi-fungsi sistem merupakan
bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan
penekanan hanya pada fungsi sistem. DFD merupakan alat yang digunakan pada metodologi pendekatan sistem
yang terstruktur. Kelebihan utama pendekatan aliran data, yaitu : a.
Kebebasan dari menjalankan implementasi teknis sistem b.
Pemahaman lebih jauh mengenai keterkaitan satu sama lain dalam sistem dan subsistem.
c. Mengkomunikasikan pengetahuan sistem yang ada dengan pengguna
melalui diagram aliran data. d.
Menganalisa sistem yang diajukan untuk menentukan apakah data- data dan proses yang diperlukan sudah ditetapkan.
30
II.2.1.9.5 Kamus Data
Kamus data atau data dictionary adalah katalog fakta tentang data dan kebutuhan informasi dari suatu sistem informasi dengan menggunakan kamus
data analisis sistem dapat mendefinisikan data yang mengalir di sistem secara lengkap[7].
Kamus data dibuat pada tahap analisis maupun pada tahap perancangan sistem. Pada tahap analisis kamus data dapat digunakan sebagai alat komunikasi
antara analisis sistem dengan pemakai sistem tentang data yang masuk ke sistem dan tentang informasi yang dibutuhkan oleh pemakai sistem. Sedangkana pada
tahap perancangan kamus data digunakan untuk merancang input, laporan-laporan dan database. Kamus data dibuat berdasarkan arus data yang mengalir di
DFDData Flow Diagram.
II.2.2 Konsep Web
II.2.2.1 Internet
InternetInterconnected Network merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang dihubungkan satu dengan lainnya
dengan suatu standard set protokol[6]. Sedangkan dari segi ilmu pengetahuan, Internet merupakan sebuah perpustakaan besar yang didalamnya terdapat jutaan
bahkan milyaran informasi atau data yang dapat berupa text, graphic, audio ,animasi, dan lain-lain dalam bentuk media elektronik.
31
II.2.2.2 Protokol TCPIP
Protokol yang digunakan sebagai format transmisi data pada jaringan internet adalah TCPIP. TCPIP berasal dari dua protokol yang sangat penting
yaitu TCP Transmission Control Protokol dan IPInternet Protokol. Sebagai gambaran, bila anda mengirim e-mail ke seorang teman di negara lain, TCP akan
membagi pesan tersebut ke dalam paket data yang kecil-kecil. Setiap paket data akan ditandai dengan nomor urut dan alamat tujuan. Selain itu, TCP akan
menyertakan informasi untuk mengontrol jika terjadi kesalahan transmisi[14]. Selanjutnya, paket-paket data dikirim melalui jaringan komputer, dimana
dalam tahap ini IP membawa paket-paket data ke alamat tujuan. Pada alamat tujuan TCP menerima paket-paket data, memeriksa kesalahan, serta menyusun
paket-paket data tersebut menjadi pesan asli yang dikirimkan.
II.2.2.3 WWW
World Wide Web
WWW adalah sebuah layanan internet berbasis client-server. Secara umum dapat diartikan WWW atau web adalah program-program yang berjalan pada
banyak komputer, yang memungkinkan pengguna menemukan serta menampilkan dokumen-dokumen seperti dokumen-dokumen yang mengandung kombinasi teks,
foto, grafik, gambar, suara, serta video dari berbagai sumber yang mungkin terpisah-pisah secara geografis yang disimpan di suatu server dimanapun dengan
mudah yang terhubung dengan internet[3]. Web kini tepah diadopsi oleh perusahaan-perusahaan sebagai sebagian dari
strategi teknologi informasi mereka karena beberapa alasan berikut[3]:
32
a. Akses informasi mudah
b. Setup server mudah
c. Informasi mudah didistribusikan
d. Bebas platform dimana informasi dapat disajikan oleh web
browser pada sistem operasi apa saja.
II.2.2.4 HTMLHypertext Markup Language
HTMLHypertext Markup Language adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung
pada suatu platform tertentuplatform independent. Dokumen HTML adalah suatu dokumen teks biasa dan disebut sebagai markup language karena
mengandung tanda-tandatag tertentu yang digunakan untuk menentukan tampilan pada suatu teks dan tingkat kepentingan dari teks tersebut dalam sutu
dokumen. Pada dokumen HTML yang termasuk hypertext kita tidak harus membaca dokumen tersebtu secara urut dari atas ke bawah sebaliknya tetapi, kita
dapat menuju pada topic tertentu dengan menggunakan teks penghubung yang akan membawa ke suatau topikdokumen lain secara langsung[3].
II.2.2.5 HTTP
Hypertext Transfer Protocol
HTTPHypertext Transfer Protocol adalah suatu protocol yang menentukan aturan yang perlu diikuti oleh web browser untuk melakukan komunikasi baik itu
meminta atau mengambil dokumen dari web server. Protocol ini merupakan protocol standar yang digunakan untuk mengakses dokumen HTML[8].
33
II.2.2.6 Web Server
Web server adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari client yang dikenal dengan web browser dan
mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. Web server yang terkenal diantaranya
adalah Apache dan Microsoft Internet Information Service IIS. Web server hingga saat ini dapat dikatakan sebagai tulang punggung bagi para pengguna
internet. Hal ini dikarenakan web server bukan hanya bisa melayani jenis data dalam bentuk text saja tetapai juga mampu menampilkan data dalam format
gambar baik itu 2 dimensi, 3 dimensi dan suara[12].
II.2.2.7 Web Browser
Web Browser atau yang lebih sering disebut sebagai browser saja merupakan program aplikasi yang memungkinakan pengguna internet mengakses
dan membaca atau menampilkan informasi baik itu informasi berupa teks, gambar, animasi atau yang lainnya yang ditulis dalam hypertext pada suatu
halaman world wide web WWW yang ditempatkan di web server dan terhubung ke Internet atau suatu jaringan lokal LAN, Local Area Network[2].
II.2.2.8 URL
Uniform Resource Locators
URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server . URL dapat diibaratkan seperti suatu alamat
dimana alamat tersebut terdiri dari [8]:
34
a. Protocol yang digunakan oleh web server
b. Nama komputerserver dimana informasi tersebut berada.
c. JalurPath serta nama file dari suatu informasi
Sebagai contoh : http: www.amazon.combooksindex.html http merupakan protocol yang digunakan.
www.amazon.com merupkan hostserver dimana informasi tersebut berada books merupakan jalur atau path dan index.html merupakan nama file dari
suatu informasi.
II.2.2.9 FTP
File Transfer Protocol
FTP merupakan protocol yang dirancang untuk memungkinkan pengguna mentransfer file ke suatu server di internet. Dua hal yang penting dalam FTP
adalah FTP Server dan FTP Client. FTP server adalah suatu server yang menjalankan software yang berfungsi untuk memberikan layanan tukar menukar
file dimana server tersebut selalu siap memberikan layanan FTP apabila mendapat permintaan request dari FTP client[8].
FTP client adalah komputer yang merequest koneksi ke FTP server untuk tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka client
dapat melakukan download, upload, rename dan delete sesuai dengan permission yang diberikan oleh FTP server. Tujuan dari FTP server adalah sebagai berikut :
1. Untuk tujuan sharing data
2. Untuk menyediakan indirect atau implicit remote computer
3. Untuk menyediakan tempat penyimpanan bagi Member
35
4. Untuk menyediakan transfer data yang reliable dan efisien.
II.2.2.10 DNS
Domain Name System
DNS merupakan suatu sistem penamaan standar kompter-komputer di internet dengan tujuan untuk mempermudah pengelolaan server komputer di
internet dan digunakan untuk pencarian nama komputer name resolution di jaringan yang mengunakan TCPIP Transmission Control ProtocolInternet
Protocol. DNS biasa digunakan pada aplikasi yang terhubung ke Internet seperti web browser atau e-mail, dimana DNS membantu memetakan host name sebuah
komputer ke IP address. Selain digunakan di Internet, DNS juga dapat di implementasikan ke private network atau intranet dimana DNS memiliki
keunggulan seperti[8]: a.
Mudah, DNS sangat mudah karena user tidak lagi direpotkan untuk mengingat IP address sebuah komputer cukup host name nama
komputer. b.
Konsisten, IP address sebuah komputer bisa berubah tapi host name tidak berubah.
c. Simple, user hanya menggunakan satu nama domain untuk mencari baik di
Internet maupun di Intranet.
II.2.3 E-Commerce
E-Commerce kini menjadi sesuatu istilah yang banyak digunakan dan sangat erat hubungannya dengan internet. Tetapi sampai saat ini tidak ada definisi yang
36
pasti mengenai E-Commerce. Setiap orang dapat memiliki persepsi yang berbeda mengenai hal ini.
Menurut David Baum, pengertian E-Commerce 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”[11]. Dari pengertian tersebut dapat dipahami bawa E-Commerce merupakan
satu tatanan teknologi yang dinamis, aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas tertentu melalui transaksi
elektronik dan perdagangan arang, pelayanan, dan informasi yang dilakukan secara elektronik[11].
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 secara online di internet [1].
E-Commerce merupakan suatu cara berbelanja atau berdagang secara online atau direct selling yang memanfaatkan fasilitas Internet dimana terdapat website
yang dapat menyediakan layanan get and deliver”. E-Commerce juga akan merubah semua kegiatan marketing dan sekaligus memangkas biaya-biaya
operasional untuk kegiatan trading perdagangan[14].
37
Perdagangan elektronik secara garis besar didefinisikan sebagai cara untuk menjual dan membeli barang-barang dan jasa lewat jaringan internet, tetapi hal ini
mencakup berbagai aspek diantaranya transaksi pembelian serta transfer dana via jaringan komputer[10].
II.2.3.1 Jenis E-Commerce
Secara Umum E-Commerce dapat dibagi menjadi dua jenis, yaitu Business to Business B2B dan Business to Consumer B2C, retail. Yang mana masing-
masing jenis E-Commerce tersebut memiliki perbedaan karakteristik sebagai berikut[11] :
1. Business to Business E-Commerce karakterisitiknya adalah:
a. Trading partners yang sudah diketahui dan umumnya memiliki
hubungan relationship yang cukup lama. Informasi hanya dipertukarkan dengan partner tersebut. Dikarenakan sudah mengenal
lawan komunikasi, maka jenis informasi yang dikirimkan dapat disusun sesuai dengan kebutuhan dan kepercayaan trust.
b. Pertukaran data data exchange berlangsung berulang-ulang dan
secara berkala, misalnya setiap hari, dengan format data yang sudah disepakati bersama. Dengan kata lain, servis yang digunakan sudah
tertentu. Hal ini memudahkan pertukaran data untuk dua entiti yang menggunakan standar yang sama. Salah satu pelaku dapat melakukan
inisiatif untuk mengirimkan data, tidak harus menunggu partnernya. c.
Model yang umum digunakan adalah peer-to-peer, dimana processing intelligence dapat didistribusikan di kedua pelaku bisnis.
38
2. Business to Consumer E-Commerce karakteristiknya adalah:
a. Terbuka untuk umum, dimana informasi disebarkan ke umum.
b. Servis yang diberikan bersifat umum generi dengan mekanisme yang
dapat digunakan oleh khalayak ramai. Sebagai contoh, karena sistem Web sudah umum digunakan maka servis diberikan dengan
menggunakan basis Web. c.
Servis diberikan berdasarkan permohonan on demand. Konsumer melakukan inisiatif dan produser harus siap memberikan respon sesuai
dengan permohonan. d.
Pendekatan clientserver sering digunakan dimana diambil asumsi client consumer menggunakan sistem yang minimal berbasis Web
dan processing business procedure diletakkan di sisi server.
II.2.3.2 Keuntungan E-Commerce
E-Commerce ternyata dapat memberikan manfaat yang besar bagi para pelakunya baik itu untuk bisnis, organisasi ataupun individu itu sendiri. Beberapa
manfaat yang bisa diperoleh adalah sebagai berikut[11] : a.
Keuntungan Bagi Perusahaan. 1.
Memperpendek Jarak. Perusahaan-perusahaan dapat mendekatkan diri dengan konsumen. Dengan hanya mengklik link-link yang ada pada
situs-situs, konsumen dapat menuju ke perusahaan dimanapun saat itu mereka berada
2. Perluasan Pasar. Jangkauan pemasaran menjadi sangat luas dan tidak
terbatas oleh area geografis dimana perusahaan berada.
39
3. Perluasan Jaringan Mitra Bisnis. Pada perdagangan konvensional,
sangat sulit bagi suatu perusahaan untuk mengetahui posisi geografis mitra kerjanya yang berada di Negara-negara lain atau benua lain.
4. Efisien. Perdagangan elektronik akan sangat memangkas biaya-biaya
operasional perusahaan. b.
Keuntungan Bagi Masyarakat Umum 1.
Mengurangi Pencemaran dan Polusi Lingkungan. Konsumen tidak perlu mendatangi took-toko, dimana hal ini akan mengurangi jumlah
kendaraan yang berlalu-lalang, berarti menghemat bahan bakar dan tingkat polusi.
2. Membuka Peluang Kerja Baru. Era perdagangan elektronik akan
membuka peluang-peluang kerja baru bagi mereka yang tidak ‘buta’ akan teknologi.
3. Menguntungkan
Dunia Akademis.
Berubahnya pola
hidup masyarakat dengan hadirnya perdagangan elektronik, kalangan
akademis akan semakin diperkaya dengan kajian-kajian psikologis, antropologis, sosial budaya, dan sebagainya.
4. Meningkatkan
Kualitas Sumberdaya
Manusia. Perdagangan
elektronik ini yang nantinya akan merangsang dan memacu orang- orang untuk mempelajari teknologi computer demi kepentingan
mereka sendiri. c.
Keuntungan Bagi Konsumen
40
1. Efektif. Konsumen dapat memperoleh informasi tentang produkjasa
yang dibutuhkan dan bertransaksi dengan cara yang cepat dan murah. 2.
Aman Secara Fisik. Karena konsumen tidak perlu mendatangi toko- toko untuk mendapatkan produk dan ini memungkinkan konsumen
aman secara fisik. 3.
Fleksibel. Konsumen juga dapat bertransaksi dimanapun dia berada.
II.2.3.3 Kerugian E-Commerce
Di samping segala hal yang menguntungkan di atas, E-commerce juga memiliki sedikit kerugian yaitu [11]:
a. Meningkatkan Individualisme. Pada E-commerce seseorang dapat
bertransaksi tanpa bertemu dengan penjual produkjasa tersebut, ini menimbulkan beberapa orang menjadi berpusat pada diri sendiri egois
dan tidak terlalu membutuhkan kehadirian orang lain. b.
Terkadang Menimbulkan Kekecewaan. Apa yang dilihat dari layar komputer kadang berbeda dengan apa yang dilihat secara kasat mata
c. Tidak Manusiawi. Di internet, meski kita dapat mengobrol chatting
dengan orang lain, kita mungkin tidak dapat merasakan jabat tangannya, senyuman ramahnya, atau candanya.
II.2.3.4 Webhosting
Webhosting merupakan bagian yang sangat penting dari E-Commerce, karena di tempat inilah semua data dan software akan diletakkan. Ada beberapa
syarat yang harus dipenuhi untuk menentukan webhosting yang baik[11].
41
a. Uptime yang bagus
b. Technical Support yang bagus
c. Koneksi di internet yang sangat cepat
d. Kompatibel dengan provider transaksi online
e. Memiliki reputasi yang sangat sangat baik
II.2.3.5 SSLSecure Socket Layer
Secure Socket Layer adalah suatu protokol yang diciptakan oleh Netscape Communication pada tahun 1994 untuk memastikan keamanan dalam bertransaksi
di internet antara webserver dan browser dari klien. Protokol ini menggunakan sebuah
badan yang
biasa disebut
CACertificate Authority
untuk mengidentifikasi memverifikasi pihak-pihak yang bertransaksi. Teknologi SSL
menggunakan konsep teknologi kriptografi untuk bisa mencapai komunikasi yang aman ini antara server dan pengunjungnya. Kedua pihak yang berkomunikasi ini
server dan pengunjungnya saling mengirimkan data yang disamarkan dan untuk membacanya digunakan sandi dan kunci yang hanya dimiliki kedua pihak yang
berkomunikasi tersebut, sehingga pihak lain yang mencoba menyadap data yang dikirim tersebut tidak akan bisa membacanya karena sandi dan kunci yang
dibutuhkan tersebut hanya dimiliki oleh kedua pihak yang berkomunikasi tadi [11].
Secara sederhana, komunikasi internet dengan SSL ini bisa dilihat dengan
cara mengakses alamat URL-nya yang diawali dengan “https:” misalnya
https:www.namadomainanda.com, sedangkan yang tanpa SSL alamatnya hanya http biasa misalnya http:www.nama_domain.com.
42
II.2.3.6 Paypal
Paypal adalah alat pembayaran payment procesors paling populer di dunia saat ini untuk transaksi online. Dahulu Moneygrams dan wire transfer menjadi
standard pembayaran, namun sekarang lebih dari 99 juta pengguna internet lebih memilih Paypal untuk mengirim uang satu dengan yang lainnya. Paypal telah
mendapatkan kepercayaan dan kenyamanan untuk transfer uang online. Pada awal Februari 2010 Paypal sudah dapat digunakan di 190 negara
dengan 23 mata uang yang berbeda, namun pengguna Paypal di Indonesia masih harus menggunakan hitungan US Dollar karena mata uang IndonesiaIDR belum
ada di dalam Paypal sehingga pengguna Paypal yang akan melakukan transaksi jual beli secara online atau menambahkan balance yang ditarik langsung dari kartu
kredit akan dikonversi dulu ke US dollar secara otomatis. Jenis-jenis akun pada Paypal yang tersedia saat ini ada 3 jenis akun,
diantaranya sebagai berikut:
a. Akun Personal
Dengan akun tipe ini Anda sudah dapat mengirim dan menerima uang dan melakukan penjualan dengan eBay. Pada tipe ini, Anda bisa menerima
pembayaran dari akun Paypal lain, namun tidak bisa menerima pembayaran dari kartu kredit atau debit. Tidak ada biaya untuk setiap transaksi yang Anda lakukan
pada tipe ini. Ada batasan berapa banyak uang yang dapat Anda terima per bulannya. Jika Anda merencanakan ingin berjualan produk dalam jumlah yang
besar, tipe personal tidak cocok buat Anda.
43
b. Akun Premier
Tipe ini hampir sama dengan akun Personal, bedanya pada tipe ini Anda bisa menerima pembayaran dari credit card, debit card dan rekening bank. Anda
juga bisa menggunakan fasilitas shopping cart dan tool laporan pembayaran payment reporting tool. Akun Premier cocok digunakan untuk penjual amatiran
yang ingin menjual produknya secara reguler. Jika saat ini Anda memiliki akun personal, Anda dapat melakukan upgrade ke akun premier.
c. Akun Business
Tipe Akun Business cocok digunakan untuk bisnis yang berskala besar atau online store. Pada tipe ini Anda diperbolehkan menggunakannya pada nama
bisnis Anda, dan menggunakan laporan dan tool eBay tanpa adanya persyaratan mengenai jenis transaksi. Anda akan dikenakan biaya dalam menggunakan akun
tipe ini. Jika saat ini Anda memiliki akun personal atau premier, Anda dapat melakukan upgrade ke akun business.
II.2.3.7 SEO
Search Engine Optimization
SEO Search Engine Optimization adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan
kualitas trafik dari mesin pencari menuju alamat situs web tertentu dengan memanfaatkan mekanisme kerja alami algoritma mesin pencari tersebut.
Menurut David Viney, SEO adalah “Sebuah teknik pengoptimasian sebuah halaman yang mengandung kata kunci atau frase yang bersangkutan yang akan
di index oleh mesin pencari sebagai kata kunci pecarian”.
44
II.2.3.8 Konsep Basis Data
Basis data database merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer
dan digunakan perangkat lunak untuk memanipulasinya[4]. Basis data terdiri dari 2 kata yaitu basis dan data. Basis kurang lebih berarti
sebagai markasgudangtempat bersarangtempat berkumpul. Sedangkan data adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia,
hewan, pristiwa, keadaan dan sebagainya yang direkam dalam bentuk angka, huruf, symbol, teks, bunyi atau kombinasinya[4].
Basis data sendiri dapat didefinisikan dari sejumlah sudut pandang seperti : a.
Himpunan kelompok dataarsip yang saling berhubungan yang diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan
kembali dengan cepat dan mudah. b.
Kumpulan data yang saling berhubungan yang saling disimpan secara bersama sedemikian rupa tanpa pengulangan redudansi
yang tidsk perlu untuk memenuhi berbagai kebutuhan. c.
Kumpulan filetabelarsip yang saling berhubungan yang disimpan dalam media penyimpanan elektronik.
Basis data dan lemari arsip sesungguhnya memiliki prinsip kerja dan tujuan yang sama. Prinsip utamanya adalah pengaturan data dan tujuan utamanya adalah
kemudahan dan kecepatan dalam pengembalian data. Perbedaannya hanya terletak pada media penyimpanan yang digunakan. Maka basis data menggunakan media
45
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
penyimpanan 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, pemilahan,
pengelompokan, pengorganisasian data yang akan kita simpan sesuai dengan fungsinya.
II.2.3.9 Operasi dasar Basis Data
Di dalam sebuah disk, basis data dapat diciptakan dan dapat pula ditiadakan. Sementara dalam sebuah basis data, kiata dapat menempatkan satu ataulebih file
ataupun tabe. Setiap basis data pada umumnya dibuat untuk mewakili sebuah basis data sebuah semesta data yang spesifik[4].
Operasi-operasi dasar 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.
46
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 disebuah 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 dari sebuah map arsip.
7. Pengubahan data dari sebuah file atau tabel update, yang identik
dengan perbaikan isi lembaran arsip yang ada disebuah map arsip. 8.
Penghapusan data dari sebuah file atau tabel delete yang identik dengan penghapusan sebuah lembaran arsip yang ada disebuah map
arsip.
II.2.3.10 Sistem Pengelolaan Basis Data
DBMS
Pengelolaan basis data secara fisik tidak dilakukan oleh pemakai secara langsung, tetapi ditangani oleh sebuah perangkat lunak sistem yang khusus.
Perangkat lunak ini disebut DBMS yang akan menentukan bagaimana data diorganisasikan, disimpan, diubah, dan diambil kembali, ia juga menerapakan
47
mekanisme penagamanan data, pemakaian data secara bersama, pemaksaan keakuratan atau konsistensi data dan sebagainya DBMS merupakan perantara bagi
pemakai dengan basis data dalam disk[9].
II.2.3.11 Bahasa Basis Data
Cara beritnteraksiberkomunikasi antara pemakai dengan basis data tersebut diatur dalam suatu bahasa khusus yang ditetapkan oleh perusahaan pembuat
DBMS. Bahasa itu dapat kita sebut sebagai bahasa basis data yang terdiri atas sejumlah perintah statement yang diformulasikan dan dapat diberikan user dan
dikenalidiproses oleh DBMS untuk melakukan suatu aksipekerjaan tertentu. Contoh-contoh bahasa basis data adalah SQL, dBase, QUEL dan sebagainya[4].
Sebuah bahasa basis data biasanya dapat dipilah ke dalam 2 bentuk yitu : a.
Data Definition LanguageDDL dan b.
Data Manipulation LanguageDML.
II.2.3.11.1 DDL
Struktur atau skema basis data secara keseluruhan dispesifikasikan dengan bahasa khusus yang disebut DDLData Definition Language. Dengan bahasa
inilah kita dapat membuat table baru, indeks, mengubah table menentukan struktur penyimpanan table dsb. Hasil dari kompilasi perintah DDL adalah
kumpulan table yang disimpan dalam file khusus yang disebut kamus datadata dictionary [4]..
48
II.2.3.11.2 DML
Merupakan bentuk bahasa basis data yang berguna untuk melakukan manipulasi dan pengambilan data pada suatu basis data yang dapat berupa[4]. :
1. Penyisipan atau penambahan data barui ke suatu basis data.
2. Penghapusan data dari suatu basi data.
3. Pengubahan data dari suatu basis data.
II.2.4 Tinjauan Perangkat Lunak Pendukung
II.2.4.1 Apache
Server HTTP Apache atau Server WebWWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi Unix, BSD, Linux, Microsoft
Windows, dan Novell Netware serta platform lainnya yang berguna untuk melayani dan memfungsikan situs web. Apache merupakan turunan dari web
server yang dikembangkan oleh NCSANational Center for Super Computing Application. Sekitar tahun 1995 dikenal sebagai NCSA HTTP daemonNCSA
HTTPd yang pada redhat Linux 7.2 telah digunakan[12]. Apache merupakan web server yang sangat popular dan paling banyak
digunakan di dunia saat ini dikarenakan beberapa alasan berikut[12]: a.
Kecepatan yang lebih baik dibandingkan web server yang lain. b.
Performance yang sangat baik c.
Dapat didapatkan secara gratis tanpa harus membayar lisensi.
49
d. Dapat diakses API ke berbagai scripting language dan digabung
dengan berbagai aplikasi lain database server, SSL dan sebagainya.
e. Mudah diinstall.
f. Mampu beroperasi pada berbagai platform sistem operasi .
g. Mudah mengkonfigurasinya.
h. Apache Web server mudah dalam menambahkan periferal lainnya
ke dalam platform web servernya, misalnya : untuk menambahkan modul,
cukup hanya
menset file
konfigurasinya agar
mengikutsertakan modul itu ke dalam kumpulan modul lain yang sudah dioperasikan.
i. Lebih aman karena memiliki level-level pengamanan
j. Apache mempunyai komponen dasar terbanyak di antara
webserver-webserver lain, yang berarti bahwa webserver Apache termasuk salah satu dari webserver yang lengkap.
k. Mendukung
transaksi yang
aman secure
transaction menggunakan SSL Secure Socket Layer.
l. Mempunyai dukungan teknis melalui web.
II.2.4.2 PHP
PHP Hypertext Preprocessor
PHP merupakan bahasa yang disertakan dalam dokumen HTML, bekerja di sisi server server-side HTML - embedded scripting. Artinya sintaks dan perintah
yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada halaman HTML biasa, sehingga script-nya tak akan tampak di sisi client. PHP
50
dirancang untuk dapat bekerja sama dengan database server dan dibuat sedemikian rupa sehingga pembuatan dokumen HTML yang dapat mengakses
database menjadi begitu mudah. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan diatas teknologi web browser, tetapi
prosesnya secara keseluruhan dijalankan diatas web server[6]. Kekuatan PHP yang paling utama adalah konektifitas database dengan web.
Sistem database yang telah didukung oleh PHP saat ini adalah a.
Oracle b.
Generic ODBC c.
Adabas D d.
Sybase e.
PostgreSQL f.
FilePro g.
mSQL 1.x dan 2.x h.
Empress i.
Velocis j.
MySQL k.
InterBase l.
Database interface ODBC m.
Solid n.
Informix dBase o.
Unix dbm
51
II.2.4.2.1 Prinsip Kerja PHP
PHP dikatakan sebagai sebuah server-side embedded script language artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan
oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser,
tetapi prosesnya secara keseluruhan dijalankan di server. Pada prinsipnya server akan bekerja apabila ada permintaan dari client.
Dalam hal ini client menggunakan kode-kode PHP untuk mengirimkan permintaan ke server dapat dilihat pada gambar 2.8. Ketika menggunakan PHP
sebagai server-side embedded script language maka server akan melakukan hal- hal sebagai berikut :
a. Membaca permintaan dari clientbrowser
b. Mencari halamanpage di server
c. Melakukan instruksi yang diberikan oleh PHP untuk melakukan
modifikasi pada halamanpage. d.
Mengirim kembali halaman tersebut kepada client melalui internet atau intranet seperti terlihat pada gambar II.9.
52
Gambar II.9 Prinsip Kerja PHP
II.2.4.3 My SQL
Mysql adalah sebuah program database server yang mampu menerima dan mengirimkan data dengan sangat cepat multiuser serta menggunakan perintah
standar SQLStructured Query Language. Sebagai database server yang memiliki konsep database modern, MySQL memiliki banyak kelebihan, diantaranya[9] :
1. Protability, MySQL dapat berjalan stabil pada berbagai sistem operasi
seperti Windows, Linux, FeeBSD, dan lain-lain. 2.
Open Source, MySQL di distribusikan secara open source, sehingga dapat digunakan secara bebas.
3. Multi User, MySQL dapat digunakan oleh beberapa user dalam waktu
yang bersamaan tanpa mengalami masalah. Hal ini memungkinkan sebuah database server MySQL dapat diakses client secara bersamaan.
53
4. Performance Tuning, MySQL memiliki kecepatan yang tinggi dalam
menangani query. Dengan kata lain dapat memproses lebih banyak SQL persatuan waktu.
5. Column Type, MySQL memiliki tipe kolom yang sangat kompleks
seperti signed, unsigned, integer, float, double, char, varchar, text, date, time, timestamp, year, sert dan enum.
6. Commad dan Function, MySQL, memilki operator dan fungsi secara
penuh yang mendukung perintah select dan where dalam query. 7.
Security, MySQL memiliki lapisan-lapisan sekuritas seperti level subnet mask, nama host dan izin akses user dengan sistem perizinan yang
mendetail serta password terenkripsi. 8.
Scalability dan Limits, MySQL mampu menangani database dengan skala besar dengan jumlah record lebih dari 50 juta dan 60 juta tabel
serta 5 miliar baris. Selain itu, batas index yang dpat ditampung mencapai 32 indeks pada setiap tabelnya.
9. Connectivity, MySQL dapat melakukan koneksi dengan client
menggunakan protokol TCPIP, UNIX, SOCET atau name pipes NT. 10.
Locallisation, deteksi pesan kesalahan pada client dengan menggunakan lebih dari 20 bahasa.
11. Interface, terhadap berbagai aplikasi dan bahasa pemograman dengan
menggunakan fungsi API Application Programming Interface.
54
12. Client dan Tools, dilengkapi dengan berbagai tool yang dapat digunakan
untuk administrasi database dan pada setiap tool yang ada disertakan petunjuk online.
13. Struktur Tabel, yang lebih fleksibel menangani ALTER TABLE,
dibandingkan database lainnya semacam prostigre SQL maupun Oracel.
II.2.4.4 Java Script
Javascript adalah bahasa script yang dikembangkan oleh Netscape untuk membuat dokumen yang dinamis, javascript adalah bahasa script sederhana yang
mempunyai kemiripan dengan bahasa C. Javascript juga dikenal sebagai kode pemrograman berorientasi objek atau biasa disebut sebagai OOPObject Oriented
Programming. Javascript memiliki keistimewaan untuk ditambahkan pada kode HTML dan membuat dokumen menjadi lebih interaktif[15].
Penggunaan utama dari Java Script adalah untuk menulis fungsi yang tertanam di dalam halaman HTML dan berinteraksi dengan Document Object
Model DOM. Karena kode Java Script dapat berjalan secara lokal dalam browser pengguna bukan di server sehingga dapat menanggapi aksi dari user
dengan cepat, membuat aplikasi merasa lebih responsif dan memberikan peningkatan user interface dan menjadikan situs web lebih dinamis di sisi client.
II.2.4.5 CSSCascading Style Sheet
CSSCascading Style Sheet adalah salah satu bahasa pemrograman desain webstyle sheet language yang mengontrol format tampilan halaman web diman
tujuan utama diciptakan CSS adalah untuk membedakan konten dari dokumen dan
55
tampilan dari dokumen serta memberikan lebih banyak fleksibilitas dan kontrol dalam membagi banyak halaman untuk sebuah formatting dan mengurangi
kerumitan dalam penulisan kode dan struktur dari konten[5].
II.2.4.6 JQuery
JQuery merupakan suatu framework library Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada
tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup
banyak. Hal tersebut menyebabkan banyak developer web menggunakannya. JQuery memiliki slogan “Write less, do more” yang kurang lebih maksudnya
adalah kesederhanaan dalam penulisan kode, tapi dapat menghasilkan hasil yang memuaskan.
JQuery merupakan library open source dengan lisensi GNUGeneral Public License dan MIT License. Dari sisi ukurannya, framework JQuery sungguh
ramping, hanya sekitar 20 KB dan hanya terdiri dari satu file. Namun demikian, bagi yang menginginkan fungsi lebih, JQuery memungkinkan penambahan
fungsionalitas dalam bentuk plugin [5].
II.2.4.7 UltraEdit
UltraEdit merupakan sebuah toolssoftware teks editor yang powefull dan tidak asing di kalangan programmer. Dengan mrnggunakan UltraEdit
memungkinkan kita untuk dapat menulis dan mengedit dalam kode HEX, HTML, PHP dan bahasa pemrograman lain UltraEdit Sangat fleksibel dan mudah
56
digunakan. UltraEdit dirancang khusus untuk memasukkan dan mengedit teks dan kode program. UltraEdit mendukung penyorotan sintakshighlight sintax
dikonfigurasi dan kode penataan untuk hampir semua bahasa pemrograman. Kini software UltraEdit ini telah banyak digunakan di berbagai macam
industri sehingga popularitasnya tidak hanya berkembang di kalangan programmer saja. UltraEdit sudah mulai dikenal dan digunakan oleh para penulis
profesional, peneliti dan jurnalis untuk programmer canggih, manajer database dan pengembang web. Skor individu menggunakan UltraEdit sebagai pengganti
yang kuat untuk jendela notepad dan bahkan lebih menggunakannya sebagai editor teks karena kemampuannya untuk menangani beberapa dokumen sekaligus,
penanganan file besar, cari yang kuat mencari mengganti fungsionalitas, fleksibilitas memeriksa ejaan dan masih banyak lagi fitur yang ditawarkan oleh
software yang satu ini .
II.2.4.8 Adobe Ilustrator
Adobe Ilustrator adalah sebuah aplikasi pengolah grafis berbasis vector. Format vector adalah gambar yang membentuk sejumlah objek garis dan objek
kurva berdasarkan rumusan matematis. Format vector lebih banyak digunakan untuk membentuk objek buatan, seperti menggambar objek dua demensi, yang
lebih ditekankan ke dalam pembuatan objek garis, lingkaran, polygon dan persegi panjang. Sedangkan untuk objek tiga dimensi, lebih ditekankan ke dalam
pembuatan: bola, kubus dan tabung. Objek vector, banyak digunakan dalam pembuatan pengolahan teks dan logo. Ruang penyimpanan format vector relatif
lebih kecil dibandingkan dengan format bitmap.
57
BAB III ANALISIS DAN PERANCANGAN
III.1 Analisis Sistem
Analisis sistem merupakan penguraian dari suatu sistem informasi yang utuh
ke dalam
bagian-bagian komponennya
dengan maksud
untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan dan
hambatan-hambatan yang terjadi dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan–perbaikannya.
Tahap analisis merupakan tahapan yang sangat kritis dan penting karena apabila terjadi kesalahan di tahapan ini, maka akan menyebabkan kesalahan di
tahap selanjutnya.
III.1.1 Analisis Masalah
Analisis masalah merupakan langkah pertama yang dilakukan dalam tahap analisis sisterm. Masalah dapat didefinisikan sebagai suatu pertanyaan yang
diinginkan untuk dicarikan solusi atau pemecahannya. Masalah inilah yang menyebabkan tujuan dari sistem tidak dapat tercapai. Berdasarkan hasil
wawancara dengan pemilik CV. Multi Abadi, saat ini CV. Multi Abadi memiliki beberapa permasalahan yang dihadapi di dalam sistem yang sedang berjalan
diantaranya adalah :
58
1. Sistem yang berjalan saat ini masih konvensional dengan sistem
penjualan berdasarkan customer yang datang langsung ke CV. Multi Abadi yang tentunya sangat tidak efektif dan efisien bagi customer
khususnya yang berada di luar kota karena, selain akan memakan biaya juga akan memakan waktu dalam setiap kali melakukan proses
transaksi. 2.
Tidak adanya sarana informasi dan promosi yang efektif dan efisien dalam menunjang kegiatan bisnis di CV. Multi Abadi. Sehingga,
membuat calon pembeli mengalami kesulitan dalam mendapatkan informasi secara cepat, akurat, lengkap dan fleksibel baik itu
mengenai produk-produk yang ditawarkan CV Multi Abadi maupun mengenai informasi perusahaan itu sendiri. Cara konvensional
seperti menyebarkan brosur, membuat spanduk dan memasang iklan pada surat kabar dari segi biaya tidak efisien karena membutuhkan
dana yang tidak sedikit dan untuk jangkauannya sendiri bersifat regional. Keadaan ini membuat CV. Multi Abadi belum memiliki
cakupan yang luas dalam segi pemasaran produk mereka dan belum mendapatkan tingkat penjualan yang optimal.
3. Pengelolaan data transaksi dan pembuatan laporan masih secara
manual berdasarkan nota penjualan yang diarsipkan. Semakin bertambahnya transaksi yang harus dikelola setiap harinya dengan
jumlah karyawan yang terbatas pengelolaan data dengan cara manual akan menimbulkan masalah lain diantaranya adalah semakin
59
rentannya kesalahan pencatatan data, kehilangan data, kesulitan dalam mencari data yang dibutuhkan sehingga informasi yang
diberikan menjadi tidak akurat dan tidak tepat waktu bagi penerima informasi itu sendiri.
III.1.2 Analisis Sistem Yang Sedang Berjalan
Tahap kedua dari tahap analisis sistem adalah memahami bagaimana proses dan operasi-operasi dari sistem yang ada. Ini dapat dilakukan dengan mempelajari
secara terinci bagaimana sistem yang saat ini sedang berjalan. Sehingga dengan menganalisis sistem yang ada dapat diketahui lebih jelas bagaimana cara kerja
sistem tersebut, sehingga kelebihan dan kekurangan sistem dapat diketahui untuk memberikan rekomendasi solusi atau pemecahannya. Adapun prosedur yang ada
di CV Multi Abadi Saat ini adalah sebagai berikut: 1.
Prosedur Penjualan Produk 2.
Prosedur Pengadaan Produk 3.
Prosedur Pembuatan Laporan
III.1.2.1 Prosedur Penjualan Produk
Flowmap dari prosedur penjualan produk yang sedang berjalan di CV Multi Abadi adalah sebagai berikut :
1. Customerpelanggan datang secara langsung ke CV Multi Abadi yang
akan dilayani oleh staff penjualan. Kemudian konsumen memberikan daftar produk yang akan dibeli ke bagian penjualan.
60
2. bagian penjualan kemudian akan memberikan daftar produk yang
akan dibeli ke bagian gudang untuk diperiksa apakah stok produk yang ingin dibeli pelanggan tersedia atau tidak.
3. Jika stok produk yang ingin dibeli tidak tersedia maka bagian gudang
akan memberi tahu bagian penjualan yang akan ditembuskan kepada customerpelanggan bahwa produk yang ingin dibeli tidak tersedia.
4. Jika stok produk yang akan dibeli oleh customerpelanggan tersedia
maka staff gudang akan memberitahu bagian penjualan bahwa stok produk tersebut tersedia.
5. Kemudian bagian penjualan akan memeriksa harga produk,
menghitung total bayar dan membuatkan nota penjualan sebanyak 3 rangkap dengan tembusan sebagai berikut :
a. Rangkap kesatu akan diberikan kepada konsumen sebagai
bukti pembayaran atas pembelian produk. b.
Rangkap kedua akan diarsipkan di bagian penjualan sebagai bukti penjualan.
c. Rangkap ketiga akan diberikan kepada bagian gudang sebagai
bukti pengeluaran barang 6.
Setelah mendapatkan info mengenai total bayar customerpelanggan kemudian melakukan pembayaran sesuai dengan total bayar yang
tertera di nota penjualan. Kemudian bagian penjualan akan memeriksa jumlah pembayaran pelanggan jika telah sesuai maka staff penjualan
akan memberikan nota pembelian rangkap kesatu tersebut kepada
61
customerpelanggan beserta barang yang dibelinya dan nota penjualan rangkap kedua akan diarsipkan oleh staff penjualan.
7. Setelah ada permintaan barang dari staff penjualan dengan
diserahkannya nota penjualan rangkap ketiga ke staff gudang maka staff gudang akan mempersiapkan barang pesanan sesuai dengan yang
tercantum pada nota penjualan rangkap ketiga kemudian bagian gudang akan memperbaharui daftar stok produk sesuai nota penjualan
rangkap ketiga yang diterima yang kemudian nota tersebut akan diarsipkan di bagian gudang sebagai bukti pengeluaran barang.
Untuk lebih jelasnya mengenai prosedur penjualan produk yang sedang berjalan dapat dilihat pada gambar III.1.
62
Gambar III.1 Flowmap Prosedur Penjualan
63
III.1.2.2 Prosedur Pengadaan Produk
Flowmap dari prosedur pengadaan produk yang sedang berjalan di CV Multi Abadi adalah sebagai berikut :
1. Staff gudang akan membuat daftar pengadaan produk dari arsip daftar
produk. 2.
Daftar pengadaan produk kemudian akan diberikan kepada pimpinan perusahaan untuk disahkan.
3. Jika daftar pengadaan produk tidak disetujui maka pengadaan barang
tidak jadi dilakukan atau dibatalkan. 4.
Jika daftar pengadaan produk disetujui maka bagian gudang akan memberikannya kepada pihak suplier.
5. Suplier akan memeriksa ketersediaan produk sesuai dengan daftar
pengadaan produk yang dipesan oleh perusahaan. 6.
Jika produk yang dipesan oleh perusahaan tidak tersedia maka suplier akan memberitahu staff gudang bahwa produk yang dipesan tidak
tersedia. Sedangkan, jika produk yang dipesan oleh pihak perusahaan tersedia pihak suplier akan membuatkan nota pembelian sebanyak dua
rangkap yang akan diberikan pada staff gudang untuk kemudian ditandatangani dimana rangkap kesatu akan diberikan kepada staff
gudang sebagai bukti pembelian dan rangkap kedua akan diarsipkan oleh pihak suplier. Kemudian pihak suplier akan mengirimkan barang
ke perusahaan.
64
7. Setelah produk dikirim oleh pihak suplier dan diterima oleh staff
gudang maka, staff gudang akan memeriksa kondisi barang dan kesesuaian produk yang diterima dengan nota pembelian. Jika tidak
sesuai maka bagian gudang akan mengembalikan nota pembelian ke pihak suplier. Sedangkan jika telah sesuai maka bagian gudang akan
menandatangani nota pembelian dari suplier kemudian pihak suplier akan memberikan rangkap kesatu dari nota pembelian yang telah
ditandatangani kepada bagian gudang untuk diarsipkan sebagai bukti pembelian untuk lebih jelasnya dapat dilihat pada gambar III.2.
65
Gambar III.2 Flowmap Prosedur Pengadaan Produk
66
III.1.2.3 Prosedur Pembuatan Laporan
Flowmap dari prosedur pembuatan laporan yang sedang berjalan di CV Multi Abadi adalah sebagai berikut :
1. Bagian gudang membuat laporan produk berdasarkan arsip daftar
produk dan nota pembelian produk dari suplier. 2.
Bagian penjualan membuat laporan penjualan berdasarkan arsip nota penjualan.
3. Laporan yang telah selesai dibuat oleh bagian gudang dan bagian
penjualan kemudian diserahkan kepada pimpinan perusahaan untuk ditandatangani dan kemudian diarsipkan. Untuk lebih jelasnya dapat
dilihat pada gambar III.3.
Gambar III.3 Flowmap Prosedur Pembuatan Laporan
67
III.1.3 Analisis Kebutuhan Nonfungsional
Analisis kebutuhan non fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Spesifikasi ini juga meliputi
elemen atau komponen-komponen apa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem tersebut diimplementasi. Analisis kebutuhan
ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang dibutuhkan untuk mengolah masukan
sehingga menghasilkan suatu keluaran yang diinginkan. Kebutuhan non- fungsional terbagi menjadi tiga bagian yaitu analisis pengguna,.analisis perangkat
keras dan analisis perangkat lunak.
III.1.3.1 Analisis Pengguna
Analisis pengguna dilakukan untuk mengetahui siapa saja yang akan menggunakan aplikasi. Dalam aplikasi yang akan dibangun ada lima pengguna
yang akan menggunakan aplikasi yaitu dari pihak perusahaan sebagai admin yang terdiri dari tiga jenis admin yaitu admin web pemilik, admin gudangbagianstaff
gudang, admin penjualanbagianstaff penjualan, dan diluar pihak perusahaan terdiri dari dua jenis pengguna yaitu member dan pengunjung.
1. Admin Web
Admin web adalah pengguna sistem dari pihak perusahaan dalam hal ini pemilik perusahaan itu sendiri yang diberikan kewenangan dalam melakukan
pengelolaan data seperti pengelolaan data admin, data konten website, data logo website, data kontak, melihat data pesanan, data retur, membuat laporan
serta melakukan maintenance database dan website.
68
2. Admin Penjualan
Admin penjualan adalah pengguna sistem dari pihak perusahaan yang akan digunakan oleh bagian penjualan dan diberikan kewenangan dalam
melakukan pengelolaan data seperti pengelolaan data pembayaran pesanan, data akun pembayaran, data member dan membuat laporan penjualan.
3. Admin Gudang
Admin gudang adalah pengguna sistem dari pihak perusahaan yang akan digunakan oleh bagian gudang dan diberikan kewenangan dalam melakukan
pengelolaan data seperti pengelolaan data produk, data kategori, data suplier, pengiriman pesanan, data retur, pengelolaan ongkos kirim yang meliputi
pengelolaan wilayah kirim baik provinsi maupun kotakabupaten, pengelolaan jasa dan jenis kiriman serta membuat laporan produk.
4. Pengunjung
Pengunjung merupakan pengguna sistem yang belum terdaftar dalam sistem dan memiliki akses terbatas dalam menggunakan aplikasi tanpa bisa
melakukan pemesanan dan hanya dapat melihat konten yang ada di website. 5.
Member Member merupakan pengguna sistem yang sudah terdaftar dalam sistem dan
dapat melakukan pemesanan.
III.1.3.2 Analisis Perangkat Keras
Analisis perangkat keras merupakan tahap yang dilakukan untuk mengetahui spesifikasi perangkat keras yang sedang digunakan. Berdasarkan hasil
69
penelitian bahwa perangkat keras yang saat ini digunakan di CV. Multi Abadi adalah sebagai berikut :
1. Processor
: Intel Core 2 Duo T6400 2.4 GHz 2.
RAM : 2GB DDR2
3. Harddisk
:120GB 4.
USB Modem : Huawei E160 HSDPA 5.
Internet : kecepatan 128 kBs
6. Printer
: Canon Pixma iP1980 7.
Mouse 8.
Keyboard 9.
Monitor Berdasarkan hasil analisis perangkat keras yang ada di CV. Multi Abadi
dapat disimpulkan bahwa spesifikasi yang ada sudah mencukupi dan sesuai dengan standard perangkat keras yang digunakan dalam membangun sistem
Sedangkan spesifikasi komputer client agar dapat menjalankan aplikasi ini dengan optimal dapat direkomendasikan sebagai berikut :
1. Processor dengan kecepatan minimal 1 GHz
2. RAM minimal 512 MB
3. Harddisk dengan kapasitas minimal 40GB
4. Internet dengan kecepatan minimal 128 kBs
5. Mouse
6. Monitor
70
7. Keyboard
III.1.3.3 Analisis Perangkat Lunak
Berdasarkan hasil peneilitian yang dilakukan dapat diketahui bahwa perangkat lunak yang ada pada komputer di CV. Multi Abadi adalah sebagai
berikut : 1.
Sistem Operasi : Windows XP Service Pack 2.
2. Aplikasi Lainnya
: Microsoft Office 2007 Service Pack 2, Internet Explorer 8 dan Mozilla Firefox 5 web browser
Sedangkan kebutuhan perangkat lunak yang digunakan untuk membangun aplikasi ini adalah sebagai berikut :
1. Sistem operasi Windows XP SP2.
2. WampServer 2.0 sebagai web server lokal saat pembangunan
aplikasi. 3.
MySQL sebagai DBMSDatabase Management System 4.
Web browser seperti Mozilla Firefox, Google Chrome dan Internet Explorer 9.
III.1.3.4 Spesifikasi Kebutuhan Perangkat Lunak
Secara umum, perangkat lunak ini berfungsi untuk melayani dan mempermudah kebutuhan konsumen untuk membeli barang dimanapun berada
tanpa harus datang secara langsung untuk melakukan transaksi, cukup dengan adanya akses internet maka konsumen dapat melakukan pembelian barang.
71
Fungsi utama pada aplikasi e-commerece yang akan dibangun adalah sebagai berikut :
1. Fungsi pendaftaran member
Merupakan fungsi yang digunakan oleh pengunjung untuk mendaftar menjadi member, dengan mengisi form pendaftaran member yang telah
disediakan. 2.
Fungsi login Merupakan fungsi yang digunakan oleh adminadmin gudang, admin
penjualan, admin web dan member untuk dapat masuk ke dalam aplikasi.
3. Fungsi lupa password
Merupakan fungsi yang digunakan oleh member dan adminadmin gudang, admin penjualan dan admin web ketika tidak dapat masuk
dalam aplikasi karena lupa password login. Member dan admin akan diminta untuk mengisi email login dan menjawab pertanyaan keamanan
pada form lupa password kemudian jika data isian pada form lupa password valid maka secara otomatis info mengenai password baru akan
dikirimkan ke email. 4.
Fungsi pengelolaan data master Merupakan fungsi yang digunakan oleh beberapa admin dalam
melakukan pengelolaan data. Setiap admin memiliki otoritas masing- masing dalam melakukan pengelolaan data sesuai dengan jabatan dan
fungsinya. Pengelolaan data untuk admin gudang meliputi pengelolaan
72
data suplier, kategori, produk, provinsi, kota, jasa kirim, jenis kiriman dan ongkos kirim. Pengelolaan data untuk admin penjualan meliputi
pengelolaan data member dan pengelolaan data akun pembayaran sedangkan pada admin web pengelolaan data meliputi pengelolaan data
admin, pengelolaan data konten, data kontak dan data backup restore. a.
Pengelolaan data supliermenambah data suplier, mengubah data suplier, melihat detail suplier dan menghapus data suplier.
b. Pengelolaan data kategori produkmenambah data kategori, mengubah
data kategori, melihat detail kategori dan menghapus data kategori. c.
Pengelolaan data produkmenambah data produk, mengubah data produk, melihat detail produk dan menghapus data produk.
d. Fungsi Promosi Produk
Merupakan fungsi yang digunakan untuk mempromosikan produk secara terintegrasi ke social networkfacebook baik ketika terjadi
penambahan produk baru maupun perubaanupdate data produk. e.
Pengelolaan data provinsimenambah data provinsi, mengubah data provinsi, melihat detail provinsi dan menghapus data provinsi.
f. Pengelolaan data kotamenambah data kota, mengubah data kota,
melihat detail kota dan menghapus data kota,mengelompokkan data kota.
g. Pengelolaan data jasa kiriman menambah data jasa kiriman,
mengubah data jasa kiriman, dan menghapus data jasa kiriman.
73
h. Pengelolaan data jenis kiriman menambah data jenis kiriman,
mengubah data jenis kiriman, dan menghapus data jenis kiriman. i.
Pengelolaan data ongkos kirim menambah data ongkos kirim, mengubah data ongkos kirim, dan menghapus data ongkos kirim,
mengelompokan data ongkos kirim. j.
Pengelolaan data member melihat detail informasi member, mengubah status keaktifan member, dan mengirim pesan ke member.
k. Pengelolaan data akun pembayaran menambah data akun
pembayaran, mengubah data akun pembayaran ,dan menghapus data akun pembayaran.
l. Pengelolaan data kontak mengubah data kontak.
m. Pengelolaan data konten mengubah data cara belanja, mengubah data
tentang kami, mengubah data info pembayaran, mengubah data syarat dan ketentuan, mengubah data hubungi kami, mengubah data logo
website, menambah data pertanyaan keamanan, mengubah data pertanyaan keamanan dan menghapus pertanyaan keamanan.
n. Pengelolaan data admin penambahan data admin dan perubahan
status keaktifan admin. 5.
Fungsi Pemesanan Merupakan fungsi yang digunakan oleh member dalam memesan produk
pada aplikasi ecommerce CV Multi Abadi meliputi : a.
Keranjang belanja proses dimana member memilih item produk yang akan dibeli, menambahkan item produk ke keranjang belanja dengan
74
mengisi jumlah produk yang akan ditambah ke keranjang, mengubah jumlah pembelian item produk di keranjang dan menghapus item
produk di keranjang. b.
Mengisi data pengirimanproses pengisian data pada form pengiriman oleh member yang akan digunakan untuk mengirim pesanan member
dimana pada proses inilah pesanan disimpan di database. c.
Pembayaranproses member untuk membayar pesanan yang telah dipesan
d. Konfirmasi pembayaranproses untuk mengkonfirmasi tanda jadi
pesanan, proses ini wajib bagi member yang membayar pesanan secara offline via transfer antar bankATM maupun setor tunai.
e. Histori pesananproses untuk member melihat mengenai pesanan yang
pernah dilakukan sebelumnya. f.
Pembatalan pesanan proses untuk membatalkan pesanan. 6.
Kurs Tidak ada pengelolaan kurs secara khusus oleh admin, kurs diambil
secara otomatis dari website yahoo finance berdasarkan nilai mata uang rupiahIDR terhadap dollarUSD. Setiap harinya data kurs disimpan di
database. Begitu terjadi pemesanan oleh member maka secara otomatis pesanan member tersebut akan dikenai kurs yang berlaku pada saat
member melakukan pemesanan. Kurs ini digunakan untuk mengkonversi nilai rupiahIDR ke dalam dolarUSD untuk selanjutnya hasil konversi
75
nilai rupiah ke dalam dollar akan digunakan dalam proses pembayaran secara online melalui payment gateway paypal.
7. Fungsi laporan
Merupakan fungsi yang digunakan oleh adminadmin gudang, admin penjualan dan admin web untuk mencetak laporan, laporan yang
dihasilkan dari aplikasi ini adalah laporan produk dan laporan penjualan dalam versi PDF yang dapat dicetak berdasarkan periode bulanan,
tahunan maupun secara periodik berdasarkan waktu yang ditentukan. 8.
Fungsi pengelolaan pesan Merupakan fungsi yang digunakan oleh dua jenis pengguna yaitu
member dan admin penjualan untuk dapat saling berkomunikasi dalam aplikasi dengan cara menulismengirim pesan.
9. Fungsi retur
Merupakan fungsi yang dapat digunakan oleh member untuk melakukan klaim kepada pihak CV Multi Abadi terhadap barang yang rusakkurang
layak dari segi kualitas atau tidak sesuai dengan pesanan member untuk digantikan dengan barang baru. Fungsi retur ini meliputi :
a. Pemilihan produk retur
b. Menambahkan item retur dengan mengisi jumlah produk yang akan
diretur berdasarkan alasan retur yang telah disediakan di dalam aplikasi.
c. Mengubahupdate jumlah produk yang akan diretur.
10. Fungsi lihat produk
76
Merupakan fungsi yang digunakan oleh dua level user yaitu member dan pengunjung dalam melihat informasi produk yang ingin dilihat yang
meliputi : a.
Melihat produk berdasarkan produk baru sajanewest product secara global dari seluruh kategori
b. Melihat produk berdasarkan produk diskon saja secara global dari
seluruh kategori. c.
Melihat produk berdasarkan produk paling banyak dilihatmost viewed product secara global dari seluruh kategori.
d. Melihat produk berdasarkan kategori
e. Melihat produk berdasarkan produk paling banyak dibeli dari seluruh
kategori. 11.
Fungsi pencarian produk Merupakan fungsi yang digunakan oleh dua level user yaitu member
dan pengunjung dalam mencari informasi produk yang meliputi : a.
Pencarian produk berdasarkan kategori b.
Pencarian produk berdasarkan nama produk. c.
Pencarian produk berdasarkan fiturspesifikasi produk d.
Pencarian produk berdasarkan harga produk 12.
Fungsi ubah password Merupakan fungsi yang digunakan oleh member dan admin untuk
mengubah password guna menjaga keamanan akun. 13.
Fungsi pengelolaan pesanan
77
Merupakan fungsi yang digunakan oleh admin mengelola pesanan member meliputi :
a. Pencarian data pesananproses mencari data pesanan yang dipesan
oleh member. b.
Melihat detail pesananproses untuk melihat data detail pesanan member.
c. Pengelompokkan pesanan member proses mengelompokkan data
pesanan berdasarkan status pesanan member mulai dari dipesan, dikonfirmasi, dibayar, dikirim, diterima, klaim retur dan retur,
dibatalkan. d.
Pengelolaan pesanan meliputi perubahan status pesanan menjadi dibayar, rekonfirm, dikirim dan diterima.
14. Fungsi pengelolaan retur
Merupakan fungsi yang digunakan oleh admin dalam mengelola retur member meliputi :
a. Melihat detail returproses untuk melihat data detail retur member.
b. Melakukan validasi dan perubahan status returproses merubah
status retur menjadi klaim retur diterima, retur dikirim dan retur telah diterima kembali.
c. Mengubah status retur pada setiap item produkproses merubah
status retur item produk pada setiap produk yang diretur oleh member meliputi perubahan status menjadi diproses, tidak diproses,
menunggu dari suplier dan selesai.
78
15. Fungsi Maintenance
Maintenance merupakan fungsi yang digunakan oleh admin web untuk menyalin data yang ada di server untuk disimpan dan mengembalikan
data-data ke server jika suatu saat terjadi kerusakankehilangan data . Fungsi ini meliputi :
a. Backup Sistem
b. Backup Database
c. Backup gambar.
d. Restore sistem
e. Restore database
f. Restore gambar
III.1.3.5 Aturan Bisnis Pada Sistem Yang Akan Dibangun
Aturan bisnis yang akan diterapkan pada sistem yang akan dibangun adalah sebagai berikut :
1. Pemesanan
Untuk melakukan pemesanan, pembeli harus melakukan pendaftaran terlebih dahulu untuk mendapatkan akun member agar dapat melakukan
pemesanantransaksi. Member dapat membeli produk cara memilih produk yang tersedia kemudian memasukan jumlah yang ingin dibeli. Member
dapat membeli lebih dari satu produk dalam satu kali transaksi. Setelah member yakin dengan produk yang dibeli, member melakukan checkout
untuk memasukan alamat pengiriman untuk produk yang telah dipesan.
79
Kemudian member menerima informasi melaului email mengenai detail pemesanan produk yang telah dipesan.
2. Pengelolaan stok produk
Dalam aplikasi ini stok produk akan berkurang ketika member melakukan checkout. Dengan aturan setiap produk yang ada di keranjang akan di cek
ketersediaan stoknya terlebih dahulu pada saat melakukan checkout. Jika jumlah pembelianquantity produk di keranjang telah habis maka produk
akan dihapus dari keranjang belanja. Tetapi, jika pembelianquantity produk di keranjang lebih besar dari stok tersedia maka jumlah
pembelianquantity produk di keranjang akan di update ke stok yang tersedia.
3. Pembayaran
Metode pembayaran yang disediakan di dalam aplikasi ini meliputi dua metode pembayaran yaitu pembayaran secara offline melalui transfer baik
itu via ATM ataupun setor tunai ke rekeningakun bank milik perusahaan yang telah tersedia seperti BCA, BNI dan Mandiri sedangkan untuk
pembayaran secara online menggunakan fasilitas payment gateway Paypal. Batas waktu maksimal untuk pembayaran pesanan baik offline
maupun online adalah 1X6 jam terhitung sejak waktu pemesanan. Pesanan yang tidak dibayardikonfirmasi pembayarannya akan secara otomatis
dibatalkan oleh sistem dan stok akan dikembalikan ke produk. Kebijakan ini diambil guna menjaga kestabilan dan ketersedian stok di perusahaan.
Untuk pembayaran secara offline baik melalui transfer antar rekening
80
maupun setoran tunai, member wajib melakukan konfirmasi melalui website perihal telah melakukan pembayaran. Terkecuali jika pembayaran
dilakukan secara online dengan menggunakan Paypal, pembayaran yang dilakukan secara online akan langsung mengupdate data pemesanan dan
pembayaran member secara otomatis melalui IPN Instant Payment Notification sehingga member tidak perlu melakukan konfirmasi.
4. Mata uang pembayaran dan pembulatan harga
Mata uang pembayaran yang digunakan dalam aplikasi ini menggunakan mata uang rupiahIDR, akan tetapi untuk pembayaran secara online
melalui Paypal maka dilakukan konversi nilai mata uang rupiahIDR terhadap mata uang dollarUSD terhadap kurs dollar yang berlaku pada
saat pemesanan dengan pembulatan total bayar adalah dua angka dibelakang koma sesuai dengan format yang diterima oleh paypal.
5. Pengiriman
Pesanan akan diproses untuk pengiriman setelah pembayaran pesanan member diterima. Jasa pengiriman yang disediakan adalah JNE dan
Dakota Kargo
yang sudah
memiliki fasilitas
penelusuran pengirimanTracking
sehingga mempermudah
member untuk
melakukan pelacakan terhadap keberadaan pesanan. Khusus untuk pembayaran menggunakan paypal pesanan akan kami kirim setelah
balance paypal dana pembayaran benar-benar diterima oleh pihak perusahaan ini digunakan untuk mencegah balance ditarik kembali oleh
member setelah barang dikirim.
81
6. Retur
Sebenarnya kemungkinan untuk retur ini sudah sangat diminimalisir dari pihak perusahaan karena akan selalu dilakukan pengecekan
terhadap kualitas barang baik ketika barang masuk pada proses pengadaan barang dari suplier maupun ketika terjadi pengiriman barang
kepada member, barang-barang yang akan dikirim akan dicek terlebih dahulu untuk menanggulangi kesalahan pengiriman barang dan
pengiriman barang yang kurang layak dari segi kualitas kepada member. Namun pihak perusahaan akan tetap memberikan retur atau
jaminan dua hari terhadap barang yang rusak secara fungsional sehingga tidak dapat digunakan sesuai dengan fungsinya dan karena
kesalahan pengirimanpengepakan dari pihak perusahaan sehingga barang yang diterima tidak sesuai dengan barang yang dipesan.
Untuk prosedur retur barang yang diusulkan di dalam aplikasi ini, member hanya dapat mengajukan retur setelah pesanan mendapatkan
status diterima dan tidak melebihi batas pengajuan retur yaitu dua hari sejak pesanan diterima, member dapat mengisi jumlah produk yang
akan diretur pada alasan yang telah disediakan dengan syarat jumlah barang retur tidak melebihi barang yang dibeli.
Member dapat mengajukan retur lebih dari satu produk dan dapat mengubah jumlah retur ataupun membatalkan retur untuk setiap
produknya, setelah itu member akan menerima email bahwa klaim retur member akan divalidasi dalam waktu 1X24 jam oleh admin, setelah
82
mendapatkan validasi admin maka member harus mengirimkan kembali barang yang di klaim retur. Setelah barang retur diterima oleh
perusahaan maka, dilakukan pengecekan terhadap barang retur sesuai dengan syarat dan ketentuan yang berlaku di perusahaan, bilamana
barang yang di retur memenuhi syarat maka barang retur akan diproses untuk penggantian baru dengan unit dan tipe yang sama sedangkan,
jika tidak memenuhi syarat maka tidak akan diproses dan akan dikembalikan kepada member tanpa penggantian apapun. Bilamana
kondisi barang pengganti tidak tersediaout of stock, pihak perusahaan akan memproses retur barang ke pihak suplier tempat barang tersebut
dibeli dan memberikan status retur menunggu pada barang yang diretur hingga barang pengganti tersebut ada. Setelah retur member selesai
diproses maka member akan menerima email konfirmasi mengenai resi pengiriman retur. Konfirmasi dan status retur mengenai barang-barang
yang diretur dapat dilihat melalui website pada menu histori retur maupun pada email konfirmasi yang dikirimkan setiap kali ada
perubahan status seperti saat klaim retur diterima, retur dikirim kembali ke member dan saat retur telah diterima kembali oleh member.
7. Diskon Produk
Diskon berlaku untuk produk–produk tertentu, penerapan diskon ini dilakukan per item produk, tidak ada aturan khusus di perusahaan
dalam menentukan diskon bagi setiap produknya, diskon ditentukan
83
sesuai dengan kebijakan pemilik perusahaan itu sendiri dengan cara input manual pada produk yang ingin diberi diskon.
8. Rating Produk
Pemberian rating terhadap suatu produk hanya dapat dilakukan oleh member atau konsumen yang telah terdaftar dalam aplikasi. Setiap
member dapat memberikan rating lebih dari satu produk dengan ketentuan pemberian nilai rating hanya dapat dilakukan satu kali untuk
setiap produknya hal ini untuk menghindari pemberian nilai rating yang berlebihan oleh pelangganmember yang tidak bertanggung jawab.
III.1.4 Analisis Perancangan Basis Data
Analisis Perancangan basis data merupakan tahap untuk mengidentifikasi kebutuhan-kebutuhan file-file database yang diperlukan oleh sistem. Pada
perancangan basis data ini akan dibahas EntityRelationship Diagram ERD, Relasi Tabel, dan Struktur File.
III.1.4.1 Entity Relationship Diagram ERD
Dalam memodelkan data dan menggambarkan hubungan antara entitas dan komponen data yang ada pada sistem secara sistematis digunakan alat bantu yaitu
diagram E-R. Dalam hal ini Diagram E-R merupakan komponen-komponen himpunan entitas dan himpunan relasi yang dideskripsikan lebih jauh melalui
sejumlah atribut-atribut property yang menggambarkan seluruh fakta dari sistem yang ditinjau. Adapun Diagram E-R yang diusulkan dalam membangun aplikasi
e-commerce di
CV. Multi
Abadi adalah
seperti gambar
III.4.
84 Gambar III.4 Entity Relationship Diagram
Untuk keterangan mengenai atribut dan entitas pada Gambar III.4 dapat dilihat pada tabel III.1[4].
Tabel III.1 Atribut dan Entitas
No Entitas
Atribut
1 Admin
id_admin, nama_admin, password_admin, email_admin, id_pertanyaan, jawaban_pertanyaan,
jabatan, status_admin, created_date
2 Member
id_member,id_kota,nama_member, email_member, alamat, kode_pos, no_kontak, password_member,
id_pertanyaan, jawaban_pertanyaan, tanggal_daftar, status_member
3 Suplier
id_suplier,nama_suplier,alamat_suplier, telepon_suplier, fax_suplier,email_suplier, suplier_dibuat, suplier_diubah
4 Produk
id_produk, id_kategoriproduk, id_suplier, id_admin, nama_produk, model, dimensi, berat, harga, diskon,
deskripsi,tanggal_dimuat,tanggal_diubah, jumlah_viewer, stok_produk,status_produk
5 Kota
id_kota, id_provinsi,
nama_kota, kota_dibuat,
kota_diubah 6
Provinsi id_provinsi,nama_provinsi,provinsi_dibuat,
provinsi_diubah 7
Kategori id_kategoriproduk,
nama_kategori, kategori_dibuat,
kategori_diubah 8
Kurs Dollar id_kurs, tgl_kurs, harga_kurs, status_kurs
9 Gambar
id_gambarproduk, id_produk,
deskripsi_gambar, nama_gambar, gambar_default
10 Konten
id_konten, nama_konten,
isi_konten, id_admin,
tanggal_buat, tanggal_ubah 11
Kontak id_kontak, jenis_kontak, nama_kontak, no_kontak,
id_admin 12
Pertanyaan Keamanan
id_pertanyaan, pertanyaan 13
Jasa Pengirman id_jasakiriman, nama_jasakirim, brt_kirim_minimum,
brt_kirim_selanjutnya, gambar_jasakirim, url_tracking 14
Jenis Pengiriman id_jeniskiriman, nama_jeniskiriman, waktu_pengiriman,
id_jasakiriman 15
Pesan id_pesan,
nama_pesan, judul_pesan,
isi_pesan, tgl_pesan, status_pesan, id_admin, id_member, email
16 Detail pesanan
id_detailpesanan, id_pesanan, id_produk, harga, diskon, harga_diskon, qty, berat_item, sub_total, status_detail
17 Retur
id_retur, id_detailpesanan, id_alasan_retur, qty_retur, status_retur_item
18 Alasan retur
id_alasan_retur, alasan_retur 19
Akun pembayaran id_akunbayar,nama_akunbayar,atas_nama,
jenis_akunbayar, no_akunbayar, cabang, nama_gambar, status_akunbayar
20 Pengiriman
id_pengiriman, id_pesanan, id_ongkir, nama_penerima, kontak_kirim, alamat_kirim, kodepos_kirim,
tanggal_kirim, resi_kirim, tanggal_terima, diterima_oleh, jenis_pengiriman, jenis_alamat, id_admin
21 Pembayaran
id_pembayaran, id_pesanan, id_akunbayar, tanggal_bayar, jumlah_bayar, jumlah_diterima,
jenis_transfer, rekening_member, atas_nama, transaksi_id,, catatan, status_bayar, kekurangan,
id_admin, batas_konfirm
22 Keranjang
id_keranjang, id_produk, id_member, harga, diskon, harga_diskon, qty, sub_total, status_keranjang,
berat_item, waktu_keranjang
23 Pesan
id_pesan, nama_pesan, judul_pesan, isi_pesan, tgl_pesan, status_pesan, id_admin, id_member, email
III.1.5 Analisis Kebutuhan Fungsional
III.1.5.1 Diagram Konteks
Diagram konteks merupakan salah satu alat bantu dalam melakukan analisis terstruktur. Diagram konteks ini menggambarkan sistem secara garis
besar atau secara keseluruhan. Dalam diagram konteks juga digambarkan entitas eksternal yang merupakan perangkat pikir yang menghasilkan data yang diolah
oleh sistem maupun tujuan dari informasi yang dihasilkan oleh sistem. Adapun diagram konteks yang akan diusulkan dalam rancang bangun
aplikasi E-Commerce di CV. Multi Abadi dapat dilihat pada gambar III.5.
+
, +
- .
. +
- +
. .
+ -
+
.
. +
. .
+ .
+ .
. +
+
. .
+
. .
. +
. .
+ .
+ +
Gambar III.5 Diagram Konteks
III.1.5.2 Data Flow Diagram DFD
Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi. Dalam
Data Flow DiagramDFD terdiri dari entitas luar, aliran data, proses, dan penyimpanan data. Salah satu keuntungan menggunakan data flow diagram
adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan.
DFD Level 1
Gambar III.6 DFD Level 1
DFD Level 2
Gambar III.7 DFD Level 2 Proses 1 Registrasi
Gambar III.8 DFD level 2 proses 2 Login
Gambar III.9 DFD Level 2 Proses 3 Pengelolaan Data Master
Gambar III.10 DFD Level 2 Proses 4 Pemesanan
Gambar III.11 DFD Level 2 Proses 5 Pengelolaan Laporan
Gambar III.12 DFD Level 2 Proses 6 Pengelolaan Pesan
Gambar III.13 DFD Level 2 Proses 7 Retur
Gambar III.14 DFD Level 2 Proses 8 Lihat Produk
Gambar III.15 DFD Level 2 Proses 9 Ubah Password
Gambar III.16 DFD Level 2 Proses 10 Pencarian Produk
DFD Level 3
Gambar III.17 DFD Level 3 Proses 3.1 Kelola Suplier
Gambar III.18 DFD Level 3 Proses 3.2 Kelola Kategori Produk
Gambar III.19 DFD Level 3 Proses 3.3 Kelola Produk
- -
- -
- -
1 -
- -
- -
-
- -
-
- ,
-
, -
, -
, -
Gambar III.20 DFD Level 3 Proses 3.4 Kelola Provinsi
Gambar III.21 DFD Level 3 Proses 3.5 Kelola KotaKabupaten
Gambar III.22 DFD Level 3 Proses 3.6 Kelola Jasa Kiriman
Gambar III.23 DFD Level 3 Proses 3.7 Kelola Jenis Kiriman
Gambar III.24 DFD Level 3 Proses 3.8 Kelola Member
Gambar III.25 DFD Level 3 Proses 3.9 Kelola Ongkos Kirim
Gambar III.26 DFD Level 3 Proses 3.10 Kelola Akun Bayar
Gambar III.27 DFD Level 3 Proses 3.12 Kelola Konten
Gambar III.28 DFD Level 3 Proses 4.1 Keranjang Belanja
DFD Level 4
Gambar III.29 DFD Level 4 Proses 3.12.6 Kelola Logo Web
Gambar III.30 DFD Level 4 Proses 3.12.7 Kelola Pertanyaan Keamanan
III.1.5.3 Spesifikasi Proses
Spesifikasi mendeskripsikan setiap elemen proses yang ada pada data flow diagram DFD. Yang akan dijelaskan dalam spesifikasi proses ini meliputi nama
proses, input, output, source, destination dan logika dari proses. Untuk lebih jelas mengenai spesifikasi proses dari rancangan DFD yang telah dibuat dapat dilihat
pada tabel III.2. Tabel III.2 Spesifikasi Proses
No. Proses
Keterangan 1
No. Proses 1
Nama Proses Registrasi
Source Pengunjung, storage tb_kota, storage
tb_provinsi, storage tb_pertanyaankemanan, storage
tb_member
Destination Pengunjung, storage tb_member
Input Data registrasi,data aktivasi, data kota,
data provinsi Output
Info registrasi, info aktivasi, data registrasi
Logika Proses 1.
Pengunjuang memilih menu registrasi 2.
Sistem menampilkan form registrasi 3.
pengunjung memasukan data registrasi pada form registrasi
4. pengunjung kemudian klik daftar.
5. jika data registrasi valid maka sistem
akan menyimpan data registrasi ke database dan muncul info registrasi
sukses, dan info aktivasi akun dikirim ke email pengunjung.
6. jika data registrasi invalid sistem akan
menampilkan pesan kesalahan 2
No. Proses 2
Nama Proses Login
Source Member, Admin web, admin gudang,
admin penjualan, storage tb_admin, storage tb_member, storage
tb_pertanyaankeamanan
Destination Member, Admin web, admin gudang,
admin penjualan, storage tb_admin, storage tb_member
Input Data login member, data login admin,
data admin, data member, Data Lupa Password , data pertanyaan kemanan
Output Info login admin invalid, info login
member invalid, login admin valid, login member valid,Info Password baru, data
admin, data member
Logika Proses 1.
Memberadmin memasukan data login pada form login.
2. Memberadmin klik Login
3. Jika data login admin valid, akan
menampilkan halaman utama admin, 4.
Jika data login member valid, akan menampilkan halaman utama
member,
5. Jika data login memberadmin invalid,
sistem akan menampilkan pesan kesalahan.
6. Apabila memberadmin lupa password
untuk login, dapat mengklik menu lupa password.
7. Memberadmin memasukkan data
lupa password pada form lupa password.
8. jika data lupa password valid, muncul
pesan sukses dan info password baru dikirim ke email.
9. Jika data lupa password tidak valid
muncul pesan kesalahan.
3 No. Proses
3 Nama Proses
Pengelolaan Data Master Source
Admin web, admin gudang, admin penjualan, storage tb_admin, storage
tb_member, storage tb_pesanan, storage tb_retur, storage tb_detailpesanan,
storage tb_pertanyaankeamanan, storage tb_kontaksupport, storage tb_produk,
storage tb_gambarproduk, storage tb_suplier, storage tb_kategoriproduk,
storage tb_rating, storage tb_logoweb, storage tb_kurs, storage tb_keranjang,
storage tb_jeniskiriman, storage tb_ongkir, storage tb_pengiriman,
storage tb_pembayaran, storage tb_jasakirim, storage tb_pesan, storage
tb_retur. Storage tb_alasanretur, storage tb_akun bayar, storage tb_provinsi,
storage tb_kota Destination
Admin web, admin gudang, admin penjualan, paypal, storage tb_admin,
storage tb_member, storage tb_pesanan, storage tb_retur, storage
tb_detailpesanan, storage tb_pertanyaankeamanan, storage
tb_kontaksupport, storage tb_produk, storage tb_gambarproduk, storage
tb_suplier, storage tb_kategoriproduk, storage tb_rating, storage tb_logoweb,
storage tb_kurs, storage tb_keranjang, storage tb_jeniskiriman, storage
tb_ongkir, storage tb_pengiriman, storage tb_pembayaran, storage
tb_jasakirim, storage tb_pesan, storage tb_retur. Storage tb_alasanretur, storage
tb_akun bayar, storage tb_provinsi storage tb_kota, storage tb_rating
Input
Data login admin valid, Data admin, Data suplier, Data kategori,Data produk, Data
provinsi,Data kota, Data jasa kiriman,Data jenis kiriman, Data ongkos kirim,Data
kontak, Data konten,Data member, Data pesanan, data pembayaran, data pengiriman,
Data detail pesanan, Data retur, data kurs, Data akun pembayaran, Data pesan, Data
backup restore, data pertanyaan keamanan, data alasan retur, data rating, data suplier
Output
info suplier, info kategori, info produk, info provinsi, info kota, info admin
info jasa kiriman,info jenis kiriman, info ongkos kirim, info kontak, info rating
info konten, info member, info akun pembayaran, info pesan, info backup restore,
info pertanyaan keamanan, info logo web, Data admin, Data suplier, Data kategori
Data produk, Data provinsi, Data kota, Data jasa kiriman, Data jenis kiriman, Data
ongkos kirim, Data kontak, Data konten Data
member, Data
pesanan, data
pembayaran, data pengiriman, Data detail pesanan, Data retur, Data laporan, data
alasan retur,
data kurs,
Data akun
pembayaran, Data pesan, Data backup restore, data pertanyaan keamanan
Logika Proses 1.
Jika data login admin valid admin dapat memilih data yang akan
dikelola.
2. admin dapat melakukan penambahan,
perubahan atau penghapusan data yang dikelola.
3. Jika data yang dikelola valid maka
sistem akan menampilkan pesan sukses dari aksi yang dilakukan.
4. Jika data tidak valid maka sistem
akan menampilkan pesan kesalahan. 4
No. Proses 4
Nama Proses Pemesanan
Source Member, Admin web, admin gudang,
admin penjualan, paypal, jasa pengiriman, storage tb_keranjang,
storage tb_admin, storage, tb_gambarproduk, storage tb_produk,
storage tb_kategori, storage tb_rating, storage tb_pengiriman, storage
tb_pembayaran, storage tb_pesanan, storage tb_detail pesanan, storage
tb_kurs, storage tb_jasakirim, storage tb_jesniskiriman, storage tb_ongkir,
storage tb_akunbayar Destination
Member, Admin web, admin gudang, admin penjualan, paypal, jasa
pengiriman, email server, storage tb_keranjang, storage tb_rating, storage
tb_pengiriman, storage tb_pembayaran, storage tb_pesanan, storage tb_detail
pesanan Input
Data login member valid, data login admin valid, data admin, data member,
data produk, data gambar produk, data rating, data pemesanan, data detail
pesanan, data pencarian pesanan, data data pengiriman, data jasa kirim, data
jenis kiriman, data ongkir, data akun bayar, data pembayaran, info
pembayaran paypal, info tracking, data keranjang, data produk, data kategori,
data rating, data tracking, data update status pembayaran, data update status
pengiriman pesanan, data update status
penerimaan pesanan Output
Info keranjang, info pemesanan, info pengiriman, info pembayaran, info
rating, data pembayaran paypal, info pencarian pesanan, info detail pesanan,
info update pengiriman, info penerimaan pesanan, data tracking, data pesanan,
data detail pesanan, data pengiriman, data pembayaran, data pembayaran
paypal, data keranjang, data rating
Logika Proses 1.
Setelah member login 2.
Member memilih produk yang akan dibeli
3. member menambahkan produkitem
ke keranjang belanja dengan mengisi qty pembelian pada form
4. jika data valid akan muncul pesan
produk berhasil ditambahkan ke keranjang
5. jika data invalid akan muncul pesan
kesalahan 6.
jika member telah selesai berbelanja, member klik checkout. Kemudian
tampil halaman detail kernjang belanja.
7. Member dapat merlakukan
penambahan produk, perubahan qty pembelian dan penghapusan produk
maupun pengosongan keranjang belanja
8. setelah member yakin dengan data di
keranjang belanja member klik selanjutnya untuk mengisi data
sesuai dengan yang diminta pada form pengiriman.
9. Setelah mengisi form pengiriman,
member klik selesai, jika data pengiriman valid maka akan tampil
halaman pembayaran dan sistem akan menampilkan detail pesanan member
10. Member dapat membayar pesanan
langsung menggunakan paypal melalui tombol bayar via paypal,
ataupun membayarnya nanti, melalui transfer bankpaypal dengan
mengklik selesai.
11. Jika Member membayar via paypal
dengan klik tombol bayar via paypal maka member akan dialihkan ke
website paypal untuk melakukan pembayaran
12. Member mengisi data login di
halaman paypal untuk melakukan pembayaran.
13. Jika data pembayaran via paypal
valid maka member akan dialihkan kembali ke halaman utama member
dan sistem akan menampilkan info pembayaran dengan paypal sukses.
14. Jika data pembayaran invalid maka
akan ditampilkan info pembayaran paypal tidak valid dan status pesanan
member tetap dipesan.
15. Untuk pembayaran via transfer bank,
member wajib melakukan konfirmasi setelah melakukan pembayaran
melalui menu histori pesanan, dengan memilih menu konfirmasi
pembayaran.
16. Jika data konfirmasi valid maka data
konfirmasi pembayaran disimpan ke database dan akan di validasi oleh
admin.
17. Jika data konfirmasi invalid maka
akan muncul pesan kesalahan 5
No. Proses 5
Nama Proses Pengelolaan laporan
Source Admin web, admin gudang, admin
penjualan, storage tb_pesanan, storage tb_detailpesanan, storage tb_produk,
storage tb_kategori, storage tb_suplier, storage tb_admin
Destination Admin web, admin gudang, admin
penjualan Input
Data login admin valid, data laporan, data pesanan, data detail pesanan, data
suplier, data kategori, data produk data admin
Output Info laporan penjualan, info laporan
produk Logika Proses
1. Setelah admin login
2. Admin memilih menu laporan
3. Admin mengisi data pada form
pembuatan laporan yang berisi jenis
laporan dan periode laporan yang akan dicetak.
4. Setelah mengisi data pada form buat
laporan admin klik buat laporan 5.
jika data laporan valid, sistem akan menampilkan membuat laporan dalam
versi pdf dan admin dapat mengunduh laporan dalam bentuk PDF untuk
diarsipkan atau dilihat secara langsung dari browser
6. jika data laporan invalid, akan muncul
pesan kesalahan. 6
No. Proses 6
Nama Proses Pengelolaan pesan
Source Admin penjualan, Member, storage
tb_pesan, storage tb_member, storage tb_Admin,
Destination Admin penjualan, Member, storage
tb_pesan Input
Data login admin valid, data login member valid, data pesan
Output Info pesan, data pesan
Logika Proses 1.
setelah admin member login 2.
adminmember memilih menu pesan 3.
Adminmember memasukan data pesan pada form pesan
4. Klik kirim pesan
5. Jika data pesan valid, akan muncul
info sukses dan data disimpan ke database
6. Jika data invalid, akan muncul pesan
kesalahan 7.
Untuk membaca adminmember klik baca pesan untuk membaca pesan
yang akan dibaca.
8. Sistem akan menampilkan pesan di
browser. 7
No. Proses 7
Nama Proses Retur
Source Admin web, admin gudang, member,
jasa pengiriman, storage tb_pesanan, storage tb_detailpesanan, storage,
storage tb_pembayaran, storage tb_gambarproduk, storage tb_produk,
storage tb_retur, storage tb_alasanretur, storage tb_admin, storage tb_member
Destination Admin web, admin gudang, member,
email server, jasa pengiriman, storage
tb_retur, storage tb_pesanan Input
Data login admin valid, data login member valid, data admin, data member,
data pesanan, data detail pesanan, data retur, info tracking, data alasan retur,
data update status retur, data update pengiriman, data penerimaan retur
Output Info retur, info update status retur, info
update pengiriman retur, info update penerimaan retur, data tracking, data
retur, data pesanan
Logika Proses 1.
setelah member login 2.
member dapat mengajukan retur pada pesanan yang memiliki status diterima
3. member memilih pesanan yang akan
diretur kemudian member klik detail untuk menampilkan detail pesanan.
4. member klik tombol retur
5. sistem akan menampilkan form retur.
6. member memilih produk yang akan
diretur 7.
member klik tambah retur pada produk yang akan diretur
8. member mengisi jumlah yang akan
diretur pada form tambah retur berdasarkan alasan retur yang
disediakan
9. jika data retur valid, akan muncul
pesan retur item berhasil ditambahkan dan disimpan ke database.
10.
Jika data retur tidak valid muncul pesan kesalahan.
11.
Member dapat menambahkan retur dan mengubah jumlah retur pada
setiap produk yang telah dibeli.
12.
Setelah yakin dengan retur tersebut member klik klaim retur dan info retur
akan dikirim ke email member.
13. Admin akan melakukan validasi
terhadap retur yang diklaim oleh member
14.
Admin memvalidasi retur member. Dan info validasi dikirim ke email
member dan status retur member diubah.
8 No. Proses
8 Nama Proses
Lihat Produk Source
member, pengunjung, storage tb_produk,
storage tb_kategori, storage tb_rating, storage tb_gambarproduk, storage
tb_pesanan, storage tb_detailpesanan
Destination member, pengunjung, storaga tb_rating
Input Data login member valid, Data lihat
produk, data kategori lihat, data rating, data pesanan, data detail pesanan data
produk, data gambar produk, data kategori
Output Info produk,info rating, data rating
Logika Proses 1.
member atau pengunjung berada pada halaman home
2. member dan pengunjung dapat
melihat produk berdasarkan pilihan produk baru saja, semua produk,
berdasarkan kategori, produk terlaris maupun berdasarkan produk yang
paling banyak dilihat.
3. member, pengunjung dapat melihat
mengenai info detail produk dengan klik detail produk maka detail produk
akan ditampilkan oleh sistem di halaman web.
4. Untuk member ketika melihat detail
produk, dapat juga melakukan rating dengan memberikan nilai dengan
indeks nilai 1-5 dengan mengklik gambar bintang.
5. Jika rating sukses maka akan muncul
pesana rating sukses disimpan 6.
Jika member telah melakkukan rating sebelumnya maka muncul pean
kesalahan
9 No. Proses
9 Nama Proses
Ubah Password Source
Admin web, admin penjualan, admin pengunjung, member, storage tb_admin.
Storage tb_member
Destination Admin web, admin penjualan, admin
pengunjung, member, storage tb_admin. Storage tb_member
Input Data login admin valid, data login
member valid, data ubah password, data admin, data member
Output Info ubah password invalid, info ubah
password, data admin, data member Logika Proses
1. Setelah login adminmember
mengklik menu ubah password
2. Sistem akan menampilkan form ubah
password. 3.
AdminMember mengisi form perubahan password
4. AdminMember klik ubah
5. Jika data valid maka data password di
database akan diubah dan akan muncul info sukses melakukan
perubahan password.
6. Jika data ubah password tidak valid
maka akan muncul pesan kesalahan
10
No. Proses
10
Nama Proses
Pencarian Produk
Source
Member,pengunjung, storage tb_produk, storage tb_gambar_produk, storage
tb_kategori, storage tb_rating
Destination
Member,pengunjung
Input
Data pencarian , data produk, data kategori, data gambar produk
Output
Info pencarian produk
Logika Proses 1.
PengunjungMember mengisi kata kunci pencariankeywords.
2. Member pengunjung kemudian
memilih jenis pencarian yang akan dilakukan pada form pencarian
3. Memberpengunjung klik tombol cari
4. Jika data pencarian ditemukan maka
sistem akan menampilkan info produk sesuai dengan data pencarian
5. Jika data pencarian tidak ditemukan di
database maka akan ada informasi bahwa pencarian untuk data yang
dicari tidak ditemukan
11 No. Proses
1.1 Nama Proses
Input data registrasi Source
Pengunjung, storage tb_provinsi, storage tb_kota, storage tb_pertanyaankeamanan
Destination Pengunjung, proses 1.2
Input Data registrasi, data kota, data provinsi,
data pertanyaan keamanan Output
Data registrasi Logika Proses
1. Pengunjung klik menu registrasi
2. Sistem akan menampilkan halaman
registrasi yang berisi form registrasi 3.
pengunjung memasukan data registrasi pada form registrasi.
4. data registrasi kemudian akan
divalidasi pada proses 1.2. 5.
pengunjung klik tombol daftar untuk proses selanjutnya.
12 No. Proses
1.2 Nama Proses
Validasi data registrasi Source
Pengunjung, proses 1.1, storage tb_member
Destination Pengunjung, proses 1.3
Input Data registrasi
Output Info registrasi invalid,data registrasi valid
Logika Proses 1.
proses mendapatkan data registrasi dari proses 1.1
2. jika data registrasi valid maka data
registrasi valid akan dikirimkan ke proses 1.3 untuk disimpan ke
database.
3. jika data registrasi invalid, akan
muncul pesan kesalahan. 13
No. Proses 1.3
Nama Proses Penyimpanan data Registrasi
Source Pengunjung, proses 1.2
Destination Pengunjung, Email Server, storage
tb_member Input
Data registrasi valid, data member Output
Info registrasi, info aktivasi, data member
Logika Proses 1.
proses mendapatkan data registrasi valid dari proses 1.2
2. kemudian data registrasi akan disimpan
ke database dan sistem mengirimkan email yang berisi info registrasi dan
link aktivasi.
14
No. Proses 1.4
Nama Proses Aktivasi akun
Source Pengunjung, storage tb_member
Destination Pengunjung, storage tb_member
Input data aktivasi, data member
Output info aktivasi, data member
Logika Proses 1.
Pengunjung membuka email dan melakukan aktivasi dengan mengklik
link aktivasi pada email atau menyalin link tersebut ke browser.
2. Pengunjung akan menuju halaman
aktivasi 3.
Sistem akan memvalidasi link aktivasi
tersebut 4.
Jika data aktivasi valid maka status member akan diubah di database
menjadi aktif dan menampilkan pesan aktivasi sukses.
5. Jika data aktivasi tidak valid maka
akan menampilkan pesan kesalahan 15
No. Proses 2.1
Nama Proses Input data login
Source Admin web, admin gudang, admin
penjualan, member Destination
Admin web, admin gudang, admin penjualan, member, proses 2.2
Input Data login member, data login admin
Output Data login member, data login admin
Logika Proses 1.
Adminmember menginputkan data pada form login.
2. sistem akan mengirimkan data login ke
proses 2.2 untuk divalidasi. 16
No. Proses 2.2
Nama Proses Validasi Data Login
Source Member, admin gudang, admin web,
admin penjualan, proses 2.1, storage tb_admin, storage tb _member
Destination Member, admin gudang, admin web,
admin penjualan Input
Data login member, data login admin, data admin, data member
Output Info login memberadmin invalid, login
memberadmin valid. Logika Proses
1. Proses mendapatkan data login
adminmember dari proses 2.1 2.
Data login memberadmin kemudian akan divalidasi dan dicocokan dengan
data yang ada di database.
3. Jika data login adminmember valid
maka admin akan masuk ke halaman utama member dan untuk admin akan
masuk ke halaman utama admin.
4. Jika data login memberadmin tidak
valid maka akan menampilkan pesan kesalahan.
17 No. Proses
2.3 Nama Proses
Lupa password Source
Member, admin web, admin penjualan, admin gudang, storage tb_member,
storage tb_admin, storage
tb_pertanyaankeamanan Destination
Member, admin web, admin penjualan, admin gudang, email server, storage
tb_member, storage tb_admin, storage
Input Data lupa password , data admin, data
member, data pertanyaan keamanan Output
Info password baru, data member, data admin
Logika Proses 1.
Adminmember memilih menu lupa password ketika tidak dapat login
karena lupa password login
2. Sistem menampilkan halaman lupa
password yang berisi form lupa password
3. Adminmember mengisi data lupa
password pada form lupa password. 4.
Memberadmin menekan tombol kirim password baru.
5. Jika data lupa password valid maka
data password di database akan di update dengan password baru, dan info
password baru akan dikirimkan ke email member..
6. Jika data lupa password tidak valid
maka akan menampilkan pesan kesalahan
18 No. Proses
3.1 Nama Proses
Kelola suplier Source
Admin gudang, storage tb_suplier Destination
Admin gudang, storage tb_suplier Input
data login admin valid, data suplier, Output
Info suplier, data suplier Logika Proses
1. Setelah admin login
2. admin memilih menu kelola suplier
3. sistem akan menampilkan halaman
pengelolaan suplier dan seluruh data suplier.
4. Admin dapat mengelola data suplier
baik itu menambahkan, mengubah atau menghapus data suplier.
19 No. Proses
3.2 Nama Proses
Kelola kategori Source
Admin gudang, storage tb_kategoriproduk
Destination Admin gudang, storage
tb_kategoriproduk Input
Data kategori, data login admin valid
Output Info kategori, data kategori
Logika Proses 1.
Setelah admin login 2.
admin memilih menu kelola Kategori 3.
sistem akan menampilkan seluruh data kategori.
4. Admin dapat mengelola data suplier
baik itu menambahkan, mengubah atau menghapus data kategori.
20 No. Proses
3.3 Nama Proses
Kelola produk Source
Admin gudang, social network, storage tb_suplier, storage tb_kategori, storage
tb_produk, sotrage tb_gambarproduk, storage tb_admin
Destination Admin gudang, social network, storage
tb_produk, sotrage tb_gambarproduk Input
Data produk, data login admin valid, data kategori, data suplier data gambar produk
data admin
Output Info produk, data produk
Logika Proses 1.
Setelah admin login 2.
admin memilih menu kelola produk 3.
sistem akan menampilkan halaman kelola produk dan seluruh data produk.
4. Admin dapat mengelola data produk
baik itu menambahkan, mengubah atau menghapus data produk.
5. Jika data produk yang ditambahkan
atau diubah valid maka data produk akan disimpan ke database dan
menampilkan pesan sukses dari aksi yang dilakukan kemudan, kemudian
akan muncul form posting produk ke social network facebook.
6. Jika data produk tidak valid maka akan
menampilkan pesan kesalahan data produk invalid
7. Jika ingin posting produk ke social
network admin mengisi form posting produk.
8. Admin menekan tombol posting untuk
melakukan posting produk ke social network.
9. Jika posting berhasil akan
menampilkan info posting produk sukses.
10. Jika posting produk gagal akan
menampilkan pesan kesalahan posting
produk 21
No. Proses 3.4
Nama Proses Kelola provinsi
Source Admin gudang, storage tb_provinsi
Destination Admin, storage tb_provinsi
Input Data provinsi, data login admin valid
Output Info provinsi, data provinsi
Logika Proses 1.
Setelah admin login 2.
admin memilih menu kelola provinsi 3.
sistem akan menampilkan halaman kelola provinsi dan seluruh data
provinsi yang ada di database.
4. Admin dapat mengelola data provinsi
baik itu menambahkan, mengubah atau menghapus data provinsi.
22 No. Proses
3.5 Nama Proses
Kelola kota Source
Admin gudang, storage tb_kota, storage tb_provinsi
Destination Admin gudang, storage tb_kota
Input Data kotakabupaten, data login admin
valid, data kota Output
Info kotakabupaten Logika Proses
1. Setelah admin login
2. admin memilih menu kelola
kotakabupaten 3.
sistem akan menampilkan halaman kelola kota dan seluruh data
kotakabupaten.
4. Admin dapat mengelola data
kotakabupaten baik itu menambahkan, mengubah atau
menghapus data kotakabupaten.
23 No. Proses
3.6 Nama Proses
Kelola jasa kiriman Source
Admin gudang, storage tb_jasakiriman Destination
Admin gudang, storage tb_jasakiriman Input
Data jasa kiriman, data login admin valid Output
Data jasa kiriman, info jasa kiriman Logika Proses
1. Setelah admin login
2. admin memilih menu kelola jasa
kiriman 3.
sistem akan menampilkan halaman kelola jasa kiriman dan seluruh data
jasa kiriman yang ada di database.
4. Admin dapat mengelola data jasa
kiriman baik itu menambahkan, mengubah atau menghapus data jasa
kiriman
24 No. Proses
3.7 Nama Proses
Kelola jenis kiriman Source
Admin gudang, storage tb_jasakiriman, tb_jeniskiriman
Destination Admin gudang, storage tb_jeniskiriman
Input Data jenis kiriman, data login admin
valid, data jasa kirim, data jenis kiriman Output
Info jenis kiriman, data jenis kiriman Logika Proses
1. Setelah admin login
2. admin memilih menu kelola jenis
kiriman 3.
sistem akan menampilkan halama kelola jenis kiriman dan seluruh data
jenis kiriman yang ada di database.
4.
Admin
dapat mengelola data jenis kiriman baik itu menambahkan,
mengubah atau menghapus data jenis kiriman
25 No. Proses
3.8 Nama Proses
Kelola member Source
Admin penjualan, storage tb_member, storeage tb_pesanan, storage tb_retur
Destination Admin penjualan, storage tb_member
Input Data member, data login admin valid,
data pesanan, data retur Output
Info member, data member Logika Proses
1. Setelah admin login
2. admin memilih menu kelola member
3. sistem akan menampilkan halaman
kelola member dan seluruh data member yang ada di database
4. Admin dapat mengelola data member
baik itu melihat detail informasi member, dan jumlah pemesanan
maupun retur yang pernah dilakukan. Admin juga dapat mengirim pesan ke
member dan mengubah status keaktifan member,
26 No. Proses
3.9 Nama Proses
Kelola ongkos kirim Source
Admin gudang, storage tb_ongkir, storage tb_jasakirim, storage
tb_jeniskiriman, storage tb_provinsi, storage tb_kota
Destination Admin, storage tb_ongkir
Input Data ongkir, data login admin valid, data
kota, data provinsi, data jasa kriim data jenis kirim
Output Info ongkos kirim, data ongkir
Logika Proses 1.
Setelah admin login 2.
admin memilih menu kelola ongkos kirim
3. sistem akan menampilkan halaman
kelola ongkos kirim dan seluruh data ongkos kirim yang ada di database.
4. Admin dapat mengelola data ongkos
kirim baik itu menambahkan, mengubah atau menghapus data
ongkos kirim
27 No. Proses
3.10 Nama Proses
Kelola akun pembayaran Source
Admin penjualan, storage tb_akunbayar Destination
Admin penjualan, storage tb_akunbayar Input
Data akunbayar, data login admin valid Output
Info akun bayar, data akun bayar Logika Proses
1. Setelah admin login
2. admin memilih menu kelola akun
pembayaran 3.
sistem akan menampilkan halaman kelola akun pembayaran dan seluruh
data akun pembayaran.
4. Admin dapat mengelola data akun
pembayaran baik itu menambahkan, mengubah atau menghapus data akun
pembayaran
28 No. Proses
3.11 Nama Proses
Kelola kontak Source
Admin web, storage tb_kontaksupport Destination
Admin web, storage tb_kontaksupport Input
Data kontak, data login admin valid Output
Info kontak, data kontak Logika Proses
1. Setelah admin login
2. admin memilih menu kelola kontak
3. sistem akan menampilkan halaman
kelola kontak dan seluruh data kontak. 4.
Admin dapat melakukan edit terhadap data kontak yang ada.
29 No. Proses
3.12 Nama Proses
Kelola konten Source
Admin web, storage tb_konten, storage tb_pertanyaankeamanan, storage
tb_logoweb, storage tb_admin
Destination Admin web, storage tb_konten, storage
tb_pertanyaankeamanan, storage tb_logoweb
Input Data konten, data pertanyaan keamanan,
data logo, data admin, data login admin valid
Output Info konten, info logo web, info
pertanyaak keamanan, data konten, data logo
Logika Proses 1.
Setelah admin login 2.
admin memilih menu kelola konten 3.
sistem akan menampilkan halaman kelola konten
4. Admin dapat mengelola data konten
yang meliputi perubahan cara belanaja, info pembayaran,syarat
ketentuan hubungi kami, pengelolaan pertanyaan keamanan dan pengelolaan
logo web.
30 No. Proses
4.1 Nama Proses
Keranjang belanja Source
Member, storage tb_member, storage tb_produk, storage tb_keranjang, storage
tb_kategoriproduk, storage tb_rating, storage tb_gambarproduk
Destination Member, proses 4.2, storage
tb_keranjang Input
Data keranjang, data login member valid, data keranjang, data produk , data
kategori, data rating, data gambar produk
Output Data keranjang, Info keranjang, data
keranjang Logika Proses
1. Setelah member login
2. Member memilih produk mana yang
akan ditambahkan ke keranjang. 3.
Member klik detail produk 4.
Member memasukkan jumlah produk yang akan dibeli ke keranjang.
5. Jika data jumlah produk yang akan
ditambahkan valid maka produk akan ditambahkan ke keranjang.
6. Jika data jumlah produk yang akan
ditambahkan ke keranjang tidak valid maka akan muncul pesan kesalahan
7. Setelah selesai belanja member
menekan checkout untuk memproses keranjang belanja.
8. Sistem akan menampilkan detail
keranjang belanjaan member. 9.
Member dapat mengelola keranjang belanja meliputi penambahan produk
ke keranjang kembali, penghapusan produk di keranjang, perubahan jumlah
pembelian produk di keranjang dan pengosongan keranjang belanja.
10.
Setelah yakin dengan keranjang belanjaan member dapat melanjutkan
ke proses selanjutnya dengan menekan selanjutnya maka sistem akan
menampilkan halaman pengiriman yang berisi form alamat pengiriman
pesanan pada pada proses 4.2
31 No. Proses
4.2 Nama Proses
Pengisian alamat pengiriman Source
Member, proses 4.1, storage tb_member, storage tb_keranjang, storage
tb_provinsi, storage tb_kota, storage tb_jasakirim, storage tb_jeniskiriman,
storage tb_ongkir, storage tb_pengiriman, storage tb_pesanan,
storage tb_detailpesanan, storage tb_pengiriman, storage tb_kurs
Destination Member, proses 4.3, storage tb_pesanan,
storage tb_detailpesanan, storage tb_detail pesanan, storage tb_pengiriman
Input Data keranjang, data pengiriman, data
login member valid, data provinsi, data kota, data jasa kirim, data jenis kirim,
data ongkir, data kurs
Output Info pengiriman,info pesanan, data
pesanan, data pengiriman, data keranjang Logika Proses
1. proses menerima data keranjang dari
proses 4.1 2.
sistem akan menampilkan halaman pengiriman yang berisi form
pengiriman disertai total belanjaan di keranjang belanja dan total berat dari
keranjang belanjaan pada .
3. Member mengisi data pada form
pengiriman 4.
Jika data pengiriman valid maka akan menampilkan biaya pengiriman dan
total bayar yang didapat dari total belanjaan ditambahkan dengan biaya
pengiriman
5. Jika data pengiriman tidakvalid maka
akan muncul pesan kesalahan. 6.
Member menekan tombol selanjutnya untuk mealnjutkan ke proses
berikutnya yaitu pembayaran pada proses 4.3
32 No. Proses
4.3 Nama Proses
Pembayaran Source
Member, proses 4.2 , paypal, storage tb_pembayaran, storage tb_member,
storage tb_pesanan, storage tb_detailpesanan, storage tb_pengiriman,
storage tb_kurs, storage tb_akunbayar
Destination Member ,paypal, email server, storage
tb_pembayaran, storage tb_pesanan Input
data login member valid, data pesanan, data pembayaran, data detail pesanan,
data kurs, data pengiriman, data akun bayar, info pembayaran paypal
Output info pembayaran, info pesanan, data
pesanan, data detailpesanan, data pembayaran, data pembayaran paypal
Logika Proses 1.
Proses menerima data pesanan dari proses 4.2
2. Sistem akan menampilkan halaman
pembayaran detail pesanan member beserta daftar bank juga tombol paypal
yang dapat digunakan member untuk melakukan pembayaran pesanan.
3. Member dapat memilih pembayaran
online via paypal atau offline via transfer bank.
4. Jika memilih pembayaran online maka
member menekan tombol bayar via paypal.
5. Member akan dialihkan ke website
paypal untuk login dan melakukan pembayaran di website paypal.
6. Member menekan tombol Pay Now
pada halaman paypal 7.
Data pembayaran member akan diterima oleh paypal.
8. Paypal mengirim IPNinstant payment
notification yang berisi info mengenai pembayaran member ke aplikasi,
apabila status pembayaran member valid maka pesanan member akan di
update secara otomatis dan status
pesanan akan berubah menjadi dibayar dan user akan dialihkan kembali ke
halaman utama aplikasi, kemudian muncul info pembayaran via paypal
sukses dan info pembayaran dikirim ke email member.
9. Jika pembayaran via paypal tidak valid
maka member akan dialihkan ke halaman utama aplikasi, muncul info
pembayaran via paypal invalid dan status pesanan tetap dipesan.
10. Jika member memilih pembayaran
offline via transfer. Member menekan tombol selesai untuk melakukan
pembayaran via transfer.
11. Setelah melakukan transfer member
wajib melakukan konfirmasi pembayaran melalui menu histori
pesanan kemudian klik detail, lalu klik konfirmasi pembayaran
12. Sistem akan menampilkan halaman
konfirmasi. 13.
Member mengisi form konfirmasi. 14.
Jika data konfirmasi valid konfirmasi akan disimpan untuk divalidasi, status
pesanan member berubah menjadi dikonfirmasi.
15. Jika data konfirmasi tidak valid maka
akan muncul pesan kesalahan
33 No. Proses
4.4 Nama Proses
Pengelolaan Pesanan Source
Admin web, admin gudang, admin penjualan, storage tb_member, storage
tb_pesanan, storage tb_detailpesanan, storage tb_pengiriman, storage
tb_pembayaran, storage tb_pengiriman, storage tb_admin, storage tb_member
Destination Admin, member, admin gudang, admin
penjualan email server, storage tb_pesanan, storage tb_pembayaran,
storage tb_pengiriman
Input Data pesanan, data login admin valid,
data pembayaran, data pengiriman, data akun bayar, data detail pesanan, data
admin, data member, data pencarian pesanan, data update status pembayaran
pesanan, data update status pengiriman
pesanan, data update status penerimaan pesanan
Output Info pesanan, info pencarian pesanan,
info update status pembayaran pesanan, info update status pengiriman pesanan,
info update status penerimaan pesanan, data pesanan, data pembayaran, data
pengiriman
Logika Proses 1.
Setelah admin login 2.
Admin memilih menu kelola pesanan 3.
admin memilih pesanan yang akan diubah statusnya.
4. Admin klik detail pesanan
5. Sistem akan menampilkan detail
pesanan member 6.
Admin penjualan dapat merubah status pesanan menjadi dibayar jika
pembayaran member telah diterimapembayaran offline
7. Admin gudang dapat merubah status
pesanan menjadi dikirim jika admin telah mengirim barangpesanan ke
pihak jasa kiriman
8. Admin gudang dapat merubah status
pesanan menjadi diterima jika barang telah diterima ditempat tujuan.
9. Setiap terjadi perubahan status maka
info mengenai pesanan akan dikirim kan ke email member
34
No. Proses 5.1
Nama Proses Cetak laporan penjualan versi pdf
Source Admin web, admin penjualan, storage
tb_pesanan, storage tb_detailpesanan, storage tb_produk, storage tb_admin
Destination Admin web, admin penjualan
Input Data laporan, data login admin valid,
data pesanan, data detail pesanan, data produk, data admin
Output Info laporan penjualan produk
Logika Proses 1.
Admin memilih menu laporan 2.
Sistem akan menampilkan halaman cetak laoran yang berisi form buat
laporan
3. Admin mengisi data pada form buat
laporan 4.
Admin memilih laporan penjualan. 5.
Admin mengisi periode dari laporan yang akan dicetak baik itu bulanan,
tahunan atau secara periodik berdasarkan waktu tertentu
6. Admin menekan tombol buat laporan
7. Jika data laporan valid maka sistem
akan menampilkan link untuk mengunduh laporan dalam versi pdf
8. Jika data laporan penjualan tidak valid
maka akan tampil pesan kesalahan 35
No. Proses 5.2
Nama Proses Cetak laporan produk versi PDF
Source Admin web, admin gudang, storage
tb_produk, storage tb_kategoriproduk, storage tb_suplier, storage tb_admin
Destination Admin web, admin gudang
Input Data laporan produk, data login admin
valid Output
Info laporan produk Logika Proses
1. Admin memilih menu laporan
2. Sistem akan menampilkan halaman
cetak laporan yang berisi form buat laporan
3. Admin mengisi data pada from buat
laporan 4.
Admin memilih jenis laporan produk. 5.
Admin mengisi periode dari laporan yang akan dicetak baik itu bulanan,
tahunan atau secara periodik berdasarkan waktu tertentu
6. Admin menekan tombol buat laporan
7. Jika data laporan valid maka sistem
akan menampilkan link untuk mengunduh laporan dalam bentuk pdf
8. Jika data laporan tidak valid maka akan
tampil pesan kesalahan 36
No. Proses 6.1
Nama Proses baca pesan
Source Admin, member, storage tb_pesan,
storage tb_Admin, storage tb_member Destination
Admin, member Input
Data pesan, data login member valid, data login admin valid, data member,
data admin, data pesan
Output Info pesan
Logika Proses 1.
Setelah adminmember login 2.
Memberadmin menekan menu pesan masuk
3. Sistem akan menampilkan seluruh data
pesan
4. Adminmember memilih pesan yang
akan dibaca dengan menekan tombol baca pesan
5. Sistem akan menampilkan isi pesan di
browser 37
No. Proses 6.2
Nama Proses tulis pesan
Source Admin, member, storage tb_pesan,
storage tb_Admin, storage tb_member Destination
Admin, member, storage tb_pesan Input
Data pesan, data login member valid, data login admin valid, data member,
data admin, data pesan
Output Info pesan, data pesan
Logika Proses 1.
Setelah adminmember login 2.
Memberadmin menekan menu pesan 3.
Sistem akan menampilkan seluruh data pesan
4. Adminmember dapat menulis pesan
dengan klik tulis pesan 5.
Sistem akan menampilkan halaman tulis pesan yang berisi form pesan
6. Adminmember mengisi data pesan
pada form pesan. 7.
Memberadmin klik kirim pesan 8.
Jika data pesan valid maka sistem akan menampilkan pesan sukses
9. Jika tidak valid muncul pesan
kesalahan 38
No. Proses 7.1
Nama Proses Pemilihan pesanan
Source Member, storage tb_pesanan, storage
tb_admin, storage tb_pembayaran, storage tb_pengiriman, storage
tb_detailpesanan
Destination Member
Input Data pesanan, data login member valid,
data admin, data member, data detail pesanan, data pengiriman data
pembayaran
Output Info pesanan
Logika Proses 1.
Setelah member login 2.
Member memilih menu histori pesanan.
3. Sistem akan menampilkan seluruh data
pesanan member 4.
Member memilih pesanan yang akan di retur dan klik detail
5.
Sistem akan menampilkan detail pesanan member yang disertai dengan
tombol retur.
39 No. Proses
7.2 Nama Proses
Retur Item Produk Source
Member, storage tb_pesanan, storage, tb_Retur, storage tb_alasanretur,storage
tb_detalpesanan, storage tb_produk, storage tb_gambar_produk, storage
tb_member
Destination Member, storage tb_retur
Input Data pesanan, data retur , data login
member valid, data detail pesanan, data produk, data gambar produk, data
member, data alasan retur
Output Info retur , data retur, data detail pesanan
Logika Proses
1.
Member menekan tombol retur.
2.
Sistem akan menampilkan halaman retur beserta tombol tambah retur pada
setiap produk yang yang telah dibeli member.
3.
Member klik tambah retur pada produk yang akan diretur.
4.
Sistem akan menampilkan form tambah retur item produk beserta
alasan yang disediakan.
5. Member mengisi jumlah barang yang
diretur pada form retur . 6.
Jika data retur valid maka status retur pada produk tersebut akan menjadi
dikonfirmasi dan tampil pesan retur produk sukses ditambahkan
7. member dapat menambahkan juga retur
untuk produk lainnya dan mengubah jumlah retur produk yang telah diretur.
8. Jika data retur tidak valid maka akan
tampil pesan kesalahan. 9.
Setelah yakin dengan retur produk member klik klaim retur.
10. Klaim retur member akan disimpan ,
info klaim retur member dikirim ke email, dan kalim retur member akan
divalidasi oleh admin.
40 No. Proses
7.3 Nama Proses
Pengelolan Retur Source
Admin gudang, admin web, jasa pengiriman, storage tb_pesanan, storage
tb_detailpesanan, storage tb_retur,
storage tb_pengiriman , storage tb_gambar produk, storage tb_member,
storage tb_admin storage tb_member, storage tb_alasanretur
Destination Member, admin gudang, admin web, jasa
prngiriman, storage tb_pesanan, storage tb_retur, storage tb_pengiriman
Input Data pesanan, data detail pesanan, Data
retur, data alasan retur,data gambar produk, data login admin valid, data
pengiriman, info tracking, data update status retur, data update status
pengiriman retur, data update penerimaan retur
Output Info retur, data tracking, data
pengiriman, data pesanan, info update status retur, info update status
pengiriman retur, info update penerimaan retur
Logika Proses 1.
Admin akan menerima pemberitahuan adanya klaim retur dari member
2. Admin klik kelola retur.
3. Sistem akan menampilkan seluruh data
retur 4.
Admin memilih retur yang yang akan divalidasi.
5. Admin klik detail untuk melihat
keterangan dan detail mengenai klaim retur member.
6. Kemudian admin melakukan validasi
dengan klik tombol terima terhadap retur tersebut. maka status klaim retur
member akan berubah menjadi sudah divalidasi dan sistem akan
mengirimkan info mengenai validasi retur ke email member
7. Admin dapat merubah status retur per
produk seperti diproses, tidak diproses menunggu dan selesai.
8. Setelah status retur per produk itu
selesai maka admin dapat merubah status retur menjadi dikirim dengan
mengklik update status retur menjadi dikirim maka akan muncul form
pengiriman retur
9. Admin mengisi jasa kiriman yang
digunakan untuk mengirim retur, jenis kiriman yang digunakan, resi
pengiriman retur dan tanggal kirim retur tersebut.
10. Jika data pengiriman pada form
pengiriman retur valid maka status retur akan berubah menjadi dikirim
dan muncul pesan status retur sukses diupdate.
11. Jika data pengiriman retur tidak valid
maka akan muncul pesan kesalahan. 12.
Admin dapat melacak keberadaan retur member selama pengiriman dan
dapat mengubah status menjadi diterima jika pesanan telah diterima
dengan mengklik update status pesanan menjadi diterima.
13. Info mengenai retur member akan
dikirim via email setiap terjadi perubahan status retur.
41
No. Proses 8.1
Nama Proses Lihat produk berdasarkan kategori
Source Member, pengunjung, storage
tb_produk, storage tb_kategori produk, storage tb_gambarproduk, storage
tb_rating
Destination Member, pengunjung
Input Data kategori lihat, data produk, data
kategori, data gambar produk, data rating Output
Info produk Logika Proses
1. Member memilih kategori yang akan
dilihat melalui menu kategori yang tersedia
2. Sistem akan menmpilkan produk
berdasarkan kategori yang dipilih
42
No. Proses 8.2
Nama Proses Lihat produk baru
Source Member, pengunjung, storage
tb_produk, storage tb_kategori produk, storage tb_gambarproduk, storage
tb_rating
Destination Member, pengunjung
Input Data lihat produk, data produk, data
kategori, data gambar produk, data rating Output
Info produk Logika Proses
1. Member memilih pilihan lihat produk
baru pada menu lihat produk 2.
Sistem akan menampilkan produk baru
43
No. Proses 8.3
Nama Proses Lihat produk banyak dilihat
Source Member, pengunjung, storage
tb_produk, storage tb_kategori produk, storage tb_gambarproduk, storage
tb_rating
Destination Member, pengunjung
Input Data lihat produk, data produk, data
kategori, data gambar produk, data rating Output
Info produk Logika Proses
1. Member memilih pilihan lihat produk
banyak dilihat pada menu lihat produk 2.
Sistem akan menampilkan produk yang banyak dilihat
44
No. Proses 8.4
Nama Proses Lihat produk diskon
Source Member, pengunjung, storage
tb_produk, storage tb_kategori produk, storage tb_gambarproduk, storage
tb_rating
Destination Member, pengunjung
Input Data lihat produk, data produk, data
kategori, data gambar produk Output
Info produk Logika Proses
1. Member memilih pilihan lihat produk
diskon pada menu lihat produk 2.
Sistem akan menampilkan produk diskon di browser
45
No. Proses 8.5
Nama Proses Lihat produk terlaris
Source Member, pengunjung, storage
tb_produk, storage tb_kategori produk, storage tb_gambarproduk, storage
tb_rating, storage tb_pesanan, storage tb_detailpesanan
Destination Member, pengunjung
Input Data lihat produk, data produk, data
kategori, data gambar produk, data rating, data pesanan, data detail pesanan
Output Info produk
Logika Proses 1.
Member memilih pilihan lihat produk terlaris pada menu lihat produk
2. Sistem akan menampilkan produk
terlaris di browser
46 No. Proses
9.1 Nama Proses
Input data ubah password Source
Member, admin web, admin gudang, admin penjualan
Destination Member, admin web, admin gudang,
admin penjualan, proses 9.2 Input
Data ubah password, data login admin valid, data login.member valid
Output Data ubah password
Logika Proses 1.
Setelah member admin login member memilih menu ubah password
2. Sistem akan menampilkan halaman
ubah password yang berisi form ubah password
3. Member admin mengisi data ubah
password pada form ubah password 4.
Data ubah password akan divalidasi pada proses 9.2.
47 No. Proses
9.2 Nama Proses
Validasi data ubah password Source
Member, admin web, admin gudang, admin penjualan, storage tb_admin,
storage tb_member
Destination Member, admin web, admin gudang,
admin penjualan, storage tb_admin, storage tb_member, proses 9.3
Input Data ubah password, data login admin
valid, data login.member valid, data member, data admin
Output Info ubah password invalid, data ubah
password valid Logika Proses
1. Proses menerima data ubah password
dari proses 9.1. 2.
Jika data ubah password invalid akan muncul pesan kesalahan
3. Jika data ubah password valid maka
akan diproses pada proses 9.3
48 No. Proses
9.3 Nama Proses
Perubahan password Source
Member,admin, storage tb_member, storage tb_admin, proses 9.2
Destination Member,admin, storage tb_member,
storage tb_admin Input
Data ubah password valid , data login admin valid, data login member valid,
data admin, data member
Output Info ubah password
Logika Proses 1.
Proses menerima data ubah password valid dari proses 9.2.
2. Sistem akan mengupdate database
dengan data password yang baru dan muncul info pesan perubahan password
sukses
49
No. Proses 10.1
Nama Proses Pencarian Produk berdasarkan kategori
Source Member,pengunjung, storage tb_produk,
storage tb_kategori, storaga tb_rating Destination
Member,pengunjung Input
Data pencarian, data produk, data kategori, data rating
Output Info pencarian Produk
Logika Proses 1.
Memberpengunjung memilih jenis pencarian berdasarkan kategori pada
form pencarian.
2. Memberpengunjung mengisi kata
kunci pencarian produk pada textfield form pencarian
3. Klik cari
4. Jika data pencarian ditemukan maka
data hasil pencarian berdasarkan kategori yang dicari akan ditampilkan
pada halaman browser.
5. Jika data pencarian tidak ditemukan
maka akan muncul informasi bahwa data pencarian tidak ditemukan.
50
No. Proses 10.2
Nama Proses Pencarian Produk berdasarkan nama
produk Source
Member,pengunjung, storage tb_produk, storage tb_kategori, storage tb_rating
Destination Member,pengunjung
Input Data pencarian, data produk, data
kategori, data rating Output
Info pencarian Produk Logika Proses
1. Memberpengunjung memilih jenis
pencarian berdasarkan nama produk pada form pencarian.
2. Memberpengunjung mengisi kata
kunci pencarian produk pada textfield form pencarian
3. Klik cari
4. Jika data pencarian ditemukan maka
data hasil pencarian berdasarkan
kategori yang dicari akan ditampilkan pada halaman browser.
5. Jika data pencarian tidak ditemukan
maka akan muncul informasi bahwa data pencarian tidak ditemukan.
51
No. Proses 10.3
Nama Proses Pencarian Produk berdasarkan fitur
Source Member,pengunjung, storage tb_produk,
storage tb_kategori, storage tb_rating Destination
Member,pengunjung Input
Data pencarian, data produk, data kategori, data rating
Output Info pencarian Produk
Logika Proses 1.
Memberpengunjung memilih jenis pencarian berdasarkan fitur pada form
pencarian.
2. Memberpengunjung mengisi kata
kunci pencarian produk pada textfield form pencarian
3. Klik cari
4. Jika data pencarian ditemukan maka
data hasil pencarian berdasarkan fitur yang dicari akan ditampilkan pada
halaman browser.
5. Jika data pencarian tidak ditemukan
maka akan muncul informasi bahwa data pencarian tidak ditemukan.
52
No. Proses 10.4
Nama Proses Pencarian Produk berdasarkan harga
produk Source
Member,pengunjung, storage tb_produk, storage tb_kategori, storage tb_rating
Destination Member,pengunjung
Input Data pencarian, data produk, data
kategori, data rating Output
info pencarian Produk Logika Proses
1. Memberpengunjung memilih jenis
pencarian berdasarkan harga pada form pencarian.
2. Memberpengunjung mengisi kata
kunci pencarian produk pada textfield form pencarian
3. Klik cari
4. Jika data pencarian ditemukan maka
data hasil pencarian berdasarkan harga yang dicari akan ditampilkan pada
halaman browser.
5. Jika data pencarian tidak ditemukan
maka akan muncul informasi bahwa data pencarian tidak ditemukan.
53 No. Proses
3.1.1 Nama Proses
Tambah suplier Source
Admin gudang,storage tb_suplier Destination
Admin, storage tb_suplier Input
Data suplier, data login admin valid Output
Info suplier, data suplier Logika Proses
1. Admin memilih menu kelola suplier
2. Sistem akan menampilkan halaman
kelola suplier beserta seluruh data suplier yang ada di database
3. Admin menekan tombol tambah suplier
4. Sistem akan menampilkan form
tambah suplier 5.
Admin mengisi data pada form tambah suplier
6. Kemudian Admin klik simpan
7.
Jika data suplier valid maka data suplier akan disimpan, sistem akan
menampilkan pesan penambahan data suplier sukses dan data suplier yang
telah ditambahkan akan ditampilkan
8.
Jika data suplier tidak valid maka akan tampil pesan kesalahan.
54 No. Proses
3.1.2 Nama Proses
View detail suplier Source
Admin gudang, storage tb_suplier Destination
Admin gudang Input
Data suplier, data login admin valid Output
Info suplier Logika Proses
1. Admin memilih menu kelola suplier
2. Sistem akan menampilkan halaman
kelola suplier beserta seluruh data suplier yang ada di database
3. Admin memilih data suplier yang akan
dilihat 4.
Admin menekan tombol lihat detail suplier
5. Sistem akan menampilkan info detail
suplier yang dipilih 55
No. Proses 3.1.3
Nama Proses Edit suplier
Source Admin gudang, storage tb_suplier
Destination Admin gudang, storage tb_suplier
Input Data suplier, data login admin valid
Output Info suplier
Logika Proses 1.
Admin memilih menu kelola suplier 2.
Sistem akan menampilkan halaman kelola suplier beserta seluruh data
suplier
3. Admin memilih data suplier yang akan
diubah 4.
Admin menekan tombol edit suplier 5.
Sistem akan menampilkan form edit suplier
6. Admin mengisi data pada form edit
suplier 7.
Kemudian Admin klik update 8.
Jika data suplier valid maka data suplier akan diupdate, sistem akan
menampilkan pesan perubahan data suplier sukses dan data suplier yang
telah diubah akan ditampilkan
9. Jika data suplier tidak valid maka akan
muncul pesan kesalhan 56
No. Proses 3.1.4
Nama Proses Hapus suplier
Source Admin gudang, storage tb_suplier
Destination Admin gudang, storage tb_suplier
Input Data suplier, data login admin valid
Output Info suplier
Logika Proses 1.
Admin memilih menu kelola suplier 2.
Sistem akan menampilkan halaman kelola suplier beserta seluruh data
suplier yang ada di database
3. Admin memilih suplier yang akan
dihapus 4.
Admin menekan tombol hapus untuk menghapus suplier
5.
Sistem akan menampilkan pesan konfirmasi hapus suplier
6. Jika menekan’ tidak’ maka
penghapusan dibatalkan. 7.
Jika menekan ‘ya’ maka sistem akan melakukan validasi apakah data
tersebut berelasi dengan data lain di database.
8. Jika data suplier tidak tersebut tidak
memiliki relasi dengan data lain di database maka data suplier akan di
hapus dari database.
9.
Jika data suplier tersebut memilik relasi dengan data lain maka sistem akan
menampilkan pesan kesalahan data
tidak dapat dihapus 57
No. Proses 3.2.1
Nama Proses Tambah kategori
Source Admin gudang, storage
tb_kategoriproduk Destination
Admin gudang, storage tb_kategoriproduk
Input Data kategori, data login admin valid
Output Info kategori
Logika Proses 1.
Admin memilih menu kelola kategori 2.
Sistem menampilkan halaman kelola kategori beserta seluruh kategori yang
ada di database
3. Admin menekan tombol tambah
4. Sistem akan menampilkan form
tambah kategori 5.
Admin mengisi data pada form tambah kategori
6. Kemudian Admin klik simpan
7. Jika data kategori valid maka data
kategori akan disimpan, sistem akan menampilkan pesan informasi
penambahan data kategori sukses dan data kategori yang telah ditambahkan
akan ditampilkan.
8. Jika data kategori tidak valid maka
sistemakan menampilkan pesan kesalahan
58 No. Proses
3.2.2 Nama Proses
View detail kategori,data login admin valid
Source Admin gudang, storage
tb_kategoriproduk Destination
Admin gudang Input
Data kategori,data login admin valid Output
Info kategori Logika Proses
1. Admin memilih menu kelola kategori
2. Sistem akan menampilkan halaman
kelola kategori beserta seluruh data kategori yang ada di database
3. Admin memilih data kategori yang
akan dilihat 4.
Admin menekan tombol lihat detail kategori
5. Sistem akan menampilkan info detail
kategori yang dipilih 59
No. Proses 3.2.3
Nama Proses Edit kategori
Source Admin gudang, storage
tb_kategoriproduk Destination
Admin gudang, storage tb_kategoriproduk
Input Data kategori, data login admin valid
Output Info kategori
Logika Proses 1.
Admin memilih menu kelola kategori 2.
Sistem akan menampilkan halaman kelola kategori beserta seluruh data
kategori yang ada di database
3. Admin memilih data kategori yang
akan diubah 4.
Admin menekan tombol edit kategori 5.
Sistem akan menampilkan form edit kategori
6. Admin mengisi data form edit kategori
7. Kemudian Admin klik update
8. Jika data kategori valid maka data
suplier akan diupdate, sistem akan menampilkan pesan perubahan data
kategori sukses dan data kategori yang telah diubah akan ditampilkan
9. Jika data kategori tidak valid maka
akan muncul pesan kesalahan 60
No. Proses 3.2.4
Nama Proses Hapus kategori
Source Admin gudang, storage
tb_kategoriproduk Destination
Admin gudang, storage tb_kategoriproduk
Input Data kategori, data login adamin valid
Output Info kategori
Logika Proses 1.
Admin memilih menu kelola kategori 2.
Sistem akan menampilkan halaman kelola kategoru
3. Admin memilih kategori yang akan
dihapus 4.
Admin menekan tombol hapus untuk menghapus kategori
5.
Sistem akan menampilkan pesan konfirmasi hapus kategori
6. Jika menekan’ tidak’ maka
penghapusan dibatalkan. 7.
Jika menekan ‘ya’ maka sistem akan melakukan validasi apakah data
tersebut berelasi dengan data lain di database.
8. Jika data kategori tidak tersebut tidak
memiliki relasi dengan data lain di database maka data kategori akan di
hapus dari database.
9. Jika data kategori tersebut memilik
relasi dengan data lain maka sistem akan menampilkan pesan kesalahan
data tidak dapat dihapus
61 No. Proses
3.3.1 Nama Proses
Tambah produk Source
Admin gudang, storage tb_produk, storage tb_kategoriproduk, storage
tb_suplier, storage tb_gambarproduk
Destination Admin gudang, storage tb_produk,
storage tb_gambarproduk, social network
Input data login admin valid, Data produk, data
kategori, data suplier, data gambar produk
Output Info tambah produk, data suplier, data
gambar produk Logika Proses
1. Admin memilih menu kelola produk
2. Sistem menampilkan halaman kelola
produk 3.
Admin menekan tombol tambah untuk menambah produk
4. Sistem akan menampilkan form
tambah produk 5.
Admin mengisi data pada form tambah produk
6. Kemudian Admin klik simpan
7.
Jika data produk valid maka data produk akan disimpan, sistem akan
menampilkan pesan penambahan data produk sukses.
8.
Jika data produk tidak valid maka sistem akan menampilkan pesan
kesalahan.
9.
Setelah penambahan data produk sukses maka sistem menampilkan form
posting produk ke facebook.
10.
Untuk melakukan posting produk maka admin mengisi form posting produk.
11.
Jika data posting produk valid maka info mengenai produk akan diposting
ke facebook. dan data produk yang telah ditambahkan akan ditampilkan
12.
jika data posting produk tidak valid maka sistem akan menampilkan pesan
kesalahan 13.
Jika tidak ingin diposting ke facebook admin dapat menekan tombol jangan
posting ke facebook dan produk yang telah ditambahkan akan ditampilkan
62 No. Proses
3.3.2 Nama Proses
View detail produk Source
Admin gudang, storage tb_produk, storage tb_kategoriproduk, storage
tb_suplier, storage tb_rating, storage tb_gambarproduk
Destination Admin gudang
Input data login admin valid , data produk,
data kategori, data gambar produk, data rating, data suplier
Output Info produk
Logika Proses 1.
Admin memilih menu kelola produk 2.
Sistem akan menampilkan halaman kelola produk beserta data produk yang
ada di database
3. Admin memilih data produk yang akan
dilihat detailnya 4.
Admin menekan tombol lihat detail produk
5. Sistem akan menampilkan info detail
produk yang dipilih 63
No. Proses 3.3.3
Nama Proses Edit produk
Source Admin gudang, storage tb_produk,
storage tb_kategoriproduk, storage tb_suplier,storage tb_gambarproduk
Destination Admin gudang, storage tb_produk,
storage tb_gambarproduk, social network
Input data login admin valid , data produk, data
gambar produk, data kategori produk, data suplier
Output Info produk
Logika Proses 1.
Admin memilih menu kelola produk 2.
Sistem akan menampilkan halaman kelola produk beserta data produk yang
ada di database
3. Admin memilih produk yang akan
diedit 4.
Admin menekan tombol edit untuk melakukan edit produk
5. Sistem akan menampilkan form edit
produk
6. Admin mengisi data pada form edit
produk 7.
Kemudian Admin klik update
8.
Jika data produk valid maka data produk akan disimpan, sistem akan
menampilkan pesan info perubahan data produk sukses.
9.
Jika data produk tidak valid maka sistem akan menampilkan pesan
kesalahan.
10.
Setelah perubahan data produk sukses sistem akan menampilkan form posting
produk ke facebook.
11.
Untuk melakukan posting produk maka admin mengisi data pada form posting
produk.
12.
Jika data posting produk valid maka info mengenai produk akan diposting
ke facebook. dan data produk yang telah diubah akan ditampilkan
13.
jika data posting produk tidak valid maka sistem akan menampilkan pesan
kesalahan
14. Jika tidak ingin diposting ke facebook
admin dapat menekan tombol jangan posting ke facebook dan sistem akan
menampilkan produk yang telah ditambahkan
64 No. Proses
3.3.4 Nama Proses
Hapus produk Source
Admin gudang, storage tb_produk, storage tb_kategoriproduk, storage
tb_suplier,storage tb_gambarproduk
Destination Admin gudang, storage tb_produk,
storage tb_gambarproduk Input
data login admin valid , data produk, data gambar produk, data kategori produk,
data suplier
Output Info produk
Logika Proses 1.
Admin memilih menu kelola produk 2.
Sistem akan menampilkan halaman kelola produk beserta seluruh data
produk yang ada di database
3. Admin memilih produk yang akan
dihapus 4.
Admin menekan tombol hapus untuk menghapus produk
5.
Sistem akan menampilkan pesan
konfirmasi hapus produk 6.
Jika menekan’ tidak’ maka penghapusan dibatalkan.
7. Jika menekan ‘ya’ maka sistem akan
melakukan validasi apakah data tersebut berelasi dengan data lain di
database.
8. Jika data produk tersebut tidak
memiliki relasi dengan data lain di database maka data produk akan di
hapus dari database.
9. Jika data produk tersebut memiliki
relasi dengan data lain maka sistem menampilkan pesan kesalahan data
tidak dapat
65 No. Proses
3.3.5 Nama Proses
Pengelompokan produk Source
Admin gudang, storage tb_produk, storage tb_kategoriproduk, storage
tb_suplier,storage tb_gambarproduk
Destination Admin gudang
Input data login admin valid , data produk, data
gambar produk, data kategori produk, data suplier
Output Info pengelompokan produk
Logika Proses
1. Admin memilih menu kelola produk
2. Sistem menampilkan halaman kelola
produk beserta seluruh data produk yang ada di database
3. Admin mengelompokan produk dengan
memilih jenis pengelompokan produk melalui pilihan yang ada.
4. Sistem akan menampilkan produk yang
berdasarkan pilihan yang telah dipilih.
66
No. Proses 3.3.6
Nama Proses cari produk
Source Admin gudang, storage tb_produk,
storage tb_kategoriproduk, storage ,storage tb_gambarproduk
Destination Admin gudang
Input data login admin valid , data pencarian
produk, data produk, data gambar produk, data kategori produk
Output Info pencarian produk
Logika Proses
1. Admin memilih menu kelola produk
2. Sistem menampilkan halaman kelola
produk beserta seluruh data produk yang ada di database
3. Admin mengisi kata kunci pada form
cari produk 4.
Admin klik cari 5.
Sistem akan menampilkan info pencarian produk jika data yang dicari
berdasarkan kata kunci ditemukan.
6. Jika tidak ditemukan maka sistem akan
menampilkan informasi bahwa pencarian tidak menemukan hasil
67 No. Proses
3.4.1 Nama Proses
Tambah provinsi Source
Admin gudang, storage tb_provinsi Destination
Admin gudang, storage tb_provinsi Input
data login admin valid, data provinsi Output
Info tambah provinsi, data provinsi Logika Proses
1. Admin memilih menu kelola provinsi
2. Sistem akan menampilkan halaman
kelola provinsi beserta seluruh data provinsi yang ada di database
3. Admin menekan tombol tambah untuk
menambah data provinsi. 4.
Sistem akan menampilkan form tambah provinsi
5. Admin mengisi data pada form tambah
provinsi 6.
Kemudian Admin klik simpan 7.
Jika data provinsi valid maka data provinsi akan disimpan, sistem akan
menampilkan pesan informasi penambahan data provinsi sukses dan
data provinsi yang telah ditambahkan akan ditampilkan.
8. Jika data provinsi tidak valid maka
sistem akan menampilkan pesan kesalahan
68 No. Proses
3.4.2 Nama Proses
View detail provinsi Source
Admin gudang, storage tb_provinsi Destination
Admin gudang Input
data login admin valid, data provinsi Output
info provinsi Logika Proses
1. Admin memilih menu kelola provinsi
2. Sistem akan menampilkan halaman
kelola provinsi dan seluruh data provinsi yang ada di database
3. Admin memilih data provinsi yang
akan dilihat detailnya 4.
Admin menekan tombol lihat detail provinsi
5. Sistem akan menampilkan info detail
provinsi yang dipilih 69
No. Proses 3.4.3
Nama Proses Edit provinsi
Source Admin gudang, storage tb_provinsi
Destination Admin gudang, storage tb_provinsi
Input data login admin valid , data provinsi
Output Info provinsi
Logika Proses 1.
Admin memilih menu kelola provinsi 2.
Sistem akan menampilkan halaman kelola provinsi dan seluruh data
provinsi yang ada di database
3. Admin memilih data provinsi yang
akan diubah 4.
Admin menekan tombol edit provinsi untuk mengubah data provinsi
5. Sistem akan menampilkan form edit
provinsi 6.
Admin mengisi data pada form edit provinsi
7. Kemudian Admin klik update
8. Jika data kategori valid maka data
provinsi akan diupdate 9.
sistem akan menampilkan pesan perubahan data provinsi sukses dan
data provinsi yang telah diubah akan ditampilkan
10. Jika data provinsi tidak valid maka
sistem akan menampilkan pesan kesalahan
70 No. Proses
3.4.4 Nama Proses
Hapus provinsi Source
Admin gudang, storage tb_provinsi Destination
Admin gudang, storage tb_provinsi Input
data login admin valid, data provinsi Output
Info provinsi, data provinsi Logika Proses
1. Admin memilih menu kelola provinsi
2. Sistem akan menapilkan halaman
kelola provinsi 3.
Admin memilih provinsi yang akan dihapus
4. Admin menekan tombol hapus untuk
menghapus provinsi
5.
Sistem akan menampilkan pesan
konfirmasi hapus provinsi 6.
Jika menekan’ tidak’ maka penghapusan dibatalkan.
7. Jika menekan ‘ya’ maka sistem akan
melakukan validasi apakah data tersebut berelasi dengan data lain di
database.
8. Jika data provinsi tersebut tidak
memiliki relasi dengan data lain di database maka data provinsi akan di
hapus dari database.
9. Jika data provinsi tersebut memiliki
relasi dengan data lain maka sistem akan menampilkan pesan kesalahan
data tidak dapat dihapus
71 No. Proses
3.5.1 Nama Proses
Tambah kota Source
Admin gudang, storage tb_provinsi, storage tb_kota
Destination Admin, storage tb_provinsi
Input data login admin valid, data kota, data
provinsi Output
Info kota, data kota Logika Proses
1. Admin memilih menu kelola kota
2. Sistem akan menampilkan halaman
kelola kota 3.
Admin menekan tombol tambah untuk menambah data kota
4. Sistem menampilkan form tambah kota
5. Admin mengisi data form tambah kota
6. Kemudian Admin klik simpan
7. Jika data kota valid maka data kota
akan disimpan, 8.
sistem akan menampilkan pesan informasi penambahan data kota sukses
dan data kota yang telah ditambahkan akan ditampilkan.
9. Jika data kota tidak valid maka akan
menampilkan pesan kesalahan 72
No. Proses 3.5.2
Nama Proses View detail kota
Source Admin gudang, storage tb_provinsi,
storage tb_kota Destination
Admin gudang Input
data login admin valid, data kota, data provinsi
Output info kota
Logika Proses 1.
Admin memilih menu kelola kota
2. Sistem akan menampilkan halaman
kelola kota 3.
Admin memilih kota yang akan dilihat detailnya
4. Admin menekan tombol lihat detail
kota 5.
Sistem akan menampilkan info detail kota yang dipilih
73 No. Proses
3.5.3 Nama Proses
Edit kota Source
Admin gudang, storage tb_provinsi, storage tb_kota
Destination Admin gudang, storage tb_kota
Input data login admin valid, data kota, data
provinsi Output
Info kota, data kota Logika Proses
1. Admin memilih menu kelola kota
2. Sistem akan menmpilkan halaman
kelola kota 3.
Admin memilih data kota yang akan diubah
4. Admin menekan tombol edit kota
5. Sistem akan menampilkan form edit
kota 6.
Admin mengisi data pada form edit kota
7. Kemudian Admin klik update
8.
Jika data kota valid maka data provinsi akan diupdate,
9.
sistem akan menampilkan pesan perubahan data kota sukses dan data
kota yang telah diubah akan ditampilkan
10.
Jika data kota tidak valid maka sistem akan menampilkan pesan kesalahan
74 No. Proses
3.5.4 Nama Proses
Hapus kota Source
Admin gudang, storage tb_provinsi, storage tb_kota
Destination Admin gudang,storage tb_kota
Input data login admin valid, data kota, data
provinsi Output
Info kota, data kota Logika Proses
1. Admin memilih menu kelola kota
2. Sistem akan menampilkan halaman
kelola kota 3.
Admin memilih kota yang akan dihapus
4. Admin menekan tombol hapus untuk
menghapus kota
5.
Sistem akan menampilkan pesan konfirmasi hapus kota
6. Jika menekan’ tidak’ maka
penghapusan dibatalkan. 7.
Jika menekan ‘ya’ maka sistem akan melakukan validasi apakah data
tersebut berelasi dengan data lain di database.
8. Jika data kota tersebut tidak memiliki
relasi dengan data lain di database maka data kota akan di hapus dari
database.
9. Jika data kota tersebut memiliki relasi
dengan data lain maka sistem akan menampilkan pesan kesalahan data
tidak dapat dihapus
75 No. Proses
3.6.1 Nama Proses
Tambah jasa kiriman Source
Admin gudang, storage tb_jasakiriman Destination
Admin gudang, storage tb_jasakiriman Input
data login admin valid, data jasa kiriman Output
Info jasa kiriman, data jasa kiriman Logika Proses
1. Admin memilih menu kelola jasa
kiriman 2.
Sistem akan menampilkan halaman kelola jasa kirim dan seluruh data jasa
kiriman yang ada di database
3. Admin menekan tombol tambah untuk
menambah data jasa kiriman 4.
Sistem akan menampilkan form tambah jasa kiriman
5. Admin mengisi data pada form tambah
jasa kiriman 6.
Kemudian Admin klik simpan 7.
Jika data jasa kiriman valid maka data jasa kiriman akan disimpan,
8. Sistem akan menampilkan pesan
informasi penambahan data jasa kiriman sukses dan data jasa kiriman
yang telah ditambahkan akan ditampilkan.
9. Jika data jasa kiriman tidak valid maka
sistem akan menampilkan pesan kesalahan
76 No. Proses
3.6.2 Nama Proses
Edit jasa kiriman
Source Admin gudang, storage tb_jasakiriman
Destination Admin gudang, storage tb_jasakiriman
Input data login admin valid, data jasa kiriman
Output Info jasa kiriman, data jasa kiriman
Logika Proses 1.
Admin memilih menu kelola jasa kiriman
2. Sistem akan menampilkan halaman
kelola jasa kiriman dan seluruh data jasa kiriman yang ada di database
3. Admin memilih data jasa kiriman yang
akan diubah 4.
Admin menekan tombol edit jasa kiriman
5. Sistem akan menampilkan form edit
jasa kiriman 6.
Admin mengisi data pada form edit jasa kiriman
7. Kemudian Admin klik update
8. Jika data jasa kiriman valid maka data
jasa kiriman akan diupdate, 9.
sistem akan menampilkan pesan perubahan data jasa kiriman sukses dan
data jasa kiriman yang telah diubah akan ditampilkan.
10. Jika data jasa kiriman tidak valid
maka sistem akan menampilkan pesan kesalahan
77 No. Proses
3.6.3 Nama Proses
Hapus jasa kiriman Source
Admin gudang, storage tb_jasakiriman Destination
Admin gudang, storage tb_jasakiriman Input
data login admin valid, data jasa kiriman Output
Info jasa kiriman, data jasa kiriman Logika Proses
1. Admin memilih menu kelola jasa
kiriman 2.
Sistem akan menampilkan halaman kelola jasa kiriman dan seluruh data
jasa kiriman yang ada di database
3. Admin memilih data jasa kiriman yang
akan dihapus 4.
Admin menekan tombol hapus untuk menghapus jasa kiriman
5.
Sistem akan menampilkan pesan konfirmasi hapus jasa kiriman
6. Jika menekan’ tidak’ maka
penghapusan dibatalkan. 7.
Jika menekan ‘ya’ maka sistem akan melakukan validasi apakah data
tersebut berelasi dengan data lain di database.
8. Jika data jasa kiriman tersebut tidak
memiliki relasi dengan data lain di database maka data jasa kiriman akan
di hapus dari database.
9. Jika data jasa kiriman tersebut
memiliki relasi dengan data lain maka sistemakan menampilkan pesan
kesalahan data tidak dapat dihapus
78 No. Proses
3.7.1 Nama Proses
Tambah jenis kiriman Source
Admin gudang, storage tb_jasakiriman, storage tb_jeniskiriman
Destination Admin gudang, storage tb_jeniskiriman
Input data login admin valid, data jasa kiriman,
data jenis kiriman Output
Info jenis kiriman, data jeniskiriman Logika Proses
1. Admin memilih menu kelola jenis
kiriman 2.
Sistem akan menampilkan halaman kelola jenis kiriman dan seluruh data
jenis kiriman yang ada di database
3. Admin menekan tombol tambah untuk
menambah jenis kiriman 4.
Sistem akan menampilkan form tambah jenis kiriman
5. Admin mengisi data form tambah jenis
kiriman 6.
Kemudian Admin klik simpan 7.
Jika data jenis kiriman valid maka data jenis kiriman akan disimpan
8. Sistem akan menampilkan pesan
informasi penambahan data jenis kiriman sukses dan data jenis kiriman
yang telah ditambahkan akan ditampilkan.
9. Jika data jenis kiriman tidak valid
maka sistem akan menampilkan pesan kesalahan
79 No. Proses
3.7.2 Nama Proses
Edit jenis kiriman Source
Admin gudang, storage tb_jasakiriman, storage tb_jeniskiriman
Destination Admin gudang, storage tb_jeniskiriman
Input data login admin valid, data jasa kiriman,
data jenis kiriman Output
Info jenis kiriman, data jeniskiriman
Logika Proses 1.
Admin memilih menu kelola jenis kiriman
2. Sistem akan menmpilkan halaman
kelola jenis kiriman dan seluruh data yjenis kiriman yang ada di database
3. Admin memilih jenis kiriman yang
akan diubah 4.
Admin menekan tombol edit jenis kiriman untuk mengubah jenis kiriman
5. Sistem akan menampilkan form edit
jenis kiriman 6.
Admin mengisi form edit jenis kiriman 7.
Kemudian Admin klik update 8.
Jika data jenis kiriman valid maka data jenis kiriman akan diupdate,
9. sistem akan menampilkan pesan
perubahan data jenis kiriman sukses dan data jasa kiriman yang telah diubah
akan ditampilkan.
10. Jika data jenis kiriman tidak valid
maka sistem akan muncul pesan kesalahan
80 No. Proses
3.7.3 Nama Proses
Hapus jenis kiriman Source
Admin gudang, storage tb_jasakiriman, storage tb_jeniskiriman
Destination Admin gudang, storage tb_jeniskiriman
Input data login admin valid, data jasa kiriman,
data jenis kiriman Output
Info jenis kiriman, data jeniskiriman Logika Proses
1. Admin memilih menu kelola jenis
kiriman 2.
Sistem akan menampilkan halaman kelola jenis kiriman dan seluruh data
jenis kiriman yang ada di database
3. Admin memilih jenis kiriman yang
akan dihapus 4.
Admin menekan tombol hapus untuk menghapus jenis kiriman
5.
Sistem akan menampilkan pesan konfirmasi hapus jenis kiriman
6. Jika menekan’ tidak’ maka
penghapusan dibatalkan. 7.
Jika menekan ‘ya’ maka sistem akan melakukan validasi apakah data
tersebut berelasi dengan data lain di database.
8. Jika data jenis kiriman tersebut tidak
memiliki relasi dengan data lain di database maka data jenis kiriman akan
di hapus dari database.
9. Jika data jenis kiriman tersebut
memiliki relasi dengan data lain maka sistem akan menampilkan pesan
kesalahan data tidak dapat dihapus
81 No. Proses
3.8.1 Nama Proses
View detail member Source
Admin penjualan, storage tb_member, storage tb_kota, storage tb_provinsi,
storage tb_pesanan
Destination Admin penjualan
Input data login admin valid, data member,
data kota, data provinsi Output
Info member Logika Proses
1. Admin memilih menu kelola member
2. Sistem akan menampilkan halaman
kelola member dan seluruh data member yang ada di database
3. Admin memilih member yang akan
dilihat detailnya. 4.
Admin menekan tombol lihat detail member.
5.
Sistem akan menampilkan info detail member dan juga info histori pesanan
yang pernah dilakukan pleh member
81 No. Proses
3.8.2 Nama Proses
Ubah status member Source
Admin penjualan, storage tb_member Destination
data login admin valid, data member Input
Data member, data login admin valid Output
Info member, data member Logika Proses
1. Admin memilih menu kelola member.
2. Sistem akan menampilkan halaman
kelola member 3.
Admin memilih member yang akan diubah statusnya.
4. Admin menekan tombol ubah status
member. 5.
Admin merubah status member . 6.
Sistem kemudian akan mengupdate status member di database dan
menampilkan pesan info perubahan status member sukses
82 No. Proses
3.8.3 Nama Proses
Kirim pesan ke member
Source Admin penjualan, member, storage
tb_member, storage tb_admin, storage tb_pesan
Destination Admin penjualan, member, storage
tb_pesan Input
data login admin valid, data pesan, data admin, data member
Output Info pesan, info member, data pesan
Logika Proses 1.
Admin memilih menu kelola member. 2.
Sistem akan menampilkan halaman kelola member dan seluruh data
member yang ada di database
3. Admin memilih member yang akan
dikirimi pesan. 4.
Admin menekan menu kirim pesan ke member.
5. Sistem akan menampilkan form pesan
ke member. 6.
Admin mengisi data pada form pesan. 7.
Admin menekan tombol kirim 8.
Jika data pesan valid maka pesan akan disimpan di database
9. Sistem menampilkan info pengiriman
pesan sukses. di halaman member menampilkan info pesan dari admin.
10. Jika data tidak valid maka sistem
akan menampilkan pesan kesalahan 83
No. Proses 3.9.1
Nama Proses Tambah ongkos kirim
Source Admin gudang, storage tb_ongkir,
storage tb_kota, storage tb_provinsi, storage tb_jasakiriman,storage
tb_jeniskiriman
Destination Admin gudang, storage tb_ongkir
Input data login admin valid, data ongkir, data
kota, data provinsi, data jasa kirim, data jenis kiriman
Output Info ongkir, data ongkir
Logika Proses 1.
Admin memilih menu kelola ongkos kirim
2. Sistem menampilkan halaman kelola
ongkos kirim dan seluruh data ongkos kirim yang ada di database
3. Admin menekan tombol tambah untuk
menambah data ongkos kirim 4.
Sistem akan menampilkan form tambah ongkos kirim
5. Admin mengisi data form tambah
ongkos kirim 6.
Kemudian Admin klik simpan 7.
Jika data ongkos kirim valid maka data ongkos kirim akan disimpan,
8. Sistem akan menampilkan pesan
informasi penambahan data ongkos kirim sukses.
9.
Jika data ongkos kirim tidak valid maka sistem akan menampilkan pesan
kesalahan
84 No. Proses
3.9.2 Nama Proses
Edit ongkos kiriman Source
Admin gudang, storage tb_ongkir, storage tb_kota, storage tb_provinsi,
storage tb_jasakiriman,storage tb_jeniskiriman
Destination Admin gudang, storage tb_ongkir
Input data login admin valid, data ongkir, data
kota, data provinsi, data jasa kirim, data jenis kiriman
Output Info ongkir, data ongkir
Logika Proses 1.
Admin memilih menu kelola ongkos kirim
2. Sistem menampilkan halaman kelola
ongkos kirim dan seluruh data ongkos kirim yang ada di database
3. Admin memilih ongkos kirim yang
akan diubah. 4.
Admin menekan tombol edit untuk mengubah data ongkos kirim
5. Sistem menampilkan form edit ongkos
kirim 6.
Admin mengisi data pada form edit ongkos kirim
7. Kemudian Admin klik update
8. Jika data ongkos kirim valid maka data
ongkos kirim akan diupdate, 9.
Sistem akan menampilkan pesan perubahan data ongkos kirim sukses
10. Jika data ongkos kirim tidak valid
maka sistem akan menampilkan pesan kesalahan
85 No. Proses
3.9.3 Nama Proses
Hapus ongkos kirim Source
Admin gudang, storage tb_ongkir, storage tb_kota, storage tb_provinsi,
storage tb_jasakiriman,storage
tb_jeniskiriman Destination
Admin gudang, storage tb_ongkir Input
data login admin valid, data ongkir, data kota, data provinsi, data jasa kirim, data
jenis kiriman
Output Info ongkir, data ongkir
Logika Proses 1.
Admin memilih menu kelola ongkos kirim
2. Sistem akan menampilkan halaman
kelola ongkos kirim 3.
Admin memilih ongkos kirim yang akan dihapus
4. Admin menekan tombol hapus untuk
menghapus ongkos kirim 5.
sistem akan menampilkan pesan konfirmasi hapus ongkos kirim
6. Jika menekan’ tidak’ maka
penghapusan dibatalkan 7.
Jika menekan ‘ya’ maka sistem akan memvalidasi apakah data tersebut
berelasi dengan data lain.
8. Jika data ongkos kiriman yang akan
dihapus memiliki relasi dengan data lain maka sistem akan menampilkan
pesan kesalahan gagal hapus data
9. Jika data ongkos kiriman tidak berelasi
dengan data lain maka data akan dihapus dari database dan sistem akan
menampilkan pesan informasi hapus data sukses
86 No. Proses
3.9.4 Nama Proses
Pengelompokan ongkos kirim Source
Admin gudang, storage tb_ongkir, storage tb_kota, storage tb_provinsi,
storage tb_jasakiriman,storage tb_jeniskiriman
Destination Admin gudang
Input data login admin valid, data ongkir, data
kota, data provinsi, data jasa kirim, data jenis kiriman
Output Info ongkos kirim
Logika Proses 1.
Admin memilih menu kelola ongkos kirim
2. Sistem akan menampilkan halaman
kelola ongkos kirim 3.
Admin mengelompokan ongkos kirim dengan memilih jenis pengelompokan
ongkos kirim melalui pilihan yang ada.
4. Sistem akan menampilkan ongkos
kirim berdasarkan pengelompokan yang dilakukan oleh admin.
87 No. Proses
3.10.1 Nama Proses
Tambah akun bayar Source
Admin penjualan, storage tb_akunbayar, storage tb_admin
Destination Admin penjualan, storage tb_akunbayar,
Input data login admin valid, data akun bayar,
data admin Output
Info akun bayar, data akun bayar Logika Proses
1. Admin memilih menu kelola akun
pembayaran 2.
Sistem menampilkan halaman kelola akun bayar dan seluruh data akun
pembayaran yang ada di database
3. Admin menekan tombol tambah untuk
menambah akun pembayaran 4.
Sistem menampilkan form tambah akun pembayaran
5. Admin mengisi data form tambah akun
pembayaran 6.
Kemudian Admin klik simpan 7.
Jika data akun pembayaran valid maka data akun pembayaran akan disimpan.
8. Sistem akan menampilkan pesan
informasi penambahan data akun pembayaran sukses dan data akun
pembayaran yang telah ditambahkan akan ditampilkan.
9. Jika data akun pembayaran tidak valid
maka sistem akan menampilkan pesan kesalahan
88 No. Proses
3.10.2 Nama Proses
Edit akun bayar Source
Admin penjualan, storage tb_akunbayar, storage tb_admin
Destination Admin penjualan, storage tb_akunbayar,
Input data login admin valid, data akun bayar,
data admin Output
Info akun bayar, data akun bayar Logika Proses
1. Admin memilih menu kelola akun
pembayaran 2.
Sistem akan menampilkan halaman kelola akun bayar dan seluruh data
yang ada di database
3. Admin memilih akun pembayaran yang
akan diubah.
4. Admin menekan tombol edit untuk
mengubah data akun pembayaran 5.
Sistem menampilkan form edit akun pembayaran
6. Admin mengisi data pada form edit
akun pembayaran 7.
Kemudian Admin klik update 8.
Jika data akun pembayaran valid maka data akun pembayaran akan diupdate,
9. sistem akan menampilkan pesan
perubahan data akun pembayaran sukses
10. Jika data akun pembayaran tidak valid
maka sistem akan menampilkan pesan kesalahan
89 No. Proses
3.10.3 Nama Proses
Hapus akun bayar Source
Admin penjualan, storage tb_akunbayar, storage tb_admin
Destination Admin penjualan, storage tb_akunbayar,
Input data login admin valid, data akun bayar,
data admin Output
Info akun bayar, data akun bayar Logika Proses
1. Admin memilih menu kelola akun
pembayaran 2.
Sistem akan menampilkan halaman kelola akun pembayaran dan seluruh
data akun pembayaran yang ada di database
3. Admin memilih akun pembayaran yang
akan dihapus 4.
Admin menekan tombol hapus untuk menghapus akun pembayaran
5. Sistem akan menampilkan pesan
konfirmasi hapus akun pembayaran 6.
Jika menekan’ tidak’ maka penghapusan dibatalkan
7. Jika menekan ‘ya’ maka sistem akan
memvalidasi apakah data tersebut berelasi dengan data lain.
8. Jika data akun pembayaran yang akan
dihapus memiliki relasi dengan data lain sistem akan menampilkan pesan
kesalahan gagal hapus data
9. Jika data ongkos kiriman tidak berelasi
dengan data lain maka data akan dihapus dari database
10. Sistem menampilkan pesan informasi
hapus data sukses 90
No. Proses 3.11
Nama Proses Kelola kontak
Source Admin web, storage tb_kontaksupport,
storage tb_admin Destination
Admin, storage tb_kontaksupport Input
data login admin valid, data kontak, data admin
Output Info kontak, data kontak
Logika Proses 1.
Admin memilih menu kelola kontak support
2. Sistem akan menampilkan halaman
kelola kontak dan seluruh data kotan yang ada di database
3. Admin memilih kontak support yang
akan diubah. 4.
Admin menekan tombol edit untuk mengubah data kontak
5. Sisitem akan menampilkan form edit
kontak support 6.
Admin mengisi data pada form edit kontak
7. Kemudian Admin klik update
8. Jika data kontak support valid maka
data kontak support akan diupdate, 9.
Sistem akan menampilkan pesan perubahan data kontak support sukses
10. Jika data kontak support tidak valid
maka sistem akan menampilkan pesan kesalahan
91 No. Proses
3.12.1 Nama Proses
Edit cara belanja Source
Admin web, storage tb_konten, storage tb_admin
Destination Admin web, storage tb_konten
Input data login admin valid, data konten, data
admin Output
Info konten, data konten Logika Proses
1. Admin memilih menu kelola konten
2. Sistem akan menampilkan halaman
kelola konten 3.
Admin memilih kelola cara belanja 4.
Sistem menampilkan konten cara belanja pada rich text editor
5. Admin mengisi data perubahan cara
belanja. 6.
Kemudian Admin klik update
7. Jika data cara belanja valid maka data
cara belanja akan diupdate, 8.
Sistem akan menampilkan pesan perubahan data cara belanja sukses
9. Jika data cara belanja tidak valid maka
sistem akan menampilkan pesan kesalahan
92 No. Proses
3.12.2 Nama Proses
Edit tentang kami Source
Admin web, storage tb_konten, storage tb_admin
Destination Admin web, storage tb_konten
Input data login admin valid, data konten, data
admin Output
Info konten, data konten Logika Proses
1. Admin memilih menu kelola konten
2. Sistem akan menampilkan halaman
kelola konten 3.
Admin memilih kelola tentang kami 4.
Sistem menampilkan konten tentang kami pada rich text editor
5. Admin mengisi data perubahan
tentang kami. 6.
Kemudian Admin klik update 7.
Jika data cara belanja valid maka data tentang kami akan diupdate,
8. Sistem akan menampilkan pesan
perubahan data tentang kami sukses 9.
Jika data tentang kami tidak valid maka sistem akan menampilkan pesan
kesalahan
93 No. Proses
3.12.3 Nama Proses
Edit info pembayaran Source
Admin web, storage tb_konten, storage tb_admin
Destination Admin web, storage tb_konten
Input data login admin valid, data konten, data
admin Output
Info konten, data konten Logika Proses
1. Admin memilih menu kelola konten
2. Sistem akan menampilkan halaman
kelola konten 3.
Admin memilih kelola info pembayaran
4. Sistem menampilkan konten info
pembayaran pada rich text editor
5. Admin mengisi data perubahan info
pembayaran 6.
Kemudian Admin klik update 7.
Jika data info pembayaran valid maka data info pembayaran akan diupdate,
8. Sistem akan menampilkan pesan
perubahan data info pembayaran sukses
9. Jika data info pembayaran tidak valid
maka sistem akan menampilkan pesan kesalahan
94 No. Proses
3.12.4 Nama Proses
Edit syarat ketentuan Source
Admin web, storage tb_konten, storage tb_admin
Destination Admin web, storage tb_konten
Input data login admin valid, data konten, data
admin Output
Info konten, data konten Logika Proses
1. Admin memilih menu kelola konten
2. Sistem akan menampilkan halaman
kelola konten 3.
Admin memilih kelola syarat ketentuan
4. Sistem menampilkan konten syarat
ketentuan pada rich text editor 5.
Admin mengisi data perubahan syarat ketentuan
6. Kemudian Admin klik update
7. Jika data syarat ketentuan valid maka
data syarat ketentuan akan diupdate, 8.
Sistem akan menampilkan pesan perubahan data syarat ketentuan
sukses
9. Jika data syarat ketentuan tidak valid
maka sistem akan menampilkan pesan kesalahan
95 No. Proses
3.12.5 Nama Proses
Edit hubungi kami Source
Admin web, storage tb_konten, storage tb_admin
Destination Admin web, storage tb_konten
Input data login admin valid, data konten, data
admin Output
Info konten, data konten Logika Proses
1. Admin memilih menu kelola konten
2. Sistem akan menampilkan halaman
kelola konten 3.
Admin memilih kelola hubungi kami 4.
Sistem menampilkan konten hubungi kami pada rich text editor
5. Admin mengisi data perubahan
hubungi kami 6.
Kemudian Admin klik update 7.
Jika data hubungi kami valid maka data hubungi kami akan diupdate,
8. Sistem akan menampilkan pesan
perubahan data hubungi kami sukses 9.
Jika data hubungi kami tidak valid maka sistem akan menampilkan pesan
kesalahan
96 No. Proses
3.12.7 Nama Proses
Kelola logo web Source
Admin web, storage tb_logoweb, storage tb_admin
Destination Admin web, storage tb_logoweb
Input data login admin valid, data logo web,
data admin Output
Info logo web, data logo web Logika Proses
1. admin memilih menu kelola logo web
2. sistem akan menampilkan seluruh data
logo web yang ada di database. 3.
Admin dapat mengelola data logo web baik itu menambahkan, mengubah
atau menghapus data logo web.
4. Jika data yang diubah, ditambah dan
dihapus valid maka sistem akan menampilkan pesan sukses dari aksi
yang dilakukan
5. Jika data yang diubah, ditambah dan
dihapus tidak valid maka sistem akan menampilkan pesan kesalahan dari
aksi yang dilakukan.
97 No. Proses
3.12.8 Nama Proses
Kelola pertanyaan keamanan Source
Admin web, storage tb_pertanyaankeamanan
Destination Admin web, storage
tb_pertanyaankeamanan Input
data login admin valid, data pertanyaan keamanan
Output Info pertanyaan keamanan, data
pertanyaan keamanan
Logika Proses 1.
admin memilih menu kelola pertanyaan kemanan
2. sistem akan menampilkan halaman
seluruh data pertanyaan keamanan yang ada di database.
3. Admin dapat mengelola data
pertanyaan keamanan baik itu menambahkan, mengubah atau
menghapus data pertanyaan keamanan.
4. Jika data yang diubah, ditambah dan
dihapus valid maka sistem akan menampilkan pesan sukses dari aksi
yang dilakukan
5. Jika data yang diubah, ditambah dan
dihapus tidak valid maka sistem akan menampilkan pesan kesalahan dari
aksi yang dilakukan.
98 No. Proses
4.1.1 Nama Proses
Tambah item pesanan Source
Member, storage tb_keranjang, storage tb_rating, storage tb_kategori, storage
tb_produk, storage tb_member, storage tb_gambarproduk
Destination Member, storage tb_keranjagn
Input data login member valid, data produk,
data member, data gambar produk, data kategori, data rating, data keranjang
Output Info keranjang, data keranjang
Logika Proses 1.
Setelah member login 2.
member memilih produk yang akan ditambahkan ke keranjang.
3. Member klik detail untuk
menambahkan produk ke keranjang 4.
Sistem akan menampilkan detail produk dan form qty pembelian produk
yang akan ditambah ke keranjang
5. Member memasukkan data jumlah
produk yang ingin dibeli pada form jumlah pembelian
6. Sistem akan memvalidasi data pada
form jumlah pembelian jika jumlah produk yang dimasukkan valid, maka
produk akan disimpan ke keranjang dan sistem mnampilkan pesan
penambahan produk ke keranjang sukses.
7. Jika jumlah produk yang dimasukkan
invalid maka sistem akan menampilkan pesan kesalahan
99 No. Proses
4.1.2 Nama Proses
Edit jumlah produk Source
Member, storage tb_keranjang, storage tb_rating, storage tb_kategori, storage
tb_produk, storage tb_member, storage tb_gambarproduk
Destination Member, storage tb_keranjang
Input data login member valid, data produk,
data member, data gambar produk, data kategori, data rating, data keranjang
Output Info keranjang, data keranjang
Logika Proses 1.
member memilih produk yang ada di keranjang untuk mengubah qty pesanan
2. member klik edit jumlah pembelian
3. sistem menampilkan form edit qty
pesanan 4.
Member memasukkan qty pesanan yang baru
5. Jika jumlah produk baru yang
dimasukkan valid, maka data keranjang akan diupdate di database dan sistem
akan menampilkan pesan perubahan data sukses
6. Jika jumlah produk yang dimasukkan
invalid maka sistem akan menampilkan pesan kesalahan
100 No. Proses 4.1.3
Nama Proses Hapus produk
Source Member, storage tb_keranjang, storage
tb_rating, storage tb_kategori, storage tb_produk, storage tb_member, storage
tb_gambarproduk
Destination Member, storage tb_keranjang
Input data login member valid, data produk,
data member, data gambar produk, data kategori, data rating, data keranjang
Output Info keranjang, data keranjang
Logika Proses 1.
member memilih produk di keranjang yang akan dihapus
2. Member menekan tombol hapus pada
produk yang dipilih 3.
Sistem akan menampilkan pesan konfirmasi hapus produk, jika setuju
maka muncul info produk, produk di keranjang dihapus
7. Jika tidak setuju penghapusan produk
di keranjang dibatalkan 8.
Jika setuju maka sistem akan menghapus produk terpilih dari
database dan menampilkan pesan bahwa penghapusan data sukses
101 No. Proses 4.1.5
Nama Proses Kosongkan keranjang
Source Member, storage tb_keranjang, storage
tb_rating, storage tb_kategori, storage tb_produk, storage tb_member, storage
tb_gambarproduk
Destination Member, storage tb_keranjang
Input data login member valid, data produk,
data member, data gambar produk, data kategori, data rating, data keranjang
Output Info keranjang, data keranjang
Logika Proses 1.
member menekan tombol kosongkan keranjang
2. sistem akan menampilkan pesan
konfirmasi kosongkan keranjang 3.
jika setuju maka sistem akan menghapus semuadata keranjang
member.
4. Jika tidak setuju pengosongan
keranjang dibatalkan 102 No. Proses
3.12.6.1 Nama Proses
Tambah logo web Source
Admin web, storage tb_admin, storage tb_logoweb
Destination Admin web, storage tb_logoweb
Input data login admin valid, data logo web,
data admin Output
Info logo web, data logo web Logika Proses
1. Admin memilih menu kelola logo web
2. Sistem akan menampilkan halaman
kelola logo web 3.
Admin menekan tombol tambah untuk menambah logo baru
4. Sistem akan menampilkan form
tambah logo web 5.
Admin mengisi data pada form tambah logo web
6. Kemudian Admin klik simpan
7. Jika data logo web valid maka data
logo web akan disimpan, 8.
sistem akan menampilkan pesan informasi penambahan data logo web
sukses 9.
Jika data logo web tidak valid maka sistem akan menampilkan pesan
kesalahan
103 No. Proses 3.12.6.2
Nama Proses Edit logo web
Source Admin web, storage tb_admin, storage
tb_logoweb Destination
Admin web, storage tb_logoweb Input
data login admin valid, data logo web, data admin
Output Info logo web, data logo web
Logika Proses 1.
Admin memilih menu kelola logo web 2.
Sistem akan menampilkan halaman kelola logo web dan seluruh data logo
web yang ada di database
3. Admin memilih logo web yang akan
diubah. 4.
Sistem akan menampilkan form ubah logo web
5. Admin mengisi data baru perubahan
logo web pada form 6.
Kemudian Admin klik update 7.
Jika data logo web valid maka data logo web akan diupdate,
8. sistem akan menampilkan pesan
perubahan data logo web sukses 9.
Jika data logo web tidak valid maka sistem akan muncul pesan kesalahan
104 No. Proses 3.12.6.3
Nama Proses Hapus logo web
Source Admin web, storage tb_admin, storage
tb_logoweb Destination
Admin web, storage tb_logoweb Input
data login admin valid, data logo web, data admin
Output Info logo web, data logo web
Logika Proses 1.
Admin memilih menu kelola logo web 2.
Admin memilih data logo web yang akan dihapus
3. Admin menekan tombol hapus logo
web untuk menghapus logo web
4.
Sistem akan menampilkan pesan konfirmasi hapus logo web
5. Jika menekan’ tidak’ maka
penghapusan dibatalkan. 6.
Jika menekan ‘ya’ maka sistem akan
melakukan validasi apakah data tersebut berelasi dengan data lain di
database.
7. Jika data logo web tersebut tidak
memiliki relasi dengan data lain di database maka data logo web akan di
hapus dari database.
105 No. Proses 3.12.7.1
Nama Proses Tambah pertanyaan keamanan
Source Admin web, storage
tb_pertanyaankeamanan Destination
Admin web, storage tb_pertanyaankeamanan
Input data login admin valid, data pertanyaan
keamanan, Output
Info pertanyaan keamanan, data pertanyaan keamanan,
Logika Proses 1.
Admin memilih menu kelola pertanyaan keamanan
2. Sistem akan menampilkan halaman
kelola pertanyaan keamanan dan seluruh data pertanyaann keamanan
yang ada di database
3. Admin menekan tombol tambah untuk
menambah pertanyaan keamanan 4.
Sistem akan menampilkan form tambah pertanyaan keamanan
5. Admin mengisi data pada form tambah
pertanyaan keamanan 6.
Kemudian Admin klik simpan 7.
Jika data pertanyaan keamanan valid maka data pertanyaan keamanan akan
disimpan di database
8. sistem akan menampilkan pesan
informasi penambahan data pertanyaan keamanan sukses
9. Jika data pertanyaan keamanan tidak
valid maka sistem akan menampilkan pesan kesalahan
106 No. Proses 3.12.7.2
Nama Proses Edit pertanyaan keamanan
Source Admin web, storage
tb_pertanyaankeamanan Destination
Admin web, storage tb_pertanyaankeamanan
Input data login admin valid, data pertanyaan
keamanan, Output
Info pertanyaan keamanan, data
pertanyaan keamanan, Logika Proses
1. Admin memilih menu kelola
pertanyaan keamanan 2.
Sistem akan menampilkan halaman kelola pertanyaan keamanan dan
seluruh data pertanyaann keamanan yang ada di database
3. Admin memilih data pertanyaan
keamanan yang akan di edit 4.
Admin menekan tombol edit untuk mengubah data pertanyaan keamanan
5. Sistem akan menampilkan form edit
pertanyaan keamanan 6.
Admin mengisi data baru pada form edit pertanyaan keamanan
7. Kemudian Admin klik simpan
8. Jika data pertanyaan keamanan valid
maka data pertanyaan keamanan akan di update di database
9. sistem akan menampilkan pesan
informasi perubahan data pertanyaan keamanan sukses
10. Jika data pertanyaan keamanan tidak
valid maka sistem akan menampilkan pesan kesalahan
107 No. Proses 3.12.7.3
Nama Proses Hapus pertanyaan keamanan
Source Admin web, storage
tb_pertanyaankeamanan Destination
Admin web, storage tb_pertanyaankeamanan
Input data login admin valid, data pertanyaan
keamanan, Output
Info pertanyaan keamanan, data pertanyaan keamanan,
Logika Proses 1.
Admin memilih menu kelola pertanyaan keamanan
2. Sistem akan menampilkan halaman
pertanyaan keamanan dan seluruh data pertanyaan keamanan yang ada di
database
3. Admin memilih pertanyaan keamanan
yang akan dihapus 4.
Admin menekan tombol hapus untuk menghapus pertanyaan keamanan
5. Sistem akan menampilkan pesan
konfirmasi hapus pertanyaan keamanan 6.
Jika setuju member menekan ‘ya’ maka
akan divalidasi oleh sistem apakah data yang akan dihapus memiliki relasi
dengan data lain.
7. Jika data tersebut tidak berelasi dengan
data lain maka data pertanyaan akan dihapus dari database dan
menampilkan pesan penghapusan data pertanyaan keamanan sukses.
8. Jika data tersebut berelasi maka sistem
akan menampilkan pesan kesalahan data tidak dapat dihapus
9. jika tidak setuju member menekan
‘tidak’ maka peghapusan pertanyaan keamanan dibatalkan
III.1.5.4 Kamus Data
Kamus data merupakan sebuah daftar yang tersusun dari elemen data yang berhubungan dengan sistem. Kamus data menjelaskan setiap elemen data yang
ada pada Data Flow Diagram secara formal. Kamus data dibuat berdasarkan arus data yang ada di dalam Data Flow Diagram. Dengan menggunakan kamus data,
analisis sistem dapat mengidentifikasikan data yang mengalir dalam sistem yang lengkap.
Tabel III.3 Kamus Data Nama Aliran Data
Data Registrasi Where used how used
Pengunjung-Proses 1, Proses 1.1, Proses 1.2, Proses 1.3
Deskripsi Berisi seluruh data registrasi pengunjung
Struktur data nama_member+
email_member+alamat+kode_pos +no_kontak+password_member+id_provinsi+
id_kota+id_pertanyaan+jawaban_pertanyaan+ tanggal_daftar+status_member
nama_member [A-Z | a-z | 0-9 | simbol]
email_member [A-Z | a-z | 0-9 | simbol]
alamat Date
kode_pos [0-9]
no_kontak [A-Z | a-z]
password_member [A-Z | a-z | 0-9 | simbol]
id_provinsi [0-9]
id_kota [0-9]
id_pertanyaan [0-9]
jawaban_pertanyaan [A-Z | a-z | 0-9 | simbol]
tanggal_daftar Date time
Status_member [A-Z | a-z ]
Nama Aliran Data Data Aktivasi
Where used how used Proses 1, proses 1.4
Deskripsi Berisi data aktivasi member
Struktur data link_aktivasi
link_aktivasi [A-Z | a-z | 0-9 | simbol]
Nama Aliran Data Data login
Where used how used Proses 2, Proses 2.1, proses 2.2
Deskripsi Berisi data login
Struktur data Email+password
Email [A-Z | a-z | 0-9 | simbol]
password [A-Z | a-z | 0-9 | simbol]
Nama Aliran Data Data lupa password
Where used how used Proses 2, Proses 2.3
Deskripsi Berisi data lupa password
Struktur data Email+id_pertanyaankeamanan+
jawaban_pertanyaan Email
[A-Z | a-z | 0-9 | simbol] Id_pertanyaankeamanan
[0-9] Jawaban_pertanyaan
[A-Z | a-z | 0-9 | simbol] Nama Aliran Data
Data Ubah Password Where used how used
Proses 9, Proses 9.1, Proses 9.2, Proses 9.3 Deskripsi
Berisi data ubah password Struktur data
Password lama+password baru+konfirmasi password baru
Password lama [A-Z | a-z | 0-9 | simbol]
Password baru [A-Z | a-z | 0-9 | simbol]
Konfrimasi Password baru [A-Z | a-z | 0-9 | simbol]
Nama Aliran Data Data pencarian
Where used how used Proses 10, Proses 10.1, Proses 10.2, Proses
10.3, Proses 10.4 Deskripsi
Berisi Data pencarian Struktur data
kata_kunci+jenis_pencarian kata_kunci
[A-Z | a-z | 0-9 ] jenis_pencarian
[A-Z | a-z ] Nama Aliran Data
Data laporan Where used how used
Proses 5, Proses 5.1, Proses 5.2 Deskripsi
Berisi data Laporan Struktur data
Jenis_laporan, periode_laporan Jenis_laporan
[A-Z | a-z] Periode_laporan
datetime Nama Aliran Data
Data pembayaran Where used how used
Proses 3, proses 3.13, Proses 4, Proses 4.3, proses 4.4, proses 4.5, proses 7, proses 7.1
Deskripsi Berisi data pembayaran
Struktur data id_pembayaran + id_pesanan +
id_akunbayar+ tanggal_bayar+ jumlah_bayar+ jumlah_diterima+
jenis_transfer+ rekening_member+ atas_nama+ transaksi_id+ catatan+
status_bayar+ kekurangan+ id_admin+ batas_konfirm
id_pembayaran [0-9]
id_pesanan [0-9]
id_akunbayar [0-9]
tanggal_bayar datetime
jumlah_bayar [0-9]
jumlah_diterima [0-9]
jenis_transfer [A-Z | a-z ]
rekening_member [A-Z | a-z | 0-9 ]
atas_nama [A-Z | a-z ]
transaksi_id [A-Z | a-z | 0-9 ]
catatan [A-Z | a-z | 0-9 |simbol]
status_bayar [A-Z | a-z ]
kekurangan [0-9]
id_admin [0-9]
batas_konfirm datetime
Nama Aliran Data Data pembayaran paypal
Where used how used Proses 4, Proses 4.3
Deskripsi Berisi data pembayaran paypal
Struktur data id_pesanam+ id_akunbayar+ total_dollar
id_pesanan [0-9]
id_akunbayar [0-9]
Total_dollar [0-9]
Nama Aliran Data Data update status pembayaran pesanan
Where used how used Proses 4, proses 4.4
Deskripsi Berisi data update status pembayaran pesanan
Struktur data id_pembayaran+ id_pesanan+
jumlah_pembayaran,status_pembayaran id_pembayaran
[0-9] id_pesanan
[0-9] Jumlah_pembayaran
[0-9] Status_pembayaran
[a-z | A-Z] Nama Aliran Data
Data pencarian pesanan Where used how used
Proses 4, Proses 4.4 Deskripsi
Berisi Data pencarian Struktur data
kata_kunci kata_kunci
[0-9 ] Nama Aliran Data
Data pengiriman Where used how used
Proses 4, Proses 4.2, proses 4.3, proses 4.4, proses 4.5, proses 7, proses 7.1, proses 7.3,
proses 7.4
Deskripsi Berisi Data pengiriman
Struktur data Id_pengiriman+id_pesanan+id_ongkir+
nama_penerima+kontak_kirim+ alamat_kirim+ kodepos_kirim+ tanggal_kirim
+ resi_kirim+ tanggal_terima+ diterima_oleh+ jenis_pengiriman+
jenis_alamat + id_admin
id_pengiriman [0-9]
id_pesanan [0-9]
id_ongkir [0-9]
nama_penerima [a-z | A-Z]
kontak_kirim [0-9]
alamat_kirim [A-Z | a-z | 0-9 |simbol]
kodepos_kirim [0-9]
tanggal_kirim datetime
resi_kirim [A-Z | a-z | 0-9 ]
tanggal_terima datetime
diterima_oleh [a-z | A-Z]
jenis_pengiriman [a-z | A-Z]
jenis_alamat [a-z | A-Z]
id_admin [0-9]
Nama Aliran Data Data update pengiriman pesanan
Where used how used Proses 4, proses 4.4
Deskripsi Berisi data update pengiriman pesanan
Struktur data id_pengiriman+ resi_kirim+tanggal_kirim
id_pengiriman [0-9]
resi_kirim [A-Z | a-z | 0-9 ]
tanggal_kirim datetime
Nama Aliran Data Data update penerimaan pesanan
Where used how used Proses 4, proses 4.4
Deskripsi Berisi data update penerimaan pesanan
Struktur data id_pengiriman+ resi_kirim+tanggal_terima+
diterima_oleh id_pengiriman
[0-9] resi_kirim
[A-Z | a-z | 0-9 ] tanggal_terima
datetime diterima_oleh
[A-Z | a-z ] Nama Aliran Data
Data lihat produk Where used how used
Proses 8, proses 8.2, proses 8.3 proses 8.4, proses 8.5
Deskripsi Berisi data lihat produk
Struktur data Pilihan_lihat
Pilihan_lihat [a-z | A-Z]
Nama Aliran Data Data kategori lihat
Where used how used Proses 8, proses 8.1
Deskripsi Berisi data lihat kategori
Struktur data Id_kategori
Id_kategori [0-9]
Nama Aliran Data Data member
Where used how used Proses 1, proses 1.2, proses 1.3, proses 1.4,
Proses 3, Proses 4, Proses 6, Proses 7, Proses 9, Proses 2.3, Proses 3.8, Proses 4.1, Proses
4.2, Proses 4.3, Proses 4.4, proses 4.5 Proses 6.1, Proses 6.2, Proses 7.1, Proses 7.2, Proses
7.3, proses 7.4, Proses 9.2, Proses 9.3, proses 3.8.1, proses 3.8.2, proses 3.8.3, Proses 4.1.1,
Proses 4.1.2, Proses 4.1.3, Proses 4.1.4, Proses
Deskripsi Berisi data member
Struktur data Id_member+ id_kota, nama_member+
email_member+ alamat+ kode_pos+ no_kontak,+ password_member+
id_pertanyaan+ jawaban_pertanyaan+ tanggal_Daftar+ status_member
Id_member [0-9]
id_kota [0-9]
nama_member [A-Z | a-z | 0-9 | simbol]
email_member [A-Z | a-z | 0-9 | simbol]
alamat Date
kode_pos [0-9]
no_kontak [A-Z | a-z]
password_member [A-Z | a-z | 0-9 | simbol]
id_pertanyaan [0-9]
jawaban_pertanyaan [A-Z | a-z | 0-9 | simbol]
tanggal_daftar Date time
status_member [A-Z | a-z ]
Nama Aliran Data Data admin
Where used how used Proses 2, Proses 3, Proses 4, Proses 5, Proses
6, Proses 7, Proses 9, Proses 2.2, Proses 2.3, Proses 3.3, Proses 3.6, Proses 3.10, Proses
3.11, Proses 3.13, proses 3.14, Proses 3.10.1, Proses 3.10.2, Proses 3.10.3, Proses 3.11.1,
Proses 3.12.1, Proses 3.12.2, Proses 3.12.3, Proses 3.12.4, Proses 3.12.1, Proses 3.12.5,
Proses 3.12.6, Proses Proses 3.12.6.1, Proses 3.12.6.2, Proses 3.12.6.3, Proses 4.4, proses
4.5, Proses 5.1, proses 5.2, proses 7.4, Proses 6.1, Proses 6.2, Proses 7.3, proses 9.3
Deskripsi Berisi data admin
Struktur data id_admin +nama admin + password admin +
email_admin + id_pertanyaan +jawaban_pertanyaan+ jabatan +
status_admin+ created_date
id_admin [0-9]
nama_admin [A-Z | a-z | 0-9 | simbol]
Email_admin [A-Z | a-z | 0-9 | simbol]
Id_pertanyaan [0-9]
Jawaban_pertanyaan [A-Z | a-z |0-9 |simbol]
jabatan [A-Z | a-z ]
Status_Admin [A-Z | a-z ]
Created_date datetime
Nama Aliran Data Data Kategori
Where used how used Proses 3, Proses 4, Proses 5, Proses 8, Proses
3.2, Proses 3.3, Proses 3.13, Proses 4.1, Proses 5.2, proses 8.1, proses 8.2, proses 8.3,
proses 8.4, proses 8.5, proses 10, proses 10.1, proses 10.2, proses 10.3, proses 10.4, proses
10.5, proses 4.1.1, proses 4.1.2, proses 4.1.3
Deskripsi Berisi data kategori produk
Struktur data id_kategoriproduk+ nama_kategori +
kategori_dibuat + kategori_diubah+ status_kategori
id_kategoriproduk [0-9]
nama_kategori [A-Z | a-z | 0-9 | simbol]
kategori_dibuat Date time
kategori_diubah Date time
Nama Aliran Data Data Produk
Where used how used Proses 3, Proses 4, Proses 5, Proses 7, Proses
8, Proses 3.3, Proses 3.13, Proses 4.1, Proses 5.1, Proses 5.2, Proses 7.2, Proses 3.3.1,
Proses 3.3.2, Proses 3.3.3, Proses 3.3.4, Proses 3.3.5, proses 3.3.6, Proses 4.1.1,
Proses 4.1.2, Proses 4.1.3, Proses 4.1.4, Proses 4.1.5, proses 8, proses 8.1, proses 8.2,
proses 8.3, proses 8.4, proses 8.5, proses 10, proses 10.1, proses 10.2, proses 10.3, proses
10.4
Deskripsi Berisi data produk
Struktur data id_produk+ id_kategoriproduk + id_suplier+
id_admin + nama_produk + model
+dimensi+berat+harga+diskon+ deskripsi+tanggal_diskon+tanggal_dimuat
+tanggal_diubah+jumlah_viewer+ stok_produk+status_produk
id_produk [0-9]
id_kategoriproduk [0-9]
id_suplier [0-9]
id_admin [0-9]
nama_produk [A-Z | a-z | 0-9 | simbol]
model [A-Z | a-z | 0-9 | simbol]
dimensi [0-9 | X]
berat [0-9]
harga [0-9]
diskon [0-9]
deskripsi [A-Z | a-z | 0-9 | simbol]
tanggal_diskon Datetime
tanggal_dimuat Datetime
tanggal_diubah Datetime
jumlah_viewer [0-9]
stok_produk [0-9]
status_produk [A-Z | a-z ]
Nama Aliran Data Data Suplier
Where used how used Proses 3, Proses 5, Proses 3.1, Proses 3.3,
Proses 5.2, Proses 3.13, Proses 3.1.1, Proses 3.1.2, Proses 3.1.3, proses 3.1.4, Proses 3.3.1,
Proses 3.3.2, Proses 3.3.3, proses 3.3.4, Proses 3.3.5
Deskripsi Berisi seluruh data suplier
Struktur data id_suplier+ nama_suplier+
alamat_suplier+telepon_suplier + fax_suplier+email_suplier+
suplier_dibuat+suplier_diubah
id_suplier [0-9]
nama_suplier [A-Z | a-z | 0-9 | simbol]
alamat_suplier [A-Z | a-z | 0-9 | simbol]
fax_suplier [0-9]
email_suplier [A-Z | a-z | 0-9 | simbol]
suplier_dibuat Datetime
suplier_diubah Datetime
Nama Aliran Data Data Gambar Produk
Where used how used Proses 3, Proses 4, Proses 7, Proses 8, Proses
3.3, proses 3.13, Proses 4.1, Proses 7.1, Proses 7.2, proses 7.3, proses 7.4
Deskripsi Berisi data gambar produk
Struktur data id_gambarproduk + id_produk +
deskripsi_gambar+nama_gambar +gambar_default
id_gambarproduk [0-9]
Id_produk [0-9]
Deskripsi gambar [A-Z | a-z| 0-9]
Nama_gambar [A-Z | a-z | simbol]
Gambar_Default [A-Z | a-z]
Nama Aliran Data Data Kota
Where used how used Proses 1, Proses 3, Proses 4, Proses 4.2,
Proses 1.1, Proses 3.5, Proses 3.9, proses 3.13, Proses 3.5.1, Proses 3.5.2, Proses 3.5.3,
Proses 3.5.4, Proses 3.9.1, Proses 3.9.2, Proses 3.9.3, Proses 3.9.4
Deskripsi Berisi data kota
Struktur data Id_kota+id_provinsi+nama_kota+
Kota_dibuat+kota diubah id_kota
[0-9] Id_provinsi
[0-9] Nama_kota
[A-Z | a-z] Kota_dibuat
Date time Kota_diubah
Date time Nama Aliran Data
Data Provinsi Where used how used
Proses 1, Proses 3, Proses 4, Proses 4.2, Proses 1.1, Proses 3.4, Proses 3.5, Proses 3.9,
Proses 3.4.1, Proses 3.4.2, Proses 3.4.3, Proses 3.4.4 , Proses 3.5.1, Proses 3.5.2,
Proses 3.5.3, Proses 3.5.4, Proses 3.9.1, Proses 3.9.2, Proses 3.9.3, Proses 3.9.4 ,
proses 3.13
Deskripsi Berisi data provinsi
Struktur data id_provinsi + nama-provinsi +
provinsi_dibuat+ provinsi_diubah id_provinsi
[0-9] nama-provinsi
[A-Z | a-z] provinsi_dibuat
Date Time
provinsi_diubah Date Time
Nama Aliran Data Data pesan
Where used how used Proses 6, Proses 6.1, Proses 6.2
Deskripsi Berisi data pesan
Struktur data id_pesan+nama_pesan
+judul_pesan+isi_pesan+tgl_pesan+ status_pesan+id_admin+id_member+email
id_pesan [0-9]
nama_pesan [A-Z | a-z | 0-9 | simbol]
Judul_pesan [A-Z | a-z | 0-9 | simbol]
Isi_pesan [A-Z | a-z | simbol]
Tgl_pesan Date time
Status_pesan [A-Z | a-z ]
Id_admin [0-9]
Id_member [0-9]
email [A-Z | a-z | simbol]
Nama Aliran Data Data Retur
Where used how used Proses 3.13, Proses 7, Proses 7.2, Proses 7.3,
proses 7.4 Deskripsi
Berisi data retur Struktur Data
id_retur+ Id_detailpesanan+ Id_alasanretur+qty
id_retur [0-9]
Id_detailpesanan [0-9]
Id_alasanretur [0-9]
qty [0-9]
Status_retur_item [A-Z | a-z ]
Nama Aliran Data Data update status retur
Where used how used Proses 7, proses 7.3
Deskripsi Berisi data update status retur
Struktur data id_retur+ status_retur_item
Id_retur [0-9]
Status_retur_item [A-Z | a-z ]
Nama Aliran Data Data update pengiriman retur
Where used how used Proses 7, proses 7.3
Deskripsi Berisi data update pengiriman retur
Struktur data id_pengiriman+
resi_kirim+tanggal_kirim+jenis_kirim id_pengiriman
[0-9] resi_kirim_retur
[A-Z | a-z | 0-9 ] tanggal_kirim_retur
datetime Jenis_kirim
[A-Z | a-z] Nama Aliran Data
Data update penerimaan retur Where used how used
Proses 7, proses 7.3 Deskripsi
Berisi data update penerimaan retur Struktur data
id_pengiriman+ resi_kirim+tanggal_terima+ diterima_oleh
id_pengiriman [0-9]
resi_kirim [A-Z | a-z | 0-9 ]
tanggal_terima_retur datetime
diterima_oleh [A-Z | a-z ]
Nama Aliran Data Data Rating
Where used how used Proses 8
Deskripsi Berisi data rating
Struktur data id_rating+ id_produk+
id_member+nilai_rating+tanggal_rating id_produk
[0-9] id_member
[0-9] nilai_rating
[0-9] tanggal_rating
datetime Nama Aliran Data
Data Detail Pesanan Where used how used
Proses 3, Proses 4, Proses 5, Proses 7, proses 8, proses 3.13, Proses, Proses 4.2, Proses 4.3,
proses 4.4, proses 4.5, Proses 5.1, Proses 5.2, Proses 7.1, Proses 7.2, Proses 7.3, proses 7.4,
proses 8.5
Deskripsi Berisi data detail pesanan
Struktur data Id_detailpesanan+ id_pesanan + id_produk +
harga+diskon+harga_diskon+qty+berat_item +sub_total+status_detail
id_detailpesanan [0-9]
Id_pesanan [0-9]
Id_produk [0-9]
harga [0-9]
diskon [0-9]
Harga_diskon [0-9]
qty [0-9]
Berat_item [0-9]
Sub_total [0-9]
Status_detail [A-Z | a-z]
Nama Aliran Data Data alasan retur
Where used how used Proses 3, Proses 7, Proses 3.13, Proses 7.2,
Proses 7.3, proses 7.4 Deskripsi
Berisi seluruh data alasan atau deskripsi retur Struktur data
Id_alasan_retur+alasan_retur+status_alasan Id_alasan_retur
[0-9] Alasan_retur
[A-Z | a-z | 0-9 | simbol] Nama Aliran Data
Data akun bayar Where used how used
Proses 3, Proses 4, Proses 3.10, Proses 3.13, Proses 4.3, proses 4.5, Proses 3.10.1, Proses
3.10.2, Proses 3.10.3
Deskripsi Berisi data akun pembayaran
Struktur data id_akunbayar + nama_akunbayar +
atas_nama + jenis_akunbayar + no_akunbayar +cabang+nama_gambar+
status_akunbayar+id_admin
id_dakunbayar [0-9]
Nama_akunbayar [A-Z | a-z | 0-9 | simbol]
Atas_nama [A-Z | a-z ]
Jenis_akunbayar [A-Z | a-z ]
No_akunbayar [A-Z | a-z | 0-9 | simbol]
cabang [A-Z | a-z | 0-9 | simbol]
Nama_gambar [A-Z | a-z | 0-9 | simbol]
Status_akunbayar enum
Id_admin [0-9]
Nama Aliran Data Data Konten
Where used how used Proses 3, Proses 3.12, Proses 3.13, Proses
3.12.1, Proses 3.12.2, Proses 3.12.3, Proses 3.12.4, Proses 3.12.5
Deskripsi Berisi data konten
Struktur data id_konten + Nama_konten + isi_konten +
Id_admin + Tanggal_buat+ Tanggal_ubah id_konten
[0-9]
Nama_konten [A-Z | a-z|simbol]
isi_konten [A-Z | a-z |simbol]
Id_admin [0-9]
Tanggal_buat Datetime
Tanggal_ubah datetime
Nama Aliran Data Data Ongkos Kirim
Where used how used Proses 3, Proses 4, Proses 3.9, Proses 3.9.1,
Proses 3.9.2, Proses 3.9.3, Proses 3.9.4, Proses 4.2, Proses 4.3
Deskripsi Berisi data ongkos kirim
Struktur data id_ongkir +id_jeniskiriman +id_kota
+ongkir_brtminimum +ongkir_brtselanjutnya id_ongkir
[0-9] id_jeniskiriman
[0-9] id_kota
[0-9] ongkir_brtminimum
[0-9] ongkir_brtselanjutnya
[0-9] Nama Aliran Data
Data Keranjang Where used how used
Proses 3, Proses 4, Proses 3.13, Proses 4.1, proses 4.2, proses 4.1.1, proses 4.1.2, proses
4.1.3, proses 4.1.4
Deskripsi Berisi data keranjang belanja
Struktur data Id_keranjang+ id_member
+ id_produk + harga+diskon +harga_diskon+qty+berat_item+id_kurs
+sub_total+status_keranjang
id_keranjang [0-9]
Id_member [0-9]
Id_produk [0-9]
harga [0-9]
diskon [0-9]
Harga_diskon [0-9]
Qty [0-9]
Berat_item [0-9]
Sub_total [0-9]
Status_keranjang [A-Z | a-z ]
Nama Aliran Data Data Jasa Kiriman
Where used how used Proses 3, Proses 4, Proses 3.6, Proses 3.7,
Proses 3.13, Proses 3.6.1, Proses 3.6.2, Proses 3.6.3, Proses 3.7.1,Proses 3.7.2, Proses 3.7.3,
Proses 3.7.4, Proses 3.9.1, Proses 3.9.2, Proses 3.9.4, proses 4.2
Deskripsi Berisi data jasa kiriman
Struktur data id_jasakiriman+ nama_jasakirim+
brt_kirim_minimum+brt_kirim_selanjutnya+ gambar_jasakirim+ id_admin + url_tracking
id_jasakiriman [0-9]
Nama_jasakirim [A-Z | a-z |simbol]
brt_kirim_minimum [0-9]
brt_kirim_selanjutnya [0-9]
gambar_jasakirim [A-Z | a-z |simbol]
id_admin [0-9]
url_tracking [A-Z | a-z |simbol]
Nama Aliran Data Data jenis kiriman
Where used how used Proses 3, Proses 4, Proses 3.7, Proses 3.13,
Proses 3.7.1,Proses 3.7.2, Proses 3.7.3, Proses 3.7.4, Proses 3.9.1, Proses 3.9.2, Proses 3.9.4,
proses 4.2
Deskripsi Berisi data jenis kiriman
Struktur data id_jeniskiriman + nama_jeniskiriman
+waktu_pengiriman+ id_jasakiriman id_jeniskiriman
[0-9] nama_jeniskiriman
[A-Z | a-z | 0-9 | simbol] waktu_pengiriman
[0-9] id_jasakiriman
[A-Z | a-z] Nama Aliran Data
Data kontak Where used how used
Proses 3, Proses 3.11, Proses 3.13 Deskripsi
Berisi seluruh data kontak Struktur data
id_kontak + jenis_kontak+ nama_kontak+ no_kontak+tanggal_ubah+id_admin
id_kontak [0-9]
jenis_kontak enum
nama_kontak [A-Z | a-z | 0-9 | simbol]
no_kontak [A-Z | a-z | 0-9 | simbol]
tanggal_ubah Datetime
status_kontak enum
id_admin [0-9]
Nama Aliran Data Data kurs
Where used how used Proses 3, Proses 3.13, Proses 4, Proses 4.2,
Proses 4.3 Deskripsi
Berisi data kurs Struktur data
id_kurs+tgl_kurs+harga_kurs+status_kurs id_kurs
[0-9] Tgl_kurs
datetime harga_kurs
[0-9] status_kurs
enum Nama Aliran Data
Data logo web Where used how used
Proses 3, Proses 3.13, Proses 3.12, Proses 3.12.6, Proses 3.12.6.1, Proses 3.12.6.2,
Proses 3.12.6.3
Deskripsi Berisi data logo web
Struktur data id_logo+ nama_logo + gambar_logo +
status_logo + id_admin id_logo
[0-9] Nama_logo
[A-Z | a-z | 0-9] Gambar_logo
[A-Z | a-z | 0-9 | simbol] Status_logo
enum Id_admin
[0-9] Nama Aliran Data
Data pertanyaan keamanan Where used how used
Proses 1, Proses 2, Proses 3, Proses 1.1, Proses 2.3, Proses 3.12, Proses 3.12.7, Proses
3.12.7.1, Proses 3.12.7.2, Proses 3.12.7.3
Deskripsi Berisi seluruh data pertanyaan keamanan
Struktur data id_pertanyaan+ pertanyaan+
status_ pertanyaan id_pertanyaan
[0-9] pertanyaan
[A-Z | a-z | 0-9 | simbol] Nama Aliran Data
Data Pesanan Where used how used
Proses 3, Proses 4, Proses 5, Proses 7, Proses 3.13, Proses 4.2, proses 4.3, Proses 4.4,
proses 4.5, Proses 5.1, Proses 5.2, Proses 7.1, Proses 7.2, proses 7.3, proses 7.4, proses 8,
proses 8.5
Deskripsi Berisi seluruh data pesanan member
Struktur data id_pesanan+ id_admin+ id_member + id_kurs
+id_ongkir+ tanggal_pesan +total_bayar +total_dollar+ongkos kirim+batas_bayar+
tanggal_pembatalan+ batas_retur+ status_pesanan+ status_retur+
tanggal_retur+
id_pesanan [0-9]
id_admin [0-9]
id_member [0-9]
id_kurs [0-9]
tanggal_pesan Datetime
total_bayar [0-9]
total_dollar [0-9]
Ongkos_kirim [0-9]
batas_bayar datetime
Tanggal_pembatalan datetime
Status_pesanan [A-Z | a-z | 0-9 ]
Status_retur [A-Z | a-z | 0-9 ]
batas_retur datetime
tanggal_retur datetime
III.2 Perancangan Sistem
Perancangan sistem dimulai setelah tahap analisis terhadap sistem selesai dilakukan. Perancangan dapat didefinisikan sebagai penggambaran, perencanaan
dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi.
Perancangan sistem dalam membangun apliaksi E-Commerce di CV Multi Abadi ini terbagi ke dalam 2 tahap perancangan yaitu perancangan basis data dan
perancangan arsitektur.
III.2.1 Perancangan Basis Data
Perancangan basis data merupakan tahapan untuk memetakan model konseptual ke model basis data yang akan dipakai. Perancangan basisdata dibuat
dengan tujuan untuk mengindentifikasiisi atau struktur dari tiap-tiap file yang digunakan pada database. Perancangan basis data terbagi menjadi dua yaitu skema
relasi dan perancangan struktur tabel.
III.2.1.1 Skema Relasi
Proses relasi antar atribut merupakan gabungan antar atribut yang mempunyai kunci utama yang sama, sehingga atribut-atribut tersebut menjadi satu
kesatuan yang dihubungkan oleh field kunci tersebut. Pada proses ini elemen- elemen data dikelompokkan menjadi satu file database beserta entitas dan
hubungannya. Skema relasi dapat dilihat pada gambar III.31.
184 Gambar III.31 Skema Relasi
185
III.2.1.2 Struktur Tabel
Tabel III.4 Tabel tb_admin Nama Field
Tipe Data Panjang
Keterangan
id_admin int
5 PRIMARY KEY
nama_admin varchar
50 password_admin
varchar 50
email_admin varchar
50 UNIQUE KEY
id_pertanyaan int
5 FOREIGN KEY,
REFERENCES `tb_pertanyaankeamanan`
`id_pertanyaan`
jawaban_pertanyaan varchar
100
Jabatan Enum
‘web_admin’, ‘gudang’,
‘penjualan’
Tabel III.5 Tabel tb_akunbayar Nama Field
Tipe Data Panjang
Keterangan id_akunbayar
int 5
PRIMARY KEY nama_akunbayar
varchar 100
atas_nama varchar
50 jenis_akunbayar
enum offline,online
no_akunbayar varchar
100 cabang
varchar 100
nama_gambar varchar
50 status_akunbayar
enum aktif,tidak_aktif’
id_admin int
5 FOREIGN KEY,
REFERENCES `tb_admin`
`id_admin`
186
Tabel III.6 Tabel tb_alasan_retur Nama Field
Tipe Data Panjang
Keterangan id_alasan_retur
int 5
PRIMARY KEY alasan_rertur
text
Tabel III.7 Tabel tb_detailpesanan Nama Field
Tipe Data Panjang
Keterangan id_detailpesanan int
5 PRIMARY KEY
id_pesanan int
5 FOREIGN KEY, REFERENCES
`tb_pesanan` `id_pesanan` id_produk
int 5
FOREIGN KEY, REFERENCES `tb_produk` `id_produk`
harga float
diskon float
harga_diskon float
qty int
5 berat_item
float sub_total
float status_detail
enum dipesan
,dibatalkan
Tabel III.8 Tabel tb_gambarproduk Nama Field
Tipe Data Panjang
Keterangan id_gambarproduk int
5 PRIMARY KEY
id_produk text
5 FOREIGN KEY, REFERENCES
`tb_produk` `id_produk` deskripsi_gambar varchar
100 nama_gambar
varchar 25
gambar_default enum
aktif,tidak
187
Tabel III.9 Tabel tb_jasakiriman Nama Field
Tipe Data Panjang
Keterangan id_jasakiriman
int 5
PRIMARY KEY nama_jasakirim
varchar 50
brt_kirim_minimum float
brt_kirim_selanjutnya float
gambar_jasakirim varchar
url_tracking varchar
255
Tabel III.10 Tabel tb_jeniskiriman Nama Field
Tipe Data Panjang
Keterangan id_jeniskiriman
int 5
PRIMARY KEY nama_jeniskiriman varchar
50 waktu_pengiriman varchar
50 id_jasakiriman
int 5
FOREIGN KEY, REFERENCES `tb_jasakiriman`
`id_jasakiriman`
Tabel III.11 Tabel tb_kategoriproduk Nama Field
Tipe Data Panjang
Keterangan id_kategoriproduk
int 5
PRIMARY KEY nama_kategori
varchar 50
kategori_dibuat Datetime
kategori_diubah Datetime
Tabel III.12 Tabel tb_keranjang Nama Field
Tipe Data Panjang
Keterangan id_keranjang
int 5
PRIMARY KEY
188
id_member int
5 FOREIGN KEY,
REFERENCES `tb_member`
`id_member`
id_produk int
5 FOREIGN KEY,
REFERENCES `tb_produk` `id_produk`
harga float
diskon float
harga_diskon float
qty int
5 sub_total
float status_keranjang
Enum aktif,dipesan
berat_item float
Tabel III.13 Tabel tb_kontaksupport Nama Field
Tipe Data Panjang
Keterangan id_kontak
int 5
PRIMARY KEY jenis_kontak
enum offline,online
nama_kontak varchar
50 no_kontak
text tanggal_ubah
datetime
Tabel III.14 Tabel tb_konten Nama Field
Tipe Data Panjang
Keterangan id_konten
int 5
PRIMARY KEY nama_konten
varchar 50
isi_konten text
id_admin int
5 FOREIGN KEY, REFERENCES
`tb_admin` `id_admin` tanggal_buat
datetime tanggal_ubah
datetime
189
Tabel III.15 Tabel tb_kota Nama Field
Tipe Data Panjang
Keterangan id_kota
int 5
PRIMARY KEY id_provinsi
int 5
FOREIGN KEY, REFERENCES `tb_provinsi` `id_provinsi`
nama_kota varchar
kota_dibuat datetime
kota_diubah datetime
Tabel III.16 Tabel tb_kurs Nama Field
Tipe Data Panjang
Keterangan id_kurs
int 5
PRIMARY KEY tgl_kurs
Datetime 5
harga_kurs float
status_kurs enum
aktif,tidak
Tabel III.17 Tabel tb_logoweb Nama Field
Tipe Data Panjang
Keterangan id_logo
int 5
Primary Key nama_logo
varchar 50
gambar_logo varchar
50 status_logo
enum ‘aktif’,’tidak’
id_admin int
5 Foreign Key, REFERENCES
`tb_admin` `id_admin`
Tabel III.18 Tabel tb_member Nama Field
Tipe Data Panjang
Keterangan id_member
int 5
PRIMARY KEY
190
id_kota int
5 FOREIGN KEY,
REFERENCES `tb_kota` `id_kota`
nama_member varchar
50 email_member
varchar 50
UNIQUE KEY
alamat varchar
100 kode_pos
int 5
no_kontak varchar
13 password_member
varchar 50
id_pertanyaan int
5 FOREIGN KEY,
REFERENCES `tb_pertanyaankeamanan`
`id_pertanyaan`
jawaban_pertanyaan varchar
100 tanggal_daftar
datetime status_member
enum aktif,tidak aktif
Tabel III.19 Tabel tb_ongkir Nama Field
Tipe Data Panjang Keterangan
id_ongkir int
5 PRIMARY KEY
id_jeniskiriman int
5 FOREIGN KEY,
REFERENCES `tb_jeniskiriman`
`id_jeniskiriman`
id_kota int
5 FOREIGN KEY,
REFERENCES `tb_kota` `id_kota`
ongkir_brtminimum float
ongkir_brtselanjutnya float
191
Tabel III.20 Tabel tb_pembayaran Nama Field
Tipe Data Panjang
Keterangan id_pembayaran
int 5
PRIMARY KEY id_pesanan
int 5
FOREIGN KEY, REFERENCES `tb_pesanan`
`id_pesanan`
id_akunbayar int
5 FOREIGN KEY,
REFERENCES `tb_akunbayar` `id_akunbayar`
tanggal_bayar datetime
jumlah_bayar float
jumlah_diterima float
jenis_transfer enum
atm, tunai,
online rekening_member Varchar
50 atas_nama
Varchar 50
transaksi_id Varchar
50 catatan
text status_bayar
enum ‘dikonfirmasi
’ rekonfirm’ ‘valid’
‘tidak valid’ kekurangan
Varchar 5
id_admin int
5 FOREIGN KEY,
REFERENCES `tb_admin` `id_admin`
Batas_konfirm datetime
Tabel III.21 Tabel tb_pengiriman Nama Field
Tipe Data Panjang
Keterangan id_pengiriman
int 5
PRIMARY KEY id_pesanan
int 5
id_ongkir int
5
192
nama_penerima Varchar
5 kontak_kirim
Varchar 5
alamat_kirim text
kodepos_kirim Int
5 tanggal_kirim
datetime resi_kirim
Varchar 50
tanggal_terima datetime
diterima_oleh Varchar
50 jenis_pengiriman
Enum ‘pesanan’
’retur’ jenis_alamat
Enum ‘utama
’lain’ id_admin
Int 5
Tabel III.22 Tabel tb_pertanyaankeamanan Nama Field
Tipe Data Panjang
Keterangan id_pertanyaan
int 5
PRIMARY KEY pertanyaan
varchar 100
Tabel III.23 Tabel tb_pesan Nama Field
Tipe Data Panjang
Keterangan id_pesan
int 5
PRIMARY KEY Nama_pesan
Varchar 5
judul_pesan varchar
255 isi_pesan
text tgl_pesan
datetime status_pesan
enum unread,read
id_admin int
5 FOREIGN KEY,
REFERENCES `tb_admin` `id_admin`
193
id_member int
5 FOREIGN KEY,
REFERENCES `tb_member` `id_member`
Email Varchar
50
Tabel III.24 Tabel tb_pesanan Nama Field
Tipe Data Panjang
Keterangan id_pesanan
int 5
PRIMARY KEY id_admin
int 5
FOREIGN KEY, REFERENCES
`tb_admin` `id_admin`
id_member int
5 FOREIGN KEY,
REFERENCES `tb_member`
`id_member`
id_kurs int
5 FOREIGN KEY,
REFERENCES `tb_kurs` `id_kurs`
tanggal_pesan datetime
total_bayar float
total_dollar float
Ongkos_kirim float
batas_bayar datetime
batas_retur datetime
tanggal_retur datetime
Tanggal_pembatalan datetime status_pesanan
enum
‘dipesan dikonfirmasi
rekonfirm dibayar
dikirim diterima
klaim retur retur
dibatalkan
194
Status_retur enum
diproses, dikirim
,sampai, klaim diterima,
selesai, sudah diproses
Tabel III.25 Tabel tb_produk Nama Field
Tipe Data Panjang
Keterangan id_produk
int 5
PRIMARY KEY id_kategoriproduk
int 5
FOREIGN KEY, REFERENCES `tb_kategoriproduk`
`id_kategoriproduk`
id_suplier int
5 FOREIGN KEY, REFERENCES
`tb_suplier` `id_suplier` id_admin
int 5
FOREIGN KEY, REFERENCES `tb_admin` `id_admin`
nama_produk varchar
100 model
varchar 25
dimensi varchar
25 berat
float harga
float diskon
float deskripsi
text tanggal_diskon
datetime tanggal_dimuat
datetime tanggal_diubah
datetime jumlah_viewer
int 5
stok_produk int
5 status_produk
enum baru,lama’
195
Tabel III.26 Tabel tb_provinsi Nama Field
Tipe Data Panjang
Keterangan id_provinsi
int 5
PRIMARY KEY nama_provinsi
varchar 50
provinsi_dibuat datetime
provinsi_diubah datetime
Tabel III.27 Tabel tb_rating Nama Field
Tipe Data Panjang
Keterangan id_rating
int 5
PRIMARY KEY id_produk
int 5
FOREIGN KEY, REFERENCES `tb_produk` `id_produk`
id_member int
5 FOREIGN KEY, REFERENCES
`tb_member` `id_member` nilai_rating
int 5
tanggal_rating datetime
Tabel III.28 Tabel tb_retur Nama Field
Tipe Data Panjang
Keterangan id_retur
int 5
PRIMARY KEY id_detailpesanan int
5 FOREIGN KEY, REFERENCES
`tb_detailpesanan` `id_detailpesanan`
id_alasan_retur int
5 FOREIGN KEY, REFERENCES
`tb_alasan_retur` `id_alasan_retur`
qty_retur int
5
196
Tabel III.29 Tabel tb_suplier Nama Field
Tipe Data Panjang
Keterangan id_suplier
int 5
PRIMARY KEY nama_suplier
varchar 100
alamat_suplier text
telepon_suplier varchar
15 fax_suplier
varchar 15
email_suplier varchar
50 suplier_dibuat
datetime suplier_diubah
datetime
III.2.2 Perancangan Arsitektur
Setelah melakukan perancangan basis data pada sistem yang dibangun, maka dilakukanlah perancangan arsitektur. Perancangan arsitektur merupakan
perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah proses pembangunan aplikasi E-Commerce pada
CV Multi Abadi. Perancangan arsitektur ini meliputi beberapa perancangan diantaranya perancangan struktur menu, perancangan antarmukainterface,
jaringan semantik dan perancangan prosedural.
III.2.2.1 Perancangan Struktur Menu
Struktur menu adalah bentuk umum dari suatu rancangan program untuk memudahkan pengguna sistemuser dalam menggunakan aplikasi maupun dalam
memilih menu-menu yang digunakan. Struktur menu yang digunakan adalah struktur menu network. Struktur menu dirancang sesuai dengan level pengguna
sistem. Dalam aplikasi e-commerce di CV Multi Abadi terdapat lima level
197
pengguna. Untuk pengguna dari pihak perusahaan teridiri dari tiga level yaitu admin web, admin penjualan dan admin gudang sedangkan pengguna di luar
perusahaan terdiri dari dua level pengguna yaitu member dan pengunjung.
III.2.2.1.1 Struktur Menu Level Pengunjung
Struktur menu aplikasi e-commerce CV Multi Abadi untuk level pengunjung dapat dilihat pada gambar III.32.
Gambar III.32 Struktur Menu Level Pengunjung
III.2.2.1.2 Struktur Menu Level Member
Struktur menu aplikasi e-commerce CV Multi Abadi untuk level member dapat dilihat pada gambar III.33
Gambar III.33 Struktur Menu Level Member
198
III.2.2.1.3 Struktur Menu Level Admin Web
Struktur menu aplikasi e-commerce CV Multi Abadi untuk level admin web dapat dilihat pada gambar III.34.
Gambar III.34 Struktur Menu Level Admin Web
199
III.2.2.1.4 Struktur Menu Level Admin Penjualan
Struktur menu aplikasi e-commerce CV Multi Abadi untuk level admin penjualan dapat dilihat pada gambar III.35.
Gambar III.35 Struktur Menu Level Admin Web
200
III.2.2.1.5 Struktur Menu Level Admin Gudang
Struktur menu aplikasi e-commerce CV Multi Abadi untuk level admin penjualan dapat dilihat pada gambar III.36.
Gambar III.36 Struktur Menu Level Admin Gudang
III.2.2.2 Perancangan Antarmuka
Interface
Antarmukainterface merupakan tampilan dari suau program aplikasi yang berperan sebagai media penghubung antara program dengan pengguna aplikasi
user. Sistem yang akan dibangun diharapkan menyediakan interface yang menarik, mudah dipahami dan mudah digunakan oleh user. Perancangan antar
muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan
201
dibangun. Sehingga akan mempermudah dalam mengimplementasikan aplikasi serta mempermudah pembuatan rancangan antar muka yang mudah digunakan
oleh pengguna sistem nantinya. Perancangan ini diimplementasikan menjadi sebuah program yang utuh dan dapat digunakan oleh pengguna sistem.
Perancangan antarmuka dalam aplikasi e-commerce di CV MultiAbadi juga disesuaikan dengan level pengguna sistem yang terdiri dari pengunjung,
member, admin web, admin penjualan dan admin gudang.
202
III.2.2.2.1 Perancangan Antarmuka Pengunjung
1. Halaman UtamaHome P01
Gambar III.37 Rancangan Antarmuka Halaman Utama Pengunjung
Keterangan: 1.
Klik Home menuju P01
2. Klik Cara Belanja
menuju P02
3. Klik Ketentuan menuju
P03
4. Klik Daftar Member
menuju P04
5. Klik Tentang Kami
menuju P05
6. Klik Hubungi Kami
Menuju P06
7. Klik Info Pembayaran
menuju P07
8. Klik produk menuju
P08
2. Halaman Cara Bela
Gambar III
elanja P02
III.38 Rancangan Antarmuka Halaman Cara Be
Keteran 1.
Klik 2.
Klik men
3. Klik
P03
4. Klik
men 5.
Klik men
6. Klik
Me 7.
Klik men
203
Belanja
rangan: lik Home menuju P01
lik Cara Belanja
enuju P02
lik Ketentuan menuju
03
lik Daftar Member
enuju P04
lik Tentang Kami
enuju P05
lik Hubungi Kami
enuju P06
lik Info Pembayaran
enuju P07
3. Halaman Syarat Da
Gambar III.39
Dan Ketentuan P03
Rancangan Antarmuka Halaman Syarat dan K
Keteran 1.
Klik 2.
Klik men
3. Klik
P03
4. Klik
men 5.
Klik men
6. Klik
Me 7.
Klik men
204
n Ketentuan
rangan: lik Home menuju P01
lik Cara Belanja
enuju P02
lik Ketentuan menuju
03
lik Daftar Member
enuju P04
lik Tentang Kami
enuju P05
lik Hubungi Kami
enuju P06
lik Info Pembayaran
enuju P07
4. Halaman Daftar M
Gambar III.40
Member P04
40 Rancangan Antarmuka Halaman Registrasi
Keteran 1.
Klik 2.
Klik men
3. Klik
P03
4. Klik
men 5.
Klik men
6. Klik
Me 7.
Klik men
8. Klik
vali mun
pen Jika
mun kes
205
Member
rangan: lik Home menuju P01
lik Cara Belanja
enuju P02
lik Ketentuan menuju
03
lik Daftar Member
enuju P04
lik Tentang Kami
enuju P05
lik Hubungi Kami
enuju P06
lik Info Pembayaran
enuju P07
lik Daftar, Jika data alid maka akan
uncul pesan endaftaran sukses.
ika data tidak valid uncul pesan
esalahan
5. Halaman Tentang K
Gambar III.
g Kami P05
.41 Rancangan Antarmuka Halaman Tentang
Keteran 1.
Klik 2.
Klik men
3. Klik
P03
4. Klik
men 5.
Klik men
6. Klik
Me 7.
Klik men
206
ng Kami
rangan: lik Home menuju P01
lik Cara Belanja
enuju P02
lik Ketentuan menuju
03
lik Daftar Member
enuju P04
lik Tentang Kami
enuju P05
lik Hubungi Kami
enuju P06
lik Info Pembayaran
enuju P07
6. Halaman Hubungi
Gambar III.
gi Kami P06
.42 Rancangan Antarmuka Halaman Hubungi
Keteran 1.
Klik 2.
Klik men
3. Klik
P03
4. Klik
men 5.
Klik men
6. Klik
Me 7.
Klik men
8. Klik
Kam
207
gi Kami
rangan: lik Home menuju P01
lik Cara Belanja
enuju P02
lik Ketentuan menuju
03
lik Daftar Member
enuju P04
lik Tentang Kami
enuju P05
lik Hubungi Kami
enuju P06
lik Info Pembayaran
enuju P07
lik Kirim Pesan Pada ami menuju P09
7. Halaman Info Pem
Gambar III.4
embayaran P07
43 Rancangan Antarmuka Halaman Info Pemb
Keteran 1.
Klik 2.
Klik men
3. Klik
P03
4. Klik
men 5.
Klik men
6. Klik
Men 7.
Klik men
208
mbayaran
angan: lik Home menuju P01
lik Cara Belanja
enuju P02
lik Ketentuan menuju
03
lik Daftar Member
enuju P04
lik Tentang Kami
enuju P05
lik Hubungi Kami
enuju P06
lik Info Pembayaran
enuju P07
209
8. Halaman Detail Produk P08
Gambar III.44 Rancangan Antarmuka Halaman Detail Produk
Keterangan: 1.
Klik Home menuju P01
2. Klik Cara Belanja
menuju P02
3. Klik Ketentuan menuju
P03
4. Klik Daftar Member
menuju P04
5. Klik Tentang Kami
menuju P05
6. Klik Hubungi Kami
Menuju P06
7. Klik Info Pembayaran
menuju P07
8. Klik Kembali menuju
P01
9. Halaman Form Hu
Gambar III.45
ubungi Kami P09
Rancangan Antarmuka Halaman Form Hubu
Keteran 1.
Klik 2.
Klik men
3. Klik
P03
4. Klik
men 5.
Klik men
6. Klik
Men 7.
Klik men
8. Klik
vali mun
diki vali
kesa
9. Klik
210
bungi Kami
rangan: lik Home menuju P01
lik Cara Belanja
enuju P02
lik Ketentuan menuju
03
lik Daftar Member
enuju P04
lik Tentang Kami
enuju P05
lik Hubungi Kami
enuju P06
lik Info Pembayaran
enuju P07
lik Kirim, Jika data alid maka akan
uncul pesan sukses ikirim. Jika data tidak
alid muncul pesan esalahan
lik Batal menuju P06
III.2.2.2.2 Perancan
a. Halaman Login Me
Gambar III.
angan Antarmuka Member Member M01
.46 Rancangan Antarmuka Halaman Login M
Keteran 1.
Klik mem
M0 pes
vali kes
2. Klik
M0
3. Klik
men
211
Member
rangan:
lik Login, jika login ember valid menuju
02 dan akan muncul
esan N01. Jika tidak alid muncul pesan
esalahan lik Cancel menuju
01
lik Lupa Password
enuju M24
b. Halaman Utama M
Gambar III.4
Member Setalah Login M02
47 Rancangan Antarmuka Halaman Utama M
Keteran 1.
Klik M0
2. Klik
men 3.
Klik M0
4. Klik
men 5.
Klik men
6. Klik
Men 7.
Klik men
8. Klik
M0
9. Klik
M0
212
Member
angan:
lik Home menuju
02
lik Cara Belanja
enuju M03
lik Ketentuan menuju
04
lik Member Area
enuju M09
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik produk menuju
08
lik Logout menuju
01
c. Halaman Cara Bela
Gambar III
elanja M03
III.48 Rancangan Antarmuka Halaman Cara Be
Keteran 1.
Klik M0
2. Klik
men 3.
Klik M0
4. Klik
men 5.
Klik men
6. Klik
Men 7.
Klik men
8. Klik
M0
213
Belanja
angan:
lik Home menuju
02
lik Cara Belanja
enuju M03
lik Ketentuan menuju
04
lik Member Area
enuju M09
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
d. Halaman Syarat Da
Gambar III.49 R
Dan Ketentuan M04
Rancangan Antarmuka Halaman Syarat Dan K
Keteran 1.
Klik M0
2. Klik
men 3.
Klik M0
4. Klik
men 5.
Klik men
6. Klik
Men 7.
Klik men
8. Klik
M0
214
n Ketentuan
angan:
lik Home menuju
02
lik Cara Belanja
enuju M03
lik Ketentuan menuju
04
lik Member Area
enuju M09
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
e. Halaman Tentang K
Gambar III.
g Kami M05
.50 Rancangan Antarmuka Halaman Tentang
Keteran 1.
Klik M0
2. Klik
men 3.
Klik M0
4. Klik
men 5.
Klik men
6. Klik
Men 7.
Klik men
8. Klik
M0
215
ng Kami
angan:
lik Home menuju
02
lik Cara Belanja
enuju M03
lik Ketentuan menuju
04
lik Member Area
enuju M09
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
f. Halman Hubungi K
Gambar III.
i Kami M06
.51 Rancangan Antarmuka Halaman Hubungi
Keteran 1.
Klik M0
2. Klik
men 3.
Klik M0
4. Klik
men 5.
Klik men
6. Klik
Men 7.
Klik men
8. Klik
M0
216
gi Kami
angan:
lik Home menuju
02
lik Cara Belanja
enuju M03
lik Ketentuan menuju
04
lik Member Area
enuju M09
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
g. Halaman Info Pem
Gambar III.5
embayaran M07
52 Rancangan Antarmuka Halaman Info Pemb
Keteran 1.
Klik M0
2. Klik
men 3.
Klik M0
4. Klik
men 5.
Klik men
6. Klik
Men 7.
Klik men
8. Klik
M0
217
mbayaran
angan:
lik Home menuju
02
lik Cara Belanja
enuju M03
lik Ketentuan menuju
04
lik Member Area
enuju M09
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
h. Halaman Detail P
Gambar III
il Produk M08
III.53 Rancangan Antarmuka Halaman Detail P
Keteran 1.
Klik M0
2. Klik
men 3.
Klik M0
4. Klik
men 5.
Klik men
6. Klik
Men 7.
Klik men
8. Klik
9. Klik
M0
10. Klik
Ker vali
N02 vali
11. Klik
M1
218
l Produk
angan:
lik Home menuju
02
lik Cara Belanja
enuju M03
lik Ketentuan menuju
04
lik Member Area
enuju M09
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07 lik Kembali M02
lik Logout menuju
01
lik Tambah Ke eranjang. Jika data
alid muncul pesan 02.
Jika data tidak
alid muncul N03
lik Checkout Menuju
10
i. Halaman Member
Gambar III
er Area M09
III.54 Rancangan Antarmuka Halaman Member
Keteran 1.
Klik M0
2. Klik
3. Klik
men 4.
Klik men
5. Klik
men 6.
Klik men
7. Klik
Me 8.
Klik men
9. Klik
M0
10. Klik
men
219
ber Area
rangan:
lik Home menuju
02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
lik Ubah Password
enuju M14
j. Halaman Keranja
Gambar II
njang M10
III.55 Rancangan Antarmuka Halaman Keranj
Keteran 1.
Klik M0
2. Klik
3. Klik
men 4.
Klik men
5. Klik
men 6.
Klik men
7. Klik
Me 8.
Klik men
9. Klik
M0
10. Klik
men 11.
Klik pem
M2
12. Klik
aka 13.
Klik men
14. Klik
Me mun
15. Klik
men mun
men utam
men lain
220
anjang
rangan:
lik Home menuju
02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
lik Ubah Password
enuju M14
lik icon Edit jumlah emesanan menuju
23
lik icon Hapus maka
kan muncul pesan N06
lik Belanja Lagi
enuju M02
lik Kosongkan
enuju M10 dan uncul pesan N04
lik Selanjutnya enuju M15 dan akan
uncul pesan N08 jika enggunakan alamat
tama,N09 jika
enggunakan alamat ain
k. Halaman Histori
Gambar III.5
ri Pesanan M11
56 Rancangan Antarmuka Halaman Histori P
Keteran 1.
Klik M0
2. Klik
3. Klik
men 4.
Klik men
5. Klik
men 6.
Klik men
7. Klik
Me 8.
Klik men
9. Klik
M0
10. Klik
men 11.
Klik M1
221
i Pesanan
rangan:
lik Home menuju
02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
lik Ubah Password
enuju M14
lik Detail Menuju
16
l. Halaman Histori
Gambar III
ri Retur M12
III.57 Rancangan Antarmuka Halaman Histori R
Keteran 1.
Klik M0
2. Klik
3. Klik
men 4.
Klik men
5. Klik
men 6.
Klik men
7. Klik
Me 8.
Klik men
9. Klik
M0
10. Klik
men 11.
Klik Ret
222
ri Retur
rangan:
lik Home menuju
02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
lik Ubah Password
enuju M14
lik Icon Lihat Detail
Retur menuju M17
m. Halaman Pesan M
Gambar III
Masuk M13
III.58 Rancangan Antarmuka Halaman Pesan M
Keteran 1.
Klik M0
2. Klik
3. Klik
men 4.
Klik men
5. Klik
men 6.
Klik men
7. Klik
Me 8.
Klik men
9. Kli
M0
10. Klik
men 11.
Klik men
12. Klik
Adm
223
Masuk
rangan:
lik Home menuju
02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
lik Ubah Password
enuju M14
lik Icon Baca Pesan
enuju M18
lik Tulis Pesan Untuk dmin menuju M20
n. Halaman Ubah Pa
Gambar III.
Password M14
59 Rancangan Antarmuka Halaman Ubah Pas
Keteran 1.
Kli M0
2. Kli
3. Kli
men 4.
Kli men
5. Kli
men 6.
Kli men
7. Kli
Me 8.
Kli men
9. Kli
M0
10. Kli
vali N15
mu
11. Kli
M0
224
Password
rangan:
lik Home menuju
M02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
lik Ubah , jika data alid muncul pesan
N15 . Jika tidak valid
uncul pesan N16 lik Batal Menuju
M09
o. Halaman Pengirim
Gambar II
iriman M15
III.60 Rancangan Antarmuka Halaman Pengiri
Keteran 1.
Kli M0
2. Kli
3. Kli
men 4.
Kli men
5. Kli
men 6.
Kli men
7. Kli
Me 8.
Kli men
9. Kli
M0
10. Kli
men 11.
Kli Me
12. Kli
men mu
data dan
jikd tida
225
iriman
rangan:
lik Home menuju
M02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
M01
lik Ubah Password
enuju M14
lik Sebelumnya
enuju M10
lik Selanjutnya
enuju M19, dan akan uncul pesan N10 jika
ata pengiriman valid, an muncul pesan N11
ikda data pengiriman idak valid
p. Halaman Detail P
Gambar III.
il Pesanan M16
.61 Rancangan Antarmuka Halaman Detail Pe
Keteran 1.
Kli M0
2. Kli
3. Kli
men 4.
Kli men
5. Kli
men 6.
Kli men
7. Kli
Me 8.
Kli men
9. Kli
M0
10. Kli
men
226
Pesanan
rangan:
lik Home menuju
M02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
M01
lik Ubah Password
enuju M14
q. Halaman Detail R
Gambar III
il Retur M17
III.62 Rancangan Antarmuka Halaman Detail R
Keteran 1.
Kli M0
2. Kli
3. Kli
men 4.
Kli men
5. Kli
men 6.
Kli men
7. Kli
Me 8.
Kli men
9. Kli
M0
10. Kli
men 11.
Kli His
M1
12. Kli
Ret
227
il Retur
rangan:
lik Home menuju
M02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
M01
lik Ubah Password
enuju M14
lik Kembali Ke istori Retur menuju
M12
lik Icon Deskripsi
Retur Menuju M21
r. Halaman Baca Pe
Gambar III.63
Pesan Masuk M18
63 Rancangan Antarmuka Halaman Baca Pesan
Keteran 1.
Kli M0
2. Kli
3. Kli
men 4.
Kli men
5. Kli
men 6.
Kli men
7. Kli
Me 8.
Kli men
9. Kli
M0
10. Kli
men 11.
Kli Adm
228
san Masuk
rangan:
lik Home menuju
M02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
M01
lik Ubah Password
enuju M14
lik Tulis Pesan Untuk dmin Menuju M20
s. Halaman Pembay
Gambar III
ayaran M19
III.64 Rancangan Antarmuka Halaman Pembay
Keteran 1.
Kli M0
2. Kli
3. Kli
men 4.
Kli men
5. Kli
men 6.
Kli men
7. Kli
Me 8.
Kli men
9. Kli
M0
10. Kli
men 11.
Kli M1
12. Kli
men
229
bayaran
rangan:
lik Home menuju
M02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
M01
lik Ubah Password
enuju M14
lik Selesai menuju
M11
lik Bayar Sekarang
enuju M22
t. Halaman Tulis Pe
Gambar III.65 Ra
Pesan Untuk Admin M20
Rancangan Antarmuka Halaman Tulis Pesan Un
Keteran 1.
Kli M0
2. Kli
3. Kli
men 4.
Kli men
5. Kli
men 6.
Kli men
7. Kli
Me 8.
Kli men
9. Kli
M0
10. Kli
men 11.
Kli Pes
pes pes
tida
230
Untuk Admin
rangan:
lik Home menuju
M02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
M01
lik Ubah Password
enuju M14
lik Kirim Jika Data esan Valid Muncul
esan N18,dan muncul esan N13 jika data
idak valid
u. Halaman Deskrip
Gambar III.6
ripsi Retur M21
66 Rancangan Antarmuka Halaman Deskripsi
Keteran 1.
Kl M
2. Kli
3. Kli
men 4.
Kli men
5. Kli
men 6.
Kli men
7. Kli
Me 8.
Kli men
9. Kli
M0
10. Kli
men 11.
Kli M1
231
psi Retur
rangan:
Klik Home menuju M02
lik Keranjang M10 lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
M01
lik Ubah Password
enuju M14
lik kembali menuju
M17
v. Halaman Bayar V
Gambar III.67
r Via Paypal M22
67 Rancangan Antarmuka Halaman Bayar Via
Keteran 1.
Kli M0
2. Kli
3. Kli
men 4.
Kli men
5. Kli
men 6.
Kli men
7. Kli
Me 8.
Kli men
9. Kli
M0
10. Kli
men 11.
Kli Pem
dial pay
232
ia Paypal
rangan:
lik Home menuju
M02 lik Keranjang M10
lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
M01
lik Ubah Password
enuju M14
lik Proses embayaran maka akan
ialihkan ke website paypal
w. Halaman Ubah Ju
Gambar III.
Jumlah Pemebelian Di Keranjang M23
.68 Ubah Jumlah Pembelian Item Produk Di K
Keteran 1.
Kl M0
2. Klik
3. Klik
men 4.
Klik men
5. Klik
men 6.
Klik men
7. Klik
Men 8.
Klik men
9. Klik
M0
10. Klik
men 11.
Klik vali
M1 N05
mun
12. Klik
233
Keranjang
angan:
Klik Home menuju M02
lik Keranjang M10 lik Histori Pesanan
enuju M11
lik Histori Retur
enuju M12
lik Pesan Masuk
enuju M13
lik Tentang Kami
enuju M05
lik Hubungi Kami
enuju M06
lik Info Pembayaran
enuju M07
lik Logout menuju
01
lik Ubah Password
enuju M14
lik Update, Jika data alid maka menuju
10 dan muncul pesan
05, Jika tidak valid
uncul pesan N07 lik Batal menuju M10
x. Halaman Lupa Pa
Gam
Password Member M24
mbar III.69 Halaman Lupa Password Member
Keteran 1.
Klik vali
baru ke e
mun jika
pes
234
rangan:
lik Proses, Jika data alid maka password
aru akan dikirimkan e email member dan
uncul pesan sukses, ika tidak valid muncul
esan kesalahan
III.2.2.2.3 Perancan
1. Perancangan Antar
Gambar
angan Antarmuka Admin Web tarmuka Halaman Login Admin AW01
bar III.70 Rancangan Antarmuka Halaman Logi
Keteran 1.
Klik logi
AW pes
2. Klik
Me
235
ogin
rangan:
lik Login. Jika data ogin valid menuju
W03 dan muncul
esan N20
lik Lupa password
enuju AW02
2. Perancangan Antar
Gambar III.
tarmuka Halaman Lupa Password AW02
.71 Rancangan Antarmuka Halaman Lupa Pas
Keteran 1.
Klik logi
AW dan
2. Klik
Me 3.
Klik lup
mak pes
tela Jika
mun kes
236
assword
rangan:
lik Login. Jika data ogin valid menuju
W03 an muncul pesan N20
lik Lupa password
enuju AW02
lik Proses. Jika data upa password valid
aka akan muncul esan password baru
elah dikirim ke email. ika data tidak valid
uncul pesan esalahan
237
3. Perancangan Antarmuka Halaman Utama Admin Web AW03
Gambar III.72 Rancangan Antarmuka Halaman Utama Admin
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
238
4. Perancangan Antarmuka Halaman Lihat Pesanan AW04
Gambar III.73 Rancangan Antarmuka Halaman Lihat Pesanan
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
12. Klik icon detail pesanan
menuju AW13
239
5. Perancangan Antarmuka Halaman Lihat Retur AW05
Gambar III.74 Rancangan Antarmuka Halaman Lihat Retur
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
12. Klik icon detail retur
menuju AW14
240
6. Perancangan Antarmuka Halaman Informasi A06
Gambar III.75 Rancangan Antarmuka Halaman Informasi
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
241
7. Perancangan Antarmuka Halaman Laporan AW07
Gambar III.76 Rancangan Antarmuka Halaman Laporan
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
12. Klik proses menuju AW23
242
8. Perancangan Antarmuka Halaman Ubah Password AW08
Gambar III.77 Perancangan Antarmuka Halaman Ubah Password
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik Ubah Password
Menuju AW08
4. Klik Logout Menuju
AW01
5. Klik Ubah menuju AW08
6. Klik Home menuju AW03
243
9. Perancangan Antarmuka Halaman Kelola Admin AW09
Gambar III.78 Perancangan Antarmuka Halaman Kelola Admin
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
12. Klik Tambah Admin
menuju AW15
244
10. Perancangan Antarmuka Halaman Kelola Kontak AW10
Gambar III.79 Perancangan Antarmuka Halaman Kelola Kontak
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
12. Klik icon edit kontak
menuju AW16
245
11. Perancangan Antarmuka Halaman Kelola Konten AW11
Gambar III.80 Perancangan Antarmuka Halaman Kelola Konten
Keterangan: 1.
Klik Home menuju AW03
2. Klik kelola cara belanja
menuju AW17
3. Klik kelola tentang kami
menuju AW17
4. Klik kelola info
pembayaran mMenuju AW17
5. Klik syarat ketentuan
Menuju AW17
6. Klik hubungi kami
Menuju AW17
7. Klik Ubah Password
Menuju AW08
8. Klik logo website menuju
A18
9. Klik security question
menuju A19
10. Klik Logout Menuju
AW01
246
12. Perancangan Antarmuka Halaman Kelola Backup Restore AW12
Gambar III.81 Perancangan Antarmuka Halaman Kelola Backup Restore
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
12. Klik icon proses menuju
menuju AW12
13. klik batal menuju AW03
247
13. Perancangan Antarmuka Halaman Detail Pesanan AW13
Gambar III.82 Perancangan Antarmuka Halaman Detail Pesanan
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
248
14. Perancangan Antarmuka Halaman Detail Retur AW14
Gambar III.83 Perancangan Antarmuka Halaman Detail Retur
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik icon detail keterangan
returgambar kaca pembesar menuju AW20
9. Klik kembali ke hostori
menuju AW05
249
15. Perancangan Antarmuka Halaman Tambah Admin AW15
Gambar III.84 Perancangan Antarmuka Halaman Tambah Admin
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
12. Klik simpan jika data valid
maka muncul N48 menuju AW09
13. Jika data tidak valid
muncul pesan kesalahan 14.
Klik batal menuju AW09
250
16. Perancangan Antarmuka Halaman Edit Kontak AW16
Gambar III.85 Perancangan Antarmuka Halaman Edit Kontak
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
12. Klik Update jika data
valid maka muncul N39 menuju AW10
13. Jika data tidak valid
muncul pesan kesalahan 14.
Klik batal menuju AW10
251
17. Perancangan Antarmuka Halaman Edit Konten AW17
Gambar III.86 Perancangan Antarmuka Halaman Edit Konten
Keterangan: 1.
Klik Home menuju AW03
2. Klik kelola cara belanja
menuju AW17
3. Klik kelola tentang kami
menuju AW17
4. Klik kelola info
pembayaran mMenuju AW17
5. Klik syarat ketentuan
Menuju AW17
6. Klik hubungi kami
Menuju AW17
7. klik kelola security
question menuju AW19
8. Klik Ubah Password
Menuju AW08
9. Klik Logout Menuju
AW01
10. Klik update jika data valid
muncul pesan N43
11. Jika data tidak valid
muncul pesan kesalahan N50
252
18. Perancangan Antarmuka Halaman Kelola Logo Website AW18
Gambar III.87 Perancangan Antarmuka Halaman Kelola Logo Website
Keterangan: 1.
Klik Home menuju AW03
2. Klik kelola cara belanja
menuju AW17
3. Klik kelola tentang kami
menuju AW17
4. Klik kelola info
pembayaran mMenuju AW17
5. Klik syarat ketentuan
Menuju AW17
6. Klik hubungi kami
Menuju AW17
7. klik kelola security
question menuju AW19
8. Klik Ubah Password
Menuju AW08
9. Klik Logout Menuju
AW01
10. Klik tambah logo web
menuju AW21
11. Klik icon edit logo web
meuju AW22
12. Klik icon hapus menuju
AW18
253
19. Perancangan Antarmuka Halaman Kelola Security Question AW19
Gambar III.88 Perancangan Antarmuka Halaman Kelola Security Question
Keterangan: 1.
Klik Home menuju AW03
2. Klik kelola cara belanja
menuju AW17
3. Klik kelola tentang kami
menuju AW17
4. Klik kelola info
pembayaran mMenuju AW17
5. Klik syarat ketentuan
Menuju AW17
6. Klik hubungi kami
Menuju AW17
7. klik kelola security
question menuju AW19
8. Klik Ubah Password
Menuju AW08
9. Klik Logout Menuju
AW01
10. Klik simpan jika data
valid muncul pesan N40 dan menuju AW19
254
20. Perancangan Antarmuka Halaman Detail Alasan Retur AW20
Gambar III.89 Perancangan Antarmuka Halaman Detail Alasan Retur
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kembali menuju
AW14
255
21. Perancangan Antarmuka Halaman Tambah Logo Website AW21
Gambar III.90 Perancangan Antarmuka Halaman Tambah Logo Website
Keterangan: 1.
Klik Home menuju AW03
2. Klik kelola cara belanja
menuju AW17
3. Klik kelola tentang kami
menuju AW17
4. Klik kelola info
pembayaran mMenuju AW17
5. Klik syarat ketentuan
Menuju AW17
6. Klik hubungi kami
Menuju AW17
7. klik kelola security
question menuju AW19
8. Klik Ubah Password
Menuju AW08
9. Klik Logout Menuju
AW01
10. Klik simpan jika data
valid muncul pesan N41 dan menuju AW19
11. Jika data tidak valid
muncul pesan kesalahan
256
22. Perancangan Antarmuka Halaman Edit Logo Website AW22
Gambar III.91 Perancangan Antarmuka Halaman Edit Logo Website
Keterangan: 1.
Klik Home menuju AW03
2. Klik kelola cara belanja
menuju AW17
3. Klik kelola tentang kami
menuju AW17
4. Klik kelola info
pembayaran mMenuju AW17
5. Klik syarat ketentuan
Menuju AW17
6. Klik hubungi kami
Menuju AW17
7. klik kelola security
question menuju AW19
8. Klik Ubah Password
Menuju AW08
9. Klik Logout Menuju
AW01
10. Klik simpan jika data
valid muncul pesan N42 dan menuju AW19
257
23. Perancangan Antarmuka Halaman Download Laporan AW23
Gambar III.92 Perancangan Antarmuka Halaman Download Laporan
Keterangan: 1.
Klik Home menuju AW03
2. Klik lihat pesanan menuju
AW04
3. Klik lihat retur menuju
AW05
4. Klik Informasi Menuju
AW06
5. Klik Laporan Menuju
AW07
6. Klik Ubah Password
Menuju AW08
7. Klik Logout Menuju
AW01
8. Klik Kelola Admin
menuju AW 09
9. Klik Kelola Kontak
Menuju AW10
10. Klik Kelola Konten
menuju AW11
11. Klik Backup restore
Menuju AW12
12. Klik download maka
laporan akan terunduh ke komputer client
258
III.2.2.2.4 Perancangan Antarmuka Admin Penjualan
1. Perancangan Antarmuka Halaman Login AP01
Gambar III.93 Rancangan Antarmuka Halaman Login
Keterangan: 1.
Klik Login. Jika data login valid menuju
AP02
dan muncul
pesan N20
2. Klik Lupa password
Menuju AP08
259
2. Perancangan Antarmuka Halaman Utama Admin Penjualan AP02
Gambar III.94 Rancangan Antarmuka Halaman Utama Admin Penjualan
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP 10
260
3. Perancangan Antarmuka Halaman Laporan Penjualan AP03
Gambar III.95 Rancangan Antarmuka Halaman Laporan Penjualan
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP 10
10. Klik proses menuju
halaman AP11
261
4. Perancangan Antarmuka Halaman Kelola Pesanan AP04
Gambar III.96 Rancangan Antarmuka Halaman Kelola Pesanan
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik cari menuju AP04
9. Pilih Piliha status menuju
AP04
10. Klik Icon detail pesanan
menuju AP12
262
5. Perancangan Antarmuka Halaman Informasi AP05
Gambar III.97 Rancangan Antarmuka Halaman Informasi
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP 10
263
6. Perancangan Antarmuka Halaman Pesan Masuk AP06
Gambar III.98 Rancangan Antarmuka Halaman Pesan Masuk
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik logout menuju AP01
8. Klik icon baca pesan
menuju AP13
264
7. Perancangan Antarmuka Halaman Ubah Password AP07
Gambar III.99 Rancangan Antarmuka Halaman Ubah Password
Keterangan: 1.
Klik Home menuju AP03
2. Klik Ubah Password
Menuju AP07
3. Klik Logout Menuju AP01
4. Klik Ubah menuju AP07
8. Perancangan Antar
Gambar III.1
tarmuka Halaman Lupa Password AP08
100 Rancangan Antarmuka Halaman Lupa Pa
Keteran 1.
Klik logi
AP pes
2. Klik
Me 3.
Klik lup
mak pes
tela
4. Jika
mun kes
265
Password
rangan:
lik Login. Jika data ogin valid menuju
P02 dan muncul
esan N20
lik Lupa password
enuju AP02
lik Proses. Jika data upa password valid
aka akan muncul esan password baru
elah dikirim ke email. ika data tidak valid
uncul pesan esalahan
266
9. Perancangan Antarmuka Halaman Kelola Member AP09
Gambar III.101 Rancangan Antarmuka Halaman Kelola Member
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP10
10. Klik icon kirim pesan ke
member menuju AP14
11. Klik icon detail member
menuju AP15
12. Klik Icon edit status
member menuju AP09 dan muncul pesan N36
267
10. Perancangan Antarmuka Halaman Kelola Akun Pembayaran AP10
Gambar III.102 Rancangan Antarmuka Halaman Kelola Akun Pembayaran
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP 10
10. Klik tambah akun
pembayaran menuju AP18
11. Klik icon edit akun
pembayaran menuju AP16
268
11. Perancangan Antarmuka Halaman Download Laporan Penjualan AP11
Gambar III.103 Rancangan Antarmuka Download Laporan Penjualan
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP 10
10. Klik download maka
laporan penjualan akan terunduh ke komputer
client
269
12. Perancangan Antarmuka Halaman Detail Pesanan AP12
Gambar III.104 Rancangan Antarmuka Halaman Detail Pesanan
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. klik logout Menuju
AP01
7. Klik Ubah Password
Menuju AP07
8. Klik kirim pesan menuju
AP14
270
13. Perancangan Antarmuka Halaman Baca Pesan Masuk AP13
Gambar III.105 Rancangan Antarmuka Halaman Baca Pesan Masuk
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik logout menuju AP01
8. Klik Kirim pesan jika data
valid muncul pesan sukses dikirim dan kembali ke
AP06
9. Jika data tidak valid
muncul pesan kesalahan
271
14. Perancangan Antarmuka Halaman Kirim Pesan Ke Member AP14
Gambar III.106 Perancangan Antarmuka Halaman Kirim Pesan
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP 10
272
15. Perancangan Antarmuka Halaman Detail Member AP15
Gambar III.107 Rancangan Antarmuka Halaman Detail Member
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP10
10. Klik kembali menuju
AP15
11. Klik Histori pemesanan
menuju AP17
273
16. Perancangan Antarmuka Halaman Edit Akun Pembayaran AP16
Gambar III.108 Rancangan Antarmuka Halaman Edit Akun Pembayaran
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP10
10. Klik sipna jika data valid
muncul N38 dan menuju AP10
11. Klik Batal menuju AP10
274
17. Perancangan Antarmuka Halaman Histori Pemesanan Member AP17
Gambar III.109 Perancangan Antarmuka Histori Pemesanan Member
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP10
275
18. Perancangan Antarmuka Halaman Tambah Akun Pembayaran AP18
Gambar III.110 Perancangan Antarmuka Tambah Akun Pembayaran
Keterangan: 1.
Klik Home menuju AP02
2. Klik laporan penjualan
menuju AP03
3. Klik kelola pesanan
menuju AP04
4. Klik Informasi Menuju
AP05
5. Klik Pesan Masuk Menuju
AP06
6. Klik Ubah Password
Menuju AP07
7. Klik Logout Menuju AP01
8. Klik Kelola Member
menuju AP09
9. Klik Kelola Akun
Pembayaran menuju AP10
10. Klik simpan jika data
valid muncul N37 dan menuju AP10
11. Klik Batal menuju AP10
276
III.2.2.2.5 Perancangan Antarmuka Admin Gudang
1. Perancangan Antarmuka Halaman Login Admin AG01
Gambar III.111 Rancangan Antarmuka Halaman Login Admin
Keterangan: 1.
Klik Login. Jika data login valid menuju
AG03
dan muncul
pesan N20
2. Klik Lupa password
Menuju AG02
2. Perancangan Antar
Gambar III.1
tarmuka Halaman Lupa Password AG02
112 Rancangan Antarmuka Halaman Lupa Pa
Keteran 1.
Klik logi
AG dan
2. Klik
Men 3.
Klik lupa
mak pesa
tela Jika
mun kesa
277
Password
angan:
lik Login. Jika data ogin valid menuju
G03 an muncul pesan N20
lik Lupa password
enuju AG02
lik Proses. Jika data upa password valid
aka akan muncul esan password baru
elah dikirim ke email. ika data tidak valid
uncul pesan esalahan
278
3. Perancangan Antarmuka Halaman UtamaHome Admin Gudang AG03
Gambar III.113 Rancangan Antarmuka Halaman Utama Admin Gudang
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
279
4. Perancangan Antarmuka Halaman Laporan Produk AG04
Gambar III.114 Rancangan Antarmuka Halaman Laporan Produk
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Proses menuju AG17
280
5. Perancangan Antarmuka Halaman Kelola Pesanan AG05
Gambar III.115 Rancangan Antarmuka Halaman Kelola Pesanan
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik icon detail pesanan
menuju AG18
281
6. Perancangan Antarmuka Halaman Kelola Retur AG06
Gambar III.116 Perancangan Antarmuka Halaman Kelola Retur
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik icon detail retur
menuju AG19
282
7. Perancangan Antarmuka Halaman Informasi AG07
Gambar III.117 Perancangan Antarmuka Halaman Informasi
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
283
8. Perancangan Antarmuka Halaman Ubah Password AG08
Gambar III.118 Perancangan Antarmuka Halaman Ubah Password
Keterangan: 1.
Klik Home menuju AG03
2. Klik Ubah Password
Menuju AG08
3. Klik Logout Menuju
AG01
4. Klik Ubah menuju AG08
tampil pesan N44
5. Klik batal menuju AG03
284
9. Perancangan Antarmuka Halaman Kelola Suplier AG09
Gambar III.119 Perancangan Antarmuka Halaman Kelola Suplier
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Tambah Suplier
menuju AG20
17. klik icon lihat detail
supplier menuju AG09
18. klik icon edit supplier
menuju AG21
19. klik icon hapus supplier
menuju AG09
285
10. Perancangan Antarmuka Halaman Kelola Kategori Produk AG10
Gambar III.120 Perancangan Antarmuka Halaman Kelola Kategori Produk
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Tambah kategori
menuju AG10
17. klik simpan menuju AG10
dan tampil pesan N22
18. klik icon lihat detail
supplier menuju AG10
19. klik icon edit supplier
menuju AG22
286
11. Perancangan Antarmuka Halaman Kelola Produk AG11
Gambar III.121 Perancangan Antarmuka Halaman Kelola Produk
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Tambah produk
menuju AG23
17. klik icon lihat detail
produk menuju AG24
18. klik icon edit produk
menuju AG25
19. klik icon hapus produk
menuju AG11
287
12. Perancangan Antarmuka Halaman Kelola Provinsi AG12
Gambar III.122 Perancangan Antarmuka Halaman Kelola Provinsi
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Tambah provinsi
menuju AG12
17. klik icon lihat detail
provinsi menuju AG12
18. klik icon edit produk
menuju AG26
19. klik icon hapus produk
menuju AG12
20. klik simpan jika data valid
muncul pesan N45 menuju AG12
288
13. Perancangan Antarmuka Halaman Kelola Kota AG13
Gambar III.123 Perancangan Antarmuka Halaman Kelola Kota
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Tambah kota menuju
AG13
17. klik icon lihat detail kota
menuju AG13
18. klik icon edit kota menuju
AG27
19. klik icon hapus produk
menuju AG13
20. klik simpan jika data valid
muncul pesan N29 menuju AG13
289
14. Perancangan Antarmuka Halaman Kelola Jasa Pengiriman AG14
Gambar III.124 Perancangan Antarmuka Halaman Kelola Jasa Kiriman
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Tambah jasa
pengiriman menuju AG28
17. klik icon edit jasa kirim
menuju AG29
18. klik icon hapus jasa kirim
menuju AG14
290
15. Perancangan Antarmuka Halaman Kelola Jenis Kiriman AG15
Gambar III.125 Perancangan Antarmuka Halaman Kelola Jenis Kiriman
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Tambah jenis
pengiriman menuju AG15
17. klik simpan jika data valid
muncul pesan N33
18. klik icon edit jenis kirim
menuju AG30
19. klik icon hapus jenis
kiriman menuju AG15
291
16. Perancangan Antarmuka Halaman Kelola Ongkos Kirim AG16
Gambar III.126 Perancangan Antarmuka Halaman Kelola Ongkos Kirim
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Tambah jenis
pengiriman menuju AG15
17. klik simpan jika data valid
muncul pesan N34
18. klik icon edit ongkos
kirim menuju AG31
19. klik icon hapus ongkos
kiriman menuju AG16
292
17. Perancangan Antarmuka Halaman Download Laporan AG17
Gambar III.127 Perancangan Antarmuka Halaman Download Laporan
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Tambah download
laporan maka laporan produk akan terunduh ke
komputer client
293
18. Perancangan Antarmuka Halaman Detail Pesanan AG18
Gambar III.128 Perancangan Antarmuka Halaman Detail Pesanan
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik kembali menuju
AG05
294
19. Perancangan Antarmuka Halaman Detail Retur AG19
Gambar III.129 Perancangan Antarmuka Halaman Detail Retur
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik kembali menuju
AG06
9. klik icon lihat deskripsi
retur menuju AG32
295
20. Perancangan Antarmuka Halaman Tambah Suplier AG20
Gambar III.130 Perancangan Antarmuka Halaman Tambah Suplier
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik simpan jika data valid
muncul pesan N21
17. klik batal menuju AG09
296
21. Perancangan Antarmuka Halaman Edit Suplier AG21
Gambar III.131 Perancangan Antarmuka Halaman Edit Suplier
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik update jika data valid
muncul pesan N28
17. klik batal menuju AG09
297
22. Perancangan Antarmuka Halaman Edit Kategori AG22
Gambar III.132 Perancangan Antarmuka Halaman Edit Kategori
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik update jika data valid
muncul pesan N47
17. klik batal menuju AG10
298
23. Perancangan Antarmuka Halaman Tambah Produk AG23
Gambar III.133 Perancangan Antarmuka Halaman Tambah Produk
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik simpan jika data valid
muncul pesan N26
17. klik batal menuju AG11
299
24. Perancangan Antarmuka Halaman Detail Produk AG24
Gambar III.134 Perancangan Antarmuka Halaman Detail Produk
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik kembali menuju
AG11
300
25. Perancangan Antarmuka Halaman Edit Produk AG25
Gambar III.135 Perancangan Antarmuka Halaman Edit Produk
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik update jika data valid
muncul pesan N27
17. klik batal menuju AG11
301
26. Perancangan Antarmuka Halaman Edit Provinsi AG26
Gambar III.136 Perancangan Antarmuka Halaman Edit Provinsi
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik update jika data valid
muncul pesan N46
17. klik batal menuju AG12
302
27. Perancangan Antarmuka Halaman Edit Kota AG27
Gambar III.137 Perancangan Antarmuka Halaman Edit Kota
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik update jika data valid
muncul pesan N30
17. klik batal menuju AG13
303
28. Perancangan Antarmuka Halaman Tambah Jasa Pengiriman AG28
Gambar III.138 Perancangan Antarmuka Halaman Tambah Jasa Pengiriman
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik simpan jika data valid
muncul pesan N31
17. klik batal menuju AG14
304
29. Perancangan Antarmuka Halaman Edit Jasa Kirim AG29
Gambar III.139 Perancangan Antarmuka Halaman Edit Jasa Kirim
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Update jika data valid
muncul pesan N32
17. klik batal menuju AG14
305
30. Perancangan Antarmuka Halaman Edit Jenis Kiriman AG30
Gambar III.140 Perancangan Antarmuka Halaman Edit Jenis Kiriman
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Update jika data valid
muncul pesan N34
17. klik batal menuju AG15
306
31. Perancangan Antarmuka Halaman Edit Ongkos Kirim AG31
Gambar III.141 Perancangan Antarmuka Halaman Edit Ongkos Kirim
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik Kelola Suplier
menuju AG09
9. Klik Kelola kategori
produk Menuju AG10
10. Klik Kelola Produk
menuju AG11
11. Klik kelola Provinsi
Menuju AG12
12. Klik kelola kota Menuju
AG13
13. Klik kelola jasa kiriman
Menuju AG14
14. Klik kelola jenis
pengiriman Menuju AG15
15. Klik kelola ongkos kirim
Menuju AG16
16. klik Update jika data valid
muncul pesan N35
17. klik batal menuju AG16
307
32. Perancangan Antarmuka Halaman Deskripsi Retur AG32
Gambar III.142 Perancangan Antarmuka Halaman Deskripsi Retur
Keterangan: 1.
Klik Home menuju AG03
2. Klik Laporan Produk
Menuju AG04
3. Klik Kelola Pesanan
Menuju AG05
4. Klik Kelola Retur Menuju
AG06
5. Klik Informasi Menuju
AG07
6. Klik Ubah Password
Menuju AG08
7. Klik Logout Menuju
AG01
8. Klik kembali menuju
AG19
III.2.2.3 Perancang
ngan Pesan
308
Gambar III.143 Perancangan Pesan 309
310
III.2.2.4 Jaringan Semantik
a. Jaringan Semantik Level Pengunjung
Gambar III.144 Jaringan Semantik Level Pengunjung
311
b. Jaringan Semantik Level Member
2 2
2
23 24
25
26
5 7
2 27
2 0 2
2
50 20 24 230
25
6
20
3
270 26
4
30 4
2
7 2
Gambar III.145 Jaringan Semantik Level Member
312
c. Jaringan Semantik Level Admin Web
Gambar III.146 Jaringan Semantik Level Admin Web
313
d. Jaringan Semantik Level Admin Penjualan
Gambar III.147 Jaringan Semantik Level Admin Penjualan
314
e. Jaringan Semantik Level Admin Gudang
Gambar III.148 Jaringan Semantik Level Admin Gudang
315
III.2.2.5 Perancangan Prosedural
Perancangan prosedural merupakan langkah terakhir yang digunakan untuk mentransformasi elemen-elemen struktural dari arsitektur program ke
dalam suatu deskripsi prosedural dari komponen-komponen perangkat lunak. Prosedur ini akan digunakan sebagai algoritma dasar dalam mengkodekan
prosedur yang ada. Adapun perancangan prosedural untuk pembangunan aplikasi e-commerce CV Multi Abadi yang akan dibangun adalah sebagai berikut :
1. Flowchart Login
1
Gambar III.149 Flowchart Login
316
2. Flowchart Registrasi
Gambar III.150 Flowchart Registrasi
317
3. Flowchart Ubah Password
Gambar III.151 Flowchart Ubah Password
318
4. Flowchart Tambah Data
Gambar III.152 Flowchart Tambah Data
319
5. Flowchart Edit Data
Gambar III.153 Flowchart Edit Data
320
6. Flowchart Hapus Data
Gambar III.154 Flowchart Hapus Data
321
7. Flowchart Pemesanan
Gambar III.155 Flowchart Pemesanan
322
8. Flowchart Pembayaran
Gambar III.156 Flowchart Pembayaran
323
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai
dilakukan dan selanjutnya akan diimplementasikan pada bahasa pemrograman. Setelah implementasi maka dilakukan pengujian terhadap sistem yang baru
dan akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.
IV.1 Implementasi