Bab I Pendahuluan
Bab ini menguraikan tentang latar belakang permasalahan, rumusan masalah, maksud dan tujuan, batasan masalah, metodologi penelitian dan
sistematika penulisan.
Bab II Tinjauan Pustaka
Bab ini berisi tentang tinjauan perusahaan, teori yang menjadi landasan dalam pembangunan aplikasi, teori mengenai sistem, dan teori mengenai e-
commerce .
Bab III Analisis Dan Perancangan Sistem
Bab ini menguraikan tentang analisis sistem dan perancangan sistem yang akan dibangun.
Bab IV Implementasi Dan Pengujian Sistem
Bab ini berisi proses implementasi dari website penjualan online yang sudah dibangun yang berisikan tampilan aplikasi serta pengujian terhadap website
yang dilakukan menggunakan metode Black Box, maupun diuji langsung pada user
.
Bab V Kesimpulan Dan Saran
Bab ini berisi rangkuman atau kesimpulan dari penelitian skripsi dan saran yang diperlukan untuk pengembangan sistem yang telah dibangun.
11
Bab II Tinjauan Pustaka
II.1 Profil Perusahaan
II.1.1 Sejarah Perusahaan
Toko Beezle Clothing merupakan salah satu industri yang bergerak di bidang penjualan pakaian. Toko ini didirikan pada pertengahan tahun 2009 di
daerah pusat kota Bandar Lampung. Toko ini didirikan merupakan inisiatif dari pemilik toko yang ingin memiliki sebuah distro dikarenakan kecintaannya
terhadap pakaian-pakaian distro. Toko Bezzle menyediakan pakaian seperti kaos, kemeja, jaket, celana dari berbagai merk maupun aksesoris-aksesoris dalam
berpakaian seperti topi dan sabuk. Toko ini masih baru dan berkembang sehingga jangkauan pasarnya belum luas oleh karena itu penjual masih terus membangun
kepercayaan terhadap pelanggan dengan memberikan pelayanan terbaik dan terus memperluas pemasaran untuk mendapatkan penghasilan yang maksimal.
II.1.2 Visi dan Misi Perusahaan
II.1.2.1 Visi Perusahaan
“Visi dari Bezzle Clothing” adalah menjadi toko yang besar, lengkap dan berkualitas dalam penjualan produk pakaian distro serta memberikan kepuasan
dalam pelayanan terhadap konsumen.
II.1.2.2 Misi Perusahaan
Misi dari Bezzle Clothing antara lain adalah : Menjadi penyedia pakaian yang besar dan berkualitas dengan
menyediakan berbagai jenis pakaian yang dibutuhkan konsumen.
Menggunakan strategi pemasaran dalam memperluas pemasaran produk. Memberikan pelayanan yang terbaik bagi setiap konsumen.
II.1.3 Struktur Organisasi
Struktur organisasi merupakan suatu gambaran yang menunjukkan suatu jabatan atau pekerjaan yang harus dilakukan masing-masing bagian atau anggota
dari organisasi perusahaan yang tergambar secara terstruktur. Adapun struktur organisasi dari Bezzle Clothing ditunjukkan pada gambar II.1 :
Keuangan Sortir
Pemasaran Pimpinan
Sales Kasir
Gambar II.1 Struktur Organisasi pada Bezzle Clothing
II.1.4 Deskripsi Jabatan
Adapun deskripsi jabatan pada Bezzle Clothing adalah sebagai berikut:
1. Pimpinan
Pimpinan merupakan pemilik modal tertinggi dalam perusahaan atau dapat disebut juga pemilik toko Bezzle Clothing.
2. Bagian Keuangan
Bagian Keuangan memiliki wewenang untuk mengembangkan sistem manajemen keuangan, menyusun kebijakan pengelolaan keuangan yang
efektif dan efisisen dan menyusun rencana pendapatan dan biaya yang sesuai dengan rencana bisnis perusahaan.
3. Bagian Pemasaran
Bagian Pemasaran memiliki tugas yaitu melakukan strategi pemasaran dan melakukan penyebaran brosur-brosur pemasaran produk dan pengenalan
toko terhadap masyarakat.
4. Bagian Sortir
Bagian Sortir bertugas memeriksa setiap barang yang datang ke perusahaan sehingga sudah terjamin tidak memiliki kerusakan saat
penjualan.
II.2 Landasan Teori
II.2.1 Internet
Internet adalah jaringan komunikasi global yang terbuka dan menghubungkan ribuan jaringan komputer, melalui sambungan telepon umum
maupun pribadi pemerintah maupun swasta[1]. Internet muncul dari jaringan jarak jauh yang dikembangkan oleh ARPAnet
US Government’s Advanced Research Projects Agency Network
atau Jaringan Agen Proyek Riset Lanjutan dari Pemerintah Amerika Serikat di akhir tahun 60-an[1].
Internet adalah jaringan komputer yang saling terhubung ke seluruh dunia tanpa mengenal batas teritorial, hukum dan budaya[4]. Secara fisik dianalogikan
sebagai jaring laba-laba The Web yang menyelimuti bola dunia dan terdiri dari titik-titik node yang saling berhubungan [4].
Node bisa berupa komputer, jaringan lokal atau peralatan komunikasi,
sedangkan garis penghubung antar simpul disebut tulang punggung back-bone yaitu media terestrial kabel, serat optik, microwave, radio link maupun satelit.
Node terdiri dari pusat informasi dan database, peralatan komputer dan perangkat
interkoneksi jaringan serta peralatan yang dipakai pengguna untuk mencari, menempatkan dan bertukar informasi di Internet[4].
Dengan demikian, Internet dapat didefinisikan dengan hubungan berbagai jenis komputer dan jaringan di dunia, yang berbeda sistem operasi maupun
aplikasinya di mana hubungan tersebut memanfaatkan kemajuan media komunikasi telepon dan satelit yang menggunakan protocol standar dalam
berkomunikasi yaitu protocol TCP IP[4]. Internet berfungsi sebagai media komunikasi dan informasi modern[4].
II.2.1.1 World Wide Web WWW
World Wide Web adalah fasilitas Internet yang menghubungkan dokumen
dalam lingkup lokal maupun jarak jauh[4]. Dokumen web disebut web page dan
link dalam web membuat user bisa pindah dari satu page ke page lain hyper text, baik antar page yang disimpan dalam server yang sama atau server di seluruh
dunia[1]. Pages diakses dan dibaca melalui web browser seperti netscape navigator
atau Internet explorer[4]. World Wide Web
merupakan sumber daya Internet yang sangat populer dan dapat digunakan untuk memperoleh informasi atau bahkan melakukan
transaksi pembelian barang[10]. Web menggunakan protokol yang disebut HTTP Hypertext Transfer
Protocol yang berjalan pada TCPIP. Adapun dokumen web ditulis dalam format
HTML Hypertext Markup Language [10]. Dokumen ini diletakkan dalam web
server server yang melayani permintaan halaman web dan diakses oleh klien
pengakses informasi melalui perangkat lunak yang disebut web browser[10].
II.2.1.2 Website
Sebuah website adalah sebutan bagi sekelompok halaman web web page, yang umumnya merupakan bagian dari suatu nama domain domain name atau
subdomain di World Wide Web WWW di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML
Hyper Text Markup Language, yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk
ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website
tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.
Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk
menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan
dan bagaimana arus informasi ini berjalan. Beberapa website membutuhkan subskripsi data masukan agar para user
bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan
subkripsi agar kita bisa mengakses situs tersebut.
II.2.1.3 Web Server
Web server adalah sebuah perangkat lunak server yang berfungsi
menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan web browser
dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk HTML[4]. Salah satu server web yang terkenal adalah
Apache [4]. Apache merupakan server web antar platfrom yang bisa dioperasikan
dengan menggunakan beberapa platform seperti linux dan windows. Web server juga merupakan sebuah komputer yang menyediakan layanan untuk Internet[4].
Server disebut juga dengan host[4].
Web server adalah sistem yang melayani permintaan suatu web page, atau
tempat penyimpanan web page yang akan dipanggil, Web page adalah susunan teks, grafik, suara atau video klip dalam berbagai kombinasi dan berektensikan
.htm atau .HTML dan masih banyak lagi lainnya, web page biasanya berisi link website
lainnya yang dapat diakses dengan mengklik pada link yang tersorot,
tatusan ribu website bertambah setiap hari, dikembangkan oleh individu dan organisasi yang ingin mengumumkan apa yang mereka ketahui, menjual atau yang
ingin mereka bagikan ke seluruh dunia.
II.2.1.4 Hypertext Markup Language HTML
Hypertext Markup Language HTML adalah sebuah bahasa mark-up yang
digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet[4]. HTML adalah bahasa kode
pemrograman yang menjadi dasar bagi terwujudnya web[4]. Dengan HTML seluruh sistem komputer yang berbeda dapat mengenali format-format yang
ditampilkan dalam situs-situs Internet tanpa perbedaan yang berarti, termasuk di dalamnya penampilan multimedia grafik, suara dan citra video. HTML saat ini
merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium W3C[4].
HTML berupa kode tag yang diperintahkan oleh browser untuk
menghasilkan tampilan sesuai dengan yang diinginkan[4]. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti
Mozilla Firefox atau Microsoft Internet Explorer[4].
Dokumen HTML adalah file teks regular disebut juga ASCII yang diciptakan dengan menggunakan editor teks misalnya, Emacs dalam Unix,
Gnotepad pada Linux, atau Notepad pada Windows atau dengan menggunakan
word processor , tetapi harus disimpan dengan format
“text only with line breaks”.
Sesuai dengan namanya, bahasa ini menggunakan tanda MarkUp untuk menandai perintah-perintahnya. Saat ini banyak sekali aplikasi-aplikasi yang
dapat digunakan untuk membuat web page, seperti Microsof Frontpage, Adobe GoLive
, Macromedia Dreamweaver, Ultradev dan lain-lainnya. Namun untuk seorang web develover kemampuan dasar perintah HTML tetap dibutuhkan.
Homepage dibangun oleh sebuah file yang didalamnya terdapat kode-kode
dan informasi dan dibaca oleh sebuah aplikasi yang bernama browser. Oleh browser, kode dan informasi akan disajikan sebagai sebuah halaman web yang
kita kenal sebagai homepage. Kode tersebut haruslah ditulis menurut suatu aturan tertentu yang dapat dimengerti browser
. Aturan tersebut dikenal dengan “bahasa pengkodean”.
Untuk membuat homepage website, bahasa pengkodean yang digunakan adalah HTML. Sekalipun banyak orang menyebutnya sebagai salah satu bahasa
pemrograman, HTML sebenarnya sama sekali bukan bahasa pemrograman karena HTML
merupakan bahasa mark-up pengkodean yang digunakan untuk menentukan format atau style dan teks yang ditandai. Simbol mark-up yang
digunakan oleh HTML ditandai dengan tanda lebih kecil dan lebih besar , keduanya dinamai tag. Sebagai contoh akan ditampilkan teks yang tercetak tebal,
maka mark-up yang digunakan adalah sebagai berikut: B Teks ini bercetak tebal B
Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang terlihat jelas adalah ekstensi filenya yaitu .htm atau .HTML. Namun labih
jauh dari pada itu didalam file tersebut harus mengandung struktur sebagai berikut:
HTML ……………………….
………………………. HTML
Tag HTML harus diletakan pada bagian awal dan tag HTML harus diletakan pada bagian terakhir dari suatu file HTML. Tag-tag HTML tidak bersifat
case sensitive artinya penggunaan huruf besar maupun huruf kecil tidak menjadi
masalah. Jadi tag HTML akan sama dengan tag HTML.
II.2.1.5 Hypertext Transfer Protocol HTTP
HTTP Hypertext Transfer Protocol merupakan aplikasi level protokol
yang tidak aman unsecure application level protocol, yang terletak di atas TCPIP[14]. Untuk itu, perlu ditambahkan transport protocol di atas TCPIP
tersebut untuk menyediakan pelayanan komunikasi yang aman, handal, dan sah melalui pemanfaatan teknologi kriptografi[14].
HTTP bertugas menangani permintaan-permintaan request dan browser untuk mengambil dokumen-dokumen web. HTTP bisa dianggap sebagai sistem
yang bermodel client-server. Server dan browser web berkomunikasi satu sama lain dengan protokol yang memang dibuat khusus untuk ini yaitu HTTP.
II.2.1.6 Paypal
Paypal adalah salah satu alat pembayaran payment processors
menggunakan Internet yang terbanyak digunakan didunia dan teraman. Pengguna Internet dapat membeli barang di ebay, lisensi perangkat lunak original,
keanggotaan situs, urusan bisnis, mengirim dan menerima donasisumbangan, serta mengirim uang ke pengguna Paypal lain di seluruh dunia[4].
Paypal mengatasi kekurangan dalam pengiriman uang tradisional seperti
cek atau money order yang prosesnya dapat memakan waktu. Paypal tidak berbeda dengan rekening bank. Hal pertama yang perlu Anda lakukan adalah
membuat account kemudian mengisi account tersebut dengan dana dari kartu kredit atau mentransfer dana dari account Paypal orang lain ke balance Paypal
anda. Jika proses ini sudah Anda selesaikan, Anda sudah dapat menggunakan account
Paypal untuk bertransaksi[4]. Adapun cara penarikan uang withdraw dari Paypal dengan menggunakan
bank lokal Indonesia adalah sebagai berikut : 1. Untuk bisa withdraw harus memenuhi syarat
– syarat di bawah ini : - Sudah menjadi verified member
- Memiliki rekening bank lokal di Indonesia seperti BCA, Mandiri, Lippo Bank, dan lain-lain.
2. Bank lokal yang anda pakai harus dapat menerima Rupiah. 3. Diperlukan waktu 5-7 hari kerja atau mungkin lebih tergantung Bank tempat
anda untuk memproses withdraw tersebut. 4. Terdapat minimal jumlah withdraw, yaitu 10 atau sekitar Rp.100.000.
5. Terdapat potongan biaya setiap withdraw yaitu sekitar Rp. 16.000 untuk penarikan di bawah Rp.1.500.000 dan gratis biaya untuk penarikan minimal
Rp. 1.500.000 atau lebih.
II.2.1.7 Hypertext Preprocessor PHP
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada
waktu itu PHP masih bernama FI Form Interpreted yang bentuknya masih berupa sekumpulan script yang digunakan untuk mengolah data form dari web[4].
PHP Personal Home Page Tools adalah sebuah bahasa scripting yang
dibundel dengan HTML, yang berjalan disisi server. Sebagian besar perintahnya berasal dari bahasa C, Java dan Perl dengan beberapa tambahan fungsi khusus
PHP .
Bahasa ini memungkinkan para pembuat aplikasi web yang menyajikan HTML
yang dinamis dan interaktif dengan cepat dan mudah, yang di hasilkan server. PHP biasa berinteraksi dengan hampir semua teknologi web yang sudah
ada. Developer biasa menulis sebuah program PHP yang mengeksekusi suatu program CGI di server lain. Fleksibilitas ini amat bermanfaat bagi pemilik situs-
situs web yang besar dan sibuk, karena pemilik masih menggunakan aplikasi- aplikasi yang sudah terlanjur dibuat dimasa lalu dengan menggunakan CGI, ISAP
atau dengan script seperti Perl, awk atau Phyton selama proses migrasi ke aplikasi baru yang di buat dengan menggunakan PHP.
Kode program PHP menyatu dengan tag-tag HTML dalam satu file. Kode PHP
diawali dengan tag ? Dan ditutup dengan tag ?. File yang berisi tag HTML dan kode PHP ini diberi ekstensi .php atau ekstensi lainnya yang ditetapkan pada
Apacheweb server . Berdasarkan ektensi ini, pada saat file diakses, server akan
tahu bahwa file ini mengandung kode PHP. Server akan menerjemahkan kode ini dan menghasilkan output dalam bentuk tag HTML yang akan dikirim ke browser
client yang mengakses file tersebut. Contohnya dapat dituliskan seperti ini :
? echo “HTML
head titlePemrograman PHPtitle
head body
centerSelamat menggunakan PHPcenter body
HTML ”;
? Dengan PHP, developer tidak perlu lagi berurusan dengan dua buah file
yang terpisah seperti pada CGI. Browser web mengacu secara langsung ke file yang dituju, yang lalu dibaca oleh server sebagaimana file HTML statis biasa.
Bedanya, sebelum dikirim balik ke browser web, server web memeriksa isi file dan menentukan apakah ada kode didalam file tersebut yang harus dieksekusi.
Bila ada, kode-kode tersebut akan dieksekusi. Hasilnya akan dimasukkan kedalam dokumen yang sama. Server web bekerja secara langsung terhadap file yang
bersangkutan tidak memanggil script terpisah seperti pada metode CGI. Seluruh kode di eksekusi di server oleh karena itu disebut server-side script.
Adapun cara kerja dari PHP dijelaskan dengan gambar 2.2 :
Gambar II.2 Cara kerja PHP
PHP membuat proses pengembangan aplikasi menjadi mudah karena
kelebihan-kelebihannya, yaitu : 1. Script kode program terintegrasi dengan file HTML, sehingga developer
biasa berkonsentrasi langsung pada penampilan webnya. 2. Tidak ada proses compiling dan linking.
3. Bisa berorientasi objek object oriented. 4. Sintaksis pemrogramannya mudah dipelajari, sangat menyerupai C dan Perl.
5. Integrasi yang sangat luas ke berbagai server database. Menulis web yang terhubung ke database menjadi sangat sederhana. Database yang didukung
oleh PHP : Oracle, Sybase, mSQL, MySQL, Solid, ODBC, PostgreSQL, Adabas D, FilePRo, Velocis, Informic, dBase, UNIX dbm.
6. PHP memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti perkembangan teknologi Internet.
II.2.1.8 Cascading Style Sheet CSS
Cascading Style Sheets CSS adalah suatu bahasa stylesheet yang
digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup
[4]. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML[1]. Meskipun demikian,
bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG
dan XUL[1]. Spesifikasi CSS diatur oleh World Wide Web Consortium W3C[4].
CSS digunakan oleh penulis maupun pembaca halaman web untuk
menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS
digunakan terutama untuk memisahkan antara isi dokumen yang ditulis dengan HTML atau bahasa markup lainnya dengan presentasi dokumen yang
ditulis dengan CSS. Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan
mengurangi kompleksitas serta pengulangan pada stuktur isi. CSS
memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak,
suara sewaktu dibacakan oleh browser basis-suara atau pembaca layar, dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat
ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.
II.2.1.9 Javascript
Javascript adalah bahasa scripting handal yang berjalan disisi client[4].
Javascript adalah bahasa scripting yang dikembangkan oleh Netscape[4]. Untuk
menjalankan script yang ditulis dengan Javascript kita membutuhkan Javascript- enabled browser
yaitu browser yang mampu menjalankan Javascript[4]. Javascript
adalah bahasa skrip yang populer di Internet dan dapat bekerja di sebagian besar penjelajah web. Secara fungsional, JavaScript digunakan untuk
menyediakan akses script pada objek yang dibenamkan embedded. Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi
validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain-lain.
Beberapa sintaks sederhana javascript sebagai berikut : HTML
head body
script type=”teksjavascript” Alert“Halo Dunia”;
script body
head HTML
Skrip Javascript dapat diletakkan pada tag head yang menjamin skript akan di load terlebih dahulu sebelum digunakan selain itu skript Javascript dapat
diletakkan pada tag body yang berarti antara isi dan Javascript dijadikan satu bagian. Kode Javascript juga bisa diletakkan pada file tersendiri yang berekstensi
.js singkatan dari Javascript.
II.2.1.10 Asynchronous Javascript and XML AJAX
AJAX Asynchronous JavaScript and XML sesungguhnya bukanlah suatu
bahasa pemrograman, melainkan hanya suatu teknik yang memungkinkan untuk membuat aplikasi web yang interaktif. Dengan menggunakan AJAX, aplikasi web
dapat berinteraksi dengan server di latar belakang sehingga tidak mempengaruhi halaman web secara keseluruhan. Sebagai gambaran, Anda mungkin sering
mendaftarkan diri pada suatu situs web sebagai anggota baru. Setelah Anda selesai mengetikan user ID saat registrasi, sistem bisa memberitahukan bahwa nama yang
Anda pakai sudah digunakan oleh orang lain atau belum.
II.2.1.11 Web Hosting
Web Hosting merupakan salah satu bentuk layanan jasa penyewaan tempat
di Internet yang memungkinkan seseorang atau organisasi untuk menampilkan layanan jasa atau produknya di situs Internet[4]. Setiap orang atau lembaga dapat
menyewa tempat atau memanfaatkan jasa web hosting ini[4]. Dengan kemajuan teknologi informasi yang ada saat ini kita bisa memanfaatkan jasa web hosting
yang merupakan alternatif yang sangat handal untuk keperluan promosi, menyebarkan informasi, berjualan dan layanan publik berbasis web[4].
II.2.1.12 Uniform Resource Locator URL
URL Uniform Resource Locator yaitu sarana yang digunakan untuk
menentukan alamat
yang dipakai
ketika kita
mengakses Internet
websitehomepage[4]. Bentuk umum URL adalah sebagai berikut [4] : Protocol:NamaHostTarget
Protokol yang biasa digunakan antara lain http, ftp, mailto, dan sebagainya. NamaHost merupakan nama host yang dipanggil atau bisa juga
Internet Protokol IP, contohnya www.ikabhasu.org[4]. Target adalah bagian yang mnejadi tujuan link namafile tertentu yang dipanggil, contohnya
index.HTML[4]. Biasanya index.HTML merupakan nama file standar yang dipanggil di halaman paling muka[4].
URL adalah konsep nama file standar yang diperluas dengan jaringannya.
Nama file ini tidak hanya menunjukan direktori dan nama filenya saja, tetapi juga nama mesinnya dalam jaringan. URL dapat disediakan ada atau diakses dengan
berbagai metode dan bisa jadi bukan sekedar file. Karena URL dapat menunjukkan query-query dokumen yang dapat disimpan dalam database, hasil
dari suatu perintah finger atau achie atau apapun yang berkaitan dengan data hasil proses.
II.2.1.13 Domain Name Service DNS
DNS digunakan untuk mempermudah penggunaan Internet, dengan
memetakan IP address ke nama host. Agar data nama host dapat didistribusikan di banyak server, format data yang digunakan harus mencerminkan terdistribusinya
data tersebut. Untuk itu, digunakan format tree dengan masing-masing nodenya
disebut domain. Penulisan nama host secara lengkap disebut sebagai Full Qualifield Domain Name FQDN
. DNS
bekerja secara hirarki dan berbentuk seperti pohon tree. Bagian atas adalah Top Level Domain TLD seperti COM, ORG, EDU, MIL, dan sebagainya.
Seperti pohon DNS mempunyai cabang-cabang yang dicari dari pangkal sampai ke ujung. Pada waktu kita mencari alamat misalnya linux.or.id pertama-tama DNS
bertanya pada TLD server tentang DNS Server yang melayani domain .id misalnya dijawab ns1.id, setelah itu dia bertanya pada ns1.id tentang DNS Server
yang bertanggung jawab atas .or.id misalnya ns.or.id kemudian dia bertanya pada ns.or.id
tentang linux.or.id dan dijawab 64.29.24.175.
II.2.1.14 Search Engine Optimization SEO
SEO adalah suatu proses yang dilakukan secara sistematis, dengan tujuan
untuk meningkatkan traffic atau volume mesin pencari seperti Google menuju alamat situs web tertentu dengan memanfaatkan mekanisme kerja alami algoritma
dari mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web
pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Dengan demikian, bila situs web
atau blog menempati posisi teratas pada hasil pencarian, akan memiliki peluang lebih besar untuk mendapatkan pengunjung.
II.2.2 Sistem
Secara garis besar ada dua kelompok pendekatan sistem, yaitu : Pendekatan sistem yang lebih menekankan pada elemen-elemen atau
kelompok nya didefinisikan sebagai “Suatu jaringan kerja dari prosedur-prosedur
yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan suatu aturan tertentu[10]. Pendekatan sistem sebagai
jaringan kerja dari prosedur, yang lebih menekankan urutan operasi didalam sistem. didefinisikan sebagai “urutan operasi kerja tulis-menulis, yang biasanya
melibatkan beberapa orang di dalam satu atau lebih departemen, yang diterapkan untuk menjamin penanganan yang seragam dari transaksi bisnis yang terjadi[10].
II.2.2.1 Pengertian Sistem
Sistem adalah sekumpulan unsur elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan.
Dari pengertian diatas dapat diambil suatu kesimpulan bahwa Sistem adalah setiap kesatuan secara konseptual atau fisik yang terdiri dari bagian-bagian dalam
keadaan saling tergantung satu sama lainnya[4].
II.2.2.2 Karakteristik Sistem
Suatu sistem memiliki karakteristik atau sifat-sifat tertentu, yaitu memiliki komponen-komponen components, batas sistem boundary, lingkungan luar
sistem environment, penghubung interprest, masukan input, keluaran output
, pengolah process dan sasaran objective dan tujuan goal. 1. Komponen Sistem System Components
Komponen sistem atau elemen-elemen sistem dapat berupa suatu sub sistem atau bagian-bagian dari sistem. Setiap sistem baik besar maupun kecil, selalu
mengandung komponen-komponen
atau subsistem-subsistem.
Setiap
subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. Suatu sistem
dapat mempunyai suatu yang lebih besar yang disebut supra system. 2. Batas Sistem System Boundary
Batas sistem merupakan daerah-daerah yang membatasi antara satu sistem dengan sistem lainnya dengan lingkungan luarnya. Batas sistem ini
memungkinkan suatu sistem dipandang sebagai satu kesatuan. Batas suatu sistem menujukkan ruang lingkup scope dari sistem tersebut.
3. Lingkungan Luar Sistem System Environment Lingkungan luar sistem dari suatu sistem adalah apapun di luar batas dari
sistem yang mempengaruhi operasi sistem yang dapat bersifat menguntungkan dan dapat pula merugikan sistem tersebut. Lingkungan luar yang
menguntungkan merupakan energi dari sistem yang harus dijaga dan dipelihara. Sedangkan yang merugikan harus ditahan dan dikendalikan, karena
akan mengganggu kelangsungan hidup sistem. 4. Penghubung Sistem
Penghubung sistem merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan
sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya. Dengan penghubung akan terjadi interaksi antar subsistem, sehingga
membentuk satu kesatuan.
5. Masukan Sistem System Input Masukan adalah suatu energi yang dimasukkan ke dalam sistem. Masukan
dapat berupa masukan perawatan maintenance input dan masukan sinyal signal input. Maintenance input adalah energi yang dimasukkan supaya
sistem tersebut dapat beroperasi. Contoh maintenance input di dalam sistem komputer adalah program, yang digunakan untuk mengoperasikan komputer.
Sedangkan signal input adalah energi yang diproses untuk mendapatkan keluaran. Contoh signal input di dalam sistem komputer adalah data, yang
dapat diolah menjadi Informasi. 6. Keluaran Sistem System Output
Keluaran Output merupakan hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna.
7. Pengolah Sistem System Process Suatu sistem dapat mempunyai suatu bagian pengolah atau sistem itu sendiri
sebagai pengolahnya, yang bertugas untuk merubah masukan menjadi keluaran.
8. Sasaran Sistem System Objective Suatu sistem pasti memiliki tujuan goal atau sasaran objective. Suatu
operasi sistem akan berguna dan berhasil apabila mencapai sasaran atau tujuannya. Sasaran sistem sangat menentukan masukan yang dibutuhkan
sistem dan keluaran yang akan dihasilkan sistem.
Adapun penjelasan sistem beserta karakteristiknya dapat dijelaskan pada gambar II.3 sebagai berikut :
Input Proses
Output Sub Sistem
Sub Sistem Sub Sistem
Sub Sistem Sub Sistem
Penghubung Batasan
Batasan
Gambar II.3 Karakteristik Sistem II.2.3
E-Commerce
E-Commerce merupakan satu set dinamis teknologi, aplikasi dan proses
bisnis yang menghubungkan perusahaan, konsumen, dan komunitas tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan, dan informasi
yang dilakukan secara elektronik David Baum[4]. E-Commerce
adalah transaksi barang dan jasa dengan menggunakan Internet sebagai medianya[1]. Di dalam dunia e-commerce ada pedagang
merchant dan pembeli customer. Pedagang menawarkan barangjasa melalui situs web yang dapat di akses oleh pembeli dari lokasi manapun di muka bumi[1].
Dalam hal ini, situs web pedagang disebut server sedangkan pembeli disebut client
[1].
E-Commerce merupakan bagian dari e-bisnis[4]. Dimana e-commerce
mengacu pada Internet untuk belanja online dan jangkauannya lebih sempit[4]. Cara pembayaran pada e-commerce dilakukan melalui transfer uang secara digital
seperti melalui account Paypal atau kartu kredit[4]. E-commerce
sendiri berasal dari layanan EDI Electronic Data Interchange
[4]. Layanan EDI ini telah berkembang sedemikian pesatnya di negara-negara yang mempunyai jaringan komputer dan telepon[4].
Dengan demikian, dapat disimpulkan bahwa e-commerce merupakan proses pembelian dan penjualan jasa atau produk antara dua belah pihak melalui
Internet dan sejenis mekanisme bisnis elektronik dengan fokus pada transaksi bisnis berbasis individu dengan menggunakan Internet sebagai media pertukaran
barang atau jasa baik antar instansi atau individu dengan instansi[4].
II.2.3.1 Sejarah Perkembangan E-Commerce
Tahun 1962, Licklider melakukan penelitian mengenai konsep networking. Pada tahun 1969 dari MIT dan riset, Lawrence G Robert juga melakukan
penelitian mengenai Internet yang dilahirkan dari riset pemerintah AS yang pada awalnya hanya untuk kalangan teknis di lembaga pemerintah, ilmuwan, dan
penelitian akademis. Lalu pada tahun 1970-an muncul Electronic Fund Transfer EFT yang aplikasinya saat itu terbatas hanya pada perusahaan-perusahaan
besar[4]. Selanjutnya Electronic Data Interchange EDI berkembang dari transaksi
keuangan ke pemrosesan transaksi lain serta jumlah perusahaan yang berperan bertambah. Perkembangan teknologi yang sangat pesat pada tahun 1990-an,
memunculkan aplikasi e-commerce dari berbagai perusahaan sehingga terjadi komesialisasi Internet dan pertumbuhan perusahaan dot-coms, atau Internet start-
ups yang semakin menjamur[4].
Awalnya, perdagangan elektronik merupakan aktivitas perdagangan yang hanya memanfaatkan transaksi komersial saja, misalnya mengirim dokumen
komersial seperti pesanan pembelian secara elektronik. Kemudian berkembang menjadi suatu aktivitas yang mempunyai istilah yang lebih tepat yaitu
“perdagangan web” pembelian barang dan jasa melalui World Wide Web. Pada awalnya ketika web mulai terkenal di masyarakat pada tahun 1994, banyak
jurnalis memperkirakan bahwa e-commerce akan menjadi sebuah sektor ekonomi baru sehingga pada era 1998 dan 2000-an, banyak bisnis di AS dan Eropa
mengembangkan situs web perdagangan ini[4]. Kehadiran e-commerce sebagai media transaksi baru ini tentunya
menguntungkan banyak pihak baik pihak konsumen, maupun pihak produsen dan penjual retailer. Dengan menggunakan Internet, proses perniagaan dapat
dilakukan dengan menghemat biaya dan waktu[4].
II.2.3.2 Klasifikasi E-commerce
Secara umum, kita dapat mengklasifikasikan e-commerce menjadi beberapa jenis, yaitu [4]:
1. Business to Business B2B
Business to Business E-Commerce memiliki karakteristik :
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 .
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. c. Salah satu pelaku dapat melakukan inisiatif untuk mengirimkan data, tidak
harus menunggu partner. d. Model yang umum digunakan adalah per-to-per dimana processing
intelligence dapat didistribusikan di kedua belah pihak.
2. Business to Consumer B2C
Business to Consumer E-Commerce memiliki karakteristik sebagai
berikut: a. Terbuka untuk umum, dimana informasi disebarkan ke umum.
b. Layanan yang diberikan bersifat umum generik dengan mekanisme yang dapat digunakan oleh khalayak ramai. Sebagai contoh, karena sistem web
sudah umum digunakan maka layanan diberikan dengan menggunakan web
.
c. Layanan diberikan berdasarkan permohonan on demand. Konsumen melakukan inisiatif dan produsen 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.
3. Consumer to Consumer C2C
Consumer to Consumer merupakan transaksi dimana konsumen menjual
produk secara langsung kepada konsumen lainnya. Selain itu, seorang individu juga bisa mengiklankan produknya berupa barang atau jasa pengetahuan, atau
keahliannya di salah satu situs lelang. Dalam berbagai negara, penjualan dan pembelian C2C dalam situslelang
sangat banyak. Kebanyakan lelang dilakukan oleh perantara, seperti eBay.com, auctionanything.com
, para pelanggan juga dapat menggunakan situs khusus seperti buyit.com atau bid2bid.com. Selain itu banyak pelanggan yang melakukan
lelangnya sendiri seperti greatshop.com menyediakan piranti lunak untuk menciptakan komunitas lelang terbalik C2C online.
4. Consumer to Business C2B
Consumer to Business C2B merupakan individu yang menjual produk atau
jasa kepada organisasi dan individu yang mencari penjual dan melakukan transaksi.
5. Non-Business Electronic Commerce
Non-Business Electronic Commerce meliputi kegiatan non bisnis seperti
kegiatan lembaga pendidikan, organisasi nirlaba, keagamaan dan lain-lain.
6. Intrabusiness Organizational Electronic Commerce
Kegiatan ini meliputi semua aktivitas internal organisasi melalui Internet untuk melakukan pertukaran barang, jasa, dan informasi serta menjual produk
perusahaan kepada karyawan, dan lain-lain.
II.2.3.3 Manfaat E-commerce
E-commerce merupakan penjualan secara online melalui media Internet
memberikan banyak manfaat bagi suatu perusahaan ataupun para pelaku industri dalam menjalankan bisnisnya untuk menjangkau seluruh Indonesia bahkan sampai
luar negeri, beberapa manfaat tersebut antara lain sebagai berikut[4] : 1. Manfaat e-commerce bagi organisasiperusahaan :
a. Kemampuan grafis Internet mampu memperlihatkan produk apa adanya natural dan dari berbagai sudut selain itu juga dapat membuat brosur
berwarna dan menyebarkannya tanpa ongkos cetak. b. Lebih aman membuka toko online dibanding membuka toko biasa.
c. Berjualan di dunia maya Internet tidak mengenal hari libur dan hari besar, semua transaksi bisa dilakukan kapan saja dan dimana saja
d. Tanpa batas-batas wilayah dan waktu, sehingga memberikan jangkauan pemasaran yang luas dan tak terbatas oleh waktu.
e. Revenue stream arus pendapatan yang baru yang mungkin sulit atau tidak dapat diperoleh melalui cara konvensional.
f. Meningkatkan market exposure pangsa pasar, dimana penggunaan e- commerce
memungkinkan untuk meningkatkan pangsa pasar yang semula mempunyai pangsa pasar di dalam negeri saja, dengan adanya e-commerce
maka pangsa pasar menjangkau luar negeri. g. Menurunkan biaya operasi operating cost. Penggunaan teknologi
Internet memungkinkan kita untuk melakukan kegiatan perdagangan selama 24 jam sehari, 7 hari seminggu, akan tetapi tidak terpengaruh
terhadap biaya yang dikeluarkan untuk biaya lembur karyawan atau pegawai, karena segala sesuatunya dikerjakan oleh komputer yang tidak
membutuhkan operator untuk menjalankan proses perdagangan, cukup hanya dengan penggunaan perangkat lunak tertentu maka semua aktivitas
dalam transaksi perdagangan dapat dilakukan h. Penghematan besar yang dimungkinkan melalui e-mail. Penghematan ini
terjadi karena berkurangnya penggunaan kertas dalam segala proses transaksi, dimana segala sesuatunya didalam e-commerce menggunakan
data digital sehingga tidak membutuhkan kertas sebagai media yang pada akhirnya memberikan penghematan besar terhadap pengeluaran dalam
proses transaksi. 2. Manfaat e-commerce bagi konsumen :
a. Memungkinkan transaksi jual beli secara langsung, mudah dan nikmat. Maksudnya adalah proses jual beli yang terjadi dalam e-commerce tidak
membutuhkan perantara. Proses transaksinya terjadi langsung antara merchant
dengan customer sehingga memberikan kemudahan bagi
peengguna karena tidak memerlukan proses transaksi yang berbelit-belit dan cenderung lama yang pada akhirnya memberikan kenikmatan terhadap
customer dalam melakukan transaksi perdagangan melalui Internet. b.
Disintermediation adalah proses meniadakan calo dan pedagang perantara. Dengan kata lain, konsumen tidak perlu membayar lebih untuk sebuah
barang atau jasa yang dibelinya. c.
Menggunakan digital cash atau electronic cash e-cash. Tanpa harus membayar dengan uang tunai. Maksudnya adalah customer tidak perlu
membawa uang tunai untuk membayar transaksi jual beli yang dilakukannya dengan pihak merchant. Transaksi pembayaran yang
dilakukan oleh customer cukup dengan mentransfer sejumlah uang sesuai dengan harga barang yang dipesan ditambah ongkos kirim memlauli
rekening yang telah disediakan oleh pihak merchant. d.
Memberikan kesempatan kepada konsumen yang berada di belahan di dunia manapun untuk dapat menggunakan sebuah produk atau
mendapatkan service yang dihasilkan dari beberapa negara yang berbeda dengan melakukan transaksi dan meraih informasi dari pihak pertama
sepanjang tahun tanpa terbatas oleh ruang dan waktu. e.
Memberikan kesempatan kepada konsumen untuk mendapatkan produk atau service terbaik dari berbagai pilihan yang ada karena konsumen
mendapatkan kesempatan untuk memilih berbagai jenis produk atau service
secara langsung.
f. Memberikan kesempatan kepada konsumen yang terpisah tempat
tinggalnya dari produsen untuk berinteraksi, berdiskusi, dan bertukar pengalaman. Sehingga akan sangat menguntungkan produsen untuk
meningkatkan kualitas produk atau service sesuai dengan yang diingankan oleh konsumen.
3. Manfaat e-commerce bagi masyarakat : a. Semakin banyak manusia yang bekerja dan beraktifitas di rumah dengan
menggunakan Internet berarti mengurangi perjalanan untuk bekerja, belanja, dan aktifitas lainnya sehingga mengurangi kemacetan jalan dan
mereduksi polusi udara. b. Meningkatkan daya beli dan kesempatan masyarakat untuk mendapatkan
produk atau service yang terbaik karena perusahaan yang mengeluarkan produk atau service dapat menjualnya lebih murah karena biaya produksi
yang rendah. c. Mengurangi pengangguran karena masyarakat semakin bergairah untuk
berbisnis dengan cara yang gampang dan tanpa modal yang besar. d. Meningkatkan daya kreatifitas masyarakat. Berbagai jenis produk dapat
dipasarkan dengan baik sehingga membantu pemerintah untuk menggairahkan perdagangan khususnya bagi usaha kecil menengah.
II.2.3.4 Struktur E-Commerce
Berikut adalah gambar dari struktur e-commerce ditunjukkan pada gambar II.4 :
Struktur Aplikasi E-commerce
Pembayaran
Administrasi Perawatan
Analisis
Inventaris Katalog
Pesanan Pengiriman
Pemasaran Lain-lain
Lain-lain
Sistem Pelayanan
Gambar II.4 Struktur E-commerce
II.2.3.5 Keuntungan dan Kerugian E-commerce
1. Keuntungan E-commerce
Berikut keuntungan yang bisa diambil dengan adanya e-commerce[14]: a. Revenue stream aliran pendapatan baru yang mungkin lebih menjanjikan
yang tidak bisa ditemui di sistem transaksi tradisional. b. Dapat meningkatkan market exposure pangsa pasar.
c. Menurunkan biaya operasional operating cost. d. Melebarkan jangkauan global reach.
e. Meningkatkan customer loyality. f. Meningkatkan supplier management.
g. Memperpendek waktu produksi. h. Meningkatkan value chain mata rantai pendapatan.
Adapun keuntungan-keuntungan e-commerce yang lain adalah yaitu : a. Biaya uang lebih murah
Dengan menjalankan bisnis secara elektronik pada Internet maka biaya logistik dapat dikurangi.
b. Ekonomis Dengan e-commerce maka tidak diperlukan biaya sewa gedung, asuransi,
atau infrastruktur. c. Meningkatkan keuntungan
Karena biaya menjadi berkurang dengan penerapan e-commerce maka keuntungan dapat ditingkatkan.
d. Layanan pelanggan yang lebih baik Pelanggan dapat mengetahui informasi tentang dirinya secara lebih cepat,
memesan kapan saja, dan melihat status pengiriman barang. e. Perbandingan belanja yang cepat
Fitur searching pada e-commerce memudahkan pelanggan untuk mencari dan membandingkan produk-produk yang diinginkannya.
f. Perbaikan produktivitas E-commerce
yang dapat online 24 jam memberikan kontribusi dalam produktivitas, misalnya pelanggan dapat memperoleh informasi-informasi
teknis secara langsung pada website tanpa harus menunggu antrian hanya untuk menelepon operator atau pelanggan service.
g. Kerjasama E-commerce
membantu orang bekerja dalam tim dan berinteraksi satu sama lain untuk pertukaran informasi.
h. Pasar pengetahuan E-commerce
membantu menciptakan pasar knowledge. Misalnya orang bekerja dalam satu tim dapat saling berbagi informasi dan melakukan riset
untuk pengembangan ide-ide baru. i. Pembagian, kenyamanan, dan pengendalian informasi
Pertukaran informasi antara pedagang dan pelanggan dapat ditingkatkan yang akan memberikan kenyamanan bagi kedua belah pihak. Pengendalian
informasi dapat dilakukan oleh kedua belah pihak juga. j. Pertukaran barang dan jasa
Dalam e-commerce orang dapat melakukan pertukaran barang atau jasa sesuai keinginan dari dua belah pihak.
k. Kustomisasi Dengan e-commerce maka dapat diketahui prefensi cita rasa pelanggan
sehingga dapat dilakukan kustomisasi sesuai dengan kebutuhan pelanggan.
2. Kerugian E-Commerce
Dengan adanya e-commerce memberikan banyak keuntungan namun e- commerce
juga menimbulkan kerugian yaitu :
a. Bagi organisasiperusahaan : i.
Keamanan sistem lemah Terdapat sejumlah laporan mengenai website dan basis data yang dihack,
dan berbagai lubang kelemahan keamanan dalam perangkat lunak. Hal ini dialami oleh sejumlah perusahaan besar seperti Microsoft dan lembaga
perbankan. Masalah keamanan ini menjadi sangat penting karena bila pihak lain yang tidak berwenang bisa menembus sistem maka dapat
menghancurkan bisnis yang telah berjalan. ii.
Persaingan tidak sehat Di bawah tekanan untuk berinovasi dan membangun bisnis untuk
memanfaatkan kesempatan yang ada dapat memicu terjadinya tindakan ilegal yaitu penjiplakan ide dan perang harga.
iii. Masalah kompatibilitas teknologi lama dengan teknologi baru
Dengan perkembangan dan inovasi yang melahirkan teknologi baru, sering muncul masalah yaitu sistem bisnis yang lama tidak dapat berkomunikasi
dengan infrastruktur berbasis web dan internet. Hal ini memaksa perusahaan untuk menjalankan dua sistem independen yang tidak dapat
saling berbagi, hal ini dapat mengakibatkan pembengkakan biaya. b. Bagi konsumen :
i. Perlunya keahlian komputer
Tanpa menguasai keahlian komputer, mustahil konsumen dapat berpartisipasi dalam e-commerce. Pengetahuan dasar komputer diperlukan,
antara lain pengetahuan mengenai Internet dan web.
ii. Biaya tambahan untuk mengakses Internet
Untuk ikut serta dalam e-commerce dibutuhkan koneksi Internet yang tentu saja menambah pengeluaran bagi konsumen.
iii. Biaya peralatan komputer
Komputer diperlukan untuk mengakses Internet, tentu saja membutuhkan biaya lebih untuk mendapatkannya. Selain itu perkembangan komputer
yang sangat pesat menyarankan konsumen untuk juga mengupdate peralatannya apabila tidak ingin ketinggalan teknologi.
iv. Resiko keamanan data tidak terjaga
Segala hal mungkin terjadi saat konsumen mangakses Internet untuk menjalankan e-commerce, termasuk risiko bocornya data pribadi karena
ulah orang lain yang ingin membobol sistem. v.
Berkurangnya waktu untuk berinteraksi dengan orang lain Transaksi e-commerce yang berlangsung secara online telah mengurangi
waktu konsumen untuk dapat melakukan proses sosial dengan orang lain. Hal ini tidak baik karena dikhawatirkan akan dapat mengurangi rasa
kepedulian terhadap lingkungan sekitarnya. vi.
Berkurangnya rasa kepercayaan karena konsumen hanya berinteraksi dengan komputer.
c. Bagi masyarakat : i.
Berkurangnya interaksi antar manusia
Karena masyarakat lebih sering berinteraksi secara elektronik, dimungkinkan terjadi berkurangnya kemampuan sosial dan personal
manusia untuk bersosialisasi dengan orang lain secara langsung. ii.
Kesenjangan sosial Terdapat bahaya potensial karena dapat terjadi kesenjangan sosial antara
orang-orang yang memiliki kemampuan teknis dalam e-commerce dengan yang tidak, yang memiliki keahlian digaji lebih tinggi daripada yang tidak.
iii. Adanya sumber daya terbuang
Munculnya teknologi baru akan membuat teknologi lama tidak dimanfaatkan lagi. Misalnya dengan komputer model lama atau perangkat
lunak model lama yang sudah tidak relevan untuk digunakan.
iv. Ketidakjelasan hukum dalam Internet
Sejumlah kriminalitas telah terjadi di Internet dan banyak yang tidak terdeteksi. Karena jumlah jaringan yang terus berkembang semakin luas
dan jumlah pengguna yang semakin banyak, seringkali membuat pihak berwenang kesulitan dalam membuat peraturan untuk Internet.
II.2.3.6 Hambatan dan Tantangan E-Commerce
1. Internet Bust
Banyak model bisnis yang belum terbukti berhasil namun ramai-ramai diluncurkan akhirnya hancur dan tidak terpakai lagi.
2. Infrastruktur Telekomunikasi Infrastruktur Telekomunikasi masih terbatas dan harganya masih relatif mahal.
3. Delivery Channel
Pengiriman masih ditakutkan hilang di jalan. 4. Kultur dan kepercayaan
a. Belum terbiasanya berbelanja dengan menggunakan katalog b. Masih belum percaya dengan pembayaran-pembayaran elektronik
5. Security
Masalah keamanan menjadi pemicu takutnya dalam bertransaksi 6. Munculnya kejahatan baru
a. Penggunaan kartu kredit palsu b. Kurangnya kesadaran akan masalah keamanan
c. Kurangnya perlindungan kepada konsumen 7. Efek terhadap kehidupan
Kemajuan teknologi komputer dan komunikasi seharusnya meningkatkan kualitas hidup manusia tetapi kenyataanya membuat waktu bekerja lebih lama.
II.2.3.7 Security E-Commerce
1. Secure Socket Layer SSL
Secure Socket Layer SSL adalah protokol yang digunakan untuk
browsing web secara aman[1]. Dalam hal ini, SSL bertindak sebagai protokol
yang mengamankan komunikasi antara client dan server[1]. Protokol ini memfasilitasi penggunaan enkripsi untuk data yang rahasia dan membantu
menjamin integritas informasi yang dipertukarkan antara website dan web browser
[1].
SSL merupakan salah satu metode enkripsi dalam komunikasi data yang
dibuat oleh Netscape Communication Corporation. SSL adalah protokol berlapis. Dalam tiap lapisannya, sebuah data terdiri dari panjang, deskripsi dan isi. SSL
mengambil data untuk dikirimkan, dipecahkan kedalam blok-blok yang teratur, kemudian dikompres jika perlu, menerapkan MAC, dienkripsi, dan hasilnya
dikirimkan. Di tempat tujuan, data didekripsi, verifikasi, dekompres, dan disusun kembali. Hasilnya dikirimkan ke klien di atasnya. SSL hanya mengenkripsikan
data yang dikirim lewat http. Bagaimana SSL berjalan dapat digambarkan sebagai berikut :
a. Pada saat koneksi mulai berjalan, klien dan server membuat dan mempertukarkan kunci rahasia, yang dipergunakan untuk mengenkripsi data
yang akan dikomunikasikan. Meskipun sesi antara klien dan server diintip pihak lain, namun data yang terlihat sulit untuk dibaca karena sudah
dienkripsi. b. SSL mendukung kriptografi public key, sehingga server dapat melakukan
autentikasi dengan metode yang sudah dikenal umum seperti RSA dan Digital Signature Standard
DSS. c. SSL dapat melakukan verifikasi integritas sesi yang sedang berjalan dengan
menggunakan algoritma digest seperti MD5 dan SHA. Hal ini menghindarkan pembajakan suatu sesi.
II.2.4 Basis DataDatabase
II.2.4.1 Konsep Basis Data
Basis data merupakan kumpulan dari data yang saling berhubungan satu dengan lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat
lunak untuk memanipulasinya[5]. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena merupakan basis dalam menyediakan
informasi bagi para pemakai[5]. Basis data terdiri dari 2 kata, yaitu basis dan data, basis dapat diartikan
sebagai markas atau gudang tempat bersarang atau berkumpul [3]. Sedangkan data adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia
pegawai, siswa, pembeli dan lain-lain, barang hewan, peristiwa, konsep keadaan dan sebagainya yang direkam dalam bentuk angka, huruf, simbol, teks, gambar,
bunyi, atau kombinasinya[3]. Basis data sendiri dapat didefinisikan dalam sejumlah sudut pandang, seperti [3]:
1. Himpunan kelompok data arsip yang saling berhubungan yang diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali
dengan cepat dan mudah. 2. Kumpulan data yang saling berhubungan yang disimpan secara bersama
sedemikian rupa dan tanpa pengulangan redudansi yang tidak perlu untuk memenuhi berbagai kebutuhan.
3. Kumpulan file, tabel, atau arsip yang saling berhubungan yang akan disimpan dalam media penyimpanan elektronis.
Sebuah sistem basis data dapat memiliki beberapa basis data. Setiap basis data dapat berisimemiliki sejumlah objek basis data seperti filetabel, indeks, dan
lain lain. Disamping berisimenyimpan data, setiap basis data juga mengandung definisi struktur baik untuk basis data maupun objek-objeknya secara detail[3].
II.2.4.2 Pemodelan Database
Model basis data menyatakan hubungan antar rekaman yang tersimpan
dalam basis data[6]. Beberapa literatur menggunakan istilah struktur data logis
untuk menyatakan keadaan ini. Model dasar yang paling umum ada 3 macam, yaitu[6] :
1. Hirarkis 2. Jaringan
3. Relasional Model yang lebih baru dikembangkan oleh sejumlah periset, yang dapat
disebut sebagai sistem pascarelasional[6]. Beberapa diantaranya merupakan pengembangan dari pendekatan relasional, sedangkan yang lain benar benar
menggunakan pendekatan yang sama sekali berbeda[6].
II.2.4.3 Database Management System DBMS
DBMS diartikan sebagai suatu program komputer yang digunakan untuk
memasukkan, mengubah,
menghapus, memanipulasi
dan memperoleh
datainformasi dengan praktis dan efisien [6].
DBMS dapat menjadi alternatif penggunaan secara khusus untuk aplikasi, semisal penyimpanan data dalam file dan menulis kode aplikasi yang spesifik
untuk pengaturannya. Penggunaan DBMS untuk suatu aplikasi tergantung pada kemampuan dan
dukungan DBMS yang beroperasi secara efisien. Sehingga agar bisa menggunakan DBMS
dengan baik, perlu diketahui cara kerja dari DBMS tersebut. Pendekatan yang dilakukan untuk menggunakan DBMS secara baik meliputi : implementasi
DBMS dan arsitektur secara mendetail untuk dapat memahami desain dari suatu
basis data.
II.2.4.4 Structured Query Language SQL
SQL merupakan bahasa query yang paling banyak dipilih oleh DBMS dan
development tools seperti Visual Basic, Delphi, Java, dan lain-lain dalam
menyediakan media bagi penggunanya untuk berinteraksi dengan basis data. Bahasa ini dibangun dengan dasar Aljabar Relasional dan sedikit Kalkulus
Relasional. Pada tahun 1992 telah ditetapkan standard awal dari bahasa SQL, terutama menyangkut sintaksnya tata bahasanya, yang kemudian dikenal dengan
SQL-92 .
Dalam perjalanannya, karena adanya kebutuhan kebutuhan baru dalam pengelolaan dan pengolahan data, masing masing pembuat DBMS melakukan
pengembangan sendiri sendiri, yang pada akhirnya melahirkan varian varian SQL. Karena itu, kendati secara prinsip sama, terkadang kita harus menuliskan ekspresi
SQL yang sedikit berbeda antara DBMS yang satu dengan yang lainnya[2].
II.2.4.5 Flowmap
Flowmap adalah representasi grafik dari sistem informasi, proses-proses,
aliran-aliran data logis, masukan, keluaran, dan file-file serta entitas-entitas sistem operasi yang berhubungan dengan sistem informasi [10].
II.2.4.6 Diagram Hubungan EntitasEntity Relationship Diagram ERD
Diagram Hubungan Entitas adalah suatu model jaringan yang menggunakan susunan data yang disimpan dalam sistem secara abstrak[10]. ERD
merupakan model jaringan data yang menekankan pada struktur-struktur dan relationship
data[10]. Biasanya ERD digunakan oleh profesional sistem untuk berkomunikasi
dengan pemakai eksekutif tingkat tinggi dalam suatu organisasi seperti wakil presiden direktur dan manajer yang tidak tertarik pada pelaksanaan operasi-
operasi sistem sehari-hari[10]. Pemakai ini lebih tertarik pada data :
Data apa saja yang dibutuhkan untuk bisnis mereka? Bagaimana data tersebut berelasi dengan data lainnya?
Siapa saja yang diperkenankan untuk mengakses data tersebut? ERD
juga menguntungkan bagi profesional sistem, karena ERD memperlihatkan hubungan antar simpanan data pada DFD[10]. Hubungan ini
tidak terlihat pada DFD, karena DFD hanya memusatkan perhatian pada fungsi- fungsi sistem bukan pada data yang dibutuhkan[10].
1. Elemen-Elemen Diagram Hubungan Entitas
a. Entitas Entity Entitas adalah sesuatu apa saja yang ada di dalam sistem, nyata
maupun abstrak dimana data tersimpan atau dimana terdapat data[10]. Pada E-R diagram, entitas digambarkan dengan sebuah bentuk persegi
panjang[10]. Entitas diberi nama dengan kata benda dan dapat dikelompokkan dalam empat jenis nama, yaitu orang, benda, lokasi,
kejadian terdapat unsur waktu didalamnya[10]. b. PenghubungRelationship
Penghubung adalah hubungan alamiah yang terjadi antar entitas[10]. Pada umumnya penghubung diberi nama dengan kata kerja dasar,
sehingga memudahkan untuk melakukan pembacaan relasinya bisa dengan kalimat aktif atau kalimat pasif[10]. Pada E-R diagram,
penghubung dapat digambarkan dengan sebuah bentuk belah ketupat[10]. Penggambaran hubungan yang terjadi adalah sebuah belah
ketupat dihubungkan dengan dua bentuk empat persegi panjang[10]. c. Atribut
Secara umum atribut adalah sifat atau karakteristik dari setiap entitas maupun tiap penghubung[10]. Maksudnya, atribut adalah sesuatu yang
menjelaskan apa yang sebenarnya yang dimaksud entitas maupun penghubung sehingga sering dikatakan atribut adalah elemen dari
setiap entitas dan penghubung[10].
d. Kardinalitas Kardinalitas relasi menunjukkan jumlah maksimum tupel yang dapat
berelasi dengan entitas pada entitas yang lain[10]. Terdapat 3 macam kardinalitas relasi, yaitu :
i. One To One Relationship
Yang berarti, entitas pada himpunan entitas A berhubungan paling banyak dengan 1 entitas B, dan begitu juga sebaliknya setiap
entitas pada himpunan B berhubungan paling banyak 1 dengan entitas pada himpunan entitas B.
Berikut gambar one to one relationship dijelaskan gambar II.5 :
Pegawai Calon Pelanggan
Gambar II.5 One to One Relationship
ii. One To Many Relationship
Yang berarti, entitas pada himpunan entitas A berhubungan dengan banyak pada himpunan entitas B, tetapi tidak sebaliknya setiap
entitas pada himpunan entitas B, hubungan paling banyak dengan satu entitas pada himpunan entitas A.
Berikut gambar one to many relationship dijelaskan gambar II.6 :
Pegawai Calon Pelanggan
Gambar II.6 One to Many Relationship
iii. Many To Many Relationship
Yang berarti, entitas pada himpunan entitas A berhubungan dengan banyak pada himpunan entitas B dan begitu juga sebaliknya, setiap
entitas pada himpunan entitas B berhubungan banyak dengan himpunan entitas B.
Berikut gambar many to many relationship dijelaskan gambar II.7 :
Pegawai Calon Pelanggan
Gambar II.7 Many to Many Relationship
II.2.4.7 Diagram Konteks
Diagram Konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkup suatu sistem[10]. Diagram konteks merupakan
level tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari sistem[10]. Diagram konteks akan memberi gambaran tentang keseluruhan
sistem. Sistem dibatasi oleh boundarydapat digambarkan dengan garis putus[10]. Dalam diagram konteks hanya ada satu proses[10]. Tidak boleh ada
store dalam diagram konteks[10].
Diagram konteks terdiri dari sebuah simbol proses tunggal yang menggambarkan sebuah sistem dan menunjukan data aliran utama untuk dan dari
terminator. Diagram ini merupakan dasar yang digunakan untuk menentukan aliran data yang mengalir menuju sistem input sistem dan keluar dari sistem
output sistem, yang meliputi objek berupa kesatuan luar eksternal entity.
Diagram konteks dapat mendefinisikan jangkauan proses penurunan sistem informasi yaitu menentukan apa yang menjadi bagian dari sistem informasi
dan apa yang tidak menjadi bagian sistem informasi.
II.2.4.8 Diagram Aliran DataData Flow Diagram DFD
Diagram Aliran Data merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil[10]. Salah satu keuntungan
menggunakan diagram aliran data adalah memudahkan pemakai atau user yang kurang menguasai bidang komputer untuk mengerti sistem yang akan
dikerjakan[10].
1. Elemen Dasar dari Diagram Aliran Data
a. Kesatuan Luar External Entity
Sesuatu yang berada di luar sistem, tetapi ia memberikan data ke dalam sistem atau memberikan data dari sistem, disimbolkan dengan suatu kotak
notasi[10]. External entity tidak termasuk bagian dari sistem[10]. Bila sistem informasi dirancang untuk satu bagian departemen maka bagian
lain yang masih terkait menjadi external entity[10].
Pedoman Pemberian Nama Kesatuan Luar
i. Nama terminal berupa kata benda. ii. Terminal tidak boleh memiliki nama yang sama kecuali memang
objeknya sama digambarkan dua kali, dimaksudkan untuk membuat diagram lebih jelas. Bila demikian, maka terminall ini perlu di beri
garis miring pada pojok kiri atas.
Berikut contoh penggambaran kesatuan luar pada gambar II.8 :
Keuangan Manajer
Gambar II.8 Contoh Kesatuan Luar b.
Arus Data Data Flow
Arus data merupakan tempat mengalirnya informasi dan digambarkan dengan garis yang menghubungkan komponen dari sistem[10]. Arus data
ditunjukkan dengan arah panah dan garis diberi nama atas arus data yang mengalir[10]. Arus data ini mengalir diantara proses, data store dan
menunjukkan arus data dari data yang berupa masukan untuk sistem atau hasil proses sistem[10].
Pedoman Pemberian Nama Aliran Data
i. Nama aliran data yang terdiri dari beberapa aliran kata dihubungkan dengan garis sambung.
ii. Tidak boleh ada aliran data yang namanya sama, dan pemberian nama harus mencerminkan isinya.
iii. Aliran data yang terdiri dari beberapa elemen dapat dinyatakan dengan grup elemen.
iv. Hindari penggunaan kata ’data’ dan ’informasi’ untuk memberi nama
pada aliran data. v. Sedapat mungkin nama aliran data ditulis lengkap.
vi. Nama aliran data yang masuk ke dalam suatu proses tidak boleh sama dengan nama aliran data yang keluar dari proses tersebut.
vii. Tidak boleh ada aliran data dari terminal ke data store atau sebaliknya karena terminal bukan bagian dari sistem hubungan terminal dengan
data store harus melalui proses.
Berikut gambar contoh penggambaran arus data pada gambar II.9 :
Daftar Kehadiran Daftar_Hadir_Valid
Jam_Kuliah Penelitian Dosen
Gambar II.9 Contoh Arus Data c.
Proses Process
Proses merupakan apa yang dikerjakan oleh sistem[10]. Proses dapat mengolah data atau aliran data masuk menjadi aliran data keluar[10].
Proses berfungsi mentransformasikan satu atau beberapa data masukan menjadi satu atau beberapa data keluaran sesuai dengan spesifikasi
yang diinginkan[10]. Setiap proses memiliki satu atau beberapa masukan serta menghasilkan satu atau beberapa data keluaran[10].
Proses sering pula disebut bubble[10].
Pedoman Pemberian Nama Proses
i. Nama proses terdiri dari kata kerja dan kata benda yang mencerminkan fungsi proses tersebut, misalnya Hitung Bonus, Pendapatan Karyawan,
Cetak Faktur, dan lain-lain. ii. Jangan menggunakan kata proses sebagai bagian dari nama suatu
proses. iii. Tidak boleh ada beberapa proses yang memiliki nama yang sama.
iv. Proses harus diberi nomor. Urutan nomor sedapat mungkin mengikuti aliran atau urutan proses, namun demikian urutan nomor tidak berarti
secara mutlak merupakan urutan proses secara kronologis. v. Penomoran proses pada tingkat pertama adalah 1.0, 2.0, 3.0, dan
seterusnya. vi. Penomoran proses pada tingkat kedua dari proses 1.0 rincian dari
proses 1.0 adalah 1.1, 1.2, 1.3, dan seterusnya. vii. Diagram konteks tidak perlu diberi nomor.
Berikut contoh penggambaran proses pada gambar II.10 :
2.0 Olah KRS
5.0 Cetak NIlai
2.1 Entry KRS
Gambar II.10 Contoh Proses d.
Simpanan Data Data Store
Simpanan data merupakan tempat penyimpanan data, pengikat data yang ada dalam sistem[10]. Simpanan data dapat disimbolkan dengan
sepasang dua garis sejajar atau dua garis dengan salah satu sisi samping terbuka[10]. Proses dapat mengambil data dari atau
memberikan data ke database.
Pedoman Pemberian Nama Simpanan Data
i. Nama harus mencerninkan simpanan data tersebut. ii. Bila namanya lebih dari satu kata maka harus diberi tanda sambung.
Berikut contoh penggambaran simpanan data pada gambar II.11 :
Dosen Kurikulum
Gambar II.11 Contoh Simpanan Data e.
Kamus Data
Kamus data berfungsi membantu pelaku sistem untuk mengartikan secara detail dan mengorganisasi semua elemen data yang digunakan
dalam sistem secara persis sehingga pemakai dan penganalisis sistem mempunyai dasar pengertian yang sama tentang masukan, keluaran,
penyimpanan dan proses[10]. Kamus data sering disebut juga dengan sistem data dictionary adalah
katalog fakta tentang data dan kebutuhan-kebutuhan informasi dari suatu sistem informasi[10]. Dengan menggunakan kamus data analisis
sistem dapat mendefinisikan data yang mengalir di sistem dengan lengkap[10]. Pada tahap analisis, kamus data digunakan sebagai alat
komunikasi antara analisis sistem dengan pemakai sistem tentang data yang mengalir di sistem, yaitu tentang data yang masuk ke sistem dan
tentang informasi yang dibutuhkan oleh pemakai sistem[10].
2. Larangan dalam Diagram Aliran Data
Dalam menggambarmendesain DFD ada beberapa hal yang harus dihindari, sehingga DFD tersebut menggambarkan secara keseluruhan
sistem yang akan dirancang, hal hal tersebut adalah[10] : a. Arus data tidak boleh dari entitas luar langsung menuju entitas luar
lainnya, tanpa melalui suatu proses.
b. Arus data tidak boleh dari simpanan data langsung menuju entitas luar, tanpa melalui suatu proses.
c. Arus data tidak boleh dari simpanan data langsung menuju simpanan data lainnya, tanpa melalui suatu proses.
Arus data dari suatu proses langsung menuju proses lainnya, tanpa melalui suatu simpanan data.
62
Bab III Analisis Dan Perancangan Sistem
III.1 Analisis Sistem
Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi
yang utuh
ke dalam
bagian-bagian komponennya
untuk mengidentifikasikan masalah-masalah, dan hambatan-hambatan sehingga dapat
diusulkan kebutuhan-kebutuhan untuk perbaikannya. Melakukan analisis terhadap sistem yang sedang berjalan bertujuan sebagai dasar perancangan atau perbaikan
sistem yang lama. Dan hasil analisis tersebut dapat diketahui kelemahan dan kekurangan sistem yang lama dan dapat dirancang atau diperbaiki menjadi sebuah
sistem yang lebih efektif dan efisien.
III.1.1 Analisis Sistem Yang Berjalan
Prosedur- prosedur yang terjadi pada Bezzle Clothing Bandar Lampung saat ini adalah :
1. Prosedur pengadaan barang 2. Prosedur penjualan
3. Prosedur pelaporan Prosedur yang terjadi dapat dijelaskan sebagai berikut :
1. Prosedur pengadaan barang
Adapun alur prosedur pengelolaan barang yang terjadi adalah dari pemilihan barang dari bagian gudang sampai barang tersedia untuk dibeli oleh
konsumen.
63
a. Bagian pengadaan menerima barang dan struk pembelian dari supplier. b. Bagian pengadaan mengecek kualitas dan jumlah barang
c. Jika sesuai struk pembelian diarsipkan dan barang yang dibeli diserahkan ke bagian gudang
d. Jika tidak sesuai barang dan struk pembelian dikembalikan ke supplier e. Bagian gudang menerima barang yang dibeli kemudian membuat surat
pencatatan barang. f. Kemudian surat pencatatan barang diarsipkan.
Berikut gambar prosedur pengadaan barang dijelaskan dengan gambar III.1 :
Prosedur Pengadaan Barang
Supplier Pengadaan Barang
Gudang Struk pembelian
barang Struk pembelian
barang
Pengecekan Kualitas dan
jumlah barang
Keterangan A1 : Struk Pembelian Barang
A2 : Surat Pencatatan Barang
Produk yang dibeli
Produk yang dibeli
Sesuai ? Ya
Struk pembelian barang yang
sudah diperiksa Produk yang
dibeli Produk yang
dibeli Pembuatan
surat pencatatan
barang Surat
pencatatan barang
A1 A2
Ya Produk yang
dibeli Produk yang
dibeli
Struk pembelian barang
Tidak Tidak
Gambar III.1 Prosedur Pengadaan Barang
64
2. Prosedur penjualan, pembelian dan pembayaran
Alur prosedur penjualan yang terjadi adalah dari konsumen datang ke toko, memilih produk, mengecek harga produk, mengecek ketersediaan produk
sampai terjadi transaksi penjualan produk. a. Konsumen datang langsung ke toko dan memilih produk yang diinginkan.
b. Konsumen mengecek ukuran dan kualitas barang. c. Konsumen memberi barang ke kasir untuk mengecek ketersediaan barang
sesuai yang diinginkan dan mengetahui harga barang yang akan dibeli. d. Bagian gudang mengecek ketersediaan barang. Jika ada, barang akan
diberikan ke kasir, tetapi jika barang tidak ada konsumen dapat memilih produk yang lain.
e. Konsumen kembali mengecek kualitas barang yang akan dibeli. f. Kasir memberikan sejumlah harga yang harus dibayarkan oleh konsumen.
g. Konsumen membayar sejumlah uang sesuai harga produk. h. Kasir mengecek harga yang dibayarkan konsumen, jika sesuai buat struk
rangkap dua. Struk penjualan kemudian diarsipkan, struk pembelian diberikan ke konsumen.
i. Kasir memberikan struk pembelian dan barang yang dibeli kepada konsumen.
Berikut gambar prosedur penjualan barang dijelaskan dengan gambar III.2 :
65
Produk yang dibeli
Prosedur Penjualan Barang
Konsumen Kasir
Gudang Produk yang
akan dibeli
Produk yang akan dibeli
Pengecekan ukuran dan
kualitas barang Produk yang
akan dibeli Pengecekan
harga produk
Cek ketersediaan
barang Info produk yang
akan dibeli Produk yang
akan dibeli Produk yang
akan dibeli Pembayaran
produk Pembayaran
produk Pengecekan
Pembayaran Produk
Sesuai harga produk
Tidak
ya
A3
Keterangan A3 : Struk Penjualan Barang
2 1
Struk pembayaran Produk yang dibeli
1
Struk pembayaran Produk yang
akan dibeli
Info produk yang akan dibeli
Pembuatan Struk Pembayaran
Rangkap Dua
Gambar III.2 Prosedur Penjualan Barang 3.
Prosedur Pelaporan Rekapitulasi Penjualan Harian
Prosedur pelaporan ini meliputi barang apa saja yang dibeli, sehingga data dari pembelian barang dapat dijadikan evaluasi untuk mengetahui jenis barang apa
66
saja yang disenangi konsumen. Prosedur ini bertujuan untuk mengetahui data transaksi sehingga laporan dapat dijadikan evaluasi, alur prosedurnya adalah
sebagai berikut : a. Kasir membuat laporan penjualan dan menyerahkan ke manajer.
b. Manajer mengecek kebenaran penjualan produk dengan membandingkan struk penjualan produk dengan laporan yang dibuat.
c. Jika sesuai laporan penjualan disahkan dan diserahkan kembali kepada bagian penjualan untuk diarsipkan.
d. Jika tidak laporan penjualan dikembalikan ke bagian penjualan untuk diperbaiki.
Berikut prosedur pelaporan penjualan dijelaskan dengan gambar III.3 :
67
Prosedur Pelaporan Penjualan
Kasir Manajer
Laporan Penjualan
Pengecekan Kebenaran
Penjualan
Keterangan A3 : Struk Penjualan Barang
A4 : Laporan Penjualan
Struk Penjualan Produk
Sesuai ? Ya
Struk Penjualan Produk
Laporan Penjualan
Pengesahan Laporan
Laporan Penjualan
Laporan Penjualan
A4
Struk Penjualan Produk
Laporan Penjualan
Tidak Tidak
Struk Penjualan Produk
Struk Penjualan Produk yang
sudah diperiksa
A3
Gambar III.3 Prosedur Pelaporan Penjualan III.1.2
Analisis Masalah
Sistem penjualan yang terjadi pada Bezzle Clothing adalah pembeli harus datang ke tempat belanja kemudian memilih barang yang akan dibeli lalu
melakukan transaksi. Sehingga pemasaran dan promosi yang diberikan kurang menjangkau setiap daerah. Selain itu pencatatan yang dilakukan dalam
pengelolaan barang, data transaksi, pendapatan dan pengeluaran masih
68
menggunakan kertas. Untuk itu dibutuhkan sebuah sistem informasi penjualan online
yang dapat memasarkan produk secara luas dan mencatat serta menyimpan setiap transaksi dengan baik.
III.1.3 Analisis Aturan Bisnis
Sistem informasi penjualan online Bezzle Clothing menggunakan konsep bisnis Business to Consumer B2C yaitu kegiatan yang menjual produk dan jasa
ke konsumen dengan menggunakan web e-commerce yang menyediakan halaman web
yang menarik, katalog multimedia, proses pemesanan yang interaktif, dan sistem pembayaran elektronik yang aman yang juga berarti terjadi transaksi antara
e-merchant dan e-customer.
III.1.4 Analisis Kebutuhan Non-Fungsional
Analisis pengguna dilakukan untuk mengetahui tugas dan karakteristik pengguna pada sistem yang sedang berjalan dan yang akan menggunakan sistem
yang akan dibangun. Adapun analisis pengguna pada sistem yang sedang berjalan dijelaskan
dengan tabel III.1 berikut :
Tabel III.1 Analisis User Pada Sistem Yang Sedang Berjalan
No Jabatan
Tingkat Pendidikan
Keterampilan Kebutuhan
1 Pemilik
Perusahaan Mahasiswa
Mengerti cara
menggunakan komputer
dan mengetahui
penggunaan microsoft excel
Melihat proses data transaksi yang terjadi
pada perusahaan
sesuai dengan
wewenangnya 2
Bagian SMA
Mengerti cara Menyimpan
data
69
Keuangan menggunakan
komputer dan
mengetahui penggunaan microsoft
excel transaksi yang terjadi
pada perusahaan
sesuai dengan
tugasnya
Aplikasi e-commerce yang akan dibangun akan melibatkan tiga pengguna antara lain yaitu admin, member, dan pengunjung.
Adapun analisis pengguna pada sistem yang akan dibangun dijelaskan dengan tabel III.2 berikut :
Tabel III.2 Analisis User Pada Sistem Yang Dibangun
Pengguna Tanggung
Jawab Tingkat
Pendidikan Tingkat
Keterampilan Pengalaman Jenis Pelatihan
Admin Mengelola
data master,
data pesanan,
laporan. SMA
Menguasai komputer,
mengerti cara penggunaan
web
dan dapat
menggunaka n Internet
- Cara
menggunakan website
Member Melakukan
pemesanan -
Mampu mengoperasi
kan komputer
dan browsing di Internet
Pernah melakukan
transaksi pembelian
secara online
-
Pengunjung Melihat data
katalog produk,
melakukan registrasi.
- Mampu
mengoperasi kan
komputer dan browsing
di Internet -
-
70
III.1.4.1 Analisis Kebutuhan Perangkat Lunak
Analisis kebutuhan perangkat lunak merupakan analisis kemampuan perangkat lunak untuk membangun dan menjalankan sistem yang akan dibangun.
Untuk pembangunan sistem perangkat lunak yang digunakan dalam membangun aplikasi sistem penjualan online adalah sebagai berikut :
1. Sistem operasi Windows 7 Ultimate. 2. Macromedia Dreamweaver sebagai perangkat lunak pembangun.
3. PHP sebagai bahasa pemrograman yang akan digunakan.
4. XAMPP sebagai Web Server.
5. MySQL sebagai media penyimpanan basis data. 6. Mozilla Firefox dan Google Chrome sebagai web browser.
Sedangkan untuk menjalankan sistem penjualan online perangkat lunak yang digunakan adalah sebagai berikut :
1. Sistem operasi Linux pada sisi server dan Windows XP Profesional pada sisi klien.
2. MySQL 5.0.92 sebagai media penyimpanan basis data. 3. Apache sebagai web server.
4. Mozilla Firefox dan Google Chrome sebagai web browser.
III.1.4.2 Analisis Kebutuhan Perangkat Keras
Analisis kebutuhan perangkat keras merupakan analisis kemampuan perangkat keras dalam membangun dan menjalankan aplikasi penjualan online
yang akan dibangun. Perangkat keras yang digunakan untuk membangun aplikasi sistem penjualan online memiliki spesifikasi sebagai berikut :
71
1. Processor dengan kecepatan 2.0 GHz. 2. Hard Disk 250 GB.
3. RAM 2 GB. 4. Perangkat masukan standar seperti keyboard dan mouse.
5. LAN card. 6. Modem.
Sedangkan kebutuhan perangkat keras yang akan digunakan dalam menjalankan sistem penjualan online minimal memiliki spesifikasi sebagai berikut :
1. Processor dengan kecepatan 2.0 GHz atau lebih. 2. Harddisk 120 GB.
3. RAM 512 MB atau lebih 4. VGA 128 MB atau lebih
5. Perangkat masukan standar seperti keyboard dan mouse. 6. LAN card.
7. Modem
III.1.5 Analisis Basis Data
Entity Relationship Diagram digunakan untuk memodelkan struktur
hubungan antar data yang ada pada flowmap, sehingga dari diagram entity relationship
dapat dilihat hubungan antar entitas. Pada aplikasi yang dibangun terdapat 21 entitas yang saling berelasi.
Penjelasan tentang diagram hubungan entitas yang saling berelasi dapat ditunjukkan dengan gambar III.6 :
Member IdMember
Produk IdProduk
Ukuran IdUkuran
Warna IdWarna
Detail Produk
IdStok Keranjang
IdKeranjang
Kota IdKota
Provinsi IdProvinsi
Memiliki JenisKirim
IdJenisKirim Biaya Kirim
Gambar IdGambar
Kategori IdKategori
Merk IdMerk
Pesanan IdPesanan
Admin IdAdmin
Testimonial IdTestimonial
DetailPesanan
Memiliki
Retur IdDetailPesanan
IdRetur Kurs
IdKurs Memiliki
Memiliki
Memiliki Memiliki
Membuat Berita
IdBerita Mengelola
Mengelola Mengelola
Memiliki Memiliki
1 N
N 1
N N
N
1 N
1 N
N N
N N
N 1
1
N N
1 1
1 1
1 N
N
1 N
N
1
1 Memiliki
1
IdBiayaKirim
Detail Retur Memiliki
1 N
IdDetailRetur Memiliki
1
1 N
Memiliki N
1
Gambar III.4 Diagram Hubungan Entitas Sistem Bezzle Clothing
Untuk keterangan atribut-atribut yang dimiliki tiap entitas dijelaskan dengan tabel III.3 berikut :
Tabel III.3 Kamus Data Diagram Hubungan Entitas No
Tabel Atribut
1 Admin
{idAdmin, email, password, namaDepan, namaBelakang, noTelp, ymaccount, keterangan, kodeAktivasi}
2 Produk
{idProduk, idKategori, idMerk, namaProduk, harga, diskon, hargaSpesial, dilihat, keterangan, status, tanggal}
3 Member
{idUser, email,
password, namaDepan,
namaBelakang, jenisKelamin, alamat, idKota, kodepos, noTelp, deskripsi,
kodeAktivasi, status} 4
Kategori {idKategori, namaKategori, keterangan, status}
5 Merk
{idMerk, namaMerk, keterangan, status} 6
Warna {idWarna, namaWarna, keterangan, status}
7 Gambar
{idGambar, idStok, namaGambar, pathGambar, pathThumbnail, keterangan}
8 Stok
{idStok, idProduk, idUkuran, idWarna, berat, stok, maxproduksi, pesananTertunda, dibeli, keterangan, status}
9 Ukuran
{idUkuran, namaUkuran, keterangan, status} 10
Provinsi {idProvinsi, namaProvinsi, keterangan, status}
11 Kota
{idKota, idProvinsi, namaKota, keterangan, status} 12
Kurs {idKurs,
tglAktual, nilaiTukar,
kodeMataUang, mataUang,
keterangan} 13
Jenis Pengiriman
{idJenisKirim, namaJenisKirim, keterangan, status} 14
Biaya Kirim {idBiayaKirim, BiayaKirim, keterangan} 15
Testimonial {idTestimonial, idMember, idAdmin, isiTestimonial, tglTestimonial,
Terbitkan} 16
Berita {idBerita, idAdmin, tglBerita, judulBerita, isiBerita, keterangan,
Terbitkan} 17
Keranjang {idKeranjang, IdStok, IdUser, jumlah}
18 Pesanan
{idPesanan, idUser, idAdmin, idBiayaKirim, idKurs, noResi, tglPesanan,
tglKadaluarsa, tglBayar,
tglKirim, tglTerima,
namaPengirim, namaPenerima, jenisKirim, provinsi, kota, alamat, kodepos, noTelp, email, caraBayar, noRekening, bankTujuan,
atasNama, jumlahBayar,
mataUang, kodeBayar,totalProduk,
totalItem, totalBerat, hargaKurs, biayaKirimPerKg, subtotalbayar, ongkosKirim, lamaKirim, totalBayar, cod, keterangan}
19 Detail
Pesanan {idDetailPesanan, idPesanan, idProduk, idStok, namaProduk,
ukuran, warna, harga, diskon, hargaDiskon, hargaSpesial, hargaFix, jumlah, subtotal, berat, ketProduk, ketStok, sisaRetur, totalRetur}
20 Retur
{idRetur, idDetailPesanan, tglRetur, waktuRetur, tglKirimMember, tglKirimToko, tglTerimaMember, tglTerimaToko, noResiMember,
noResiToko, jumlahRetur, keterangan, status} 21
Detail Retur {noSekuen, idProdukPengganti, idRetur, totalKekuranganBiaya, alasan, keterangan, status}
III.1.6 Analisis Kebutuhan Fungsional
Analisis kebutuhan fungsional adalah menganalisis secara fungsional aplikasi yang dibangun. Selain itu menganalisis setiap fungsi-fungsi ataupun
aliran data terjadi dalam aplikasi.
III.1.6.1 Fungsi Produk
Secara umum aplikasi ini berfungsi untuk melayani dan mempermudah kebutuhan konsumen untuk membeli barang dimanapun berada tanpa harus
mendatangi clothing dalam melakukan transaksi pembelian, cukup dengan adanya akses Internet maka konsumen dapat melakukan pembelian barang.
Adapun rincian fungsi-fungsi yang terdapat pada aplikasi ini antara lain : a. Hak akses login untuk admin dan konsumen
b. Lupa password untuk konsumen c. Ubah sandi admin dan konsumen
d. Mengelola profil admin dan konsumen e. Mengelola data member
f. Mengelola data produk g. Mengelola data kategori
h. Mengelola data ukuran i. Mengelola data warna
j. Mengelola data merk k. Mengelola data stok
l. Mengelola data gambar produk m. Mengelola data berita
n. Mengelola transaksi pesanan o. Mengelola pembayaran konsumen
p. Mengelola data kota q. Mengelola data provinsi
r. Mengelola data kurs s. Mengelola pencarian produk
t. Mengelola keranjang belanja u. Mengelola jenis pengiriman
v. Mengelola biaya kirim produk w. Mengelola testimonial
x. Logout admin dan konsumen
III.1.6.2 Diagram Konteks
Diagram Konteks menjelaskan tiap-tiap entitas eksternal yang berhubungan langsung dengan sistem. Adapun entitas eksternal yang berhubungan
langsung dengan sistem yang akan dibangun antara lain adalah : 1. Admin
Admin merupakan entitas eksternal yang melakukan pengolahan data master, pengolahan data transaksi, pengolahan laporan, serta pengolahan retur.
2. Member Member merupakan entitas eksternal yang melakukan kegiatan lihat riwayat
pesanan, lihat katalog produk, serta kegiatan pembelian produk.
3. Pengunjung Pengunjung merupakan entitas eksternal yang melakukan kegiatan lihat
produk serta info mengenai aplikasi. Adapun penjelasan tentang diagram konteks pada sistem yang dibangun
dijelaskan dengan gambar III.5 :
Sistem Informasi Penjualan Online
Bezzle Clothing Member
Admin Da
ta log
in Da
ta m
e m
b er
Da ta
p esan
an Da
ta test
im o
ni al
Da ta
p rodu
k In
fo data logi
n
In fo m
e m
ber In
fo beri ta
In fo prod
uk In
fo detai l
p rodu
k
In fo provi
nsi In
fo k o
ta In
fo je ni
s pen
gi ri
m an
In fo bi
aya ki
rim In
fo t est
im oni
al
In fo pesa
nan In
fo k e
ranj an
g b
el anj
a
In fo k
u rs
Data log
in Data
p rodu
k Data
ka tego
ri Data
g am
ba r
Data u
kuran Data
w arna
Data m
erk Data
p rovin
s i
Data ko
ta Data
Je nis
p en
gi ri
m an
Data b
ia y
a kiri
m
Data ku
rs Data
test im
o ni
al
Data b
erita Data
m em
b er
Data p
esan an
Data re
tur
Info p
rodu k
In fo detai
l p
rodu k
In fo k
a teg
ori
Inf o
ga m
bar p
rodu k
Inf o
warn a
Info m
erk Info
p ro
vin s
i Inf
o kot
a Inf
o kurs
Inf o
lo gi
n
In fo
jen is
p eng
iri m
an
Info b
iaya kiri
m
Info te
st im
o nia
l In
fo m e
m b
er Inf
o beri ta
Inf o
pe sana
n
L apo
ra n
p enj
ua la
n In
fo re
tur
Info de
tai l
ret u
r
Pengunjung Data produk
Data detail produk Data berita
Info produk Info detail produk
Info berita Info testimonial
Paypal Web Mail
JNE Dat
a Pen
gi ri
m an
In fo
Pen gi
rim an
In fo
Pe m
b ayaran
Da ta
Pe m
b ayaran
Data Aktivasi Member Info Registrasi Member
Info Login Info Pesanan
Info Pembayaran Info Pengiriman
Yahoo Finance
Info Data Kurs Data Kurs
Gambar III.5 Diagram Konteks E-Commerce Bezzle Clothing
III.1.6.3 Data Flow Diagram
Dalam diagram aliran data pada sistem yang akan dibangun admin melakukan kegiatan pengolahan data master dan pengolahan data bukan master.
Adapun data yang diolah dalam pengolahan data master adalah sebanyak 15 tabel
data master, sedangkan data dalam pengolahan data bukan master adalah sebanyak 6 tabel data.
Berikut penjelasan diagram aliran data pada sistem yang akan dibangun dijelaskan dengan gambar III.6 :
1. DFD Level 1
Admin 1
Login
2 Pengolahan Data Master
3 Pengolahan
Pesanan
4 Pengolahan
Laporan
6 Pengelolaan
Profil 7
Pengubahan Sandi
8 Riwayat
Pesanan Member
9 Tampilkan Data
Produk 10
Pencarian Produk
11 Pengolahan
Keranjang Belanja
12 Testimonial
13 Penyajian
Informasi Member
Tamu Dat
a Logi
n A
d mi
n
Dat a
Logi n
Adm in
D at
a Logi
n Admi
n Inf
o Logi
n Val
id at
au I
nval id
Produk Login Valid
Data Produk Stok
Kategori Ukuran
Warna Merk
Kota Provinsi
Kurs Jenis
Pengiriman Biaya Kirim
Testimonial Berita
Data Produk Data Stok
Data Stok Data Kategori
Data Kategori Data Ukuran
Data Ukuran Data Warna
Data Warna Data Merk
Data Merk Data Kota
Data Kota Data Provinsi
Data Provinsi Data Kurs
Data Kurs Data Jenis Pengiriman
Data Jenis Pengiriman Data Biaya Kirim
Data Biaya Kirim Data Testimonial
Data Testimonial Data Berita
Data Berita L
ogi n
Val id
Pesanan Data Pesanan, Data Pembayaran, Data Pengiriman
Data Pesanan, Data Pembayaran, Data Pengiriman Dat
a Pr
oduk Dat
a St
ok Dat
a Kat
ego ri
Dat a
U kur
an Dat
a W
ar na
Inf o
Gam bar
Dat a
M er
k Dat
a Kot
a Dat
a Pr
ovi nsi
Dat a
Kur s
Dat a
Jeni s
Pengi ri
man Dat
a Bi
aya Ki
ri m
Dat a
Test imoni
al Dat
a Ber
it a
Dat a
M ember
Gambar Data Gambar
Data Gambar
Inf o
Pr oduk
Inf o
St ok
Inf o
Kat egor
i In
fo G
a mbar
Inf o
U k
ur an
Inf o
W ar
na Inf
o Mer
k Inf
o Kot
a In
fo Pr
ovi ns
i Inf
o Kur
s Inf
o Jeni
s Peng
ir im
an Inf
o B
iaya Ki
ri m
Inf o
T est
imoni al
Inf o
Ber it
a Inf
o Member
Dat a
Pesanan, Da
ta Pembayar
an, Dat
a Pengi
ri man
Inf o
Pesanan ,
Dat a
P em
bayar an,
Dat a
Pengi ri
m an
Logi n
Val id
D at
a Lapor
an
Data Laporan Pesanan Data Laporan Pesanan
5 Pendaftaran
Member Member
D at
a Cal
on Mem
ber Data Calon Member
Data Login
Inf o
D at
a Logi
n D
at a
Logi n
Mem ber
Inf o
Logi n
Val id
at au
Inv al
id
Data Login Member D
at a
Logi n
Mem ber
Lo gi
n Val
id
Data Member Data Member
Data Member Info Member
Data Sandi Member Data Sandi Member
Data Sandi Member Info Sandi Member
Logi n
Val id
Data Detail Pesanan Info Detail Pesanan
Logi n
Val id
Data Produk Data Keyword
D at
a Pr
odu k
D at
a Pr
odu k
Info Produk Dat
a Ker
anj ang
Bel anj
a
Keranjang Belanja
Inf o
Ker anj
ang Bel
anj a
Data Testimonial Data Testimonial
Data Testimonial Info Testimonial
Data Cara Belanja, Data Cara Pembayaran, Data Cara Pengiriman, Data Hubunngi Kami Info Cara Belanja, Cara Pembayaran, Cara Pengiriman, Hubungi Kami
Data Cara Belanja, Data Cara Pembayaran, Data Cara Pengiriman, Data Hubungi Kami Info Cara Belanja, Cara Pembayaran, Cara Pengiriman, Hubungi Kami
Data Keyword Info Produk, Gambar Produk
D at
a Det
a il
Pesanan
Inf o
Pr oduk
, G
am bar
P roduk
Data Gambar Data Produk
Dat a
Gam bar
Dat a
Pr oduk
Dat a
M ember
Inf o
Member 14
Retur
Retur Dat
a R
et ur
Inf o
Logi n
Val id
Inf o
R et
ur
D at
a Ret
ur Inf
o Ret
ur Dat
a R
et ur
D at
a Ret
ur Detail
Retur D
at a
Det ai
l Ret
ur Dat
a Det
ai l
ret ur
Inf o
Det ai
l Ret
ur Dat
a Det
ai l
Ret ur
DetailPesanan Data Detail Pesanan
Data Detail Pesanan Inf
o De
tai l
Pesanan Dat
a Det
ai l
Pes ana
n
Data Cara Belanja, Data Cara Pembayaran, Data Cara Pengiriman, Data Hubungi Kami Data Cara Belanja, Data Cara Pembayaran, Data Cara Pengiriman, Data Hubungi Kami
Data Detail Pesanan
Data Keranjang Belanja Lapo
ran Pesanan
Data Keranjang Belanja Admin
Inf o
Admi n
Data admin Data admin
D at
a adm
in
Data Sandi Admin Data Sandi Admin
D at
a Sandi
Admi n
D at
a Sandi
A d
mi n
Logi n
Val id
Logi n
Val id
Logi n
Val id
Logi n
Val id
Dat a
Gam b
ar
Data Gambar
15 Backup
Restore Logi
n V
a lid
Da ta
Bac kup
Rest or
e
Laporan Data Backup Restore Data Transaksi
Dat a
Tr ans
aksi Dat
a Lapor
an P
roduk
Dat a
Lapor an
Pr od
uk
Dat a
Lapor an
Re tur
D at
a Lapor
an Ret
ur
Gambar III.6 Gambar DFD level 1 Bezzle Clothing
2. DFD Level 2
Berikut gambar proses aliran data pada pengolahan data master ditunjukkan dengan gambar III.7 :
Admin 2.1
Pengolahan Data Produk
Login Valid
2.2 Pengolahan
Data Kategori Login Valid
2.3 Pengolahan
Data Ukuran Login Valid
2.4 Pengolahan
Data Warna Login Valid
2.5 Pengolahan
Data Merk Login Valid
2.6 Pengolahan
Data Provinsi Login Valid
2.7 Pengolahan
Data Kota Login Valid
2.8 Pengolahan
Data Jenis Pengiriman
Login Valid
2.9 Pengolahan
Data Biaya Kirim
Login Valid
2.10 Pengolahan
Data Testimonial
Login Valid Produk
Kategori Ukuran
Warna Merk
Kota Kota
Jenis Pengiriman
Biaya Kirim Testimonial
Data Produk Data Produk
Data Produk Info Produk
Data Kategori Info Kategori
Data Kategori Data Kategori
Data Ukuran Info Ukuran
Data Warna Data Warna
Data Warna Info Warna
Data Merk Data Merk
Data Merk Info Merk
Data Provinsi Data Provinsi
Data Provinsi Info Provinsi
Data Kota Data Kota
Data Kota Info Kota
Data Jenis Pengiriman Data Jenis Pengiriman
Data Jenis Pengiriman Info Jenis Pengiriman
Data Biaya Kirim Data Biaya Kirim
Data Biaya Kirim Info Biaya Kirim
Data Testimonial Data Testimonial
Data Testimonial Info Testimonial
Data Ukuran Data Ukuran
2.11 Pengolahan
Data Berita Login Valid
Berita Data Berita
Data Berita Data Berita
Info Berita 2.12
Pengolahan Data Kurs
Login Valid Kurs
Data Kurs Data Kurs
Data Kurs Info Kurs
2.13 Pengolahan
Data Member Login Valid
Member Data Member
Data Member Data Member
Info Member
Gambar III.7 DFD Level 2 Proses Pengolahan Data Master
Berikut gambar proses aliran data pada pengolahan data pesanan ditunjukkan dengan gambar III.8 :
Admin 3.1
Lihat Pesanan
3.2 Pencarian
Pesanan
3.3 Status
Pesanan 3.4
Konfirmasi Pembayaran
3.5 Konfirmasi
Pengiriman Pesanan
Login Valid
Login Valid
Login Valid
Login Valid
Login Valid Data Pesanan
Data Pesanan Data Pesanan
Info Pesanan Data Keyword
Data Keyword Data Pesanan
Info Pesanan
Data Pesanan Info Pesanan
Data Pesanan Data Pesanan
Data Pembayaran Data Pembayaran
Data Status Pembayaran Info Status Pembayaran
Data Pengiriman Data Pengiriman
Data Status Pengiriman Info Status Pengiriman
Gambar III.8 DFD Level 2 Proses Pengolahan Data Pesanan
Berikut gambar proses aliran data pada pengolahan laporan transaksi pesanan ditunjukkan dengan gambar III.9:
Admin 4.1
Pengolahan Laporan
Pesanan
Produk Login Valid
4.2 Pengolahan
Laporan Produk
Login Valid
4.3 Pengolahan
Laporan Retur
Login Valid Retur
Pesanan
Data Produk Laporan Produk
Data Produk Data Produk
Data Transaksi Pesanan Data Transaksi Pesanan
Data Transaksi Pesanan Laporan Transaksi Pesanan
Data Retur Data Retur
Data Retur Laporan Retur
Gambar III.9 DFD Level 2 Proses Pengolahan Laporan
Berikut gambar proses aliran data pada pendaftaran menjadi member ditunjukkan dengan gambar III.10 :
Tamu 5.1
Registrasi Akun
5.2 Aktivasi
Akun Member
Data Konsumen Data Konsumen
Data Konsumen Info Konsumen
Info Data Konsumen
Data Aktivasi Akun Data Aktivasi Akun
Data Status Member Info Status Member
Kota Provinsi
Data Kota Data Provinsi
Web_Mail Info Member
Data Aktivasi Akun
Gambar III.10 DFD Level 2 Proses Daftar Member
Berikut gambar proses aliran data pada pengelolaan profil member ditunjukkan dengan gambar III.11:
Member 6.1
Pengubahan Data Member
6.2 Pengubahan
Sandi Member
Data Member Data Member
Data Member Info Member
Data Password Data Password
Data Password Baru Info Data Password Baru
Info Login Valid
Info Login Valid Provinsi
Kota Data Provinsi
Data Kota Data Member
Member Data Password
Gambar III.11 DFD Level 2 Proses Kelola Profil
Berikut gambar proses aliran data pada proses pengubahan sandi pada halaman member ditunjukkan dengan gambar III.12:
Member Member
7.1 Verifikasi
Password Lama
7.2 Verifikasi
Password Baru
Data Password Info Password
Admin Admin
Login Valid
Login Valid Data Password
Data Password
Data Password Data Password
Data Password Info Data Password
Data Password Data Password
Data Password Data Password
Data Password Info Password
Data Password Info Data Password
Gambar III.12 DFD Level 2 Proses Pengubahan Sandi
Berikut gambar proses aliran data pada lihat data riwayat pesanan ditunjukkan dengan gambar III.13 :
8.1 Lihat
Pesanan
8.2 Konfirmasi
Pembayaran Member
Pesanan Data Pesanan
Data Pesanan Data Pesanan
Info Data Pesanan
Data Pembayaran Data Pembayaran
Data Pembayaran Info Pembayaran
Login Valid
Login Valid
8.3 Pengajuan
Retur Data Pengajuan Retur
Data Pengajuan Retur Info Status Pengajuan Retur
Info Status Pengajuan Retur Login Valid
Retur
Gambar III.13 DFD Level 2 Proses Riwayat Pesanan Member
Berikut gambar proses aliran data pada kegiatan yang dilakukan member terhadap keranjang belanja ditunjukkan dengan gambar III.14 :
Member 11.1
Tampil Keranjang
Belanja 11.2
Update Keranjang
Belanja 11.3
Hapus Item Produk
Keranjang Belanja
Data Keranjang Belanja Login Valid
Info Keranjang Belanja Data Keranjang Belanja
Info Update Keranjang Belanja
Data Keranjang Belanja Login Valid
Login Valid
Info Hapus Keranjang Belanja Data Keranjang Belanja
Data Keranjang Belanja Data Keranjang Belanja
Data Keranjang Belanja Data Keranjang Belanja
Data Keranjang Belanja
11.5 Check Out
Data Konfirmasi Pembelian Login Valid
Info Konfirmasi Pembelian Data Konfirmasi Pembelian
Data Konfirmasi Pembelian Detail
Pesanan 11.4
Kosongkan Keranjang
Data Keranjang Belanja Info Kosongkan Keranjang Belanja
Data Keranjang Belanja Data Keranjang Belanja
Login Valid
Gambar III.14 DFD Level 2 Proses Keranjang Belanja
Berikut gambar proses aliran data pada pengolahan data retur ditunjukkan dengan gambar III.15 :
Admin 14.1
Lihat Data Retur
14.2 Pengubahan
Data Retur Retur
Data Retur Data Retur
Data Retur Info Retur
Data Retur Data Retur
Data Retur Info Update Retur
Login Valid
Login Valid
Gambar III.15 DFD Level 2 Proses Retur
3. DFD Level 3
Berikut gambar proses aliran data pada proses lupa password ditunjukkan dengan gambar III.16 :
Member Member
1.1.1 Verifikasi
Email Data Email Member
Data Email Member Data Email Member
Info Email Member
Data Password Baru Member Info Password Baru Member
Data Password Data Password
Web_Mail
1.1.2 Input
Password baru
Data Reset Password
Info Data Reset Password
Gambar III.16 Level 3 Proses Lupa Password
Berikut gambar proses aliran data pada pengolahan data produk ditunjukkan dengan gambar III.17 :
2.1.2 Penambahan
Produk
2.1.3 Pengubahan
Produk
2.1.4 Penghapusan
Produk
2.1.5 Pencarian
Produk Produk
Admin Login valid
Login Valid
Login Valid
Login Valid Data Produk
Info Tambah Produk Data Produk
Data Produk
Data Produk DataProduk
Data Produk
Data Produk Info Hapus Produk
Info Ubah Produk
Data Produk Data Produk
Data Keyword Data Keyword
Data Produk Info Cari Produk
2.1.1 Lihat
Produk Login valid
Data Produk Info Produk
Data Produk Data Produk
2.1.6 Detail Stok
Login Valid Data Stok
Data Stok Info Stok
Stok Data Stok
Gambar III.17 DFD Level 3 Proses Pengolahan Data Produk
Berikut gambar proses aliran data pada pengolahan data kategori produk ditunjukkan dengan gambar III.18 :
2.2.2 Penambahan
Kategori
2.2.3 Pengubahan
Kategori
2.2.4 Penghapusan
Kategori
2.2.5 Pencarian
Kategori Kategori
Admin Login valid
Login Valid
Login Valid
Login Valid Data Kategori
Info Tambah Kategori Data Kategori
Data Kategori
Data Kategori Data Kategori
Data Kategori
Data Kategori Info Hapus Kategori
Info Ubah Kategori
Data Kategori Data Kategori
Data Keyword Data Keyword
Data Kategori Info Cari Kategori
2.2.1 Lihat
Kategori Login valid
Data Kategori Info Kategori
Data Kategori Data Kategori
Gambar III.18 DFD Level 3 Proses Pengolahan Data Kategori
Berikut gambar proses aliran data pada pengolahan data ukuran produk ditunjukkan dengan gambar III.19:
2.3.2 Penambahan
Ukuran
2.3.3 Pengubahan
Ukuran
2.3.4 Penghapusan
Ukuran Ukuran
Admin Login valid
Login Valid
Login Valid Data Ukuran
Info Tambah Ukuran Data Ukuran
Data Ukuran
Data Ukuran Data Ukuran
Data Ukuran
Data Ukuran Info Hapus Ukuran
Info Ubah Ukuran
Data Ukuran Data Ukuran
2.3.5 Pencarian
Ukuran Login Valid
Data Keyword Data Keyword
Data Ukuran Info Cari Ukuran
2.3.1 Lihat
Ukuran Login valid
Data Ukuran Info Ukuran
Data Ukuran Data Ukuran
Gambar III.19 DFD Level 3 Proses Pengolahan Data Ukuran
Berikut gambar proses aliran data pada pengolahan data warna produk ditunjukkan dengan gambar III.20 :
2.4.2 Penambahan
Warna
2.4.3 Pengubahan
Warna
2.4.4 Penghapusan
Warna Warna
Admin Login valid
Login Valid
Login Valid Data Warna
Info Tambah Warna Data Warna
Data Warna
Data Warna Data Warna
Data Warna
Data Warna Info Hapus Warna
Info Ubah Warna
Data Warna Data Warna
2.4.5 Pencarian
Warna Login Valid
Data Keyword Data Keyword
Data Warna Info Cari Warna
2.4.1 Lihat
Warna Login valid
Data Warna Info Warna
Data Warna Data Warna
Gambar III.20 DFD Level 3 Proses Pengolahan Data Warna
Berikut gambar proses aliran data pada pengolahan data merk produk ditunjukkan dengan gambar III.21 :
2.5.2 Penambahan
Merk
2.5.3 Pengubahan
Merk
2.5.4 Penghapusan
Merk
2.5.5 Pencarian
Merk Merk
Admin Login valid
Login Valid
Login Valid
Login Valid Data Merk
Info Tambah Merk Data Merk
Data Merk
Data Merk Data Merk
Data Merk
Data Merk Info Hapus Merk
Info Ubah Merk
Data Merk Data Merk
Data Keyword Data Keyword
Data Merk Info Cari Merk
2.5.1 Lihat Merk
Login valid Data Merk
Info Merk Data Merk
Data Merk
Gambar III.21 DFD Level 3 Proses Pengolahan Data Merk
Berikut gambar proses aliran data pada pengolahan data provinsi ditunjukkan dengan gambar III.22 :
2.6.2 Penambahan
Provinsi
2.6.3 Pengubahan
Provinsi
2.6.4 Penghapusan
Provinsi
2.6.5 Pencarian
Provinsi Provinsi
Admin Login valid
Login Valid
Login Valid
Login Valid Data Provinsi
Info Tambah Provinsi Data Provinsi
Data Provinsi
Data Provinsi Data Provinsi
Data Provinsi
Data Provinsi Info Hapus Provinsi
Info Ubah Provinsi
Data Provinsi Data Provinsi
Data Keyword Data Keyword
Data Provinsi Info Cari Provinsi
2.6.1 Lihat
Provinsi Login valid
Data Provinsi Info Provinsi
Data Provinsi Data Provinsi
Gambar III.22 DFD Level 3 Proses Pengolahan Data Provinsi
Berikut gambar proses aliran data pada pengolahan data kota dan kabupaten ditunjukkan dengan gambar III.23 :
2.7.2 Penambahan
Kota
2.7.3 Pengubahan
Kota
2.7.4 Penghapusan
Kota
2.7.5 Pencarian
Kota Kota
Admin Login valid
Login Valid
Login Valid
Login Valid Data Kota
Info Tambah Kota Data Kota
Data Kota
Data Kota Data Kota
Data Kota
Data Kota Info Hapus Kota
Info Ubah Kota
Data Kota Data Kota
Data Keyword Data Keyword
Data Kota Info Cari Kota
2.7.1 Lihat Kota
Login valid Data Kota
Info Kota Data Kota
Data Kota
Gambar III.23 DFD Level 3 Proses Pengolahan Data Kota
Berikut gambar proses aliran data pada pengolahan data jenis pengiriman ditunjukkan dengan gambar III.24 :
2.9.2 Penambahan
Jenis Pengiriman
2.9.3 Pengubahan
Jenis Pengiriman
2.9.4 Penghapusan
Jenis Pengiriman
Jenis Pengiriman Admin
Login valid
Login Valid
Login Valid Data Jenis Pengiriman
Info Tambah Jenis Pengiriman Data Jenis Pengiriman
Data Jenis Pengiriman
Data Jenis Pengiriman Data Jenis Pengiriman
Data Jenis Pengiriman
Data Jenis Pengiriman Info Hapus Jenis Pengiriman
Info Ubah Jenis Pengiriman
Data Jenis Pengiriman Data Jenis Pengiriman
2.9.5 Pencarian
Jenis Pengiriman
Data Keyword Login Valid
Data Keyword Data Jenis Pengiriman
Info Cari Jenis Pengiriman 2.9.1
Lihat Jenis Pengiriman
Login valid Data Jenis Pengiriman
Info Jenis Pengiriman Data Jenis Pengiriman
Data Jenis Pengiriman
Gambar III.24 DFD Level 3 Proses Pengolahan Data Jenis Pengiriman
Berikut gambar proses aliran data pada pengolahan data biaya kirim ditunjukkan dengan gambar III.25 :
2.10.2 Penambahan
Biaya Kirim
2.10.3 Pengubahan
Biaya Kirim
2.10.4 Penghapusan
Biaya Kirim Biaya Kirim
Admin Login valid
Login Valid
Login Valid Data Biaya Kirim
Info Tambah Biaya Kirim Data Biaya Kirim
Data Biaya Kirim
Data Biaya Kirim Data Biaya Kirim
Data Biaya Kirim
Data Biaya Kirim Info Hapus Biaya Kirim
Info Ubah Biaya Kirim
Data Biaya Kirim Data Biaya Kirim
2.10.5 Pencarian
Biaya Kirim Login Valid
Data Keyword Info Cari Biaya Kirim
Data Keyword Data Biaya Kirim
2.10.1 Lihat Biaya
Kirim Login valid
Data Biaya Kirim Info Biaya Kirim
Data Biaya Kirim Data Biaya Kirim
Gambar III.25 DFD Level 3 Proses Pengolahan Data Biaya Kirim
Berikut gambar proses aliran data pada pengolahan data testimonial ditunjukkan dengan gambar III.26 :
Admin 2.10.2
Pencarian Data
Testimonial
2.10.3 Penerbitan
Data Testimonial
Testimonial Data Keyword
Data Keyword Data Testimonial
Info Cari Testimonial
Data Testimonial Data Testimonial
Data Testimonial Info Terbitkan Testimonial
Login Valid
Login Valid 2.10.1
Lihat Data Testimonial
Data Testimonial Data Testimonial
Data Testimonial Info Testimonial
Login Valid
2.10.4 Penghapusan
Data Testimonial
Data Testimonial Data Testimonial
Data Testimonial Info Hapus Testimonial
Login Valid
Gambar III.26 DFD Level 3 Proses Pengolahan Data Testimonial
Berikut gambar proses aliran data pada pengolahan data berita ditunjukkan dengan gambar III.27 :
2.11.2 Penambahan
Berita
2.11.3 Pengubahan
Berita
2.11.4 Penghapusan
Berita Berita
Admin Login valid
Login Valid
Login Valid Data Berita
Info Tambah Berita Data Berita
Data Berita
Data Berita Data Berita
Data Berita
Data Berita Info Hapus Berita
Info Ubah Berita
Data Berita Data Berita
2.11.5 Pencarian
Berita Login Valid
Data Keyword Data Keyword
Data Berita Info Cari Berita
2.11.1 Lihat Berita
Login valid Data Berita
Info Berita Data Berita
Data Berita
2.11.6 Penerbitan
Berita Login Valid
Data Berita Data Berita
Data Berita Info Terbitkan Berita
Gambar III.27 DFD Level 3 Proses Pengolahan Data Berita
Berikut gambar proses aliran data pada pengolahan data kurs ditunjukkan dengan gambar III.28 :
2.12.3 Update
Kurs Kurs
Admin Login Valid
Data Kurs Data Kurs
Data Kurs Info Update Kurs
2.12.4 Pencarian
Kurs Login Valid
Data Keyword Data Keyword
Data Kurs Info Cari Kurs
2.12.1 Lihat Kurs
Login valid Data Kurs
Info Kurs Data Kurs
Data Kurs
Gambar III.28 DFD Level 3 Proses Pengolahan Data Kurs
Berikut gambar proses aliran data pada pengolahan data member ditunjukkan dengan gambar III.29 :
Admin 2.13.2
Pencarian Data
Member 2.13.3
Update Status
Member Member
Data Keyword Data Keyword
Data Member Info Cari Member
Data Status Member Data Status Member
Data Status Member Info Status Member
Login Valid
Login Valid 2.13.1
Lihat Data Member
Data Member Data Member
Data Member Info Member
Login Valid
2.13.4 Penghapusan
Data Member Data Member
Data Member Data Member
Info Hapus Member Login Valid
Gambar III.29 DFD Level 3 Proses Pengolahan Data Member
Berikut gambar proses aliran data pada pengolahan data pembayaran ditunjukkan dengan gambar III.30 :
Admin 3.4.1
Lihat Data Pembayaran
3.4.2 Update Data
Pembayaran Pesanan
Login Valid
Login Valid Data Pembayaran
Data Pembayaran Data Pembayaran
Info Pembayaran
Data Pembayaran Data Pembayaran
Data Pembayaran Info Update Pembayaran
Gambar III.30 DFD Level 3 Proses Pengolahan Data Pembayaran
Berikut gambar proses aliran data pada pengolahan data pengiriman ditunjukkan dengan gambar III.31 :
Admin 3.5.1
Lihat Data Pengiriman
3.5.2 Update Data
Pengiriman Pesanan
Login Valid
Login Valid Data Pengiriman
Data Pengiriman Data Pengiriman
Info Pengiriman
Data Pengiriman Data Pengiriman
Data Pengiriman Info Update Pengiriman
Gambar III.31 DFD Level 3 Proses Pengolahan Data Pengiriman
Berikut gambar proses aliran data pada pengolahan laporan pesanan ditunjukkan dengan gambar III.32 :
Admin 4.1.1
Lihat Laporan
Data Transaksi Pesanan Laporan Transaksi Pesanan
Pesanan Login Valid
Data Transaksi Pesanan Data Transaksi Pesanan
4.1.2 Pencetakan
Laporan Login Valid
Data Transaksi Pesanan Laporan Transaksi Pesanan
Gambar III.32 DFD Level 3 Pengolahan Laporan Pesanan
Berikut gambar proses aliran data pada pengolahan laporan produk ditunjukkan dengan gambar III.33 :
Admin 4.2.1
Lihat Laporan
Data Produk Laporan Produk
Produk Login Valid
Data Produk Data Produk
4.2.2 Pencetakan
Laporan Login Valid
Data Produk Laporan Produk
Gambar III.33 DFD Level 3 Pengolahan Laporan Produk
Berikut gambar proses aliran data pada pengolahan laporan retur ditunjukkan dengan gambar III.34:
Admin 4.3.1
Lihat Laporan
Data Retur Laporan Retur
Retur Login Valid
Data Retur Data Retur
4.3.2 Pencetakan
Laporan Login Valid
Data Retur Laporan Retur
Gambar III.34 DFD Level 3 Pengolahan Laporan Retur
Berikut gambar proses aliran data pada riwayat pesanan member ditunjukkan dengan gambar III.35:
8.2.1 Pilih
Pesanan
8.2.2 Input Data
Pembayaran Member
Pesanan Data Pesanan
Data Pesanan Data Pesanan
Info Pesanan Login Valid
Login Valid Data Pembayaran
Data Pembayaran Info Pembayaran
Data Pembayaran
Gambar III.35 DFD Level 3 Proses Riwayat Pesanan Member
Berikut gambar proses aliran data pada konfirmasi pengiriman ditunjukkan dengan gambar III.36 :
Member 11.5.1
Verifikasi Data
Pengiriman
Pesanan Data Pengiriman
Info Pengiriman Login Valid
Data Pengiriman Data Pengiriman
Member Data Member
11.5.2 Verifikasi
Jenis Pengiriman
Data Jenis Pengiriman Info Jenis Pengiriman
Login Valid Data Jenis Pengiriman
Data Jenis Pengiriman Jenis
Pengiriman Data Jenis Pengiriman
11.5.3 Konfirmasi
Data Pengiriman
Data Konfirmasi Pengiriman Info Konfirmasi Pengiriman
Login Valid Data Konfirmasi Pengiriman
Data Konfirmasi Pengiriman
Gambar III.36 DFD Level 3 Proses Konfirmasi Pengiriman
4. DFD Level 4
Berikut gambar proses aliran data pada pengolahan data stok ditunjukkan dengan gambar III.37:
2.1.1.2 Penambahan
Stok
2.1.1.3 Pengubahan
Stok
2.1.1.4 Penghapusan
Stok Stok
Admin Login valid
Login Valid
Login Valid Data Stok
Info Tambah Stok Data Stok
Data Stok
Data Stok Data Stok
Data Stok
Data Stok Info Hapus Stok
Info Ubah Stok
Data Stok Data Stok
2.1.1.5 Pencarian
Stok Login Valid
Data Keyword Data Keyword
Data Stok Info Cari Stok
2.1.1.1 Lihat Stok
Login valid Data Stok
Info Stok Data Stok
Data Stok
2.1.1.6 Detail
Gambar Login Valid
Data Gambar Data Gambar
Info Gambar Gambar
Data Gambar
Gambar III.37 DFD Level 4 Proses Pengolahan Data Stok
Berikut gambar proses aliran data pada konfirmasi pembayaran ditunjukkan dengan gambar III.38 :
Member 11.4.3.1
Verifikasi Jenis
Pembayaran 11.4.3.2
Konfirmasi Pembayaran
Pesanan Data Jenis Pembayaran
Login Valid Info Jenis Pembayaran
Info Konfirmasi Pembayaran Login Valid
Data Konfirmasi Pembayaran Data Konfirmasi Pembayaran
Data Jenis Pembayaran Data Jenis Pembayaran
Pesanan
Data Konfirmasi Pembayaran
Gambar III.38 DFD Level 4 Konfirmasi Pembayaran
5. DFD Level 5
Berikut gambar proses aliran data pada pengolahan data produk ditunjukkan dengan gambar III.39 :
2.1.1.1.2 Penambahan
Gambar
2.1.1.1.3 Pengubahan
Gambar
2.1.1.1.4 Penghapusan
Gambar Gambar
Admin Login valid
Login Valid
Login Valid Data Gambar
Info Tambah Gambar Data Gambar
Data Gambar
Data Gambar Data Gambar
Data Gambar
Data Gambar Info Hapus Gambar
Info Ubah Gambar
Data Gambar Data Gambar
2.1.1.1.5 Pencarian
Gambar Login Valid
Data Keyword Data Keyword
Data Gambar Info Cari Gambar
2.1.1.1.1 Lihat
Gambar Login valid
Data Gambar Info Gambar
Data Gambar Data Gambar
Gambar III.39 DFD Level 5 Proses Pengolahan Data Gambar III.1.6.4
Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan semua proses model aliran data yang disajikan pada diagram aliran data.
Berikut tabel spesifikasi proses pada diagram aliran data dijelaskan dengan tabel III.4 :
Tabel III.4 Tabel Spesifikasi Proses No.
Proses Keterangan
1 No. Proses
1 Nama Proses
Login admin dan member Source
Sumber Admin, member
Input Data login admin dan member
Output Status login valid atau invalid
Destination Tujuan
Admin Logika
Proses 1. Admin atau member memasukkan data login berupa
email dan password 2. Sistem akan mengecek apakah data login valid
3. Jika data login invalid maka sistem akan menampilkan pesan, sehingga admin atau member mengulangi
memasukkan data login 4. Jika data login valid maka sistem akan menampilkan
pesan dan admin atau member masuk ke halaman selanjutnya
2 No. Proses
2.2.1 Nama Proses
Penambahan Data Produk Source
Sumber Admin
Input Data produk
Output Info data tambah produk
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data produk dengan lengkap dan
valid 2. Jika data produk belum terisi dengan lengkap dan valid
maka sistem akan menampilkan pesan kesalahan 3. Jika data telah terisi dengan lengkap dan valid kemudian
admin menyimpan data produk 4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal 3
No. Proses 2.1.3
Nama Proses Pengubahan Data Produk
Source Admin
Sumber Input
Data produk Output
Info data ubah produk Destination
Tujuan Admin
Logika Proses
1. Admin mengubah data produk dengan lengkap dan valid
2. Jika data produk belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data produk
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
4 No. Proses
2.1.4 Nama Proses
Penghapusan Data Produk Source
Sumber Admin
Input Data produk
Output Info data hapus produk
Destination Tujuan
Admin Logika
Proses 1. Jika data produk berstatus aktif maka data produk tidak
dapat dihapus 2. Jika data produk berstatus pasif maka data produk dapat
dihapus 3. Admin memilih data produk kemudian menghapus data
produk 4. Jika data terhapus tampilkan pesan penghapusan
berhasil 5. Jika data gagal terhapus tampilkan pesan penghapusan
gagal 5
No. Proses 2.1.5
Nama Proses Pencarian Data Produk
Source Sumber
Admin Input
Data keyword Output
Info data cari produk Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data produk
2. Jika data keyword cocok dengan data produk yang tersimpan
dalam database
maka sistem
akan
menampilkan data produk yang dicari dan menampilkan pesan data ditemukan
3. Jika data keyword tidak cocok dengan data produk yang tersimpan
dalam database
maka sistem
akan menampilkan pesan data tidak ditemukan
6 No. Proses
2.1.1.2 Nama Proses
Penambahan Data Stok Source
Sumber Admin
Input Data Stok
Output Info data tambah stok
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data stok dengan lengkap dan valid
2. Jika data stok belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data stok
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
7 No. Proses
2.1.1.3 Nama Proses
Pengubahan Data Stok Source
Sumber Admin
Input Data stok
Output Info data ubah stok
Destination Tujuan
Admin Logika
Proses 1. Admin mengubah data stok dengan lengkap dan valid
2. Jika data stok belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data stok
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
8 No. Proses
2.1.1.4 Nama Proses
Penghapusan Data Stok Source
Sumber Admin
Input Data stok
Output Info data stok
Destination Tujuan
Admin Logika
Proses 1. Jika data stok berstatus aktif maka data stok tidak dapat
dihapus 2. Jika data stok berstatus pasif maka data stok dapat
dihapus 3. Admin memilih data stok kemudian menghapus data
stok 4. Jika data terhapus tampilkan pesan penghapusan
berhasil 5. Jika data gagal terhapus tampilkan pesan penghapusan
gagal 9
No. Proses 2.1.1.5
Nama Proses Pencarian Data Stok
Source Sumber
Admin Input
Data stok Output
Info data cari stok Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data stok 2. Jika data keyword cocok dengan data stok yang
tersimpan dalam
database maka
sistem akan
menampilkan data stok yang dicari dan menampilkan pesan data ditemukan
3. Jika data keyword tidak cocok dengan data stok yang tersimpan
dalam database
maka sistem
akan menampilkan pesan data tidak ditemukan
10 No. Proses 2.1.1.1.2
Nama Proses Penambahan Data Gambar
Source Sumber
Admin Input
Data gambar Output
Info data tambah gambar Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data gambar dengan lengkap dan valid
2. Jika data gambar belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data gambar
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
11 No. Proses 2.1.1.1.3
Nama Proses Pengubahan Data Gambar
Source Sumber
Admin Input
Data gambar Output
Info data ubah gambar Destination
Tujuan Admin
Logika Proses
1. Admin mengubah data gambar dengan lengkap dan valid
2. Jika data gambar belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data gambar
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
12 No. Proses 2.1.1.1.4
Nama Proses Penghapusan Data Gambar
Source Sumber
Admin Input
Data gambar Output
Info data gambar Destination
Tujuan Admin
Logika Proses
1. Admin memilih data gambar kemudian menghapus data gambar
2. Jika data terhapus tampilkan pesan penghapusan berhasil
3. Jika data gagal terhapus tampilkan pesan penghapusan gagal
13 No. Proses 2.1.1.5
Nama Proses Pencarian Data Gambar
Source Sumber
Admin Input
Data gambar Output
Info data cari gambar Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data gambar
2. Jika data keyword cocok dengan data gambar yang tersimpan
dalam database
maka sistem
akan menampilkan
data gambar
yang dicari
dan
menampilkan pesan data ditemukan 3. Jika data keyword tidak cocok dengan data gambar yang
tersimpan dalam
database maka
sistem akan
menampilkan pesan data tidak ditemukan 14 No. Proses
2.2.2 Nama Proses
Penambahan Data Kategori Source
Sumber Admin
Input Data kategori
Output Info data tambah kategori
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data kategori dengan lengkap dan
valid 2. Jika data kategori belum terisi dengan lengkap dan valid
maka sistem akan menampilkan pesan kesalahan 3. Jika data telah terisi dengan lengkap dan valid kemudian
admin menyimpan data kategori 4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal 15 No. Proses
2.2.3 Nama Proses
Pengubahan Data Kategori Source
Sumber Admin
Input Data kategori
Output Info data ubah kategori
Destination Tujuan
Admin Logika
Proses 1. Admin mengubah data kategori dengan lengkap dan
valid 2. Jika data kategori belum terisi dengan lengkap dan valid
maka sistem akan menampilkan pesan kesalahan 3. Jika data telah terisi dengan lengkap dan valid kemudian
admin menyimpan data kategori 4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal 16 No. Proses
2.2.4 Nama Proses
Penghapusan Data Kategori Source
Sumber Admin
Input Data kategori
Output Info data kategori
Destination Tujuan
Admin Logika
Proses 1. Jika data kategori berstatus aktif maka data stok tidak
dapat dihapus 2. Jika data kategori berstatus pasif maka data stok dapat
dihapus 3. Admin memilih data kategori kemudian menghapus
data stok 4. Jika data terhapus tampilkan pesan penghapusan
berhasil 5. Jika data gagal terhapus tampilkan pesan penghapusan
gagal 17 No. Proses
2.2.5 Nama Proses
Pencarian Data Kategori Source
Sumber Admin
Input Data kategori
Output Info data cari kategori
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data keyword pencarian data
kategori 2. Jika data keyword cocok dengan data kategori yang
tersimpan dalam
database maka
sistem akan
menampilkan data
kategori yang
dicari dan
menampilkan pesan data ditemukan 3. Jika data keyword tidak cocok dengan data kategori
yang tersimpan dalam database maka sistem akan menampilkan pesan data tidak ditemukan
18 No. Proses 2.3.2
Nama Proses Penambahan Data Ukuran
Source Sumber
Admin Input
Data ukuran Output
Info data tambah ukuran Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data ukuran dengan lengkap dan valid
2. Jika data ukuran belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data ukuran
4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal 19 No. Proses
2.3.3 Nama Proses
Pengubahan Data Ukuran Source
Sumber Admin
Input Data ukuran
Output Info data ubah ukuran
Destination Tujuan
Admin Logika
Proses 1. Admin mengubah data ukuran dengan lengkap dan valid
2. Jika data ukuran belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data ukuran
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
20 No. Proses 2.3.4
Nama Proses Penghapusan Data Ukuran
Source Sumber
Admin Input
Data ukuran Output
Info data ukuran Destination
Tujuan Admin
Logika Proses
1. Jika data ukuran berstatus aktif maka data ukuran tidak dapat dihapus
2. Jika data ukuran berstatus pasif maka data ukuran dapat dihapus
3. Admin memilih data ukuran kemudian menghapus data ukuran
4. Jika data terhapus tampilkan pesan penghapusan berhasil
5. Jika data gagal terhapus tampilkan pesan penghapusan gagal
21 No. Proses 2.3.5
Nama Proses Pencarian Data Ukuran
Source Sumber
Admin Input
Data ukuran Output
Info data cari ukuran Destination
Admin
Tujuan Logika
Proses 1. Admin memasukkan data keyword pencarian data
ukuran 2. Jika data keyword cocok dengan data ukuran yang
tersimpan dalam
database maka
sistem akan
menampilkan data ukuran yang dicari dan menampilkan pesan data ditemukan
3. Jika data keyword tidak cocok dengan data ukuran yang tersimpan
dalam database
maka sistem
akan menampilkan pesan data tidak ditemukan
22 No. Proses 2.4.2
Nama Proses Penambahan Data Warna
Source Sumber
Admin Input
Data warna Output
Info data tambah warna Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data warna dengan lengkap dan valid
2. Jika data warna belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data warna
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
23 No. Proses 2.4.3
Nama Proses Pengubahan Data Warna
Source Sumber
Admin Input
Data warna Output
Info data ubah warna Destination
Tujuan Admin
Logika Proses
1. Admin mengubah data warna dengan lengkap dan valid 2. Jika data warna belum terisi dengan lengkap dan valid
maka sistem akan menampilkan pesan kesalahan 3. Jika data telah terisi dengan lengkap dan valid kemudian
admin menyimpan data warna 4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal
24 No. Proses 2.4.4
Nama Proses Penghapusan Data Warna
Source Sumber
Admin Input
Data warna Output
Info data warna Destination
Tujuan Admin
Logika Proses
1. Jika data warna berstatus aktif maka data stok tidak dapat dihapus
2. Jika data warna berstatus pasif maka data warna dapat dihapus
3. Admin memilih data warna kemudian menghapus data warna
4. Jika data terhapus tampilkan pesan penghapusan berhasil
5. Jika data gagal terhapus tampilkan pesan penghapusan gagal
25 No. Proses 2.4.5
Nama Proses Pencarian Data Warna
Source Sumber
Admin Input
Data warna Output
Info data cari warna Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data warna
2. Jika data keyword cocok dengan data warna yang tersimpan
dalam database
maka sistem
akan menampilkan data warna yang dicari dan menampilkan
pesan data ditemukan 3. Jika data keyword tidak cocok dengan data warna yang
tersimpan dalam
database maka
sistem akan
menampilkan pesan data tidak ditemukan 26 No. Proses
2.5.2 Nama Proses
Penambahan Data Merk Source
Sumber Admin
Input Data merk
Output Info data tambah merk
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data merk dengan lengkap dan
valid
2. Jika data merk belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data merk
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
27 No. Proses 2.5.3
Nama Proses Pengubahan Data Merk
Source Sumber
Admin Input
Data merk Output
Info data ubah merk Destination
Tujuan Admin
Logika Proses
1. Admin mengubah data merk dengan lengkap dan valid 2. Jika data merk belum terisi dengan lengkap dan valid
maka sistem akan menampilkan pesan kesalahan 3. Jika data telah terisi dengan lengkap dan valid kemudian
admin menyimpan data merk 4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal 28 No. Proses
2.5.4 Nama Proses
Penghapusan Data Merk Source
Sumber Admin
Input Data merk
Output Info data merk
Destination Tujuan
Admin Logika
Proses 1. Jika data merk berstatus aktif maka data merk tidak
dapat dihapus 2. Jika data merk berstatus pasif maka data stok dapat
dihapus 3. Admin memilih data merk kemudian menghapus data
merk 4. Jika data terhapus tampilkan pesan penghapusan
berhasil 5. Jika data gagal terhapus tampilkan pesan penghapusan
gagal 29 No. Proses
2.5.5 Nama Proses
Pencarian Data merk
Source Sumber
Admin Input
Data merk Output
Info data cari merk Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data merk 2. Jika data keyword cocok dengan data merk yang
tersimpan dalam
database maka
sistem akan
menampilkan data merk yang dicari dan menampilkan pesan data ditemukan
3. Jika data keyword tidak cocok dengan data merk yang tersimpan
dalam database
maka sistem
akan menampilkan pesan data tidak ditemukan
30 No. Proses 2.6.2
Nama Proses Penambahan Data Provinsi
Source Sumber
Admin Input
Data provinsi Output
Info data tambah provinsi Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data provinsi dengan lengkap dan valid
2. Jika data provinsi belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data provinsi
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
31 No. Proses 2.6.3
Nama Proses Pengubahan Data Provinsi
Source Sumber
Admin Input
Data provinsi Output
Info data ubah provinsi Destination
Tujuan Admin
Logika Proses
1. Admin mengubah data provinsi dengan lengkap dan valid
2. Jika data provinsi belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian
admin menyimpan data provinsi 4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal 32 No. Proses
2.6.4 Nama Proses
Penghapusan Data Provinsi Source
Sumber Admin
Input Data provinsi
Output Info data provinsi
Destination Tujuan
Admin Logika
Proses 1. Jika data provinsi berstatus aktif maka data provinsi
tidak dapat dihapus 2. Jika data provinsi berstatus pasif maka data provinsi
dapat dihapus 3. Admin memilih data provinsi kemudian menghapus
data stok 4. Jika data terhapus tampilkan pesan penghapusan
berhasil 5. Jika data gagal terhapus tampilkan pesan penghapusan
gagal 33 No. Proses
2.6.5 Nama Proses
Pencarian Data Provinsi Source
Sumber Admin
Input Data provinsi
Output Info data cari provinsi
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data keyword pencarian data
provinsi 2. Jika data keyword cocok dengan data provinsi yang
tersimpan dalam
database maka
sistem akan
menampilkan data
provinsi yang
dicari dan
menampilkan pesan data ditemukan 3. Jika data keyword tidak cocok dengan data provinsi
yang tersimpan dalam database maka sistem akan menampilkan pesan data tidak ditemukan
34 No. Proses 2.7.2
Nama Proses Penambahan Data Kota
Source Sumber
Admin Input
Data kota
Output Info data tambah kota
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data kota dengan lengkap dan
valid 2. Jika data kota belum terisi dengan lengkap dan valid
maka sistem akan menampilkan pesan kesalahan 3. Jika data telah terisi dengan lengkap dan valid kemudian
admin menyimpan data kota 4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal 35 No. Proses
2.7.3 Nama Proses
Pengubahan Data Kota Source
Sumber Admin
Input Data kota
Output Info data ubah kota
Destination Tujuan
Admin Logika
Proses 1. Admin mengubah data kota dengan lengkap dan valid
2. Jika data kota belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data kota
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
36 No. Proses 2.7.4
Nama Proses Penghapusan Data Kota
Source Sumber
Admin Input
Data kota Output
Info data kota Destination
Tujuan Admin
Logika Proses
1. Jika data kota berstatus aktif maka data kota tidak dapat dihapus
2. Jika data kota berstatus pasif maka data kota dapat dihapus
3. Admin memilih data stok kemudian menghapus data kota
4. Jika data terhapus tampilkan pesan penghapusan
berhasil 5. Jika data gagal terhapus tampilkan pesan penghapusan
gagal 37 No. Proses
2.7.5 Nama Proses
Pencarian Data Kota Source
Sumber Admin
Input Data kota
Output Info data cari kota
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data keyword pencarian data kota
2. Jika data keyword cocok dengan data kota yang tersimpan
dalam database
maka sistem
akan menampilkan data kota yang dicari dan menampilkan
pesan data ditemukan 3. Jika data keyword tidak cocok dengan data kota yang
tersimpan dalam
database maka
sistem akan
menampilkan pesan data tidak ditemukan 38 No. Proses
2.8.2 Nama Proses
Penambahan Data Jenis Pengiriman Source
Sumber Admin
Input Data jenis pengiriman
Output Info data tambah jenis pengiriman
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data jenis pengiriman dengan
lengkap dan valid 2. Jika data jenis pengiriman belum terisi dengan lengkap
dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data jenis pengiriman
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
39 No. Proses 2.8.3
Nama Proses Pengubahan Data Jenis Pengiriman
Source Sumber
Admin Input
Data jenis pengiriman Output
Info data ubah jenis pengiriman Destination
Admin
Tujuan Logika
Proses 1. Admin mengubah data jenis pengiriman dengan lengkap
dan valid 2. Jika data jenis pengiriman belum terisi dengan lengkap
dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data jenis pengiriman
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
40 No. Proses 2.8.4
Nama Proses Penghapusan Data Jenis Pengiriman
Source Sumber
Admin Input
Data jenis pengiriman Output
Info data jenis pengiriman Destination
Tujuan Admin
Logika Proses
1. Jika data jenis pengiriman berstatus aktif maka data jenis pengiriman tidak dapat dihapus
2. Jika data jenis pengiriman berstatus pasif maka data kota dapat dihapus
3. Admin memilih data jenis pengiriman kemudian menghapus data jenis pengiriman
4. Jika data terhapus tampilkan pesan penghapusan berhasil
5. Jika data gagal terhapus tampilkan pesan penghapusan gagal
41 No. Proses 2.8.5
Nama Proses Pencarian Data Jenis Pengiriman
Source Sumber
Admin Input
Data jenis pengiriman Output
Info data cari jenis pengiriman Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data jenis pengiriman
2. Jika data keyword cocok dengan data kota yang tersimpan
dalam database
maka sistem
akan menampilkan data jenis pengiriman yang dicari dan
menampilkan pesan data ditemukan 3. Jika data keyword tidak cocok dengan data jenis
pengiriman yang tersimpan dalam database maka sistem
akan menampilkan pesan data tidak ditemukan 42 No. Proses
2.9.2 Nama Proses
Penambahan Data Biaya Kirim Source
Sumber Admin
Input Data biaya kirim
Output Info data tambah biaya kirim
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data biaya kirim dengan lengkap
dan valid 2. Jika data biaya kirim belum terisi dengan lengkap dan
valid maka sistem akan menampilkan pesan kesalahan 3. Jika data telah terisi dengan lengkap dan valid kemudian
admin menyimpan data biaya kirim 4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal 43 No. Proses
2.9.3 Nama Proses
Pengubahan Data biaya kirim Source
Sumber Admin
Input Data biaya kirim
Output Info data ubah biaya kirim
Destination Tujuan
Admin Logika
Proses 1. Admin mengubah data biaya kirim dengan lengkap dan
valid 2. Jika data biaya kirim belum terisi dengan lengkap dan
valid maka sistem akan menampilkan pesan kesalahan 3. Jika data telah terisi dengan lengkap dan valid kemudian
admin menyimpan data biaya kirim 4. Jika data tersimpan tampilkan pesan penyimpanan
berhasil 5. Jika data gagal tersimpan tampilkan pesan penyimpanan
gagal 44 No. Proses
2.9.4 Nama Proses
Penghapusan Data Biaya Kirim Source
Sumber Admin
Input Data biaya kirim
Output Info data biaya kirim
Destination Tujuan
Admin
Logika Proses
1. Admin memilih data stok kemudian menghapus data biaya kirim
2. Jika data terhapus tampilkan pesan penghapusan berhasil
3. Jika data gagal terhapus tampilkan pesan penghapusan gagal
45 No. Proses 2.9.5
Nama Proses Pencarian Data Biaya Kirim
Source Sumber
Admin Input
Data biaya kirim Output
Info data cari biaya kirim Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data biaya kirim
2. Jika data keyword cocok dengan data biaya kirim yang tersimpan
dalam database
maka sistem
akan menampilkan data biaya kirim yang dicari dan
menampilkan pesan data ditemukan 3. Jika data keyword tidak cocok dengan data biaya kirim
yang tersimpan dalam database maka sistem akan menampilkan pesan data tidak ditemukan
46 No. Proses 2.10.2
Nama Proses Pencarian Data Testimonial
Source Sumber
Admin Input
Data testimonial Output
Info data tambah testimonial Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data testimonial
2. Jika data keyword cocok dengan data testimonial yang tersimpan
dalam database
maka sistem
akan menampilkan data testimonial yang dicari dan
menampilkan pesan data ditemukan 3. Jika data keyword tidak cocok dengan data testimonial
yang tersimpan dalam database maka sistem akan menampilkan pesan data tidak ditemukan
47 No. Proses 2.10.3
Nama Proses Terbitkan Data Testimonial
Source Sumber
Admin Input
Data testimonial
Output Info data ubah testimonial
Destination Tujuan
Admin Logika
Proses 1. Admin memilih data testimonial yang akan diterbitkan
2. Jika data testimonial diterbitkan maka tombol aksi berubah menjadi sembunyikan
3. Jika data testimonial disembunyikan maka tombol aksi berubah menjadi terbitkan
48 No. Proses 2.10.4
Nama Proses Penghapusan Data Testimonial
Source Sumber
Admin Input
Data testimonial Output
Info data testimonial Destination
Tujuan Admin
Logika Proses
1. Admin memilih data testimonial kemudian menghapus data testimonial
2. Jika data terhapus tampilkan pesan penghapusan berhasil
3. Jika data gagal terhapus tampilkan pesan penghapusan gagal
49 No. Proses 2.11.2
Nama Proses Penambahan Data Berita
Source Sumber
Admin Input
Data berita Output
Info data tambah biaya kirim Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data berita dengan lengkap dan valid
2. Jika data berita belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data berita
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
50 No. Proses 2.11.3
Nama Proses Pengubahan Data berita
Source Sumber
Admin Input
Data berita
Output Info data ubah berita
Destination Tujuan
Admin Logika
Proses 1. Admin mengubah data berita dengan lengkap dan valid
2. Jika data berita belum terisi dengan lengkap dan valid maka sistem akan menampilkan pesan kesalahan
3. Jika data telah terisi dengan lengkap dan valid kemudian admin menyimpan data berita
4. Jika data tersimpan tampilkan pesan penyimpanan berhasil
5. Jika data gagal tersimpan tampilkan pesan penyimpanan gagal
51 No. Proses 2.11.4
Nama Proses Penghapusan Data Berita
Source Sumber
Admin Input
Data berita Output
Info data berita Destination
Tujuan Admin
Logika Proses
1. Admin memilih data berita kemudian menghapus data biaya kirim
2. Jika data terhapus tampilkan pesan penghapusan berhasil
3. Jika data gagal terhapus tampilkan pesan penghapusan gagal
52 No. Proses 2.11.5
Nama Proses Pencarian Data Berita
Source Sumber
Admin Input
Data berita Output
Info data cari berita Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data berita 2. Jika data keyword cocok dengan data berita yang
tersimpan dalam
database maka
sistem akan
menampilkan data berita yang dicari dan menampilkan pesan data ditemukan
3. Jika data keyword tidak cocok dengan data berita yang tersimpan
dalam database
maka sistem
akan menampilkan pesan data tidak ditemukan
53 No. Proses 2.11.6
Nama Proses Terbitkan Data berita
Source Admin
Sumber Input
Data berita Output
Info data terbit berita Destination
Tujuan Admin
Logika Proses
1. Admin memilih data berita yang akan diterbitkan 2. Jika data berita diterbitkan maka tombol aksi berubah
menjadi sembunyikan 3. Jika data berita disembunyikan maka tombol aksi
berubah menjadi terbitkan 54 No. Proses
2.12.2 Nama Proses
Update Data Kurs
Source Sumber
Admin Input
Data kurs Output
Info data update kurs Destination
Tujuan Admin
Logika Proses
1. Admin mengupdate data kurs 2. Jika tanggal update terbaru berbeda dengan tanggal data
terakhir di update maka data kurs bertambah 3. Jika tanggal data terakhir update sama dengan tanggal
update terbaru maka data kurs tidak bertambah
55 No. Proses 2.12.3
Nama Proses Pencarian Data Kurs
Source Sumber
Admin Input
Data kurs Output
Info data cari kurs Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data kurs 2. Jika data keyword cocok dengan data kurs yang
tersimpan dalam
database maka
sistem akan
menampilkan data kurs yang dicari dan menampilkan pesan data ditemukan
3. Jika data keyword tidak cocok dengan data kurs yang tersimpan
dalam database
maka sistem
akan menampilkan pesan data tidak ditemukan
56 No. Proses 2.13.3
Nama Proses Pencarian Data Member
Source Sumber
Admin Input
Data member Output
Info data cari member
Destination Tujuan
Admin Logika
Proses 1. Admin memasukkan data keyword pencarian data
member 2. Jika data keyword cocok dengan data member yang
tersimpan dalam
database maka
sistem akan
menampilkan data
member yang
dicari dan
menampilkan pesan data ditemukan 3. Jika data keyword tidak cocok dengan data member
yang tersimpan dalam database maka sistem akan menampilkan pesan data tidak ditemukan
57 No. Proses 2.13.3
Nama Proses Update
Data Status Member Source
Sumber Admin
Input Data member
Output Info data update status member
Destination Tujuan
Admin Logika
Proses 1. Admin mengupdate data status member
2. Jika data status member di aktifkan maka tombol aksi berubah menjadi status non-aktifkan
3. Jika data status member di non-aktifkan maka tombol aksi berubah menjadi status aktifkan
58 No. Proses 2.13.4
Nama Proses Penghapusan Data Member
Source Sumber
Admin Input
Data member Output
Info data hapus member Destination
Tujuan Admin
Logika Proses
1. Jika data member berstatus aktif maka member tidak dapat dihapus
2. Jika data member berstatus pasif maka data member dapat dihapus
3. Admin memilih member kemudian menghapus data member
4. Jika data terhapus tampilkan pesan penghapusan berhasil
5. Jika data gagal terhapus tampilkan pesan penghapusan gagal
59 No. Proses 3.2
Nama Proses Pencarian Data Pesanan
Source Admin
Sumber Input
Data keyword Output
Info Data Pesanan Destination
Tujuan Admin
Logika Proses
1. Admin memasukkan data keyword pencarian data pesanan
2. Jika data keyword cocok dengan data pesanan yang tersimpan
dalam database
maka sistem
akan menampilkan
data pesanan
yang dicari
dan menampilkan pesan data ditemukan
3. Jika data keyword tidak cocok dengan data pesanan yang tersimpan dalam database maka sistem akan
menampilkan pesan data tidak ditemukan 60 No. Proses
3.4 Nama Proses
Konfirmasi Pembayaran Source
Sumber Admin
Input Data konfirmasi pembayaran
Output Info konfirmasi pembayaran
Destination Tujuan
Admin Logika
Proses Admin mengupdate data pembayaran member yang telah
melakukan pembayaran. 61 No. Proses
3.5 Nama Proses
Konfirmasi pengiriman Source
Sumber Admin
Input Data konfirmasi pengiriman
Output Info konfirmasi pengiriman
Destination Tujuan
Admin Logika
Proses Admin mengupdate data pengiriman barang setelah
mengupdate data konfirmasi pembayaran 62 No. Proses
5 Nama Proses
Daftar Source
Sumber Pengunjung
Input Data calon member
Output Info data calon member
Destination Tujuan
Pengunjung Logika
Proses 1. Pengunjung memasukkan data registrasi calon member
2. Jika data wajib isi belum diisi maka sistem akan menampilakan pesan kesalahan dan pengunjung
mengulangi pengisian form registrasi 3. Jika semua data telah terisi dengan lengkap dan valid
maka sistem akan mengirimkan kode aktivasi ke email calon member
4. Calon member kemudian mengaktivasi akunnya 63 No. Proses
6 Nama Proses
Pengelolaan Profil Source
Sumber Admin, Member
Input Data admin, Data member
Output Info data admin, info data member
Destination Tujuan
Admin, member Logika
Proses 1. Admin atau member mengupdate data profil
2. Jika semua data telah terupdate maka admin atau member menyimpan data update profil
3. Jika admin atau member membatalkan maka data profil admin atau member tidak tersimpan
64 No. Proses 7
Nama Proses Ubah Sandi
Source Sumber
Admin, member Input
Sandi admin, sandi member Output
Info data sandi admin atau member Destination
Tujuan Admin, member
Logika Proses
1. Admin atau member memasukkan data password yang akan diganti
2. Admin atau member memasukkan ulang data password yang akan diganti
3. Admin atau member memasukkan data password baru 4. Admin atau member kemudian mengubah password
65 No. Proses 8.2
Nama Proses Konfirmasi Pembayaran
Source Sumber
Member Input
Data konfirmasi pembayaran Output
Info konfirmasi pembayaran Destination
Tujuan Member
Logika Proses
1. Member melakukan konfirmasi pembayaran dengan memasukkan data konfirmasi pembayaran
2. Jika data konfirmasi belum lengkap dan valid sistem akan menampilkan pesan kesalahan dam member
mengulangi memasukkan data konfirmasi pembayaran
3. Member mengkonfirmasi data pembayaran 4. Jika member membatalkan data konfirmasi pembayaran
maka data konfirmasi batal disimpan dan kembali ke halaman riwayat pesanan
66 No. Proses 10
Nama Proses Pencarian Produk
Source Sumber
Member, pengunjung Input
Data keyword produk Output
Info data produk Destination
Tujuan Member, pengunjung
Logika Proses
1. Member atau pengunjung memasukkan data keyword pencarian data produk
2. Jika data keyword cocok dengan data produk yang tersimpan
dalam database
maka sistem
akan menampilkan data produk yang dicari dan menampilkan
pesan data ditemukan 3. Jika data keyword tidak cocok dengan data produk yang
tersimpan dalam
database maka
sistem akan
menampilkan pesan data tidak ditemukan 67 No. Proses
11.2 Nama Proses
Update Keranjang Belanja
Source Sumber
Member Input
Data keranjang belanja Output
Info data keranjang belanja Destination
Tujuan Member
Logika Proses
1. Member memasukkan data update keranjang 2. Jika data update keranjang sesuai dengan data stok yang
terdapat pada sistem maka data keranjang dapat diupdate
3. Jika data update keranjang tidak sesuai dengan data stok yang terdapat pada sistem maka sistem menampilkan
pesan kesalahan 4. Member kemudian mengupdate data keranjang
68 No. Proses 11.3
Nama Proses Penghapusan Item Produk
Source Sumber
Member Input
Data keranjang belanja Output
Info data keranjang belanja Destination
Tujuan Member
Logika Proses
1. Member memilih item produk yang akan dihapus 2. Member kemudian menghapus data item produk
69 No. Proses 11.4
Nama Proses Kosongkan Keranjang
Source Sumber
Member Input
Data keranjang belanja Output
Info data keranjang belanja Destination
Tujuan Member
Logika Proses
Member mengosongkan data keranjang belanja 70 No. Proses
11.5 Nama Proses
Check Out Source
Sumber Member
Input Data konfirmasi pemesanan
Output Info Data konfirmasi pemesanan
Destination Tujuan
Member Logika
Proses Member mengkonfirmasi pemesanan
71 No. Proses 11.5.1
Nama Proses Verifikasi Data Pengiriman
Source Sumber
Member Input
Data pengiriman Output
Info data pengiriman Destination
Tujuan Member
Logika Proses
Member memasukkan data pengiriman dengan referensi akun atau data pengiriman yang lain
72 No. Proses 11.5.2
Nama Proses Verifikasi Jenis Pengiriman
Source Sumber
Member Input
Data jenis pengiriman Output
Info data jenis pengiriman Destination
Tujuan Member
Logika Proses
Member memilih data jenis pengiriman 73 No. Proses
11.5.3 Nama Proses
Konfirmasi data pengiriman Source
Member
Sumber Input
Data konfirmasi pengiriman Output
Info data konfirmasi pengiriman Destination
Tujuan Member
Logika Proses
Member mengkonfirmasi data pengiriman 74 No. Proses
12 Nama Proses
Membuat testimonial Source
Sumber Member
Input Data testimonial
Output Info data testimonial
Destination Tujuan
Member Logika
Proses Member memasukkan data testimonial
75 No. Proses 13
Nama Proses Tampilkan Berita
Source Sumber
Member, Pengunjung Input
Data berita Output
Info Data Berita Destination
Tujuan Member, Pengunjung
Logika Proses
Member atau pengunjung memilih data berita yang akan ditampilkan
76 No. Proses 14
Nama Proses Retur
Source Sumber
Admin Input
Data retur Output
Info data retur Destination
Tujuan Admin
Logika Proses
Admin memilih data pesanan yang melakukan retur Admin kemudian mengupdate data retur
III.1.6.5 Kamus Data
Kamus data merupakan deskripsi formal mengenai seluruh elemen yang tercakup dalam diagram aliran data.
Berikut tabel kamus data ditunjukkan dengan tabel III.5 :
Tabel III.5 Kamus Data
Nama Aliran data Data login admin dan konsumen
Digunakan pada Admin dan konsumen proses 1
Deskripsi Berisi data login admin dan konsumen yang
digunakan untuk masuk ke dalam sistem penjualan online
. Struktur data
Email+password Email
password [A-Z|a-z|0-9]
[A-Z|a-z|0-9] Nama Aliran data
Data produk Digunakan pada
Admin proses 2.1.1 Deskripsi
Berisi data produk Struktur data
IdProduk+IdKategori+IdMerk+NamaProduk+Harga +Diskon+HargaSpesial+Dilihat+Keterangan+Status
IdProduk IdKategori
IdMerk NamaProduk
Harga Diskon
HargaSpesial Dilihat
Keterangan Status
[0-9] [0-9]
[0-9] [A-Z|a-z]
[0-9] [0-9]
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
Nama Aliran data Data stok
Digunakan pada Admin-proses 2.1.1.1
Deskripsi Berisi data stok
Struktur data IdStok+IdUkuran+IdProduk+IdWarna+Berat+Stok+
MaksProduksi+PesananTertunda+Keterangan+Statu s
IdStok IdUkuran
IdProduk IdWarna
Berat Stok
MaksProduksi PesananTertunda
Keterangan Status
[0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
[A-Z|a-z] [A-Z|a-z]
Nama Aliran data Data gambar
Digunakan pada Admin-proses 2.1.1.1.1
Deskripsi Berisi data gambar
Struktur data Idgambar+IdStok+NamaGambar+PathGambar+Path
Thumbnail+Keterangan IdGambar
IdStok NamaGambar
PathGambar PathThumbnail
Keterangan [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z] [A-Z|a-z]
[A-Z|a-z]
Nama Aliran data Data kategori
Digunakan pada Admin-proses 2.2.1
Deskripsi Berisi data kategori
Struktur data IdKategori+NamaKategori+Keterangan+Status
IdKategori NamaKategori
Keterangan Status
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
Nama Aliran data Data ukuran
Digunakan pada Admin-proses 2.3.1
Deskripsi Berisi data ukuran
Struktur data IdUkuran+Ukuran+Keterangan+status
IdUkuran Ukuran
Keterangan Status
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
Nama Aliran data Data warna
Digunakan pada Admin-proses 2.4.1
Deskripsi Berisi data warna
Struktur data IdWarna+Warna+Keterangan+Status
IdWarna Warna
Keterangan Status
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
Nama Aliran data Data merk
Digunakan pada Admin-proses 2.5.1
Deskripsi Berisi data merk
Struktur data IdMerk+Merk+Keterangan+Status
IdMerk Merk
Keterangan Status
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
Nama Aliran data Data provinsi
Digunakan pada Admin-proses 2.6.1
Deskripsi Berisi data provinsi
Struktur data IdProvinsi+NamaProvinsi+Keterangan+Status
IdProvinsi NamaProvinsi
Keterangan Status
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
Nama Aliran data Data kota
Digunakan pada Admin-proses 2.7.1
Deskripsi Berisi data provinsi
Struktur data IdKota+NamaKota+NamaProvinsi+Keterangan+Sta
tus IdKota
NamaKota NamaProvinsi
Keterangan Status
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
[A-Z|a-z]
Nama Aliran data Data kurs
Digunakan pada Admin-proses 2.12.1
Deskripsi Berisi data kurs
Struktur data IdKurs+TglAktual+KodeMataUang+MataUang+Nil
aiTukar+Keterangan IdKurs
TglAktual KodeMataUang
MataUang NilaiTukar
Keterangan [0-9]
[A-Z|a-z|0-9] [A-Z|a-z]
[A-Z|a-z] [0-9]
[A-Z|a-z]
Nama Aliran data Data Jenis Pengiriman
Digunakan pada Admin-proses 2.8.1
Deskripsi Berisi data jenis Pengiriman
Struktur data IdJenisKirim+NamaJenisKirim+Keterangan+Status
IdJenisKirim NamaJenisKirim
Keterangan Status
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
Nama Aliran data Data Biaya Kirim
Digunakan pada Admin-proses 2.9.1
Deskripsi Berisi data Biaya Kirim
Struktur data IdBiayaKirim+BiayaKirim+Keterangan
IdBiayaKirim BiayaKirim
Keterangan [0-9]
[0-9] [A-Z|a-z]
Nama Aliran data Data Berita
Digunakan pada Admin-proses 2.11.1
Deskripsi Berisi data berita
Struktur data IdBerita+TglBerita+JudulBerita+IsiBerita+Keterang
an+Terbitkan+IdAdmin
IdBerita TglBerita
JudulBerita IsiBerita
Keterangan Terbitkan
IdAdmin [0-9]
[0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z|0-9]
[A-Z|a-z] [0-9]
Nama Aliran data Data Testimonial
Digunakan pada Admin-proses 2.10.1
Deskripsi Berisi data Testimonial
Struktur data IdTestimonial+IdMember+TglTestimonial+IsiTesti
monial+Terbitkan+IdAdmin IdTestimonial
IdMember TglTestimonial
IsiTestimonial Terbitkan
IdAdmin [0-9]
[0-9] [0-9]
[A-Z|a-z] [A-Z|a-z]
[0-9]
Nama Aliran data Data Member
Digunakan pada Member-Proses 5.1
Deskripsi Berisi data member
Struktur data IdUser+Email+Password+NamaDepan+NamaBelak
ang+JenisKelamin+Alamat+IdKota+KodePos+NoT elp+Keterangan+KodeAktivasi
IdUser Email
Password NamaDepan
NamaBelakang JenisKelamin
Alamat IdKota
Kodepos NoTelp
Keterangan KodeAktivasi
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z]
[A-Z|a-z] [A-Z|a-z]
[A-Z|a-z|0-9] [0-9]
[0-9] [0-9]
[A-Z|a-z] [A-Z|a-z|0-9]
III.2 Perancangan Sistem
Sistem yang akan dibangun menggunakan dua perancangan yaitu perancangan basis data dan perancangan arsitektur.
III.2.1 Perancangan Basis Data
Perancangan basis data terdiri dari skema relasi dan struktur tabel. Skema relasi menjelaskan relasi antar tabel yang satu dengan yang lain. Adapun jumlah
tabel dalam skema relasi pada sistem yang dibangun adalah sebanyak 21 tabel. Penjelasan mengenai skema relasi pada sistem yang dibangun terdapat pada
gambar III.40:
III.2.1.1 Skema Relasi
TProduk
PK IdProduk
FK2 IdMerk
FK1 IdKategori
namaProduk harga
diskon hargaSpecial
dilihat keterangan
status TUkuran
PK IdUkuran
namaUkuran
keterangan status
TKategori
PK IdKategori
namaKategori
keterangan status
TWarna
PK IdWarna
warna
keterangan status
TStok
PK IdStok
FK1 IdProduk
FK2 IdWarna
FK3 IdUkuran
stokAsli maxProduksi
berat pesananTertunda
dibeli keterangan
status TKota
PK IdKota
FK1 IdProvinsi
namaKota
keterangan status
TProvinsi
PK IdProvinsi
namaProvinsi
keterangan status
TGambar
PK IdGambar
namaGambar pathGambar
pathThumbnail keterangan
TPesanan
PK IdPesanan
FK2 IdUser
FK3 IdAdmin
FK4 IdKurs
FK1 IdBiayaKirim
noResi tglPesanan
tglKadaluarsa tglBayar
tglKirim tglTerima
namaPengirim namaPenerima
jenisKirim alamat
provinsi kota
kodepos noTelp
caraBayar mataUang
hargaKurs atasNama
kodeBayar bankTujuan
totalItem totalProduk
totalBerat totalBeratAsli
biayaKirimPerKg ongkosKirim
subtotalBayar noRekening
totalBayar cod
keterangan status
TMember
PK IdUser
email password
namaDepan namaBelakang
jenisKelamin alamat
kodePos noTelp
keterangan kodeAktivasi
status session
FK1 IdKota
TTestimonial
PK IdTestimonial
FK1 IdMember
FK2 IdAdmin
isiTestimonial tglTestimonial
diterbitkan
TDetailPesanan
PK IdDetailPesanan
FK1 IdPesanan
FK2 IdStok
jumlah harga
diskon hargaSpecial
subtotal totalHarga
TDetailRetur
PK IdDetailRetur
FK1 IdDetailPesanan
FK2 IdRetur
jumlah alasan
keterangan status
TBiayaKirim
PK IdBiayaKirim
FK2 IdJenisKirim
harga lamaKirim
keterangan FK1
IdKota TBerita
PK IdBerita
FK1 IdAdmin
TglBerita JudulBerita
IsiBerita Keterangan
Terbitkan TglTerbit
TAdmin
PK IdAdmin
email password
jenisKelamin namaDepan
namaBelakang alamat
noTelp ymAccount
kodeAktivasi keterangan
TKurs
PK IdKurs
tglAktual kodeMataUang
mataUang nilaiTukar
keterangan TJenisPengiriman
PK IdJenisKirim
jenisKirim
keterangan status
TMerk
PK IdMerk
namaMerk
keterangan status
TKeranjangBelanja
PK IdKeranjang
FK2 IdStok
FK1 IdUser
jumlah
TRetur
PK IdRetur
FK1 IdDetailPesanan
tgllRetur tglKirimMember
tglKirimToko tglTerimaMember
tglTerimaToko noResiMember
noResiToko keterangan
status
Gambar III.40 Skema Relasi Bezzle Clothing
III.2.1.2 Perancangan Struktur Tabel
Perancangan struktur tabel adalah perancangan tabel – tabel yang akan
digunakan pada database. Perancangan struktur tabel menjelaskan rincian tabel pada skema relasi. Tabel-tabel yang terdapat dalam basis data yang digunakan
dalam sistem aplikasi ini adalah sebanyak 21 tabel : 1. Tabel Admin
Tabel admin merupakan tabel untuk menyimpan data administrator yaitu orang yang mengelola aplikasi. Adapun field-field dalam tabel admin dijelaskan
dengan tabel III.6 :
Tabel III.6 Tabel Admin
No Nama Field
Tipe Size
Kunci Keterangan
1 IdAdmin
Int 4
Primary key
Not null auto increment 2
email Varchar 50
Not null 3
password Varchar 128
Not null 4
namaDepan Varchar 50
Not null 5
namaBelakang Varchar 50 Default null
6 jenisKelamin
Enum Laki-laki, Perempuan
7 alamat
Varchar 50 Default null
8 noTelp
Varchar 15 Default null
9 ymAccount
Varchar 50 Default null
10 keterangan Text
Default null 11 session
Enum Active, Non-active, default
Non-active 12 Status
Enum Aktif, Pasif, default Pasif
2. Tabel Member Tabel member merupakan tabel untuk menyimpan data member yaitu
konsumen yang telah mendaftar menjadi member.
Adapun field-field dalam tabel member dijelaskan dengan tabel III.7 :
Tabel III.7 Tabel Member
No Nama Field
Tipe Size
Kunci Keterangan
1 IdUser
Int 10
Primary key Not null auto increment
2 IdKota
Int 4
Foreign key References
‘tkota’ 3
email Varchar 50
Not null 4
password Varchar 128
Not null 5
namaDepan Varchar 25
Not null 6
namaBelakang Varchar 25 Default null
7 jenisKelamin
Enum Laki-laki, Perempuan
8 alamat
Varchar 50 Default null
9 kodepos
Char 6
Default null 10 noTelp
Varchar 15 Default null
11 keterangan Text
Default null 12 status
Enum Aktif, Pasif, default Pasif
13 session Enum
Active, Non-active
default Non-active
3. Tabel Produk Tabel produk merupakan tabel untuk menyimpan data tentang produk-
produk yang dijual. Adapun field-field dalam tabel produk dijelaskan dengan tabel III.8 :
Tabel III.8 Tabel Produk
No Nama Field Tipe
Size Kunci
Keterangan 1
IdProduk Int
10 Primary key Not null auto increment
2 IdKategori
Int 4
Foreign key References
‘tkategori’ 3
IdMerk Int
4 Foreign key
References ‘tmerk’
3 namaProduk varchar
50 Unique key
4 diskon
Decimal 10, 2 Default
5 harga
Decimal 10, 2 Default
0.00 6
hargaSpesial Decimal 10, 2 Default
0.00 7
dilihat Int
10 Default
8 keterangan
Text Default null
9 status
Enum Aktif,
Pasif, default
Pasif 10 tanggal
Date Default null
4. Tabel Stok Tabel stok merupakan tabel untuk menyimpan data stok produk. Adapun
field-field tabel stok dijelaskan dengan tabel III.9:
Tabel III.9 Tabel Stok Produk
No Nama Field
Tipe Size
Kunci Keterangan
1 IdStok
Int 10
Primary key Not null
auto increment
2 IdProduk
Int 10
Foreign key References
‘tproduk’ 3
IdUkuran Int
4 Foreign key
References ‘tukuran’
4 IdWarna
Int 4
Foreign key References
‘twarna’ 5
stok Int
10 Default
6 berat
Decimal 10, 2 Default
0.00 7
maxProduksi Int
10 Default
8 pesananTertunda Int
10 Default
9 dibeli
Int 10
Default 10 keterangan
Text Default null
11 status Enum
Aktif, Pasif,
default Pasif
5. Tabel Gambar Tabel gambar merupakan tabel untuk menyimpan data gambar produk.
Adapun field- field dalam tabel gambar dijelaskan dengan tabel III.10 :
Tabel III.10 Tabel Gambar Produk
No Nama Field
Tipe Size
Kunci Keterangan
1 IdGambar
Int 10
Primary key Not null auto increment 2
IdStok Int
10 Foreign key References
‘tstok’ 3
namaGambar Varchar 50
Not null 4
pathGambar Varchar 255
Not null 5
pathThumbnail Varchar 255 Default null
6 keterangan
Text Default null
6. Tabel Kategori Tabel kategori merupakan tabel untuk menyimpan data kategori produk.
Adapun field-field dalam tabel kategori dijelaskan denga tabel III.11 :
Tabel III.11 Tabel Kategori Produk
No Nama Field
Tipe Size
Kunci Keterangan
1 IdKategori
Int 4
Primary key Not null auto increment
2 namaKategori Varchar 30
Not null 3
keterangan Text
255 Default null
4 status
Enum Aktif, Pasif, default Pasif
7. Tabel Warna Tabel warna merupakan tabel untuk menyimpan data warna produk.
Adapun field-field dalam tabel warna dijelaskan dengan tabel III.12 :
Tabel III.12 Tabel Warna Produk
No Nama Field Tipe
Size Kunci
Keterangan 1
IdWarna Int
4 Primary key Not null auto increment
2 namaWarna Varchar 50
Not null 3
keterangan Text
Default null 4
status Enum
Aktif, Pasif, default Pasif
8. Tabel Ukuran Tabel ukuran merupakan tabel untuk menyimpan data ukuran produk.
Adapun field-field dalam tabel ukuran dijelaskan dengan tabel III.13 :
Tabel III.13 Tabel Ukuran Produk
No Nama Field Tipe
Size Kunci
Keterangan 1
IdUkuran Int
4 Primary key Not null auto increment
2 namaUkuran Varchar 50
Not null 3
keterangan Text
Default null 4
status Enum
Aktif, Pasif, default Pasif
9. Tabel Merk Tabel merk merupakan tabel untuk menyimpan data merk produk. Adapun
field-field dalam tabel merk dijelaskan dengan tabel III.14:
Tabel III.14 Tabel Merk Produk
No Nama Field Tipe
Size Kunci
Keterangan 1
IdMerk Int
4 Primary key Not null auto increment
2 namaMerk
Varchar 30 Not null
3 keterangan
Text Default null
4 status
Enum Aktif, Pasif, default Pasif
10. Tabel Provinsi Tabel provinsi merupakan tabel untuk menyimpan data provinsi di
Indonesia. Adapun field-field dalam tabel provinsi dijelaskan dengan tabel III.15:
Tabel III.15 Tabel Provinsi
No Nama Field
Tipe Size
Kunci Keterangan
1 IdProvinsi
Int 10
Primary key
Not null
auto increment
2 namaProvinsi Varchar 50
Not null, Unique key 3
keterangan Text
Default null 4
status Enum
Aktif, Pasif,
default Pasif
11. Tabel Kota Tabel kota merupakan tabel untuk menyimpan data kota dan kabupaten di
Indonesia. Adapun field-field dalam tabel kota dijelaskan dengan tabel III.16 :
Tabel III.16 Tabel Kota
No Nama Field Tipe
Size Kunci
Keterangan 1
IdKota Int
4 Primary key Not null auto increment
2 IdProvinsi
Int 4
Foreign key References ‘tprovinsi’
3 namaKota
Varchar 50 Not null, Unique key
4 keterangan
Text Default null
5 status
Enum Aktif, Pasif, default Pasif
12. Tabel Jenis Pengiriman Tabel jenis pengiriman merupakan tabel untuk menyimpan jenis-jenis
pengiriman. Adapun field-field dalam tabel jenis pengiriman dijelaskan dengan tabel III.17 :
Tabel III.17 Tabel Jenis Pengiriman
No Nama Field
Tipe Size
Kunci Keterangan
1 IdJenisKirim
Int 4
Primary key Not null
auto increment
2 namaJenisKirim
varchar 50 Not null, Unique key
3 keterangan
text Default null
4 status
Enum Aktif, Pasif, default
Pasif
13. Tabel Biaya Kirim Tabel biaya kirim merupakan tabel untuk menyimpan data biaya kirim ke
tiap kota atau kabupaten yang ada di Indonesia. Adapun field-field dalam tabel biaya kirim dijelaskan dengan tabel III.18 :
Tabel III.18 Tabel Biaya Kirim
No Nama Field Tipe
Size Kunci
Keterangan 1
IdBiayaKirim Int
4 Primary key
Not null
auto increment
2 IdJenisPengiriman Int
4 Foreign key
References ‘tjeniskirim’
3 IdKota
Int 4
Foreign key References
‘tkota’ 4
hargaKirim Decimal 10,
2 Default null
5 lamaKirim
Int 4
Default null 6
keterangan Text
Default null
14. Tabel Testimonial Tabel testimonial merupakan tabel untuk menyimpan data testimonial dari
member. Adapun field-field dalam tabel testimonial dapat dijelaskan dengan tabel III.19 :
Tabel III.19 Tabel Testimonial Member
No Nama Field
Tipe Size Kunci
Keterangan 1
IdTestimonial Int 10
Primary key Not null auto increment
2 IdUser
Int 10
Foreign key References
‘tmember’ 3
IdPenerbit Int
4 Foreign key
References ‘tadmin’
4 isiTestimonial Text
Default null 5
tglTestimonial Datet Default null
6 terbitkan
Enum Y, N default
N
15. Tabel Berita Tabel berita merupakan tabel untuk menyimpan berita-berita yang akan
dipublikasikan oleh admin. Adapun field-field dalam tabel berita dijelaskan dengan tabel III.20 :
Tabel III.20 Tabel Berita
No Nama Field Tipe
Size Kunci
Keterangan 1
IdBerita Int
10 Primary key Not null auto increment
2 IdAdmin
Int 4
Foreign key References ‘tadmin’
3 judulBerita Varchar 50
Default null 4
isiBerita Text
Default null 5
tglBerita Date
Default null 6
keterangan Text
Default null 7
terbitkan Enum
Y, N default N 8
tglTerbit Date
Default null
16. Tabel Kurs Tabel kurs merupakan tabel untuk menyimpan data kurs dari mata uang
asing. Adapun field-field dalam tabel kurs dijelaskan dengan tabel III.21 :
Tabel III.21 Tabel Kurs
No Nama Field
Tipe Size
Kunci Keterangan
1 IdKurs
Int 4
Primary key Not null auto increment 2
tanggalAktual Datetime
Default null 3
kodeMataUang Varchar 10
Default null 4
mataUang Varchar
30 Default null
5 nilaiTukar
Decimal 8, 2 Default null
6 keterangan
Text Default null
17. Tabel Keranjang Tabel Keranjang merupakan tabel penyimpanan sementara pesanan
member. Adapun field-field dalam tabel keranjang dijelaskan dengan tabel III.22 :
Tabel III.22 Tabel Keranjang Belanja
No Nama Field Tipe Size Kunci
Keterangan 1
IdKeranjang Int 10
Primary key Not null auto increment 2
IdMember Int
10 Foreign key References
‘tmember’ 3
IdStok Int
4 Foreign key References
‘tstok’ 4
jumlah Int
4 Not null default
1
18. Tabel Pesanan Tabel pesanan merupakan tabel untuk menyimpan data pesanan produk.
Adapun field-field dalam tabel pesanan dijelaskan dengan tabel III.23 :
Tabel III.23 Tabel Pesanan
No Nama Field
Tipe Size
Kunci Keterangan
1 IdPesanan
Int 10
Primary key Not null
auto increment
2 IdUser
Int 10
Foreign key References
‘tmember’ 3
IdAdmin Int
4 Foreign key
References ‘tadmin’
4 IdBiayaKirim
Int 4
Foreign key References
‘tbiayakirim’ 5
IdKurs Int
4 Foreign key
References ‘tkurs’
6 noResi
Varchar 50 Default null
7 tglPesanan
Date Not null
8 tglKadaluarsa
Date Not null
9 tglBayar
Date Default null
10 tglKirim Date
Default null 11 tglTerima
Date Default null
12 namaPengirim Varchar 50
Not null 12 namaPenerima
Varchar 50 Not null
13 jenisKirim Varchar 50
Not null 15 provinsi
Varchar 50 Not null
16 kota Varchar 50
Not null 17 alamat
Varchar 50 Not null
18 kodepos Char
6 Not null
19 noTelp Char
15 Default null
20 email Varchar 50
Default null 21 caraBayar
Enum Default null
22 mataUang Enum
Rupiah, US Dollar default Rupiah
23 kodebayar Varchar 50
Default null 24 totalProduk
Int 4
Default null 25 totalItem
Int 4
Not null 26 totalBeratAsli
Int 8
Default null 27 totalBerat
Int 8
Not null 28 hargaKurs
Decimal 10, 2 Default null
29 subtotalBayar Decimal 10, 2
Not null 30 biayaKirimPerKg Decimal 10, 2
Default null 31 ongkosKirim
Decimal 10, 2 Not null
32 totalBayar Decimal 10, 2
Not null 33 cod
Enum Ya, Tidak default
Tidak 34 lamaKirim
Int 4
Not null 35 keterangan
Text Default null
36 status Enum
Pesanan Dikonfirmasi,
Pesanan Dibatalkan, Konfirmasi
Pembayaran, Pembayaran
Dikonfirmasi, Sedang
Dikirim, Sudah
Diterima, Kadaluarsa, Tutup
default Pesanan
dikonfirmasi 37 bank
Enum BCA,
BNI, MANDIRI default
null 38 atasNama
Varchar 50 default null
19. Tabel Detail Pesanan Tabel detail pesanan merupakan tabel untuk menyimpan data detail
pesanan. Adapun field-field dalam tabel detail pesanan dijelaskan dengan tabel III.24 :
Tabel III.24 Tabel Detail Pesanan
No Nama Field
Tipe Size
Kunci Keterangan
1 IdDetailPesanan Int
10 Primary key Not null auto increment
2 IdPesanan
Int 10
Foreign key References ‘tpesanan’
3 IdStok
Int 10
Foreign key References ‘tstok’
4 IdProduk
Int 10
Foreign key References ‘tproduk’
5 namaProduk
Varchar 50 Default null
6 ukuran
Varchar 50 Default null
7 warna
Varchar 50 Default null
8 harga
Decimal 10, 2 Default null
9 diskon
Decimal 10, 2 Default null
10 hargaDiskon Decimal 10, 2
Default null 11 hargaSpesial
Decimal 10, 2 Default null
12 hargaFix Decimal 10, 2
Default null 13 jumlah
Int 4
Default null 14 subTotal
Decimal 10, 2 Default null
15 berat Decimal 10, 2
Default null 16 ketProduk
Text Default null
17 ketStok Text
Default null
20. Tabel Retur Tabel retur merupakan tabel untuk menyimpan data retur yang terjadi.
Adapun field-field dalam tabel retur dijelaskan dengan tabel III.25 :
Tabel III.25 Tabel Retur
No Nama Field
Tipe Size
Kunci Keterangan
1 IdRetur
Int 10
Primary key
Not null auto increment 2
IdDetailPesanan Int
10 Foreign
key References
‘tdetailpesanan’ 3
tglRetur Date
Not null 4
tglKirimMember Date
Default null 5
tglKirim Toko Date
Default null 6
tglTerimaMember Date Default null
7 tglTerimaToko
Date Default null
8 noResiMember
Varchar 50 Default null
9 noResiToko
Varchar 50 Default null
10 Keterangan Default null
6 Status
Enum Konfirmasi retur, Retur
dikonfirmasi, Retur ditolak, Retur dibatalkan, Sedang
dikirim member, Sedang dikirim toko, Sudah diterima
member,
Retur selesai
default Konfirmasi retur
21. Tabel Detail Retur Tabel detail retur merupakan tabel untuk menyimpan informasi data retur .
Adapun field-field dalam tabel detail retur dijelaskan dengan tabel III.26 :
Tabel III.26 Tabel Detail Retur
No Nama Field
Tipe Size Kunci
Keterangan 1
IdDetailRetur Int
10 Primary
key Not null auto increment
2 IdDetailPesanan Int
10 Foreign
key References
‘tdetailpesanan’ 3
idRetur Int
10 Foreign
key References
‘tretur’
4 Jumlah
Int 4
Default null 5
alasan Enum
Produk Tidak Sesuai, Rusak, default null
6 keterangan
Text Default null
7 pilihan
Enum Tunggu barang ada, Ganti
dengan barang lain, Retur biasa, default Retur biasa
8 status
Enum Retur dikonfirmasi
III.2.2 Perancangan Arsitektur
III.2.2.1 Perancangan Struktur Menu
1. Perancangan Struktur Menu Admin Perancangan struktur menu admin merupakan tampilan menu yang dapat
diakses oleh administrator. Perancangan struktur menu admin pada halaman utama dapat ditunjukkan
dengan gambar III.41 :
Keluar
Beranda Laporan
Data Transaksi Data Master
Ubah Sandi Kelola Profil
Data Retur
Backup Restore
Gambar III.41 Perancangan Struktur Menu Admin Pada Halaman Utama
Perancangan struktur menu admin pada data master dapat ditunjukkan dengan gambar III.42 :
Data Kota Data Provinsi
Data Merk Data Warna
Data Ukuran Data Kategori
Data Produk
Data Member Data Kurs
Data Berita
Data Testimonial
Data Biaya Kiim
Data Jenis Pengiriman
Data Gambar
Data Stok
Gambar III.42 Perancangan Struktur Menu Admin Pada Data Master
Perancangan struktur menu admin pada data transaksi dapat ditunjukkan dengan gambar III.43 :
Seluruh Data Pesanan
Pesanan Diterima
Pesanan Sedang Dikirim
Pembayaran Tertunda
Pembayaran Dikonfirmasi
Pesanan Dikonfirmasi
Pesanan Selesai
Pesanan Dibatalkan
Pesanan Kadaluarsa
Pembayaran Gagal
Gambar III.43 Perancangan Struktur Menu Admin Pada Data Transaksi
Perancangan struktur menu admin pada pada laporan dapat ditunjukkan dengan gambar III.44 :
Laporan Penjualan
Laporan Produk
Laporan Retur
Gambar III.44 Perancangan Struktur Menu Admin Pada Laporan
2. Perancangan Struktur Menu Member Perancangan struktur menu member merupakan tampilan menu-menu yang
dapat diakses pada halaman member. Perancangan arsitektur menu member ditunjukkan dengan gambar III.45 :
Beranda
Semua Produk
Produk Diskon Spesial
Cara Belanja Kategori
Cara Pengiriman
Cara Pembayaran
Hubungi Kami
Kelola Profil
Ubah Sandi
Riwayat Pesanan
Testimonial Keluar
Keranjang Belanja
Gambar III.45 Perancangan Struktur Menu Member
3. Perancangan Struktur Menu Pengunjung Perancangan struktur menu pengunjung merupakan tampilan menu-menu
yang dapat diakses oleh pengunjung. Perancangan struktur menu pengunjung ditunjukkan dengan gambar III.46 :
Beranda
Semua Produk
Produk Diskon Cara Belanja
Kategori
Cara Pengiriman
Cara Pembayaran
Hubungi Kami Daftar
Masuk
Gambar III.46 Perancangan Struktur Menu Pengunjung III.2.2.2
Perancangan Antar Muka
Perancangan antar muka adalah tampilan dari suatu program aplikasi sebagai media untuk berkomunikasi untuk melakukan interaksi dengan user.
Berikut adalah tampilan antar muka yang dirancang pada website penjualan online Bezzle Clothing :
1. Halaman Admin Perancangan antar muka halaman beranda admin ditunjukkan dengan
gambar III.47 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
A01 Kelola Profil
Keluar
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21 Klik link Laporan Pesanan untuk menuju
A22 Klik link Laporan Retur untuk menuju A23
Klik link Lihat Pengolahan Data Member untuk menuju A16
Klik
link Lihat
Pengolahan Data
Testimonial untuk menuju A13 Klik link Lihat Pengolahan data Transaksi
Pesanan untuk menuju A19 Klik link Pengolahan Data Produk untuk
menuju A02
Ubah Sandi 5 Data Member Terakhir
5 Data Testimonial 5 Data Transaksi Pemesanan Terakhir
5 Data Produk Paling Sering Dilihat 5 Data Produk Paling Sering Dibeli
No Email
Nama Depan Alamat
Status Aksi
No Tgl.Testimonial
Email Member Isi Testimonial
Aksi No.Faktur
Tgl. Pesanan Nama Pemesan
Total Bayar Status
Aksi No
Gambar Nama Produk
Keterangan Dilihat
Harga No
Gambar Nama Produk
Ukuran Dibeli
Harga Diskon
Warna Diskon
Isi Content
Lihat Pengolahan Data Member Lihat Pengolahan Data Testimonial
Lihat Pengolahan Data Transaksi Pesanan Lihat Pengolahan Data Produk
Utilitas
Gambar III.47 Perancangan Antar Muka Halaman Beranda Admin
Perancangan antar muka pengolahan data produk ditunjukkan dengan gambar III.48 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A02
Kelola Profil Keluar
Ubah Sandi Pengolahan Data Produk
Pencarian Berdasarkan Produk
Refresh data produk Tambah data produk
Jumlah total produk Nama Produk
Harga Fix Status
Aksi Ubah
Detail Stok
P1 Hapus Produk
C1
Cari Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Produk untuk menuju A22
Klik link Laporan Produk untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik Kembali Ke Data Produk untuk menuju A02
Klik Kembali Ke Data Stok untuk menuju A03
Klik
Refresh Data
Produk untuk
merefresh data produk Klik Tambah Data produk untuk menuju
A04A Klik Ubah untuk menuju A04B
Klik Detail Stok untuk menuju A03 Klik Checkbox C1 dan seterusnya untuk
memilih data gambar Klik link P1 dan seterusnya untuk memilih
halaman data gambar Klik tombol cari untuk mencari data
produk Klik
tombol Hapus
gambar untuk
menghapus data produk
Gambar III.48 Perancangan Antar Muka Pengolahan Data Produk
Perancangan antar muka penambahan data produk ditunjukkan dengan gambar III.49 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A02A
Kelola Profil Keluar
Ubah Sandi Penambahan Data Produk
Nama Produk Kategori
Merk Harga
Harga Spesial Keterangan
Batal Tambah
Produk Diskon
Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Tambah
Produk untuk
menambah data Produk Klik tombol Batal untuk membatalkan
tambah data produk
Gambar III.49 Perancangan Antar Muka Penambahan Data Produk
Perancangan antar muka pengubahan data produk ditunjukkan dengan gambar III.50 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A02B
Kelola Profil Keluar
Ubah Sandi Pengubahan Data Produk
Nama Produk Kategori
Merk Harga
Harga Spesial Keterangan
Batal Ubah Produk
Id Produk
Status Diskon
Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Pilih Gambar untuk memilih
data gambar Klik
tombol Ubah
Produk untuk
mengubah data gambar Klik tombol Batal untuk membatalkan
tambah data Produk
Gambar III.50 Perancangan Antar Muka Pengubahan Data Produk
Perancangan antar muka pengolahan data stok ditunjukkan dengan gambar III.51 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A03
Kelola Profil Keluar
Ubah Sandi
Pengolahan Data Stok Pencarian Berdasarkan
Ukuran Refresh data stok
Tambah data stok Jumlah total data stok
Ukuran Warna
Berat Aksi
Ubah Detail Gambar
P1 Hapus Stok
Kembali Ke Data Produk Stok
Cari
C1
Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Produk untuk menuju A22
Klik link Laporan Produk untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik Kembali Ke Data Produk untuk menuju A02
Klik Refresh Data Stok untuk merefresh data stok
Klik Tambah Data Stok untuk menuju A03A
Klik Ubah untuk menuju A03B Klik Checkbox C1 dan seterusnya untuk
memilih data gambar Klik link P1 dan seterusnya untuk memilih
halaman data gambar Klik tombol cari untuk mencari data stok
Klik tombol Hapus stok untuk menghapus data stok
Gambar III.51 Perancangan Antar Muka Pengolahan Data Stok
Perancangan antar muka penambahan data stok ditunjukkan dengan gambar III.52 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A03A
Kelola Profil Keluar
Ubah Sandi Penambahan Data Stok
Id Produk Ukuran
Warna Berat
Stok Max Produksi
Keterangan Batal
Tambah Stok Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Tambah
Stok untuk
menambah data stok Klik tombol Batal untuk membatalkan
tambah data stok
Gambar III.52 Perancangan Antar Muka Penambahan Data Stok
Perancangan antar muka pengubahan data stok ditunjukkan dengan gambar III.53 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A03B
Kelola Profil Keluar
Ubah Sandi Pengubahan Data Stok
Id Stok Ukuran
Warna Berat
Stok Max Produksi
Keterangan Batal
Ubah Stok Id Produk
Status Pesanan Tertunda
Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Ubah Stok untuk mengubah
data stok Klik tombol Batal untuk membatalkan
ubah data stok
Gambar III.53 Perancangan Antar Muka Pengubahan Data Stok
Perancangan antar muka pengolahan data gambar ditunjukkan dengan gambar III.54 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A04
Kelola Profil Keluar
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Produk untuk menuju A22
Klik link Laporan Produk untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik Kembali Ke Data Produk untuk menuju A02
Klik Kembali Ke Data Stok untuk menuju A03
Klik
Refresh Data
Gambar untuk
merefresh data gambar Klik Tambah Data Gambar untuk menuju
A04A Klik Ubah untuk menuju A04B
Klik Checkbox C1 dan seterusnya untuk memilih data gambar
Klik link P1 dan seterusnya untuk memilih halaman data gambar
Klik tombol cari untuk mencari data gambar
Klik
tombol Hapus
gambar untuk
menghapus data gambar
Ubah Sandi
Pengolahan Data Gambar Pencarian Berdasarkan Nama Gambar
Refresh data gambar Tambah data gambar
Jumlah total data gambar Nama Gambar
Gambar Aksi
Ubah P1
Hapus Gambar Kembali Ke Data
Produk Path File
Cari Kembali Ke Data Stok
C1
Utilitas
Gambar III.54 Perancangan Antar Muka Pengolahan Data Gambar
Perancangan antar muka penambahan data gambar ditunjukkan dengan gambar III.55 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A04A
Kelola Profil Keluar
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Pilih Gambar untuk memilih
data gambar Klik
tombol Tambah
Gambar untuk
menambah data gambar Klik tombol Batal untuk membatalkan
tambah data gambar
Ubah Sandi Penambahan Data Gambar
Id Stok Nama Gambar
Path File Gambar Keterangan
Choose File
Batal Tambah Gambar
Utilitas
Gambar III.55 Perancangan Antar Muka Penambahan Data Gambar
Perancangan antar muka pengubahan data gambar ditunjukkan dengan gambar III.56:
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A04B
Kelola Profil Keluar
Ubah Sandi Pengubahan Data Gambar
Id Gambar Nama Gambar
Path File Gambar Keterangan
Choose File
Batal Ubah Gambar
Id Stok Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Ubah
Gambar untuk
mengubah data gambar Klik tombol Batal untuk membatalkan
ubah data gambar
Gambar III.56 Perancangan Antar Muka Pengubahan Data Gambar
Perancangan antar muka pengolahan data kategori ditunjukkan dengan gambar III.57 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A05
Kelola Profil Keluar
Ubah Sandi
Pengolahan Data Kategori Pencarian Berdasarkan Nama Kategori
Refresh data kategori Tambah data kategori
Jumlah total data kategori Nama kategori
Keterangan Status
Aksi Ubah
P1 Hapus Kategori
C1
Cari
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Produk untuk menuju A22
Klik link Laporan Produk untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik
Refresh Data
kategori untuk
merefresh data kategori Klik Tambah Data kategori untuk menuju
A05A Klik Ubah untuk menuju A05B
Klik Checkbox C1 dan seterusnya untuk memilih data kategori
Klik link P1 dan seterusnya untuk memilih halaman data kategori
Klik tombol cari untuk mencari data kategori
Klik
tombol Hapus
kategori untuk
menghapus data kategori
Utilitas
Gambar III.57 Perancangan Antar Muka Pengolahan Data Kategori
Perancangan antar muka penambahan data kategori ditunjukkan dengan gambar III.58 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A05A
Kelola Profil Keluar
Ubah Sandi
Penambahan Data Kategori Nama Kategori
Keterangan
Batal Tambah Kategori
Status
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Tambah
kategori untuk
menambah data stok Klik tombol Batal untuk membatalkan
tambah data kategori
Utilitas
Gambar III.58 Perancangan Antar Muka Penambahan Data Kategori
Perancangan antar muka pengubahan data kategori ditunjukkan dengan gambar III.59 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A05B
Kelola Profil Keluar
Ubah Sandi Pengubahan Data Kategori
Nama Kategori Keterangan
Batal Ubah Kategori
Id Kategori
Status Klik link Beranda untuk menuju A01
Klik link Data Produk untuk menuju A02 Klik link Data Kategori untuk menuju A05
Klik link Data Ukuran untuk menuju A06 Klik link Data Warna untuk menuju A07
Klik link Data Merk untuk menuju A08 Klik link Data Provinsi untuk menuju A09
Klik link Data Kota untuk menuju A10 Klik link Data Jenis Pengiriman untuk
menuju A11 Klik link Data Biaya Kirim untuk menuju
A12 Klik link Data Testimonial untuk menuju
A13 Klik link Data Berita untuk menuju A14
Klik link Data Kurs untuk menuju A15 Klik link Data Member untuk menuju A16
Klik link Kelola Profil untuk menuju A17 Klik link Ubah Sandi untuk menuju A18
Klik link Keluar untuk Log Out Klik link Data Pemesanan untuk menuju
A19 Klik link Data Retur Barang untuk menuju
A20 Klik link Laporan Produk untuk menuju
A21 Klik link Laporan Pesanan untuk menuju
A22 Klik link Laporan Retur untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik
tombol Ubah
kategori untuk
mengubah data stok Klik tombol Batal untuk membatalkan
ubah data kategori Utilitas
Gambar III.59 Perancangan Antar Muka Pengubahan Data Kategori
Perancangan antar muka pengolahan data ukuran ditunjukkan dengan gambar III.60 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A06
Kelola Profil Keluar
Ubah Sandi
Pengolahan Data Ukuran Pencarian Berdasarkan Nama Ukuran
Refresh data ukuran Tambah data ukuran
Jumlah total data ukuran Nama Ukuran
Keterangan Status
Aksi Ubah
P1 Hapus Ukuran
C1
Cari
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Produk untuk menuju A22
Klik link Laporan Produk untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik Refresh Data ukuran untuk merefresh data ukuran
Klik Tambah Data Ukuran untuk menuju A06A
Klik Ubah untuk menuju A06B Klik Checkbox C1 dan seterusnya untuk
memilih data ukuran Klik link P1 dan seterusnya untuk memilih
halaman data ukuran Klik tombol cari untuk mencari data
ukuran Klik
tombol Hapus
ukuran untuk
menghapus data ukuran
Utilitas
Gambar III.60 Perancangan Antar Muka Pengolahan Data Ukuran
Perancangan antar muka penambahan data ukuran ditunjukkan dengan gambar III.61 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A06A
Kelola Profil Keluar
Ubah Sandi
Penambahan Data Ukuran Nama Ukuran
Keterangan
Batal Tambah Ukuran
Status Klik link Beranda untuk menuju A01
Klik link Data Produk untuk menuju A02 Klik link Data Kategori untuk menuju A05
Klik link Data Ukuran untuk menuju A06 Klik link Data Warna untuk menuju A07
Klik link Data Merk untuk menuju A08 Klik link Data Provinsi untuk menuju A09
Klik link Data Kota untuk menuju A10 Klik link Data Jenis Pengiriman untuk
menuju A11 Klik link Data Biaya Kirim untuk menuju
A12 Klik link Data Testimonial untuk menuju
A13 Klik link Data Berita untuk menuju A14
Klik link Data Kurs untuk menuju A15 Klik link Data Member untuk menuju A16
Klik link Kelola Profil untuk menuju A17 Klik link Ubah Sandi untuk menuju A18
Klik link Keluar untuk Log Out Klik link Data Pemesanan untuk menuju
A19 Klik link Data Retur Barang untuk menuju
A20 Klik link Laporan Produk untuk menuju
A21 Klik link Laporan Pesanan untuk menuju
A22 Klik link Laporan Retur untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik
tombol Tambah
Ukuran untuk
menambah data Ukuran Klik tombol Batal untuk membatalkan
tambah data Ukuran Utilitas
Gambar III.61 Perancangan Antar Muka Penambahan Data Ukuran
Perancangan antar muka pengubahan data ukuran ditunjukkan dengan gambar III.62 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A06B
Kelola Profil Keluar
Ubah Sandi
Pengubahan Data Ukuran Nama Ukuran
Keterangan
Batal Ubah Ukuran
Id Ukuran
Status
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Ubah
Ukuran untuk
mengubah data Ukuran Klik tombol Batal untuk membatalkan
ubah data Ukuran
Ukuran
Gambar III.62 Perancangan Antar Muka Pengubahan Data Ukuran
Perancangan antar muka pengolahan data warna ditunjukkan dengan gambar III.63 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A07
Kelola Profil Keluar
Ubah Sandi
Pengolahan Data Warna Pencarian Berdasarkan Nama Warna
Refresh data warna Tambah data warna
Jumlah total data warna Nama Warna
Keterangan Status
Aksi Ubah
P1
C1
Cari
Hapus Warna
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Produk untuk menuju A22
Klik link Laporan Produk untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik Refresh Data Warna untuk merefresh data Warna
Klik Tambah Data Warna untuk menuju A07A
Klik Ubah untuk menuju A07B Klik Checkbox C1 dan seterusnya untuk
memilih data Warna Klik link P1 dan seterusnya untuk memilih
halaman data Warna Klik tombol cari untuk mencari data
Warna Klik
tombol Hapus
Warna untuk
menghapus data Warna
Utilitas
Gambar III.63 Perancangan Antar Muka Pengolahan Data Warna
Perancangan antar muka penambahan data warna ditunjukkan dengan gambar III.64:
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A07A
Kelola Profil Keluar
Ubah Sandi Penambahan Data Warna
Nama Warna Keterangan
Batal Tambah Warna
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Tambah
Warna untuk
menambah data Warna Klik tombol Batal untuk membatalkan
tambah data Warna Utilitas
Gambar III.64 Perancangan Antar Muka Penambahan Data Warna
Perancangan antar muka pengubahan data warna ditunjukkan dengan gambar III.65:
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A07B
Kelola Profil Keluar
Ubah Sandi
Pengubahan Data Warna Nama Warna
Keterangan
Batal Ubah Warna
Id Warna
Status
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Ubah Warna untuk mengubah
data Warna Klik tombol Batal untuk membatalkan
ubah data Warna
Utilitas
Gambar III.65 Perancangan Antar Muka Pengubahan Data Warna
Perancangan antar muka pengolahan data merk ditunjukkan dengan gambar III.66 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A08
Kelola Profil Keluar
Ubah Sandi Pengolahan Data Merk
Pencarian Berdasarkan Nama Merk Refresh data merk
Tambah data merk Jumlah total data merk
Nama merk Keterangan
Status Aksi
Ubah P1
Hapus Merk Cari
C1 Klik link Beranda untuk menuju A01
Klik link Data Produk untuk menuju A02 Klik link Data Kategori untuk menuju A05
Klik link Data Ukuran untuk menuju A06 Klik link Data Warna untuk menuju A07
Klik link Data Merk untuk menuju A08 Klik link Data Provinsi untuk menuju A09
Klik link Data Kota untuk menuju A10 Klik link Data Jenis Pengiriman untuk
menuju A11 Klik link Data Biaya Kirim untuk menuju
A12 Klik link Data Testimonial untuk menuju
A13 Klik link Data Berita untuk menuju A14
Klik link Data Kurs untuk menuju A15 Klik link Data Member untuk menuju A16
Klik link Kelola Profil untuk menuju A17 Klik link Ubah Sandi untuk menuju A18
Klik link Keluar untuk Log Out Klik link Data Pemesanan untuk menuju
A19 Klik link Data Retur Barang untuk menuju
A20 Klik link Laporan Produk untuk menuju
A21 Klik link Laporan Produk untuk menuju
A22 Klik link Laporan Produk untuk menuju
A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik Refresh Data Merk untuk merefresh
data Merk Klik Tambah Data Merk untuk menuju
A08A Klik Ubah untuk menuju A08B
Klik Checkbox C1 dan seterusnya untuk memilih data Merk
Klik link P1 dan seterusnya untuk memilih halaman data Merk
Klik tombol cari untuk mencari data Merk Klik
tombol Hapus
Merk untuk
menghapus data Merk
Utilitas
Gambar III.66 Perancangan Antar Muka Pengolahan Data Merk
Perancangan antar muka penambahan data merk ditunjukkan dengan gambar III.67 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A08A
Kelola Profil Keluar
Ubah Sandi Penambahan Data Merk
Nama Merk Keterangan
Batal Tambah Merk
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Tambah
Merk untuk
menambah data Merk Klik tombol Batal untuk membatalkan
tambah data Merk Utilitas
Gambar III.67 Perancangan Antar Muka Penambahan Data Merk
Perancangan antar muka pengubahan data merk ditunjukkan dengan gambar III.68 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A08B
Kelola Profil Keluar
Ubah Sandi
Pengubahan Data Merk Nama Merk
Keterangan
Batal Ubah Merk
Id Merk
Status Klik link Beranda untuk menuju A01
Klik link Data Produk untuk menuju A02 Klik link Data Kategori untuk menuju A05
Klik link Data Ukuran untuk menuju A06 Klik link Data Warna untuk menuju A07
Klik link Data Merk untuk menuju A08 Klik link Data Provinsi untuk menuju A09
Klik link Data Kota untuk menuju A10 Klik link Data Jenis Pengiriman untuk
menuju A11 Klik link Data Biaya Kirim untuk menuju
A12 Klik link Data Testimonial untuk menuju
A13 Klik link Data Berita untuk menuju A14
Klik link Data Kurs untuk menuju A15 Klik link Data Member untuk menuju A16
Klik link Kelola Profil untuk menuju A17 Klik link Ubah Sandi untuk menuju A18
Klik link Keluar untuk Log Out Klik link Data Pemesanan untuk menuju
A19 Klik link Data Retur Barang untuk menuju
A20 Klik link Laporan Produk untuk menuju
A21 Klik link Laporan Pesanan untuk menuju
A22 Klik link Laporan Retur untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik tombol Ubah Merk untuk mengubah data Merk
Klik tombol Batal untuk membatalkan ubah data Merk
Utilitas
Gambar III.68 Perancangan Antar Muka Pengubahan Data Merk
Perancangan antar muka pengolahan data provinsi ditunjukkan dengan gambar III.69 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A09
Kelola Profil Keluar
Ubah Sandi
Pengolahan Data Provinsi Pencarian Berdasarkan Nama Provinsi
Refresh data provinsi Tambah data provinsi
Nama provinsi Keterangan
Status Aksi
Ubah
P1 Hapus Provinsi
Jumlah Total Data Cari
C1 Klik link Beranda untuk menuju A01
Klik link Data Produk untuk menuju A02 Klik link Data Kategori untuk menuju A05
Klik link Data Ukuran untuk menuju A06 Klik link Data Warna untuk menuju A07
Klik link Data Merk untuk menuju A08 Klik link Data Provinsi untuk menuju A09
Klik link Data Kota untuk menuju A10 Klik link Data Jenis Pengiriman untuk
menuju A11 Klik link Data Biaya Kirim untuk menuju
A12 Klik link Data Testimonial untuk menuju
A13 Klik link Data Berita untuk menuju A14
Klik link Data Kurs untuk menuju A15 Klik link Data Member untuk menuju A16
Klik link Kelola Profil untuk menuju A17 Klik link Ubah Sandi untuk menuju A18
Klik link Keluar untuk Log Out Klik link Data Pemesanan untuk menuju
A19 Klik link Data Retur Barang untuk menuju
A20 Klik link Laporan Produk untuk menuju
A21 Klik link Laporan Produk untuk menuju
A22 Klik link Laporan Produk untuk menuju
A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
Refresh Data
Provinsi untuk
merefresh data Provinsi Klik Tambah Data Provinsi untuk menuju
A09A Klik Ubah untuk menuju A09B
Klik Checkbox C1 dan seterusnya untuk memilih data Provinsi
Klik link P1 dan seterusnya untuk memilih halaman data Provinsi
Klik tombol cari untuk mencari data Provinsi
Klik
tombol Hapus
Provinsi untuk
menghapus data Provinsi
Utilitas
Gambar III.69 Perancangan Antar Muka Pengolahan Data Provinsi
Perancangan antar muka penambahan data provinsi ditunjukkan dengan gambar III.70 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A09A
Kelola Profil Keluar
Ubah Sandi Penambahan Data Provinsi
Nama Provinsi Keterangan
Batal Tambah Provinsi
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Tambah
Provinsi untuk
menambah data Provinsi Klik tombol Batal untuk membatalkan
tambah data Provinsi
Utillitas
Gambar III.70 Perancangan Antar Muka Penambahan Data Provinsi
Perancangan antar muka pengubahan data provinsi ditunjukkan dengan gambar III.71 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A09B
Kelola Profil Keluar
Ubah Sandi Pengubahan Data Provinsi
Nama Provinsi Keterangan
Batal Ubah Provinsi
Id Provinsi
Status Klik link Beranda untuk menuju A01
Klik link Data Produk untuk menuju A02 Klik link Data Kategori untuk menuju A05
Klik link Data Ukuran untuk menuju A06 Klik link Data Warna untuk menuju A07
Klik link Data Merk untuk menuju A08 Klik link Data Provinsi untuk menuju A09
Klik link Data Kota untuk menuju A10 Klik link Data Jenis Pengiriman untuk
menuju A11 Klik link Data Biaya Kirim untuk menuju
A12 Klik link Data Testimonial untuk menuju
A13 Klik link Data Berita untuk menuju A14
Klik link Data Kurs untuk menuju A15 Klik link Data Member untuk menuju A16
Klik link Kelola Profil untuk menuju A17 Klik link Ubah Sandi untuk menuju A18
Klik link Keluar untuk Log Out Klik link Data Pemesanan untuk menuju
A19 Klik link Data Retur Barang untuk menuju
A20 Klik link Laporan Produk untuk menuju
A21 Klik link Laporan Pesanan untuk menuju
A22 Klik link Laporan Retur untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik
tombol Ubah
Provinsi untuk
mengubah data Provinsi Klik tombol Batal untuk membatalkan
ubah data Provinsi Utilitas
Gambar III.71 Perancangan Antar Muka Pengubahan Data Provinsi
Perancangan antar muka pengolahan data kota ditunjukkan dengan gambar III.72 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A10
Kelola Profil Keluar
Ubah Sandi
Pengolahan Data Kota Pencarian Berdasarkan
Refresh data kota Tambah data kota
Jumlah total data kota Nama Kota
Keterangan Status
Aksi Ubah
P1
C1
Nama Kota
Nama Provinsi
Hapus Kota Cari
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Produk untuk menuju A22
Klik link Laporan Produk untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik Refresh Data Kota untuk merefresh data Kota
Klik Tambah Data Kota untuk menuju A10A
Klik Ubah untuk menuju A10B Klik Checkbox C1 dan seterusnya untuk
memilih data Kota Klik link P1 dan seterusnya untuk memilih
halaman data Kota Klik tombol cari untuk mencari data Kota
Klik tombol Hapus Kota untuk menghapus data Kota
Utilitas
Gambar III.72 Perancangan Antar Muka Pengolahan Data Kota
Perancangan antar muka penambahan data kota ditunjukkan dengan gambar III.73:
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A10A
Kelola Profil Keluar
Ubah Sandi
Penambahan Data Kota Nama Provinsi
Keterangan Batal
Tambah Kota Nama Kota
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Tambah
Kota untuk
menambah data Kota Klik tombol Batal untuk membatalkan
tambah data Kota Utilitas
Gambar III.73 Perancangan Antar Muka Penambahan Data Kota
Perancangan antar muka pengubahan data kota ditunjukkan dengan gambar III.74 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A10B
Kelola Profil Keluar
Ubah Sandi Pengubahan Data Kota
Nama Provinsi Keterangan
Batal Ubah Kota
Id Kota
Status Nama Kota
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Ubah Kota untuk mengubah
data Kota Klik tombol Batal untuk membatalkan
ubah data Kota Utillitas
Gambar III.74 Perancangan Antar Muka Pengubahan Data Kota
Perancangan antar muka pengolahan data jenis pengiriman ditunjukkan dengan gambar III.75 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A11
Kelola Profil Keluar
Ubah Sandi
Pengolahan Data Jenis Pengiriman Pencarian Berdasarkan Nama Jenis Pengiriman
Refresh data Jenis Pengiriman Tambah data Jenis Pengiriman
Jumlah total data Jenis Pengiriman Jenis Pengiriman
Keterangan Aksi
Ubah
P1 Hapus Jenis Pengiriman
Cari
C1 Klik link Beranda untuk menuju A01
Klik link Data Produk untuk menuju A02 Klik link Data Kategori untuk menuju A05
Klik link Data Ukuran untuk menuju A06 Klik link Data Warna untuk menuju A07
Klik link Data Merk untuk menuju A08 Klik link Data Provinsi untuk menuju A09
Klik link Data Kota untuk menuju A10 Klik link Data Jenis Pengiriman untuk
menuju A11 Klik link Data Biaya Kirim untuk menuju
A12 Klik link Data Testimonial untuk menuju
A13 Klik link Data Berita untuk menuju A14
Klik link Data Kurs untuk menuju A15 Klik link Data Member untuk menuju A16
Klik link Kelola Profil untuk menuju A17 Klik link Ubah Sandi untuk menuju A18
Klik link Keluar untuk Log Out Klik link Data Pemesanan untuk menuju
A19 Klik link Data Retur Barang untuk menuju
A20 Klik link Laporan Produk untuk menuju
A21 Klik link Laporan Produk untuk menuju
A22 Klik link Laporan Produk untuk menuju
A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik Refresh Data Jenis Pengiriman untuk
merefresh data Jenis Pengiriman Klik Tambah Data Jenis Pengiriman untuk
menuju A11A Klik Ubah untuk menuju A11B
Klik Checkbox C1 dan seterusnya untuk memilih data Jenis Pengiriman
Klik link P1 dan seterusnya untuk memilih halaman data Jenis Pengiriman
Klik tombol cari untuk mencari data Jenis Pengiriman
Klik tombol Hapus Jenis Pengiriman untuk menghapus data Jenis Pengiriman
Utilitas
Gambar III.75 Perancangan Antar Muka Pengolahan Data Jenis Kirim
Perancangan antar muka penambahan data jenis pengiriman ditunjukkan dengan gambar III.76:
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A11A
Kelola Profil Keluar
Ubah Sandi
Penambahan Data Jenis Pengiriman
Keterangan Batal
Tambah Jenis Pengiriman Nama Jenis Pengiriman
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Tambah Jenis Pengiriman
untuk menambah data Jenis Pengiriman Klik tombol Batal untuk membatalkan
tambah data Jenis Pengiriman Utilitas
Gambar III.76 Perancangan Antar Muka Penambahan Data Jenis Kirim
Perancangan antar muka pengubahan data jenis pengiriman ditunjukkan dengan gambar III.77 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A11B
Kelola Profil Keluar
Ubah Sandi
Pengubahan Data Jenis Pengiriman Nama Jenis Pengiriman
Keterangan Batal
Ubah Jenis Pengiriman Id Jenis Pengiriman
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Ubah Jenis Pengiriman untuk
mengubah data Jenis Pengiriman Klik tombol Batal untuk membatalkan
ubah data Jenis Pengiriman
Utilitas
Gambar III.77 Perancangan Antar Muka Pengubahan Data Jenis Kirim
Perancangan antar muka pengolahan data biaya kirim ditunjukkan dengan gambar III.78 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A12
Kelola Profil Keluar
Ubah Sandi
Pengolahan Data Biaya Kirim Pencarian Berdasarkan Biaya Kirim
Refresh data Biaya Kirim Tambah data Biaya Kirim
Jumlah total data Biaya Kirim Nama Jenis Pengiriman
Kota Tujuan Biaya Kirim
P1
C1
Aksi Ubah
Hapus Biaya Kirim Cari
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Produk untuk menuju A22
Klik link Laporan Produk untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik Refresh Data Biaya Kirim untuk merefresh data Biaya Kirim
Klik Tambah Data Biaya Kirim untuk menuju A12A
Klik Ubah untuk menuju A12B Klik Checkbox C1 dan seterusnya untuk
memilih data Biaya Kirim Klik link P1 dan seterusnya untuk memilih
halaman data Biaya Kirim Klik tombol cari untuk mencari data Biaya
Kirim Klik tombol Hapus stok untuk menghapus
data Biaya Kirim
Utilitas
Gambar III.78 Perancangan Antar Muka Pengolahan Data Biaya Kirim
Perancangan antar muka penambahan data biaya kirim ditunjukkan dengan gambar III.79 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A12A
Kelola Profil Keluar
Ubah Sandi
Penambahan Data Biaya Kirim Nama Jenis Pengiriman
Keterangan Batal
Tambah Biaya Kirim Kota Tujuan
Biaya Kirim Lama Kirim
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Tambah Biaya Kirim untuk
menambah data Biaya Kirim Klik tombol Batal untuk membatalkan
tambah data Biaya Kirim
Utillitas
Gambar III.79 Perancangan Antar Muka Penambahan Data Biaya Kirim
Perancangan antar muka pengubahan data biaya kirim ditunjukkan dengan gambar III.80 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A12B
Kelola Profil Keluar
Ubah Sandi Pengubahan Data Biaya Kirim
Nama Jenis Pengiriman
Keterangan Batal
Ubah Biaya Kirim Id Biaya Kirim
Kota Tujuan Biaya Kirim
Lama Kirim
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Ubah Biaya Kirim untuk
mengubah data Biaya Kirim Klik tombol Batal untuk membatalkan
ubah data Biaya Kirim
Utilitas
Gambar III.80 Perancangan Antar Muka Pengubahan Data Biaya Kirim
Perancangan antar muka pengolahan data testimonial ditunjukkan dengan gambar III.81 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A13
Kelola Profil Keluar
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik link Detail untuk menuju A13A
Klik
link Sembunyikan
untuk menyembunyikan testimonial
Klik link Terbitkan untuk menerbitkan testimonial
Klik Checkbox C1 dan seterusnya untuk memilih data testimonial
Klik link P1 dan seterusnya untuk memilih halaman data testimonial
Klik tombol Cari untuk mencari data testimonial
Klik tombol Hapus Testimonial untuk menghapus data testimonial
Ubah Sandi
Pengolahan Data Testimonial Pencarian Berdasarkan Seluruh Field
Refresh data testimonial Jumlah total data testimonial
Tgl Testimonial Email Member
Isi Testimonial Aksi
Detail P1
Hapus Testimonial
Sembunyikan Cari
C1
Utilitas
Gambar III.81 Perancangan Antar Muka Pengolahan Data Testimonial
Perancangan antar muka pengolahan data berita ditunjukkan dengan gambar III.82 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A14
Kelola Profil Keluar
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Pemesanan untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik link Tambah Data Berita untuk
menuju A14A Klik link Ubah untuk menuju A14B
Klik
link sembunyikan
untuk menyembunyikan berita
Klik link terbitkan untuk menerbitkan berita
Klik Checkbox C1 dan seterusnya untuk memilih data berita
Klik link P1 dan seterusnya untuk memilih halaman data berita
Klik tombol Cari untuk mencari data berita Klik
tombol Hapus
Berita untuk
menghapus data berita
Ubah Sandi
Pengolahan Data Berita Pencarian Berdasarkan Judul Berita
Refresh data berita Tambah data berita
Jumlah total data berita Tgl Berita
Judul Berita Diterbitkan
Aksi Ubah
P1 Hapus Berita
Sembunyikan Cari
C1
Utilitas
Gambar III.82 Perancangan Antar Muka Pengolahan Data Berita
Perancangan antar muka penambahan data berita ditunjukkan dengan gambar III.83 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A14A
Kelola Profil Keluar
Ubah Sandi
Penambahan Data Berita Judul Berita
Isi Berita
Batal Tambah Berita
Keterangan Klik link Beranda untuk menuju A01
Klik link Data Produk untuk menuju A02 Klik link Data Kategori untuk menuju A05
Klik link Data Ukuran untuk menuju A06 Klik link Data Warna untuk menuju A07
Klik link Data Merk untuk menuju A08 Klik link Data Provinsi untuk menuju A09
Klik link Data Kota untuk menuju A10 Klik link Data Jenis Pengiriman untuk
menuju A11 Klik link Data Biaya Kirim untuk menuju
A12 Klik link Data Testimonial untuk menuju
A13 Klik link Data Berita untuk menuju A14
Klik link Data Kurs untuk menuju A15 Klik link Data Member untuk menuju A16
Klik link Kelola Profil untuk menuju A17 Klik link Ubah Sandi untuk menuju A18
Klik link Keluar untuk Log Out Klik link Data Pemesanan untuk menuju
A19 Klik link Data Retur Barang untuk menuju
A20 Klik link Laporan Produk untuk menuju
A21 Klik link Laporan Pesanan untuk menuju
A22 Klik link Laporan Retur untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik
tombol Tambah
Berita untuk
menambah data Berita Klik tombol Batal untuk membatalkan
tambah data Berita Utilitas
Gambar III.83 Perancangan Antar Muka Penambahan Data Berita
Perancangan antar muka pengubahan data berita ditunjukkan dengan gambar III.84:
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A14B
Kelola Profil Keluar
Ubah Sandi
Pengubahan Data Berita Judul Berita
Isi Berita
Batal Ubah Berita
Id Berita
Keterangan
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Ubah Berita untuk mengubah
data Berita Klik tombol Batal untuk membatalkan
ubah data Berita
Utilitas
Gambar III.84 Perancangan Antar Muka Pengubahan Data Berita
Perancangan antar muka pengolahan data kurs ditunjukkan dengan gambar III.85 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A15
Kelola Profil Keluar
Ubah Sandi
Pengolahan Data Kurs Pencarian Berdasarkan
Refresh data kurs Jumlah total data kurs
Tgl Aktual Kode Mata Uang
Nama Mata Uang Nilai Tukar
P1 Cari
Update seluruh data kurs Kode Mata Uang
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Produk untuk menuju A22
Klik link Laporan Produk untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik Refresh Data Kurs untuk merefresh data Kurs
Klik Update Data Kurs untuk Mengupdate data Kurs
Klik link P1 dan seterusnya untuk memilih halaman data Kurs
Klik tombol cari untuk mencari data Kurs
Utilitas
Gambar III.85 Perancangan Antar Muka Pengolahan Data Kurs
Perancangan antar muka pengolahan data member ditunjukkan dengan gambar III.86 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A16
Kelola Profil Keluar
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik link Refresh data member untuk
merefresh data member Klik link P1 dan seterusnya untuk memilih
halaman data member Klik tombol Cari untuk mencari data
member Klik link Detail untuk menuju A16A
Klik
link Non-Aktifkan
untuk menonaktifkan member
Klik link Aktifkan untuk mengaktifkan member
Klik Checkbox C1 dan seterusnya untuk memilih data member
Klik tombol
Hapus Member
untuk menghapus data member
Ubah Sandi
Pengolahan Data Kurs Pencarian Berdasarkan Seluruh Field
Refresh data member Jumlah total data member
Emai Nama Depan
Alamat Status
P1 Cari
C1
Aksi Detail
Non-Aktifkan Hapus Member
Utilitas
Gambar III.86 Perancangan Antar Muka Pengolahan Data Member
Perancangan antar muka kelola profil admin ditunjukkan dengan gambar III.87:
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A17
Kelola Profil Keluar
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Simpan
Profil untuk
meyimpan data profil member
Ubah Sandi
Nama Lengkap Jenis Kelamin
Alamat Lengkap No. Telp
YM. Account Deskripsi
Halaman Kelola Data Profil Admin
Simpan Profil Utilitas
Gambar III.87 Perancangan Antar Muka Kelola Profil Admin
Perancangan antar muka halaman ubah sandi admin ditunjukkan dengan gambar III.88 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
Isi Content A18
Kelola Profil Keluar
Ubah Sandi
Halaman Ubah Password Administrator Password Lama
Password Baru Minimal 6 Karakter Konfirmasi Password Baru
Ubah Password Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik
tombol Ubah
Password untuk
mengubah password
Gambar III.88 Perancangan Antar Muka Halaman Ubah Sandi
Perancangan antar muka halaman laporan data produk ditunjukkan dengan gambar III.89 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
A03B Kelola Profil
Keluar Ubah Sandi
Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik tombol Lihat Laporan Produk untuk
Melihat data produk Klik
tombol Cetak
Laporan untuk
mencetak laporan
Laporan Data Produk Mulai Tanggal
Sampai Tanggal Lihat Laporan Produk
1 1
Januari Januari
2006 2011
No Cetak Laporan
Nama Produk Kategori
Harga Harga Diskon
Merk Harga Spesial
Harga Fix
Gambar III.89 Perancangan Antar Muka Laporan Data Produk
Perancangan antar muka halaman restore data ditunjukkan dengan gambar III.90 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
A25 Kelola Profil
Keluar Ubah Sandi
Utilitas Klik link Beranda untuk menuju A01
Klik link Data Produk untuk menuju A02 Klik link Data Kategori untuk menuju A05
Klik link Data Ukuran untuk menuju A06 Klik link Data Warna untuk menuju A07
Klik link Data Merk untuk menuju A08 Klik link Data Provinsi untuk menuju A09
Klik link Data Kota untuk menuju A10 Klik link Data Jenis Pengiriman untuk
menuju A11 Klik link Data Biaya Kirim untuk menuju
A12 Klik link Data Testimonial untuk menuju
A13 Klik link Data Berita untuk menuju A14
Klik link Data Kurs untuk menuju A15 Klik link Data Member untuk menuju A16
Klik link Kelola Profil untuk menuju A17 Klik link Ubah Sandi untuk menuju A18
Klik link Keluar untuk Log Out Klik link Data Pemesanan untuk menuju
A19 Klik link Data Retur Barang untuk menuju
A20 Klik link Laporan Produk untuk menuju
A21 Klik link Laporan Pesanan untuk menuju
A22 Klik link Laporan Retur untuk menuju A23
Klik link Restore untuk menuju A24 Klik link Backup untuk menuju A25
Klik tombol Browse untuk memilih file SQL yang akan di restore
Klik tombol Restore Data untuk Restore Data
Halaman Backup Data Browse
Restore Data Pilih File SQL
Gambar III.90 Perancangan Antar Muka Restore Data
Perancangan antar muka halaman backup data ditunjukkan dengan gambar III.91 :
Beranda Data Transaksi
Data Master Laporan
Logo Header
Footer Navigasi
A25 Kelola Profil
Keluar Ubah Sandi
Utilitas
Klik link Beranda untuk menuju A01 Klik link Data Produk untuk menuju A02
Klik link Data Kategori untuk menuju A05 Klik link Data Ukuran untuk menuju A06
Klik link Data Warna untuk menuju A07 Klik link Data Merk untuk menuju A08
Klik link Data Provinsi untuk menuju A09 Klik link Data Kota untuk menuju A10
Klik link Data Jenis Pengiriman untuk menuju A11
Klik link Data Biaya Kirim untuk menuju A12
Klik link Data Testimonial untuk menuju A13
Klik link Data Berita untuk menuju A14 Klik link Data Kurs untuk menuju A15
Klik link Data Member untuk menuju A16 Klik link Kelola Profil untuk menuju A17
Klik link Ubah Sandi untuk menuju A18 Klik link Keluar untuk Log Out
Klik link Data Pemesanan untuk menuju A19
Klik link Data Retur Barang untuk menuju A20
Klik link Laporan Produk untuk menuju A21
Klik link Laporan Pesanan untuk menuju A22
Klik link Laporan Retur untuk menuju A23 Klik link Restore untuk menuju A24
Klik link Backup untuk menuju A25 Klik checkbox c1, c2, c3 dan seterusnya
untuk memilih tabel yang akan di back up Klik
tombol Backup
Data untuk
membackup data
No Halaman Backup Data
Tabel C1
C2 C3
Nama Tabel Nama Tabel
Nama Tabel 3
2 1
Backup Data
Gambar III.91 Perancangan Antar Muka Backup Data
2. Halaman Member
Perancangan antar muka halaman beranda member ditunjukkan dengan gambar III.92 :
Beranda|
Katalog Katalog Produk| Semua Produk|
Logo Header
Footer Navigasi
Isi Content M01
Keluar
Layanan Belanja Online
Alamat Toko
Selamat Datang Di Bezzle Online Store Produk Diskon Spesial| Hubungi Kami
Topi Tas
Tali Pinggang Sweater
Kaos Oblong Kaos Berkerah
Dompet Celana Pendek
Klik menu Beranda untuk menuju M01 Klik menu Katalog Produk untuk menuju
M02 Klik menu Semua Produk untuk menuju
M03 Klik menu Produk Diskon Spesial untuk
menuju M04 Klik menu Hubungi Kami untuk menuju
M05 Klik link Keluar untuk Log Out
Klik menu Kelola Profil untuk menuju M06 Klik menu Ubah Sandi untuk menuju M07
Klik menu Riwayat Pesanan untuk menuju M08
Klik menu Testimonial untuk menuju M09 Klik menu Cara Belanja untuk menuju
M10 Klik menu Cara Pembayaran untuk
menuju M11 Klik menu Cara Pengiriman untuk menuju
M12 Klik Nama Produk untuk melihat detail
data produk Klik Gambar Produk melihat zoom
gambar produk Klik Icon Keranjang untuk melihat data
keranjang belanja Klik tombol Cari Katalog Produk untuk
mencari data katalog produk Klik tombol Proses Tracking untuk
memproses tracking pengiriman Klik Gambar Icon Chat untuk melakukan
chatting dengan admin Klik Gambar Logo Mandiri untuk menuju
website Bank Mandiri Klik Gambar Logo BNI untuk menuju
website Bank BNI Klik Gambar Logo BCAi untuk menuju
website Bank BCA Klik Gambar Logo Paypal untuk menuju
website Paypal Klik menu Katalog untuk melihat data tiap
katalog Klik link Lihat Produk Kami Lainnya untuk
melihat data katalog produk lainnya Klik link Lihat Produk Spesial Kami
Lainnya untuk melihat data produk diskon dan spesial lainnya
Menu Member
Kelola Profil Ubah Sandi
Rwayat Pesanan Testimonial
Produk Terbaru Produk Terlaris
Keranjang Belanja Pencarian Produk
Testimonial
Informasi Pengguna Layanan Chat
Link Pembayaran
Gambar Produk Gambar Produk
Keterangan Belanja Cari Katalog Produk
Isi Testimonial
Keterangan Informasi
Pengguna Gambar Logo
Mandiri Gambar
Icon Chat
Produk Baru
Produk Diskon dan Spesial
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk Gambar
Produk Gambar
Produk Gambar
Produk
Gambar Produk
Gambar Produk
Gambar Produk
Produk Paling Sering Dilihat
Gambar Produk
Tracking Pengiriman
Proses Tracking No Resi Pengiriman
Tgl. Testimonial Icon
Keranjang
Gambar Logo BNI
Gambar Logo BCA
Gambar Logo Paypal
Lihat Produk Kami Lainnya
Lihat Produk Spesial Kami Lainnya
Nama Produk Nama Produk
Nama Produk
Informasi
Cara Belanja Cara Pembayaran
Cara Pengiriman
Gambar III.92 Perancangan Antar Muka Halaman Beranda Member
Perancangan antar muka halaman katalog produk ditunjukkan dengan gambar III.93 :
Beranda|
Katalog Katalog Produk| Semua Produk|
Logo Header
Footer Navigasi
Isi Content M02
Keluar
Layanan Belanja Online
Alamat Toko
Produk Diskon Spesial| Hubungi Kami
Topi Tas
Tali Pinggang Sweater
Kaos Oblong Kaos Berkerah
Dompet Celana Pendek
Klik menu Beranda untuk menuju M01 Klik menu Katalog Produk untuk menuju
M02 Klik menu Semua Produk untuk menuju
M03 Klik menu Produk Diskon Spesial untuk
menuju M04 Klik menu Hubungi Kami untuk menuju
M05 Klik link Keluar untuk Log Out
Klik menu Kelola Profil untuk menuju M06 Klik menu Ubah Sandi untuk menuju M07
Klik menu Riwayat Pesanan untuk menuju M08
Klik menu Testimonial untuk menuju M09 Klik menu Cara Belanja untuk menuju
M10 Klik menu Cara Pembayaran untuk
menuju M11 Klik menu Cara Pengiriman untuk menuju
M12 Klik Nama Produk untuk melihat detail
data produk Klik Gambar Produk melihat zoom
gambar produk Klik Icon Keranjang untuk melihat data
keranjang belanja Klik tombol Cari Katalog Produk untuk
mencari data katalog produk Klik tombol Proses Tracking untuk
memproses tracking pengiriman Klik Gambar Icon Chat untuk melakukan
chatting dengan admin Klik Gambar Logo Mandiri untuk menuju
website Bank Mandiri Klik Gambar Logo BNI untuk menuju
website Bank BNI Klik Gambar Logo BCAi untuk menuju
website Bank BCA Klik Gambar Logo Paypal untuk menuju
website Paypal Klik menu Katalog untuk melihat data tiap
katalog Klik link P1 dan seterusnya untuk melihat
halaman data katalog produk
Menu Member
Kelola Profil Ubah Sandi
Rwayat Pesanan Testimonial
Produk Terbaru Produk Terlaris
Keranjang Belanja Pencarian Produk
Testimonial
Informasi Pengguna Layanan Chat
Link Pembayaran
Gambar Produk Gambar Produk
Keterangan Belanja Cari Katalog Produk
Isi Testimonial
Keterangan Informasi
Pengguna Gambar Logo
Mandiri Gambar
Icon Chat
Data Katalog Produk
Nama Produk Nama Produk
Nama Produk
Nama Produk Nama Produk
Nama Produk Gambar
Produk Gambar
Produk Gambar
Produk
Gambar Produk
Gambar Produk
Gambar Produk
Produk Paling Sering Dilihat
Gambar Produk
Tracking Pengiriman
Proses Tracking No Resi Pengiriman
Tgl. Testimonial Icon
Keranjang
Gambar Logo BNI
Gambar Logo BCA
Gambar Logo Paypal
Nama Produk Nama Produk
Nama Produk
Informasi
Cara Belanja Cara Pembayaran
Cara Pengiriman
P1
Gambar III.93 Perancangan Antar Muka Halaman Katalog Produk
Perancangan antar muka halaman semua produk ditunjukkan dengan gambar III.94 :
Beranda|
Katalog Katalog Produk| Semua Produk|
Logo Header
Footer Navigasi
Isi Content M03
Keluar
Layanan Belanja Online
Alamat Toko
Produk Diskon Spesial| Hubungi Kami
Topi Tas
Tali Pinggang Sweater
Kaos Oblong Kaos Berkerah
Dompet Celana Pendek
Klik menu Beranda untuk menuju M01 Klik menu Katalog Produk untuk menuju
M02 Klik menu Semua Produk untuk menuju
M03 Klik menu Produk Diskon Spesial untuk
menuju M04 Klik menu Hubungi Kami untuk menuju
M05 Klik link Keluar untuk Log Out
Klik menu Kelola Profil untuk menuju M06 Klik menu Ubah Sandi untuk menuju M07
Klik menu Riwayat Pesanan untuk menuju M08
Klik menu Testimonial untuk menuju M09 Klik menu Cara Belanja untuk menuju
M10 Klik menu Cara Pembayaran untuk
menuju M11 Klik menu Cara Pengiriman untuk menuju
M12 Klik Nama Produk untuk melihat detail
data produk Klik Gambar Produk melihat zoom
gambar produk Klik Icon Keranjang untuk melihat data
keranjang belanja Klik tombol Cari Katalog Produk untuk
mencari data katalog produk Klik tombol Proses Tracking untuk
memproses tracking pengiriman Klik Gambar Icon Chat untuk melakukan
chatting dengan admin Klik Gambar Logo Mandiri untuk menuju
website Bank Mandiri Klik Gambar Logo BNI untuk menuju
website Bank BNI Klik Gambar Logo BCAi untuk menuju
website Bank BCA Klik Gambar Logo Paypal untuk menuju
website Paypal Klik menu Katalog untuk melihat data tiap
katalog Klik link P1 dan seterusnya untuk melihat
halaman data semua produk
Menu Member
Kelola Profil Ubah Sandi
Rwayat Pesanan Testimonial
Produk Terbaru Produk Terlaris
Keranjang Belanja Pencarian Produk
Testimonial
Informasi Pengguna Layanan Chat
Link Pembayaran
Gambar Produk Gambar Produk
Keterangan Belanja Cari Katalog Produk
Isi Testimonial
Keterangan Informasi
Pengguna Gambar Logo
Mandiri Gambar
Icon Chat
Data Katalog Produk
Nama Produk Nama Produk
Nama Produk Nama Produk
Nama Produk Nama Produk
Gambar Produk
Gambar Produk
Gambar Produk
Gambar Produk
Gambar Produk
Gambar Produk
Produk Paling Sering Dilihat
Gambar Produk
Tracking Pengiriman
Proses Tracking No Resi Pengiriman
Tgl. Testimonial Icon
Keranjang
Gambar Logo BNI
Gambar Logo BCA
Gambar Logo Paypal
Total Data Produk
Nama Produk Nama Produk
Nama Produk
Informasi
Cara Belanja Cara Pembayaran
Cara Pengiriman Nama Produk
Nama Produk Nama Produk
Gambar Produk
Gambar Produk
Gambar Produk
P1
Gambar III.94 Perancangan Antar Muka Halaman Semua Produk
Perancangan antar muka halaman kelola profil member ditunjukkan dengan gambar III.95 :
Beranda|
Katalog Katalog Produk| Semua Produk|
Logo Header
Footer Navigasi
Isi Content M06
Keluar
Layanan Belanja Online
Alamat Toko
Produk Diskon Spesial| Hubungi Kami
Topi Tas
Tali Pinggang Sweater
Kaos Oblong Kaos Berkerah
Dompet Celana Pendek
Klik menu Beranda untuk menuju M01 Klik menu Katalog Produk untuk menuju
M02 Klik menu Semua Produk untuk menuju
M03 Klik menu Produk Diskon Spesial untuk
menuju M04 Klik menu Hubungi Kami untuk menuju
M05 Klik link Keluar untuk Log Out
Klik menu Kelola Profil untuk menuju M06 Klik menu Ubah Sandi untuk menuju M07
Klik menu Riwayat Pesanan untuk menuju M08
Klik menu Testimonial untuk menuju M09 Klik menu Cara Belanja untuk menuju
M10 Klik menu Cara Pembayaran untuk
menuju M11 Klik menu Cara Pengiriman untuk menuju
M12 Klik Nama Produk untuk melihat detail
data produk Klik Gambar Produk melihat zoom
gambar produk Klik Icon Keranjang untuk melihat data
keranjang belanja Klik tombol Cari Katalog Produk untuk
mencari data katalog produk Klik tombol Proses Tracking untuk
memproses tracking pengiriman Klik Gambar Icon Chat untuk melakukan
chatting dengan admin Klik Gambar Logo Mandiri untuk menuju
website Bank Mandiri Klik Gambar Logo BNI untuk menuju
website Bank BNI Klik Gambar Logo BCAi untuk menuju
website Bank BCA Klik Gambar Logo Paypal untuk menuju
website Paypal Klik menu Katalog untuk melihat data tiap
katalog Klik
tombol Simpan
Profil untuk
menyimpan data profil member
Menu Member
Kelola Profil Ubah Sandi
Rwayat Pesanan Testimonial
Produk Terbaru Produk Terlaris
Keranjang Belanja Pencarian Produk
Testimonial
Informasi Pengguna Layanan Chat
Link Pembayaran
Gambar Produk Gambar Produk
Keterangan Belanja Cari Katalog Produk
Isi Testimonial
Keterangan Informasi
Pengguna Gambar Logo
Mandiri Gambar
Icon Chat
Produk Paling Sering Dilihat
Gambar Produk
Tracking Pengiriman
Proses Tracking No Resi Pengiriman
Tgl. Testimonial Icon
Keranjang
Gambar Logo BNI
Gambar Logo BCA
Gambar Logo Paypal
Nama Produk Nama Produk
Nama Produk
Informasi
Cara Belanja Cara Pembayaran
Cara Pengiriman
Halaman Kelola Data Profil Member
Nama Lengkap Jenis Kelamin
Alamat Lengkap
Kode Pos Deskripsi
Simpan Profil Provinsi
Kota No. Telp
Gambar III.95 Perancangan Antar Muka Kelola Profil Member
Perancangan antar muka halaman ubah sandi member ditunjukkan dengan gambar III.96 :
Beranda|
Katalog Katalog Produk| Semua Produk|
Logo Header
Footer Navigasi
Isi Content M07
Keluar
Layanan Belanja Online
Alamat Toko
Produk Diskon Spesial| Hubungi Kami
Topi Tas
Tali Pinggang Sweater
Kaos Oblong Kaos Berkerah
Dompet Celana Pendek
Klik menu Beranda untuk menuju M01 Klik menu Katalog Produk untuk menuju
M02 Klik menu Semua Produk untuk menuju
M03 Klik menu Produk Diskon Spesial untuk
menuju M04 Klik menu Hubungi Kami untuk menuju
M05 Klik link Keluar untuk Log Out
Klik menu Kelola Profil untuk menuju M06 Klik menu Ubah Sandi untuk menuju M07
Klik menu Riwayat Pesanan untuk menuju M08
Klik menu Testimonial untuk menuju M09 Klik menu Cara Belanja untuk menuju
M10 Klik menu Cara Pembayaran untuk
menuju M11 Klik menu Cara Pengiriman untuk menuju
M12 Klik Nama Produk untuk melihat detail
data produk Klik Gambar Produk melihat zoom
gambar produk Klik Icon Keranjang untuk melihat data
keranjang belanja Klik tombol Cari Katalog Produk untuk
mencari data katalog produk Klik tombol Proses Tracking untuk
memproses tracking pengiriman Klik Gambar Icon Chat untuk melakukan
chatting dengan admin Klik Gambar Logo Mandiri untuk menuju
website Bank Mandiri Klik Gambar Logo BNI untuk menuju
website Bank BNI Klik Gambar Logo BCAi untuk menuju
website Bank BCA Klik Gambar Logo Paypal untuk menuju
website Paypal Klik menu Katalog untuk melihat data tiap
katalog Klik tombol Ubah Password untuk
mengubah password
Menu Member
Kelola Profil Ubah Sandi
Rwayat Pesanan Testimonial
Produk Terbaru Produk Terlaris
Keranjang Belanja Pencarian Produk
Testimonial
Informasi Pengguna Layanan Chat
Link Pembayaran
Gambar Produk Gambar Produk
Keterangan Belanja Cari Katalog Produk
Isi Testimonial
Keterangan Informasi
Pengguna Gambar Logo
Mandiri Gambar
Icon Chat
Produk Paling Sering Dilihat
Gambar Produk
Tracking Pengiriman
Proses Tracking No Resi Pengiriman
Tgl. Testimonial Icon
Keranjang
Gambar Logo BNI
Gambar Logo BCA
Gambar Logo Paypal
Nama Produk Nama Produk
Nama Produk
Informasi
Cara Belanja Cara Pembayaran
Cara Pengiriman
Halaman Ubah Password Member
Password Lama Password Baru Minimal 6 Karakter
Konfirmasi Password Baru Ubah Password
Gambar III.96 Perancangan Antar Muka Ubah Sandi Member
Perancangan antar muka halaman riwayat pesanan member ditunjukkan dengan gambar III.97 :
Beranda|
Katalog Katalog Produk| Semua Produk|
Logo Header
Footer Navigasi
Daftar Riwayat Pesanan M08
Keluar
Layanan Belanja Online
Alamat Toko
Produk Diskon Spesial| Hubungi Kami
Topi Tas
Tali Pinggang Sweater
Kaos Oblong Kaos Berkerah
Dompet Celana Pendek
Klik menu Beranda untuk menuju M01 Klik menu Katalog Produk untuk menuju
M02 Klik menu Semua Produk untuk menuju
M03 Klik menu Produk Diskon Spesial untuk
menuju M04 Klik menu Hubungi Kami untuk menuju
M05 Klik link Keluar untuk Log Out
Klik menu Kelola Profil untuk menuju M06 Klik menu Ubah Sandi untuk menuju M07
Klik menu Riwayat Pesanan untuk menuju M08
Klik menu Testimonial untuk menuju M09 Klik menu Cara Belanja untuk menuju
M10 Klik menu Cara Pembayaran untuk
menuju M11 Klik menu Cara Pengiriman untuk menuju
M12 Klik Nama Produk untuk melihat detail
data produk Klik Gambar Produk melihat zoom
gambar produk Klik Icon Keranjang untuk melihat data
keranjang belanja Klik tombol Cari Katalog Produk untuk
mencari data katalog produk Klik tombol Proses Tracking untuk
memproses tracking pengiriman Klik Gambar Icon Chat untuk melakukan
chatting dengan admin Klik Gambar Logo Mandiri untuk menuju
website Bank Mandiri Klik Gambar Logo BNI untuk menuju
website Bank BNI Klik Gambar Logo BCAi untuk menuju
website Bank BCA Klik Gambar Logo Paypal untuk menuju
website Paypal Klik menu Katalog untuk melihat data tiap
katalog
Menu Member
Kelola Profil Ubah Sandi
Rwayat Pesanan Testimonial
Produk Terbaru Produk Terlaris
Keranjang Belanja Pencarian Produk
Testimonial
Informasi Pengguna Layanan Chat
Link Pembayaran
Gambar Produk Gambar Produk
Keterangan Belanja Cari Katalog Produk
Isi Testimonial
Keterangan Informasi
Pengguna Gambar Logo
Mandiri Gambar
Icon Chat
Produk Paling Sering Dilihat
Gambar Produk
Tracking Pengiriman
Proses Tracking No Resi Pengiriman
Tgl. Testimonial Icon
Keranjang
Gambar Logo BNI
Gambar Logo BCA
Gambar Logo Paypal
Nama Produk Nama Produk
Nama Produk
Informasi
Cara Belanja Cara Pembayaran
Cara Pengiriman
No Faktur
Tgl.Pesanan Status
Pesanan Total Bayar
Aksi 50
49 48
20 Juli 2011 18 Juli 2011
15 Juli 2011 Pembayaran
Dikonfirmasi Tutup
Kadaluarsa Rp.235.000
Rp.145.000 Rp. 60.000
Detail Detail
Detail
Gambar III.97 Perancangan Antar Muka Riwayat Pesanan Member
Perancangan antar muka halaman testimonial member ditunjukkan dengan gambar III.98 :
Beranda|
Katalog Katalog Produk| Semua Produk|
Logo Header
Footer Navigasi
Isi Content M09
Keluar
Layanan Belanja Online
Alamat Toko
Produk Diskon Spesial| Hubungi Kami
Topi Tas
Tali Pinggang Sweater
Kaos Oblong Kaos Berkerah
Dompet Celana Pendek
Klik menu Beranda untuk menuju M01 Klik menu Katalog Produk untuk menuju
M02 Klik menu Semua Produk untuk menuju
M03 Klik menu Produk Diskon Spesial untuk
menuju M04 Klik menu Hubungi Kami untuk menuju
M05 Klik link Keluar untuk Log Out
Klik menu Kelola Profil untuk menuju M06 Klik menu Ubah Sandi untuk menuju M07
Klik menu Riwayat Pesanan untuk menuju M08
Klik menu Testimonial untuk menuju M09 Klik menu Cara Belanja untuk menuju
M10 Klik menu Cara Pembayaran untuk
menuju M11 Klik menu Cara Pengiriman untuk menuju
M12 Klik Nama Produk untuk melihat detail
data produk Klik Gambar Produk melihat zoom
gambar produk Klik Icon Keranjang untuk melihat data
keranjang belanja Klik tombol Cari Katalog Produk untuk
mencari data katalog produk Klik tombol Proses Tracking untuk
memproses tracking pengiriman Klik Gambar Icon Chat untuk melakukan
chatting dengan admin Klik Gambar Logo Mandiri untuk menuju
website Bank Mandiri Klik Gambar Logo BNI untuk menuju
website Bank BNI Klik Gambar Logo BCAi untuk menuju
website Bank BCA Klik Gambar Logo Paypal untuk menuju
website Paypal Klik menu Katalog untuk melihat data tiap
katalog Klik tombol Tambah Testimonial untuk
membuat testimonial Klik tombol Batal untuk membatalkan
buat testimonial
Menu Member
Kelola Profil Ubah Sandi
Rwayat Pesanan Testimonial
Produk Terbaru Produk Terlaris
Keranjang Belanja Pencarian Produk
Testimonial
Informasi Pengguna Layanan Chat
Link Pembayaran
Gambar Produk Gambar Produk
Keterangan Belanja Cari Katalog Produk
Isi Testimonial
Keterangan Informasi
Pengguna Gambar Logo
Mandiri Gambar
Icon Chat
Produk Paling Sering Dilihat
Gambar Produk
Tracking Pengiriman
Proses Tracking No Resi Pengiriman
Tgl. Testimonial Icon
Keranjang
Gambar Logo BNI
Gambar Logo BCA
Gambar Logo Paypal
Nama Produk Nama Produk
Nama Produk
Informasi
Cara Belanja Cara Pembayaran
Cara Pengiriman
Halaman Testimonial Member
Email Nama Lengkap
Testimonial Batal
Tambah Testimonial
Gambar III.98 Perancangan Antar Muka Halaman Testimonial Member
III.2.2.3 Perancangan Pesan
Perancangan pesan yang terdapat pada aplikasi ini dapat dilihat pada gambar III.99 berikut :
Data Ini Tidak Boleh Kosong
M09 Username atau
Password Tidak Valid M10
Penambahan Data Berhasil
M01 Pengubahan Data
Berhasil M02
Penghapusan Data Berhasil
M03
Panjang Password Minimal 6 Karakter
M11 Tambah Data Gagal
M05 Ubah Data Gagal
M06 Hapus Data Gagal
M07 Pencarian Data
Berhasil M04
Data Tidak Ditemukan M08
Set Status Data Berhasil
M12
Penerbitan Data Berhasil
M13 Gagal Menerbitkan
Data M14
Penyembunyian Data Berhasil
M15 Gagal
Menyembunyikan data M16
Password Anda Telah Berhasil Direset
M17 Password Lama Tidak
Cocok M18
Pesanan Berhasil Dibatalkan
M19 Keranjang Belanja
Anda Berhasil Di Update
M20
Gambar III.99 Perancangan Pesan III.2.2.4
Jaringan Semantik
Aliran dari menu-menu yang ada pada aplikasi akan dijelaskan pada gambar berikut :
1. Jaringan Semantik Admin Aliran-aliran menu pada admin halaman utama ditunjukkan dengan
gambar III.100 :
A01 A02
A03 A04
A05
A06
A07 A08
Gambar III.100 Jaringan Semantik Admin Halaman Utama
Aliran-aliran menu pada admin halaman data master ditunjukkan dengan gambar III.101 :
A09 A10
A11 A12
A13
A14
A15
A21
A20 A19
A18 A17
A16
Gambar III.101 Jaringan Semantik Admin Halaman Data Master
2. Jaringan Semantik Member Aliran-aliran menu pada halaman member dijelaskan oleh gambar III.102 :
K01 K02
K03 K04
K05
K06
K07
K12
K11 K10
K09 K08
Gambar III.102 Jaringan Semantik Member
3. Jaringan Semantik Pengunjung Aliran-aliran menu pada halaman pengunjung dijelaskan oleh gambar
III.103 :
P04
P05
P06 P03
P02
P01
P07 P08
P09
Gambar III.103 Jaringan Semantik Pengunjung III.2.2.5
Perancangan Prosedural
Perancangan prosedural digunakan sebagai algoritma dasar dalam langkah mengkodekan prosedur yang ada.
Berikut penjelasan perancangan prosedural login admin dijelaskan dengan gambar III.104 :
Mulai Masukkan
Email dan Password
Valid Tidak
Ya
Selesai Tampil
Halaman Admin
Cek Validasi Data
Gambar III.104 Perancangan Prosedural Login Admin
Berikut penjelasan perancangan prosedural login member dijelaskan dengan gambar III.105 :
Mulai Masukkan
Email dan Password
Valid Tidak
Tampil Halaman
Member Ya
Selesai Cek Validasi
Data
Gambar III.105 Perancangan Prosedural Login Member
Berikut penjelasan perancangan prosedural tambah data dijelaskan dengan gambar III.106 :
Mulai
Selesai Input
Tambah Data
Simpan Data
Tersimpan
Gambar III.106 Perancangan Prosedural Tambah Data
Berikut penjelasan perancangan prosedural ubah data dijelaskan dengan gambar III.107 :
Mulai
Selesai Input
Data ubah
Simpan Data yang telah
diubah Tampilkan
Data yang telah diubah
Pilih Data yang akan diubah
Gambar III.107 Perancangan Prosedural Ubah Data
Berikut penjelasan perancangan prosedural hapus data dijelaskan dengan gambar III.108 :
Mulai
Selesai Pilih Data yang
akan dihapus
Hapus Data
Gambar III.108 Perancangan Prosedural Hapus Data
191
Bab IV Implementasi Dan Pengujian Sistem