f. Maintenance
Tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat mengalami perubahan
–perubahan atau penambahan sesuai dengan permintaan user.
Gambar I.1 Waterfall [Pressman, 2002]
I.6 Sistematika Penulisan
Sistematika penulisan penelitian ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan tugas akhir ini
sebagai berikut:
BAB I PENDAHULUAN
Pada bab ini diuraikan dan digambarkan secara singkat mengenai tugas Akhir. Terdiri atas beberapa sub bab yaitu latar belakang, identifikasi masalah,
maksud dan tujuan, batasan masalah, metodologi penelitian, dan sistematika penulisan.
BAB II TINJAUAN PUSTAKA
Selanjutnya pada landasan teori membahas secara singkat teori-teori dasar yang berhubungan dengan penelitian yang sedang dilakukan dan hal-hal yang
berguna dalam proses analisis permasalahan serta tinjauan terhadap penelitian penelitian serupa yang telah dilakukan sebelumnya mengenai sistem informasi, E-
Commerce , internet, PHP, dan database MySQL.
BAB III ANALISIS DAN PERANCANGAN SISTEM
Analisis dan perancangan sistem membahas tentang analisis masalah, analisis sistem, analisis kebutuhan fungsional, analisis kebutuhan non fungsional,
perancangan sistem, perancangan database, dan perancangan antar muka.
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini berisi implementasi dari perancangan yang telah dilakukan pada bab sebelumnya. Dan juga dilakukan pengujian terhadap sistem yang telah
diimplementasikan.
BAB V KESIMPULAN DAN SARAN
Pada bab ini menguraikan kesimpulan dari hasil penelitian yang dibahas serta saran yang diberikan untuk perkembangan lebih lanjut.
12
BAB II TINJAUAN PUSTAKA
II.1 Tinjauan Perusahaan
Toko Sakinah Kerudung ini didirikan pada tahun 2007 oleh pasangan suami istri yaitu Bapak Muchammad Mudrik dan Ibu dian Lestari. Toko ini bergerak
dalam bisnis menjual busana muslim khusus wanita terutama busana kerudung, dengan misi memasyarakatkan kerudung atau busana muslim di kalangan
muslimah dan memfasilitasi atau memudahkan para muslimah untuk mendapatkan busana muslim tersebut. Yang berawal dari memproduksi sendiri
kerudung atau konveksi kerudung di rumah pada tahun 2001. Namun yang namanya bisnis pasti ada saatnya di puncak kesuksesan dan ada kalanya di bawah
ambang kebangkrutan. Sempat mengalami kebangkrutan karena alasan titipan rekanan kerja dalam hal ini pedagang eceran yang tidak terbayar. sehingga pada
tahun 2004 - 2005 , sempat berhenti berproduksi dan bangun kembali dengan melakukan semuanya dari awal kembali. Selanjutnya mulai beranjak mengontrak
sebuah toko kecil yang berukuran kira-kira 16 m
2
, yang berlokasi di jalan raya jatinangor No 131 dekat UNPAD telp 08997959346 Sumedang. Toko Sakinah
Kerudung pada saat ini sudah menjadi 4 cabang toko dengan tempat yang berbeda-beda di sekitaran kota Bandung yang di antaranya : Jalan raya jatinangor
no 131 dekat UNPAD telp 08997959346 Sumedang , jalan soekarno – hatta no.
690A RIUNG Bandung, Jalan gegerkalong girang no.41 Bandung, dan Jalan raya sukamiskin no.134 Bandung.
Perkembangan selanjutnya toko Sakinah Kerudung akan membuka cabang toko lagi dengan target membuka cabang ritel Sakinah Kerudung di seluruh
Indonesia.
II.1.1 Struktur Organisasi
Struktur organisasi merupakan susunan yang terdiri dari fungsi-fungsi dan hubungan yang menyatakan keseluruhan kegiatan untuk mencapai suatu sasaran.
Secara fisik struktur organisasi dapat dinyatakan dalam bentuk bagan yang memperlihatkan hubungan unit-unit organisasi dan garis-garis wewenang yang
ada. Beberapa keberuntungan yang dapat diperoleh dari penggunaan bagan
organisasi adalah dapat memperlihatkan karakteristik utama dari suatu perusahaan tersebut, tentang gambaran pekerjaan dan hubungan-hubungan yang ada di dalam
perusahaan serta digunakan untuk merumuskan rencan kerja yang ideal sebagai pedoman untuk dapat mengetahui siapa bawahan dan atasannya. Struktur
keorganisasian pada toko Sakinah Kerudung dapat dilihat pada bagan struktur organisasi berikut ini :
Gambar II.1 Struktur keorganisasian pada Toko Sakinah Kerudung
II.1.2 Deskripsi Tugas
Definisi tugas digunakan untuk mengetahui tugas, wewenang, tanggung jawab dari masing-masing bagian. Definisi tugas yang ada di Toko Sakinah
Kerudung adalah sebagai berikut : 1. Pemilik Toko
a. Sebagai pengambil keputusan b. Sebagai koordinator semua kegiatan yang telah dilaksanakan.
c. Mengevaluasi semua kegiatan yang telah dilaksanakan. d. Menerapkan dan mengesahkan kebijakan yang menyangkut eksistensi
toko. e. Melaksanakan pemeriksaan yang meliputi seluruh aspek kegiatan
manajemen keuangan dan operasional agar pengelolaan dapat dilaksanakan secara efektif dan efisien.
2. Karyawati atau penjaga toko a. Melayani pembeli secara langsung direct selling.
b. Menghitung hasil penjualan dan bertanggung jawab atas uang yang masuk.
c. Melaporkan hasil penjualan secara harian, mingguan, bulanan, dan periodik
d. Melaporkan ke bagian auditor jika stok barang di counter kurang atau habis.
3. Bagian Auditor a. Mengecek stok barang di tiap counter atau cabang.
b. Mengecek laporan penjualan dari karyawati.
II.2 Landasan Teori
Berikut ini landasan teori yang digunakan dalam penelitian sebagai acuan penelitian.
II.2.1 Konsep Dasar Sistem
Terdapat dua kelompok didalam mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponennya atau
elemennya. Pendekatan
sistem yang
lebih menekankan
pada prosedurnya
mendefinisikan sistem sebagai berikut:
Suatu sistem adalah jaringan kerja dari beberapa prosedur yang saling berhubungan, berkumpul bersama untuk melakukan suatu kegiatan atau untuk
menyelesaikan suatu sasaran yang tertentu.
[FitzGerald, 1981]
Pendekatan sistem yang merupakan jaringan kerja dari prosedur lebih menekankan urut-urutan operasi di dalam sistem. Prosedur didefinisikan oleh
Richard F. Neuschel sebasai berikut ini.
Suatu prosedur adalah suatu urut-urutan operasi klerikal tulis menulis, biasanya melibatkan beberapa orang di dalam satu atau lebih departemen, yang
diterapkan untuk menjamin penanganan yang seragam dari transaksi-transaksi
bisnis terjadi.[ Neuschel, 1960]
II.2.2 Karakteristik Sistem
Sistem itu sendiri memiliki karakterisitik atau beberapa sifat tertentu, yaitu mempunyai komponen components, batas sistem boundary, lingkungan luar
sistem environments, penghubung interface, masukan input, keluaran output, pengolah proses, dan sasaran suatu tujuan goal. Adapun penjelasan
dari karateristik dari suatu sistem adalah sebagai berikut : 1. Komponen sistem Components
Bagian sistem yang saling berinteraksi dan membentuk satu kesatuan. Komponen atau elemen sistem dapat berupa subsistem atau beberapa
bagian sistem. 2. Batas sistem Boundary
Daerah yang membatasi antara suatu sistem dengan lingkungannya atau dengan sistem lainnya. Batas sistem inilah yang membuat sistem
dipandang sebagai satu kesatuan. 3. Lingkungan Luar Sistem Environments
Segala sesuatu yang berada diluar sistem yang mempengaruhi sistem. Lingkungan luar sistem dapat bersifat menguntungkan sistem atau
merugikan sistem.
4. Penghubung Sistem Interface Merupakan media penghubung antara satu subsistem dengan subsistem
lainnya. Penghubung inilah yang menyebabkan beberapa subsistem berintegrasi dan membentuk satu kesatuan.
5. Masukan Sistem Input Sesuatu yang dimasukkan ke dalam sistem yang berasal dari lingkungan.
6. Keluaran Sistem Output Suatu hasil dari proses pengolahan sistem yang dikeluarkan ke lingkungan.
7. Pengolah Sistem Proses Bagian dari sistem yang mengubah masukan input menjadi keluaran
output. 8. Sasaran Sistem Objectives atau Tujuan Goal
Sasaran sistem adalah sesuatu yang menyebabkan mengapa sistem itu dibuat atau ada. Suatu sistem dikatakan berhasil bila mengenai sasaran
atau tujuannya. Adapun definisi sistem menurut Van de Poel dalam Winardi adalah: Een
verzameling elemnten waartussen relaties bestan. Vaak treft men bovendien in de litteratuur nog de volgende toevoeging ..elementen gericht op de verwezenlijking
van bepaalde gemeenschappelijke doeleinden. Yang diterjemahkan oleh Winardi
sebagai sekumpulan elemen diantaramana terdapat adanya hubungan-hubungan. Kerapkali dalam literatur dapat diketemukan kata-kata tambahan . elemen-elemen
mana ditunjukan ke arah pencapaian sasaran-sasaran umum tertentu.[Nugroho, 2005]
Dari pengertian diatas dapat diuraikan bahwa suatu sistem terdiri dari sekumpulan elemen yang saling berhubungan satu sama lain yang memiliki
pencapaian sasaran yang telah ditentukan, Sedangkan Shrode dan Voich dalam Lukman mengatakan bahwa “system is whole compounded of several parts...”
yang dapat diartikan, sistem adalah suatu keseluruhan yang tersusun dari sekian banyak bagian. Senada dengan pendapat diatas maka Awad menyatakan bahwa
system is an organized, funtioning, relationship among unit or components ”. Yang
dapat diartikan, sistem adalah hubungan yang berlangsung diantara satuan-
satuan atau komponen secara teratur. [Nugroho, 2005]
Riggs dalam Winardi mengemukan pengertian sistem sebagai suatu kelompok yang terdiri dari beberapa komponen atau bagian yang saling
berinteraksi dalam hubungan yang dinamis. Kemudian Johnson, Katzs dan Rosenzwig dalam Lukman mendefinisikan
sistem sebagai suatu kebulatan atau keseluruhan yang kompleks atau terorganisir; suatu himpunan atau perpaduan hal-hal atau bagian
– bagian yang
membentuk suatu kebulatan atau keseluruhan yang kompleks atau utuh. [
Nugroho, 2005] Selanjutnya menurut Winardi menyatakan bahwa pada intinya sistem
menunjuk pada dua hal, yaitu pertama menunjukan suatu identitas, suatu wujud benda abstrak maupun konkrit, termasuk yang konseptual yang memiliki
susunan struktural dari bagian-bagiannya ; kedua menunjukan suatu metode atau tata cara yang menunjuk pada suatu rencana metode, alat atau tata cara untuk
mencapai sesuatu.
[Nugroho, 2005]
Sejalan dengan pendapat di atas, Lukman mengartikan sistem sebagai wujud entitas.
Suatu sistem seringkali dianggap sebagai suatu himpunan bagian yang saling berhubungan sehingga merupakan suatu kesatuan. Contoh wujud entitas
adalah lembaga pemerintah yang berkewajiban memberi pelayanan yang
berkualitas pelayanan prima kepada pelanggannya. [Nugroho, 2005]
II.2.3 Konsep Dasar Informasi
Informasi dalam sebuah organisasi sangat penting peranannya. Suatu sistem yang kurang mendapatkan informasi akan menjadi lemah dan akhirnya berakhir.
Informasi itu sendiri dapat didefinisikan sebagai berikut: Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan
lebih berarti bagi yang menerimanya. Sumber dari informasi adalah data. Data merupakan bentuk jamak dari
bentuk tunggal data atau data item. Data adalah kenyataan yang menggambarkan sesuatu yang terjadi pada saat tertentu. [Jogiyanto, 2005]
II.2.4 Konsep Dasar Sistem Informasi
Informasi dapat diperoleh dari sistem informasi Information system atau disebut juga dengan processing system atau information processing system atau
information genereting system . Sistem informasi didefinisikan oleh Robert A.
Leitch dan K. Roscoe Davis sebagai berikut:
Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan yang diperlukan. [Jogiyanto, 2005]
Sistem informasi sendiri memiliki sejumlah komponen tertentu. Seperti yang dikemukakan oleh Robert dan Donald Symanzky, bahwa sistem informasi
terdiri dari beberapa komponen yang berbeda yaitu, manusia, data, hardware, dan software. Sebagai suatu sistem, setiap komponen tersebut berinteraksi satu dengan
lainnya membentuk satu kesatuan untuk mencapai sasarannya.
II.2.5 Internet
Berikut ini bahasan mengenai internet dari pengertian, manafaat, dan fasilitas internet maupun keamanannya.
II.2.5.1 Pengertian Internet
Internet merupakan suatu jaringan komputer global yang menghubungkan jaringan privat dan public untuk berbagi informasi antar lembaga pendidikan,
penelitian, pemerintahan, bisnis, dan masyarakat umum dan standar komunikasi
yang berbasis protokol TCPIP. Saat ini berorientasi Web Mulai digunakan untuk komersial sejak tahun1995. dikenal sebagai basis foundation
dari “New Digital Networked Economy
” Karena sangat esensial, di Amerika Serikat banyak inisiatif yang dimotori oleh pemerintah untuk menjamin dominasi Amerika di bidang
ekonomi baru ini Bandung High Tech Valley BHTV, salah satu inisiatif di
Indonesia Di negara lain, perkembangannya eksponensial. [Suryana, 2006]
II.2.5.2 Sejarah Internet
Sejarah intenet dimulai pada 1969 ketika Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects Agency
DARPA memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer
sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan
satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.
Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu
mudah sehingga langsung menjadi populer. Pada tahun yang sama, icon juga diperkenalkan sebagai lambang penting yang menunjukkan at atau pada.
Tahun 1973, jaringan komputer ARPANET mulai dikembangkan ke luar Amerika Serikat. Komputer University College di London merupakan komputer
pertama yang ada di luar Amerika yang menjadi anggota jaringan Arpanet. Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn
mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas
Sussex .
Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment
di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah jaringan atau network. Pada 1979, Tom Truscott,
Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET. Tahun 1981 France Telecom menciptakan gebrakan dengan
meluncurkan telpon televisi pertama, dimana orang bisa saling menelepon sambil berhubungan dengan video link.
Karena komputer yang membentuk jaringan semakin hari semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua jaringan. Pada
tahun 1982 dibentuk Transmission Control Protocol TCP dan Internet Protokol IP yang kita kenal semua. Sementara itu di Eropa muncul jaringan komputer
tandingan yang dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan Eunet
menyediakan jasa e-mail dan newsgroup USENET. Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada
tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan Domain Name System
DNS. Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer lebih. Pada 1987 jumlah komputer yang
tersambung ke jaringan melonjak 10 kali lipat manjadi 10.000 lebih. Tahun 1988, Jarko Oikarinen dari Finland menemukan dan sekaligus
memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah komputer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun.
Tak kurang dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun yang paling bersejarah, ketika Tim Berners Lee menemukan program
editor dan browser yang bisa menjelajah antara satu komputer dengan komputer yang lainnya, yang membentuk jaringan itu. Program inilah yang disebut www,
atau World Wide Web. Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah
melampaui sejuta komputer, dan di tahun yang sama muncul istilah surfing the internet
. Tahun 1994, situs internet telah tumbuh menjadi 3000 alamat halaman, dan untuk pertama kalinya virtual-shopping atau e-retail muncul di internet.
Dunia langsung berubah. Di tahun yang sama Yahoo didirikan, yang juga sekaligus kelahiran Netscape Navigator 1.0.
II.2.5.3 Manfaat Internet
Secara umum ada banyak manfaat yang dapat diperoleh apabila seseorang mempunyai akses ke internet. Berikut ini sebagian dari apa yang tersedia di
internet :
1. Informasi untuk kehidupan pribadi : kesehatan, rekreasi, hobby, pengembangan pribadi, rohani, sosial.
2. Informasi untuk kehidupan profesional pekerja : sains, teknologi, perdagangan, saham, komoditas, berita bisnis, asosiasi profesi, asosiasi
bisnis, berbagai forum komunikasi. Satu hal yang paling menarik ialah keanggotaan internet tidak mengenal
batas negara, ras, kelas ekonomi, ideologi atau faktor faktor lain yang biasanya dapat menghambat pertukaran pikiran. Internet adalah suatu komunitas dunia
yang sifatnya sangat demokratis serta memiliki kode etik yang dihormati segenap
anggotanya. Manfaat internet terutama diperoleh melalui kerjasama antar pribadi atau kelompok tanpa mengenal batas jarak dan waktu.
II.2.5.4 Fasilitas Internet
Berikut adalah layanan yang disediakan oleh internet yang berbasis pada protokol TCPIP :
1. WWW World Wide Web Layanan ini adalah layanan yang sering kita gunakan. Layanan WWW ini
menggunakan protokol yang dinamakan protokol HTTP HyperText Tranfer Protocol
. 2. File Transfer Pengiriman File
FTP ini memungkinkan kita untuk mengirimkan atau menerima file ke atau dari komputer jaringan. Oleh karena masalah keamanan data, FTP
seringkali memerlukan username dan password tertentu, meskipun banyak juga FTP server yang dapat melalui anonymous pengguna biasa dan tanpa
password , permintaan password dapat diisi dengan alamat e-mail.
3. Remote Login Telnet Telnet memungkinkan pengguna komputer dapat melakukan login ke
dalam suatu komputer di dalam jaringan. Ketika kita melakukan telnet, secara tidak langsung kita telah menjadi pengguna yang sah dari komputer
tersebut. 4. Electronic Mail E-mail
Layanan yang digunakan untuk mengirim dan menerima email. Untuk pengiriman email digunakan protokol SMTP Simple Mail Transfer
Protocol dan untuk membaca e-mail digunakan protokol POP3 Post
Office Protocol 3 .
5. NFS Network File System Sebuah pelayanan akses file-file jarak jauh yang memungkinkan klien-
klien untuk mengakses file- file pada jaringan jarak jauh. 6. Name Server
Daftar nama alamat yang digunakan pada internet untuk menjelaskan mengenai alamat asli host internet berupa nomor IP mesin.
7. Remote Execution Memungkinkan pengguna komputer untuk menjalankan suatu program di
komputer yang lain.
II.2.5.5 Keamanan Server WWW
Keamanan server WWW biasanya merupakan masalah dari seorang administrator. Dengan memasang server WWW di sistem User membuka akses
meskipun secara terbatas pada orang luar. Apabila server terhubung ke Internet dan memang server WWW disiapkan untuk publik, maka harus lebih berhati-hati
sebab membuka pintu akses ke seluruh dunia. Server WWW menyediakan fasilitas agar client dari tempat lain dapat mengambil informasi dalam bentuk berkas file
atau mengeksekusi perintah menjalankan program di server. Fasilitas pengambilan berkas dilakukan dengan perintah GET, sementara
mekanisme untuk mengeksekusi perintah di server dapat dilakukan dengan CGI Common Gateway Interface, Server-side Include SSI, Active Server Page
ASP, PHP, atau dengan menggunakan servlet seperti penggunaan Java Servlet.
Kedua jenis servis di atas mengambil berkas biasa maupun menjalankan program di server memiliki potensi lubang keamanan yang berbeda. Adanya lubang
keamanan di sistem WWW dapat dieksploitasi dalam bentuk yang beragam, antara lain:
1. Informasi yang ditampilkan di server diubah sehingga dapat mempermalukan perusahaan atau organisasi.
2. Informasi yang semestinya dikonsumsi untuk kalangan terbatas misalnya laporan keuangan, strategi perusahaan, atau database client ternyata
berhasil disadap oleh saingan bisnis ini mungkin disebabkan salah setup server
, salah setup routerfirewall, atau salah setup autentikasi. 3. Informasi dapat disadap seperti misalnya pengiriman nomor kartu kredit
untuk membeli melalui WWW atau orang yang memonitor kemana saja melakukan web surfing.
4. Server diserang misalnya dengan memberikan request secara bertubi-tubi sehingga tidak bisa memberikan layanan ketika dibutuhkan Denial of
Service Attack .
5. Untuk server web yang berada di belakang firewall, lubang keamanan di server web yang dieksploitasi dapat melemahkan atau bahkan
menghilangkan fungsi firewall dengan mekanisme tunneling. [Setiawan, 2005]
II.2.6 E-Commerce
Berikut ini bahasan mengenai e-commerce dari pengertian, keuntungan, mekanisme, dan karakteristik e-commerce.
II.2.6.1 Pengertian E-Commerce
Electronic Commerce Perniagaan elektronik, sebagai bagian dari
electronic business bisnis yang dilakukan dengan menggunakan electronic
transmission , secara umum e-commerce dapat didefinisikan sebagai segala
bentuk transaksi perdagangan atau perniagaan barang atau jasa trade of goods and service
dengan mengunakan media elektronik. Onno W.Purbo dan Aang Wahyudi yang mengutip pendapatnya David Baum menyebutkan bahwa :
“e-commerce is a dynamic set of technologies, application, and business process that link enterprise, consumers, and communities through electronic transaction
and the electronic excha
nge of goods, services and information”. [Suryana, 2006]
Bahwa e-commerce merupakan suatu set dinamis teknologi, aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen dan komunitas melalui
transaksi elektronik dan perdagangan barang, pelayanan dan informasi yang dilakukan secara elektronik. Jika di klasifikasikan e-commerce terbagi menjadi
tipe aplikasi, yaitu: 1. Elektronik Market EMs
EMs adalah sebuah sarana yang menggunakan informasi dan komunikasi untuk melakukan atau menyajikan penawaran dalam sebuah segmen pasar,
sehingga pembeli dapat membandingkan berbagai macam harga yang ditawarkan. Dalam pengertian lain, EMs adalah sebuah sistem informasi
antara organisasi yang menyediakan fasilitas-fasilitas bagi para penjual dan pembeli untuk bertukar informasi tentang harga dan produk yang
ditawarkan. Keuntungan fasilitas EMs bagi pelanggan adalah terlihat lebih nyata dan produk yang ditawarkan. Sedangkan bagi penjual, ia dapat
mendistribusikan informasi mengenai produk dan service yang ditawarkan lebih cepat sehingga dapat menarik pelanggan lebih banyak.
2. Elektronik Data Interchange EDI EDI adalah sarana untuk mengefisiensikan pertukaran data transaksi-
transaksi regular yang berulang dalam jumlah besar antara organisasi- organisasi komersial. Secara formal Edi didefinisikan oleh International
Data Exchange Associaton IDEA sebagai “transfer data terstruktur
dengan format standard yang telah disetujui yang dilakukan dari satu sistem komputer ke sistem komputer yang lain dengan menggunakan
media elekt ronik”. EDI sangat luas penggunaanya, biasanya digunakan
oleh kelompok retail yang besar ketika melakukan bisnis dagang dengan para supplier mereka. EDI memiliki standarisasi pengkodean transaksi
perdagangan, sehingga organisasi komersial tersebut dapat berkomunikasi secara langsung dari satu sistem komputer yang satu ke sistem komputer
yang lain tanpa memerlukan hardcopy, faktur, serta terhindar dari penundaan, kesalahan yang tidak disengaja dalam penanganan berkas dan
singkat mengurangi biaya, mengurangi kesalahan, memperoleh respon yang cepat, pengiriman faktur yang cepat dan akurat serta pembayaran
dapat dilakukan secara elektronik. 3. Internet Commerce
Internet commerce adalah penggunaan internet yang berbasis teknologi
informasi dan komunikasi untuk perdagangan. Kegiatan komersial ini seperti iklan dalam penjualan produk dan jasa. Transaksi yang dapat
dilakukan di internet antara lain pemesanan atau pembelian barang dimana barang akan kirim melalui pos atau saran lain setelah uang ditransfer ke
rekening penjual. Penggunaan internet sebagai media pemasaran dan saluran penjualan terbukti mempunyai keuntungan antara lain untuk
beberapa produk tertentu lebih sesuai ditawarkan melalui internet harga lebih murah mengingat membuat situs di internet lebih murah biayanya
dibandingkan dengan membuka outlet retail diberbagai tempat dengan harga yang relatif lebih murah serta pembelian melalui internet akan
diikuti dengan layanan pengiriman barang sampai ditempat pemesan. Maka tidak salah apabila kita menyebutnya Sebuah web shop toko pada
web dapat dijalankan sementara pelaku bisnis dapat melakukan aktivitas lain
misalnya sambil istirahat atu tidur dan tidak terbatas pada letak geografisnya.Yang termasuk kedalam elemen-elemen internet e-commerce yaitu:
1. Networking Networking
atau jaringan merupakan beberapa komputer yang saling berhubungan dan saling tukar menukar informasi dan terkoneksi melalui
sebuah kartu jaringan dan jalur komunikasi, yang terdiri dari jaringan lokal atau lebih dikenal dengan sebutan LAN atau jaringan internet yang banyak
digunakan untuk jaringan LAN atau lokal terdapat berbagai macam jenis jaringan seperti jaringan bus, token, star dan yang lain yang cocok untuk
digunakan, selain itu juga jaringan merupakan bagian yang sangat penting yang menentukan baik atau tidaknya suatu jaringan, untuk dapat diakses
dalam jaringan baik jaringan lokal maupun lewat jaringan internet.
2. Security Security
atau keamanan merupakan bagian yang penting, karena menyangkut masalah keamanan data user dan juga keamanan data kita,
masalah seperti enkripsi data pada saat transaksi menggunakan kartu kredit, aplikasi yang sudah banyak dipakai yaitu SSL Secure Socket
Layer .
3. Web Programming dan Web Design Kedua masalah ini dalam pelaksanannya dapat dikerjakan oleh satu orang
atau dibagi dua, untuk web programming dikhususkan dalam pembuatan dalam bahasa pemrograman dan untuk web design, khusus untuk
mendesain halaman web atau pengaturan gambar, warna maupun tata letak suatu web dari segi keindahan dan dinamis, dalam web programing dapat
digunakan untuk desainnya banyak software-software yang mendukung seperti macromedia, photoshop, Frontpage, Office publisher, dan masih
banyak lagi yang lainya. 4. Bisnis online
Maksud dari bisnis online disini yaitu menyangkut cara pengelolaan perusahaan dimulai dari managemen, administrasi keuangan dan lainnya,
yang semua itu merupakan suatu strategi dalam menarik costumer atau pelanggan untuk datang ke toko kita.
5. Cyberlaw Cyberlaw
merupakan hukum yang mengatur pelanggan yang ingin melakukan transaksi. Apabila di negara kita tidak diterapkan cyberlaw,
maka para pelanggan akan berpindah tempat untuk menjaga keamanan
mereka. [Suryana, 2006]
Sedangkan Julian Ding dalam bukunya e-commerce: Law dan Practice, mengemukakan bahwa e-commerce sebagai suatu konsep yang tidak dapat
didefinisikan. e-commerce memiliki arti yang berbeda dari orang yang berbeda. Dengan kata lain berdasarkan kedua pendapat tersebut e-commerce dapat
didefinisikan sebagai kegiatan-kegiatan bisnis yang menyangkut konsumen consumer, manufaktur manufactures, service provider dan pedagang sementara
intermediaries dengan menggunakan jaringan komputer komputer network
yaitu internet. [Suryana, 2006] II.2.6.2
Keuntungan E-Commerce
Keuntungan yang diperoleh dengan menggunakan transaksi melalui e- commerce
bagi suatu perusahaan adalah sebagai berikut : 1. Meningkatkan pendapatan dengan menggunakan online channel yang
biayanya lebih murah. 2. Mengurangi biaya-biaya yang berhubungan dengan kertas, seperti biaya
pos surat, pencetakan, report, dan sebagainya. 3. Mengurangi keterlambatan dengan mengunakan transfer elektronik
pembayaran yang tepat waktu dan dapat langsung dicek. 4. Mempercepat pelayanan ke pelanggan, dan pelayanan lebih responsif.
5. Perusahaan-perusahaan dapat menjangkau pelanggan diseluruh dunia. Oleh karena itu dengan memperluas bisnis mereka, sama saja dengan
meningkatkan keuntungan. 6. e-commerce menawarkan pengurangan sejumlah biaya tambahan. Sebuah
perusahaan yang melakukan bisnis di internet akan mengurangi biaya tambahan karena biaya tersebut tidak digunakan untuk gedung dan
pelayanan pelanggan customer service, jika dibandingkan dengan jenis bisnis tradisional.
Keuntungan yang diperoleh dengan menggunakan transaksi melalui e- commerce
bagi konsumen adalah sebagai berikut : 1. Keuntungan yang terbesar bagi konsumen adalah melakukan bisnis secara
online dengan mudah. Seorang pembeli di internet dapat menggunakan
komputer pribadinya pagi atau malam selama 7 hari per minggu untuk membeli hampir semua barang. Seorang konsumen tidak perlu mengantri
di toko atau bahkan meninggalkan rumahnya. 2. Beberapa perusahaan e-commerce telah membuat proses ini lebih mudah.
Beberapa toko online menyimpan informasi kartu kredit pembelinya diserver mereka, sehingga informasi yang dibutuhkan hanya dimasukkan
sekali saja. Beberapa bisnis online bahkan tidak mengirimkan produk- produknya kepelanggan melalui pos, khususnya yang menjual software
komputer. Sebagai contoh: beyon.com mengizinkan para pelanggannya untuk men-download software yang dibelinya langsung ke komputer
mereka. 3. Pengurangan biaya. Perusahaan yang menjual saham secara online, seperti
etrade.com membebankan biaya hanya sekitar 10 per perdagangan, yang jauh lebih murah jika dibandingkan dengan membeli saham tersebut
melalui perantara saham tradisional.
II.2.6.3 Mekanisme E-Commerce
Transaksi elektronik pihak yang menawarkan barang atau jasa melalui internet
dengan e-customer, pihak yang membeli barang atau jasa melalui internet yang terjadi di dunia maya atau di internet pada umumnya berlangsung
secara paperless transaction, sedangkan dokumen yang digunakan dalam transaksi tersebut bukanlah paper document, melainkan dokumen elektronik
digital document.
Kontak on line dalam e-commerce menurut Santiago Cavanilas dan A.Martines Nadal, seperti yang dikutip oleh Arsyad Sanusi memiliki banyak tipe
dan variasi yaitu: 1. Kontak melalui chatting dan video conference
Chating dan video Conference adalah alat komunikasi yang disediakan
oleh internet yang biasa digunakan untuk dialog interaktif secara langsung. Dengan chatting seseorang dapat berkomunikasi secara langsung dengan
orang lain persis seperti telpon, hanya saja komunikasi lewat chatting ini adalah tulisan atau pernyataan yang terbaca pada komputer masing-
masing. Sesuai dengan namanya, video conference adalah alat untuk berbicara dengan beberapa pihak dengan memiliki gambar dan mendengar
suara secara langsung pihak yang dihubungi dengan alat ini. Dengan demikian melakukan kontrak dengan menggunakan jasa chatting dan video
conference ini dapat dilakukan secara langsung antara beberapa pihak
dengan menggunakan sarana komputer. 2. Kontak melalui e-mail
Kontak melalui e-mail adalah salah satu kontrak on line yang popular karena pengguna e-mail saat ini sangat banyak dan mendunia dengan biaya
yang sangat murah dan waktu yang efisien. Untuk memperoleh alamat e- mail
dapat dilakukan dengan cara mendaftarkan diri kepada penyedia layanan e-mail dapat berupa penawaran yang dikirimkan kepada seseorang
atau kepada banyak orang yang tergabung dalam sebuah mailing list, serta penerimaan dan pemberitahuan penerimaan yang seluruhnya dikirimkan
melalui e-mail di samping itu kontrak e-mail dapat dilakukan dengan penawaran barangnya diberikan melalui situs web yang memposting
penawaran, sedangkan penerimaanya dilakukan melalui e-mail. 3. Kontak melalui web atau situs
Kontrak melalui web dapat dilakukan dengan menggunakan situs web seorang supplier baik yang berlokasi di server supplier maupun
diletakkan pada server pihak ketiga memiliki diskripsi prodak atau jasa dan satu seri halaman yang bersifat self-contractio, yaitu dapat digunakan
untuk membuat kontrak sendiri, yang memungkinkan pengunjung web untuk memesan produk atau jasa tersebut. Para konsumen harus
menyediakan informasi personal dan harus menyertakan nomor kartu kredit.
Mekanisme transaksi elektronik dengan e-commerce dimulai dengan adanya penawaran produk tertentu oleh penjual misalnya bertempat kedudukan di
USA di suatu website melalui server yang berada di Indonesia misalnya detik.com. Aplikasi konsumen Indonesia melakukan pembelian, maka konsumen
tersebut akan mengisi order mail yang telah disediakan oleh pihak penjualan. Selanjutnya cara pembayaran yang dapat dilakukan oleh konsumen tersebut
adalah sebagai berikut: 1. Transaksi model ATM.
2. Pembayaran langsung antar dua pihak yang bertransaksi tanpa perantara. 3. Dengan perantaraan pihak ketiga.
4. Dengan micropayment. 5. Dengan anonymous digital cash.
Dewasa ini lembaga-lembaga pembiayaan, seperti visa dan mastercard, telah mengembangkan sistem pembayaran dengan Secure Electronic Transaction
SET. Dengan sistem ini transaksi akan melibatkan lembaga CA Certificate of Autenticity
dan paymen gateway. Pada intinya mekanisme pembayaran dengan menggunakan SET ini melibatkan beberapa pihak yaitu:
1. Issure, yaitu institusi financial yang mengeluarkan kartu bank 2. Cardholder, yaitu konsumen yang telah terdaftar di issuer
3. Merchant, yaitu penjual barang atau jasa atau informasi 4. Arquirer, yaitu institusi finansial yang menyediakan pelayanan untuk
memproses transaksi ke bank 5. CA, yaitu lembaga yang memiliki otoritas untuk mengeluarkan sertifikat
digital Apabila proses pembayaran tersebut telah diotoritas, maka proses
selanjutnya adalah pengiriman barang. Cara pengiriman barang tersebut disediakan dengan macam produk yang diperdagangkan. Untuk produk yang
berupa barang-barang berwujud, maka pengirimannya dilakukan melalui pengiriman biasa, sedangkan untuk barang-barang tak berwujud seperti jasa,
software atau produkdigital lainnya maka pengiriman melalui proses download. Dalam proses terjadinya e-commerce, menurut Julian Ding sebagaimana
dikutip oleh Marian Darus Badrulzalam menentukan bahwa:”A contract is struck when two or more persons agree to a certain course of conduct”. Maksudnya,
kontrak adalah sebagai pertemuan dalam dua atau lebih pihak setuju melakukan
tindakan tertentu, sehingga pada saat itulah kesepakatan tercepat. [Julian, 2005] II.2.6.4
Karateristik E-Commerce
Berbeda dengan transaksi perdagangan biasa, transaksi e-commerce memiliki beberapa karakteristik yang sangat khusus, yaitu:
1. Transaksi tanpa batas Sebelum era internet, batas-batas geografi menjadi penghalang suatu
perusahaan atau individu yang ingin go-internasional. Sehingga, hanya perusahaan atau individu dengan modal besar yang dapat memasarkan
produknya secara internasional. 2. Transaksi Anonim
Para penjual dan pembeli dalam transaksi melalui internet tidak harus bertemu muka satu sama lainnya. Penjual tidak memerlukan nama dari
pembeli sepanjang pembayaran telah diotorisasi oleh penyedia sistem pembayaran yang ditentukan,yang biasanya dengan kartu kredit.
3. Produk digital dan non digital Produk-produk seperti software komputer, musik dan produk lain yang
bersifat digital dapat dipasarkan melalui internet dengan cara mendownload secara elektronik. Dalam perkembangannya obyek yang
ditawarkan melalui internet juga meliputi barang-barang kebutuhan hidup lainnya.
4. Produk barang tak berwujud Banyak perusahaan yang bergerak dibidang e-commerce dengan
menawarkan barang tak berwujud seperti data, software dan ide-ide yang dijual melalui internet.
II.2.7 Pengertian Rekayasa Perangkat Lunak
Rekayasa perangkat lunak adalah pendekatan sistematis untuk merekayasa perangkat lunak yang handal atau bermutu, tepat waktu dan dengan biaya yang
optimal. [Pressman, 2002] II.2.7.1
Pengembangan Perangkat Lunak
Rekayasa perangkat lunak atau tim perekayasa harus menggabungkan strategi pengembangan yang melingkupi lapisan proses, metode, dan alat-alat
bantu serta fase-fase generic. Strategi ini sediang diacukan sebagai model proses
atau paradigma rekayasa perangkat lunak. [Pressman, 2002]
Perangkat lunak yang disimpan atau digunakan dalam jangka waktu yang cukup lama akan menimbulkan masalah apabila sering diabaikan atau tidak
diperhatikan perkembangannya. Permasalahan yang akan timbul dari penggunaan perangkat lunak yang cukup lama adalah :
1. adanya kebutuhan baru. Sebagai contoh pada saat ini berkembangnya perangkat lunak berbasis web.
2. Untuk mengurangi kompleksitas, biaya dan waktu pemasaran. Sebagai contoh pemanfaatan dari perkembangan bahasa pemrograman tingkat
tinggi.
3. Mengurangi cacat. Sebagai contoh dengan cara membuat standarisasi dari pengkodean yang tidak sesuai.
Evolusi perangkat lunak diperlukan untuk menyelesaikan permasalahan yang timbul dari penggunaan perangkat lunak yang lama, yang terdiri dari :
1. Pembangunan perangkat lunak Pembangunan perangkat lunak meliputi permintaan requirement,
spesifikasi, perancangan design, testing dan sebagainya. 2. Perawatan perangkat lunak
Perawatan perangkat
lunak merupakan
proses-proses untuk
memperpanjang waktu penggunaan sistem perangkat lunak yang ada, sehingga tetap dapat dipergunakan sebagaimana mestinya dengan baik.
3. Migrasi perangkat lunak Proses-proses yang memindahkan sistem yang ada ke sistem yang baru
dikarenakan perkembangan dari kebutuhan perangkat lunak tersebut.
II.2.7.2 Model Proses Perangkat Lunak
Model proses perangkat lunak merupakan representasi abstrak dari proses perangkat lunak. Setiap model proses merepresentasikan suatu proses dari sudut
pandang tertentu sehingga memberikan informasi parsial mengenai proses
tersebut. [Pressman, 2002]
Model proses perangkat lunak terdiri dari : 1. Model Waterfall
Model waterfall adalah paradigma rekayasa perangkat lunak yang paling luas dipakai dan paling tua. Model waterfall mengusulkan sebuah
pendekatan kepada perangkat lunak yang sistematis dan sekuensial yang mulai pada tingkat dan kemajuan sistem pada seluruh analisis, desain,
kode, pengujian, dan pemeliharaan. Setelah setiap tahap didefinisikan, tahap tersebut ‘diakhiri’ dan pengembangan berlanjut ketahap berikutnya.
2. Model Incremental Incremental model mengirimkan sebagian produk kecil yang merupakan
bagian inti dari perangkat lunak, dimana produk tersebut akan mengembangkan dibuatnya produk lain untuk melengkapi perangkat lunak
tersebut. 3. Model Rapid Application and Development RAD
Model Rapid Application and Development RAD merupakan sebuah model proses perkembangan perangkat lunak sekuensial linier yang
menekankan siklus perkembangan yang sangat pendek. 4. Model Evolusioner
a. Model Prototipe Model prototipe merupakan metode yang baik bagi pelanggan yang
hanya menjelaskan sistem secara umum tidak secara detail. Dimulai dengan pengumpulan kebutuhan. Pengembang dan pelanggan bertemu dan
mendefinisikan obyektif
keseluruhan dari
perangkat lunak,
mengidentifikasikan segala kebutuhan yang diktahui, dan area garis besar dimana definisi lebih jauh merupakan keharusan kemudian dilakukan
“perancangan kilat”. b. Model Spiral
Model spiral merupakan model proses perangkat lunak yang evolusioner yang merangkai sifat iterative dari protitipe dengan cara
control dan aspek sistematis dari model sekuensial linear. Model ini berpotensi untuk pengembangan versi pertambahan perangkat lunak secara
cepat. c. Model Perkembangan Konkuren
Model perkembangan konkuren digunakan sebagai paradigma bagi pengembangan aplikasi clientserver. Model proses konkuren dikendalikan
oleh kebutuhan para pemakai, keputusan manajemen, hasil kajian.
II.2.8 Pengertian Basis Data dan Sistem Basis Data
Salah satu definisi cukup lengkap dan baik tentang istilah basis data adalah pengertian yang diberikan oleh James Martin 1975 yaitu sebagai berikut :
“ A database may be defined as a collection of interrelated data stored together without harmful or unnecessary redundancy to serve data one or more
applications in an optimal fashion; the data are stored so they are independent of programs with use the data; a common and controlled approach its used in
adding new data and in modifying and retrieving existing data within the
database”. [Sutanta, 2004]
Dengan memahami pengertian diatas, maka istilah basis data dapat dipahami sebagai suatu kumpulan data terhubung interrelated data yang
disimpan secara bersama-sama pada suatu media, tanpa mengatap satu sama lain atau tidak perlu suatu kerangkapan data kalaupun ada maka kerangkapan data
tersebut harus seminimal mungkin dan terkontrol, data disimpan dengan cara-cara tertentu sehingga mudah untuk digunakan atau ditampilkan kembali; data dapat
digunakan oleh satu atau lebih program-program aplikasi secara optimal; data disimpan tanpa mengalami ketergantungan dengan program yang akan
menggunakannya; data disimpan sedemikian rupa sehingga proses penambahan, pengambilan dan modifikasi data dapat dilakukan dengan mudah dan terkontrol.
Suatu basis data mempunyai kriteria penting yang harus dipenuhi, yaitu : 1. berorientasi pada data data oriented dan bukan berorientasi pada
program program oriented yang akan menggunakannya. 2. Data dapat digunakan oleh pemakai yang berbeda-beda arau beberapa
program aplikasi tanpa perlu mengubah basis data. 3. Data dalam basis data dapat berkembang dengan mudah dan baik volume
maupun strukturnya. 4. Data yang ada dapat memenuhi kebutuhan sistem-sistem baru secara
mudah. 5. Data dapat digunakan dengan cara yang berbeda-beda.
6. Kerangkapan data data redundancy minimal.
Sistem basis data adalah sekumpulan subsistem yang terdiri atas basis data dengan para pemakai yang menggunakan basis data secara bersama-sama,
personal-personal yang merancang dan mengelola basis data, untuk merancang dan mengelola basis data serta sistem komputer pendukungnya. Sistem basis data
mempunyai beberapa elemen penting, yaitu : 1. Basis data sebagai inti dari sistem basis data.
2. Perangkat lunak software untuk perancangan dan pengelolaan basis data.
3. Perangkat keras hardware sebagai pendukung operasi pengelolaan data.
4. Manusia brainware sebagai perangkat atau para spesialis informasi
yang mempunya fngsi sebagai perancangpengelola. [Sutanta, 2004] II.2.9
Pemodelan Analisis
Model analisis merupakan representasi teknis yang pertama dari sistem, tetapi saat ini ada yang mendominasi landasan pemodelan analisis. Pertama,
analisis terstruktur adalah metode pemodelan klasik, dan analisis berorientasi objek.
Analisis terstruktur adalah aktivitas pembangunan model. Analisis tersturktur menggunakan notasi yang sesuai dengan prinsip analisis operasional
dapat menciptakan model yang menggambarkan muatan dan aliran informasi, membagi sistem secara fungsional dan secara behavioral, dan menggambarkan
esensi dari apa yang harus dibangun.
II.2.9.1 Flowmap
Flowmap merupakan diagram alir yang menunjukan arus bagi dokumen
aliran data fisik, entitas-entitas sistem informasi dan kegiatan operasi yang berhubungan dengan sistem informasi penggambaran biasanya diawali dengan
mengamati dokumen apa yang menjadi media data atau informasidan selanjutnya ditelusuri bagaimana dokumen tersebut termasuk ke bagian atau entitas mana
dokumen tersebut. [Kadir, 1999]
II.2.9.2 Entity-relationship Diagram
ERD
ERD adalah model konseptual yang mendeskripsikan hubungan antara penyimpanan dalam DFD. ERD digunakan untuk memodelkan struktur data dan
hubungan antar data. Dengan ERD, model dapat diuji dengan mengabaikan proses yang dilakukan. ERD pertama kali dideskripsikan oleh Peter Chen yang dibuat
sebagai bagian dari perangkat lunak Case. [Kadir, 1999]
Menurut Andri Kristanto 2003 teknik ERD menyediakan suatu konsep yang bermanfaat yang dapat mengubah deskripsi informal dari apa yang
diinginkan oleh user menjadi hal yang lebih detail, preaisi, dan deskripsi detail
tersebut dapat diimplementasikan ke dalam DBMS. [Kristanto, 2003]
Antar entitas selalu ada tiga hubungan biner, diantaranya yaitu : 1. Satu ke Satu One To One Relationship
Hubungan antara entity pertama dengan entity kedua adalah satu berbanding satu.
Gambar II.2 ERD One To One
Relationship
2. Satu ke Banyak One To Many Relationship Himpunan entity pertama dapat berhubungan satu atau lebih entity pada
himpunan kedua, tetapi tidak sebaliknya.
Gambar II.3 ERD One To Many
Relationship
3. Banyak ke Banyak Many To Many Relationship Setiap entity pada himpunan entity pertama dapat berhubungan dengan
banyak entity pada himpunan entity kedua, begitu pula sebaliknya.
Gambar II.4 ERD Many To Many
Relationship
II.2.9.3 Diagram Konteks
Diagram konteks menggambarkan hubungan antara sistem dengan entitas luarnya. Diagram konteks berfungsi sebagai transformasi dari satu proses yang
melakukan transformasi data input menjadi data data output. [Kadir, 1999]
II.2.9.4 Data Flow Diagram DFD
DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang keluar dari
sistem , dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data
tersebut. [Kristanto, 2003]
DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau
sistem baru
yang akan
dikembangkan secara
logika tanpa
mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau dimana data tersebut akan disimpan. DFD merupakan alat yang digunakan pada
metodologi pengembangan sistem yang terstruktur. Kelebihan utama pendekatan alir data, yaitu :
1. Kejelasan dari menjalankan implementasi teknis sistem. 2. Pemahaman lebih jauh mengenai keterkaitan satu sama lain dalam sistem
dan subsistem. 3. Mengkomunikasikan pengetahuan sistem yang ada dengan pengguna
melalui diagram alir data. 4. Menganalisis sistem yang diajukan untuk menentukan apakah data-data
dan proses yang diperlukan sudah ditetapkan. DFD terdiri dari context diagram dan diagram rinci DFD leveled, context
diagram berfungsi memetakan model lingkungan menggambarkan hubungan antara entitas luar, masukan dan keluaran sistem, yang direpresentasikan dengan
lingkaran tunggal yang mewakili keseluruhan sistem. DFD leveled
menggambarkan sistem jaringan kerja antara fungsi yang berhubungan satu sama lain dengan aliran data penyimpanan data, model ini hanya memodelkan sistem
dari sudut pandang fungsi.
II.2.9.5 Data Dictionary Kamus Data
Merupakan katalog tempat penyimapnan dari elemen-elemen yang berada dalam suatu sistem. Kamus data mempunyai fungsi yang sama dalam pemodelan
sistem dan juga berfungsi membantu pelaku sistem untuk mengerti aplikasi secara detail dan mengorganisasi semua elemen data yang digunakan dalam sistem
sehingga pemakai dan penganalisa sistem punya dasar pengertian yang sama
tentang masukan, keluaran, penyimpanan dan proses. [Kadir, 1999] II.2.10
Bahasa Pemrograman PHP
PHP dibuat oleh Rasmus Lerdorf pada tahun 1994, pada awalnya tidak untuk didistribusikan dan hanya digunakan pada homepage pribadinya. Pada
tahun 1995 dikeluarkan versi pertama yang dapat digunakan oleh umum dengan nama personal home page tools. Ditulis kembali pada pertengahan 1995 dan
diberi nama sebagai PHPF1 version 2. F1 berasal dari paket Rasmus yang mana merupakan html interpreter untuk data form. Pada hasil kombinasi tersebut juga
ditambah dukungan SQL. PHPF1 terus berkembang dan banyak orang mulai memberikan kontribusi dalam pengembangannya.
Pada tahun 1996 PHPF1 diperkirakan telah digunakan 15.000 situs web dunia, dan
pada pertengahan 1997 jumlah ini berkembang melebihi 50.000. pada pertengahan 1997 juga terjadi perubahan pada PHP dimana berubah menjadi proyek
yang didukung oleh team yang lebih terorganisasi. Parsernya ditulis ulang oleh Zeev
Suraski dan Andi Gutmans dan parser baru inilah yang membentuk basis untuk PHP versi 3. Banyak kode utility telah selesai ditulis kembali.
PHP seperti kita ketahui ialah bahasa pemrograman berbasis web. Bahasa ini mempunyai kelebihan yaitu kompabilitasnya dengan berbagai macam jenis
database ,dukungan dengan berbagai macam jenis sistem operasi. [Suryana, 2006]
Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar, padahal
situs tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauhketinggalan jaman sehingga sebagian besar designer web banyak beralih ke
bahasa server-side scripting yang lebih dinamis seperti PHP. Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun
kekuatanyang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :
Oracle, MySQL , Sybase, PostgreSQL, dan lainnya. PHP dapat berjalan di berbagai system operasi seperti windows 98NT, UNIXLINUX, solaris maupun
macintosh. Software ini juga dapat berjalan pada web server seperti PWS Personal
Web Server, Apache, IIS, AOLServer, fhttpd, phttpd dan sebagainya. PHP juga merupakan bahasa pemograman yang dapat kita kembangkan sendiri seperti untuk
menambah fungsi-fungsi baru. Keunggulan lainnya dari PHP adalah bahwa PHP juga mendukung komunikasi dengan layanan seperti protocol IMAP, SNMP, NTP,
POP3 dan bahkan HTTP. PHP dapat diinstal sebagai bagian atau modul dari apache web server atau sebagai CGI script yang mandiri. Banyak keuntungan
yang dapat diperoleh jika menggunakan PHP sebagai modul dari apache, di antaranya adalah :
1. Tingkat keamanan yang cukup tinggi 2. Waktu eksekusi yang lebih cepat dibandingkan dengan bahasa
3. pemograman web lainnya yang berorientasi pada server-side scripting. 4. Akses ke system database yang lebih fleksibel. seperti MySQL.
II.2.1 Software Pendukung
II.2.1.1 XAMPP
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan
instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis untuk
anda atau auto konfigurasi. Versi XAMPP yang ada saat ini adalah Versi 1.4.14 Software XAMPP versi ini terdiri atas: Apache versi 2.0.54, MySQL versi 4.1.12,
PHP versi 5.0.4, dan phpMyAdmin versi 2.6.2-p11. Apache sudah berkembang sejak versi pertamanya dan sampai versi
terakhirnya yang ada yaitu Apache ver 2.0.54. Apache bersifat open source, artinya setiap orang boleh menggunakannya, mengambil dan bahkan mengubah
kode programnya. Tugas utama apache adalah menghasilkan halaman web yang benar kepada
peminta, berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. Jika diperlukan juga berdasarkan kode PHP yang dituliskan, maka dapat saja suatu
database diakses terlebih dahulu misalnya dalam MySQL untuk mendukung halaman web yang dihasilkan.
II.2.1.2 Macromedia Dreamweaver
Macromedia Dreamweaver merupakan web editor untuk membuat dan mendesain website dengan mudah dan cepat. Kemampuannya dalam membuat
website tanpa menuliskan tag-tag HTML satu persatu, menjadikan program ini merupakan salahsatu web editor favorit banyak pengguna web.
Pada Jaman Dahulu Kala Hiduplah seorang Programmer yg bernama Mr.MX dia adalah Programmer bahasa C++ yg Pintar dan akhirnya dia disuruh
oleh Raja di Negerinya untuk membuatkan software agar bisa mempromosikan Kerajaan ke Kerajaan lainnya.
Akhirnya Programmer itu terus menerus memecahkan masalahnya. Akhirnya terciptalah Macromedia Dreamweaver. Untuk Mengenang jasa jasanya
sang raja mengubah nama softwarenya menjadi Macromedia Dreamweaver.
II.2.1.3 MySQL Database
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL bahasa Inggris: database management system atau DBMS yang multithread,
multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General
Public License GPL, tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
Terdapat beberapa API tersedia yang memungkinkan aplikasi-aplikasi komputer yang ditulis dalam berbagai bahasa pemrograman untuk dapat
mengakses basis data MySQL antara lain: bahasa pemrograman C, C++, C, bahasa
pemrograman Eiffel, bahasa
pemrograman Smalltalk,
bahasa pemrograman Java, bahasa pemrograman Lisp, Perl, PHP, bahasa pemrograman
Python, Ruby, REALbasic dan Tcl. Sebuah antarmuka ODBC memanggil MyODBC yang memungkinkan setiap bahasa pemrograman yang mendukung
ODBC untuk berkomunikasi dengan basis data MySQL. Kebanyakan kode sumber MySQL dalam ANSI C.
MySQL sangat populer dalam aplikasi web seperti PHP-Nuke yang berfungsi sebagai komponen basis data dalam LAMP. Popularitas sebagai aplikasi
web dikarenakan kedekatannya dengan popularitas PHP, sehingga seringkali disebut sebagai Dynamic Duo.
Untuk melakukan administrasi dalam basis data MySQL, dapat menggunakan modul yang sudah termasuk yaitu command-line perintah: mysql
dan mysqladmin. Juga dapat diunduh dari situs MySQL yaitu sebuah modul berbasis grafik GUI: MySQL Administrator dan MySQL Query Browser. Selain
itu terdapat juga sebuah perangkat lunak gratis untuk administrasi basis data MySQL berbasis web yang sangat populer yaitu phpMyAdmin. Untuk perangkat
lunak untuk administrasi basis data MySQL yang dijual secara komersial antara lain: MySQL front, Navicat dan EMS SQLManager for MySQL.
51
BAB III ANALISIS DAN PERANCANGAN
III.1 Analisis Sistem
Analisis sistem merupakan tahap untuk mempelajari interaksi sistem yang terdiri dari pelaku proses dalam sistem, prosedur, data serta informasi yang terkait.
Analisis dilakukan terhadap sistem yang sedang berjalan sebagai dasar perancangan atau perbaikan sistem lama. Tujuan dari analisis sistem yang sedang
berjalan adalah sebagai berikut. 1. Menelusuri
bagaimana sistem
yang sedang
berjalan dengan
memperhatikan proses aliran data atau informasi dan pelaku sistem dalam flowmap yang berjalan.
2. Mengevaluasi sistem sehingga dapat mendukung dan meningkatkan kinerja sistem aplikasi yang akan dibangun.
3. Mendapatkan kemungkinan pengembangan sistem yaitu pengembangan terhadap proses dan subproses yang dapat dimodifikasi kearah yang lebih
baik.
III.1.1 Analisis Masalah
Analisis permasalahan yang terjadi pada Toko Sakinah Kerudung ini yaitu daerah pemasaran masih sempit yang hanya di wilayah bandung saja. Kemudian
pemesanan dan pembayaran yang dilakukan masih secara offline. Oleh karena itu, perlu adanya sistem yang harus dibangun untuk mengatasi permasalahan tersebut.
III.1.2 Analisis Sistem yang Sedang Berjalan
Prosedur adalah kumpulan dari proses dalam suatu sistem yang saling terkait antara satu dengan yang lainnya untuk mencapai tujuan yang telah
diterapkan. Sistem yang sedang berjalan saat ini adalah prosedur pembuatan bandrol harga, prosedur penjualan di toko, dan prosedur pembuatan laporan.
III.1.2.1 Prosedur Pembuatan Label atau Bandrol Harga
Flowmap pembuatan label atau bandrol harga yang sedang berjalan di toko
Sakinah Kerudung adalah sebagai berikut : a. Pemilik toko membuat dokumen tabel daftar harga yang berisi kode
barang, nama barang, dan harga satuannya
b. Pemilik toko menyalin dokumen tabel daftar harga ke bandrol atau label
harga serta menempelkan ke barang.
c. Pemilik toko menyerahkan dokumen tabel daftar harga dan bandrol harga
juga barang ke Karyawati penjaga toko.
d. Karyawati penjaga toko mengarsipkan dokumen tabel daftar harga
sedangkan bandrol harga berserta barangnya didisplay di toko.
Prosedur Pembuatan Label atau Bandrol Harga Karyawati
Penjaga Toko Pemilik Toko
Pengisian daftar
harga
Menyalin daftar harga
ke bandrol per barang
Label atau bandrol harga
barang terisi 2
1 form daftar
harga kosong
2 1
form daftar harga terisi
2 form daftar
harga terisi
Label atau bandrol harga barang terisi
dan di cek A1
A2
Gambar III.1 Flowmap prosedur pembuatan label atau bandrol harga
Keterangan : A1 : Arsip daftar harga untuk auditor pemilik toko.
A2 : Arsip daftar harga untuk kasir karyawati.
III.1.2.2 Prosedur Penjualan
Flow map penjualan produk yang sedang berjalan di Toko Sakinah
Kerudung adalah sebagai berikut : a. Pembeli datang ke toko membawa daftar belanjaan lalu dilayani penjaga toko.
b. Daftar belanjaan di periksa oleh penjaga toko. Apakah pembelian barang lebih dari satu atau tidak? Jika pembeli hanya membeli 1 barang yang
didisplay di toko dan pembeli cocok dengan barang yang dipilih maka barang yang dipilih di bawa oleh penjaga toko bersamaan dengan pembeli ke meja
kasir untuk melakukan proses pembayaran. c. Jika pembelian lebih dari satu barang dan pembeli kurang cocok pada suatu
model atau detail barang tertentu maka pembeli bisa meminta model atau detail barang yang lain pada penjaga toko. Penjaga toko melakukan
pengecekan persediaan barang yang ada di toko, apakah barang yang akan diminta tersedia atau tidak?.
d. Jika barang yang diminta tidak terpenuhi atau tidak tersedia maka pembeli bisa mencatatkan nama pemesan dan nomor telepon yang bisa dihubungi
berserta rincian pesanannya di buku pesanan. Lalu bila nantinya barang yang diminta telah tersedia di toko maka pihak toko akan menghubungi pemesan
atau pembeli bahwa barang yang diminta telah tersedia. e. Jika pembelian lebih dari satu barang dan barang yang diminta tersedia di
toko maka barang yang dipilih dibawa oleh penjaga toko bersamaan dengan pembeli ke meja kasir untuk melakukan proses pembayaran.
f. Pembeli yang sudah memilih barang yang cocok maka menuju meja kasir untuk dibuatkan nota pembelian oleh kasir.
g. Kasir membuat nota sebanyak dua rangkap. Rangkap pertama diserahkan pada pelanggan, rangkap kedua diarsipkan oleh kasir dan juga diserahkan
pada pengelola toko untuk dicatat dalam pembuatan buku penjualan. h. Pembeli membayar pembelian sesuai dengan total harga yang tertera di nota.
i. Penjaga toko mencatat data penjualan dari setiap nota ke dalam buku penjualan yang telah di bayar oleh pembeli.
Prosedur Penjualan di Toko Karyawati
Penjaga toko dan Kasir Pelanggan
Daftar belanjaan
Pengecekan stok
barang Tersedia
Pembuatan nota
2 1 Nota
terisi 1
Nota terisi
Pengisian buku
pesanan Buku
Pesanan terisi Buku
Pesanan terisi Ya
A3 Daftar belanjaan
Cek list belanjaan dan
jumlah barang Jumlah pembelian
barang banyak
Ya Tidak
Proses Pembayaran
Pencatatan pembayaran
Buku laporan penjualan
A4 Buku Pesanan
kosong Tidak
Daftar barang
Gambar III.2 Flowmap prosedur penjualan
Keterangan : A3 : Arsip nota untuk kasir.
A4 : Arsip buku pesanan
III.1.2.3 Prosedur Pembuatan Laporan Penjualan
Flow map laporan penjualan produk yang sedang berjalan di Toko Sakinah
Kerudung adalah sebagai berikut : a. Karyawati mengarsipakan nota penjualan dan menerima arsip dari nota
penjualan melalui pemesanan. b. Menyalin nota penjualan ke dalam dua rangkap buku laporan penjualan.
Laporan dibuat dalam format tabel yang berisikan nama produk, jumlah produk yang terjual disertai total harga per nama barang dan juga total harga
dari total harga per nama barang dalam 1 hari. c. Dua rangkap buku laporan penjualan diserhakan ke auditor pemilik toko.
auditor pemilik toko mengecek buku laporan penjualan per hari. Apakah pembukuan laporan penjualan sesuai dengan jumlah uang pendapatan
dalam 1 hari itu atau tidak?. Jika ditemukan kesalahan dalam pembukuan laporan penjualan maka pemilik toko menanyakan kembali ke karyawati
lalu pemilik toko memberikan kembali buku laporan penjualan untuk diperbaki oleh karywati. Jika tidak ditemukan kesalahan maka buku laporan
penjualan rangkap pertama di arsipkan oleh pemilik toko dan buku laporan penjualan rangkap pertama di arsipkan oleh karyawati.
Prosedur Pembuatan Laporan Penjualan Auditor
Pemilik Toko Karyawati
Penjaga toko dan Kasir
A6 A5
2 Pengecekan
buku laporan
penjualan Pencatatan
data penjualan
A3
1 Buku laporan
penjualan 2
1 Buku laporan
penjualan
2 1
Buku laporan penjualan telah
dicek sesuai
Tidak Ya
2 Buku laporan
penjualan telah dicek
Gambar III.3 Flowmap Prosedur Pembuatan Laporan Penjualan
Keterangan : A3 : Arsip nota dari kasir.
A5 : Arsip buku laporan penjualan yang telah dicek pada auditor pemilik toko A6 : Arsip buku laporan penjualan yang telah dicek pada karyawati
III.1.3 Analisis Kebutuhan Non Fungsional
Analisis Kebutuhan non fungsional terbagi menjadi beberapa analisis yaitu analisis perangkat keras, perangkat lunak dan analisis pengguna.
III.1.3.1 Analisis Pengguna
Analisis pengguna dilakukan untuk mengetahui tugas dan karakteristik pengguna yang akan menggunakan sistem yang akan dibangun. Ada dua bagian
analisis pengguna diantaranya bagian yang terlibat pada sistem yang sedang berjalan pada saat ini dan bagian yang akan menggunakan website yang akan
dibangun. Bagian yang terlibat dalam sistem yang sedang berjalan pada saat ini.
Tabel III.1 Analisis pengguna sistem yang berjalan
No Jabatan
Tingkat Pendidikan
Keterampilan Kebutuhan
1 Pemilik toko
Strata satu S1 Mengerti cara
menggunakan komputer dan
mengetahui penggunaan website.
Melihat proses
data transaksi
yang terjadi
pada perusahaan
sesuai dengan wewenangnya
2 Karywati
penjaga toko
SMA Mengerti
cara menggunakan komputer
dan mengetahui
penggunaan website Mengunjungi
situs jejaring sosial
Sistem yang akan dibangun ini digunakan oleh 3 pengguna yang diantaranya sebagai berikut :
Tabel III.2 Analisis yang menggunakan sistem
pengguna Tanggung
jawab Tingkat
pendidikan Tingkat
keterampilan Pengalaman Jenis
pelatihan Administrator
Pemilik Toko Mengelola
laporan penjualan
Strata satu S1
Memiliki kemampuan
dasar di bidang
komputer dan dapat
mengoperasi kan Sistem
Operasi Windows
XP, dapat mengelola
database dengan
menggunaka n MySQL,
mengerti tentang
jaringan dan web server,
menguasai bahasa
pemrograman HTML Basic,
dan memiliki pemahaman
yang cukup dalam
mengelola data dalam
web serta memiliki
pengetahuan tentang
internet . Mengerti
cara menggunak
an komputer
dan mengetahui
penggunaan website.
Cara menggun
akan website.
Tabel III.2 Analisis yang menggunakan sistem
Member Melakukan
pembelian, Mengelola
data member
Minimal SMA dan
umum Mampu
mengoperasi kan komputer
dan browsing di internet
Mengerti cara
menggunak an
komputer dan
mengetahui penggunaan
website. Cara
belanja
Pengunjung Melihat
barangdan melakukan
registrasi Minimal
SMA dan umum
Mampu mengoperasi
kan computer dan browsing
Mengerti cara
menggunak an
komputer dan
mengetahui penggunaan
website. Cara
belanja
III.1.3.2 Analisis Perangkat Keras
Dalam pembangunan website ini diperlukan alat pendukung perangkat keras hardware seperti terlihat pada tabel di bawah ini.
Tabel III.3 Analisis perangkat keras Nama pengguna
Spesifikasi
Administrator a. Processor dengan kecepatan minimal 1 Ghz
b. RAM minimal 512 MB c. Hard Disk minimal 80 GB
d. VGA minimal 128 MB e. Monitor dengan resolusi 1024 x 768
f. Lan Card 10100 Mbps
Pengunjung dan Member
a. Processor dengan kecepatan minimal 500 Mhz b. RAM minimal 256 MB
c. Hard Disk minimal 40 GB d. VGA minimal 64 MB
e. Monitor dengan resolusi 1024 x 768 f. Lan Card 10100 Mbps
III.1.3.3 Analisis Perangkat Lunak
Kebutuhan perangkat lunak merupakan faktor-faktor yang harus dipenuhi untuk merancang sebuah perangkat lunak sehingga perangkat lunak tersebut
sesuai dengan maksud dan tujuan perangkat lunak tersebut dibuat. Beberapa perangkat lunak pendukung sebagai berikut :
1. Windows XP sebagai sistem operasi. 2. PHP sebagai bahasa pemorgraman.
3. Macromedia Dreamweaver versi 8 eebagai software pembangun. 4. MySQL sebagai DBMS.
5. Mozilla Firefox versi 4.0 sebagai Higih Quality Display Web browser. 6. XAMPP sebagai Web Server.
III.1.4 Analisis Pengkodean
Kode merupakan penyajian dalam mengklasifikasikan data sehingga mudah dalam proses pemasukan ke dalam sistem. Pengguna kode biasanya untuk
mengidentifikasikan data, simbol kode biasanya digunakan pada hampir semua proses yang ada kaitanya dengan data. Sistem yang berjalan saat ini hanya
menggunakan dua kode dan menggunakan format angka atau integer untuk kode berikut :
Format : 1. 0 1 Nomor urut barang
Nomor bahan kain kerudung Nomor model kerudung
Contoh : 1.01, untuk kode barang kerudung model segi empat bahan paris polos.
III.1.5 Analisis Pemesanan Melalui Desain Produk Dari Member
Berdasarkan hasil wawancara dengan pmilik toko bahwa Toko Sakinah Kerudung yang bergerak dalam bisnis kerudung menerima permintaan pembuatan
kerudung dengan desain produk dari member atau pembeli. Ketentuan pemesanan melalui desain produk dari member diantaranya :
1. Minimal pemesanan 100 potong kerudung dalam 1 model kerudung. 2. Desain produk yang dapat diterima atau tersedia oleh pemilik toko itu
model kerudung segi empat dengan 2 pilihan bahan kerudung Hycon dan Paris. Menyediakan pilihana warna diantaranya : merah, hijau, biru,
dan ungu. Menyediakan beberapa motif kerudung diantarnya : payet, bordir, sulam, dan polos.
3. Rincian estimasi waktu sebagai berikut : a. Estimasi penentuan harga dari pemilik toko terhitung sejak pemesan
memberikan desain produk ke pemilik toko paling cepat dua hari. Setelah dua hari pemesan dapat mengetahui biaya pembuatan
kerudung sesuai dengan desain dari pemesan. b. Estimasi pembayaran bagi pemesan terhitung sejak pemilik toko
memberikan konfirmasi biaya pembuatan kerudung pada pemesan selama satu hari.
c. Estimasi penyelesaian pembuatan kerurdung paling lama 7 sampai dengan 10 hari terhitung sejak pemesan melakakuan pembayaran
penuh untuk biaya pembuatan kerudung. Setelah 7 samapai dengan
10 hari maka pemesan mendapat konfirmasi dari pemilik toko bahawa pembuatan kerudung telah selesai dan siap untuk dikirim.
III.1.6 Analisis Basis Data
ERD digunakan dalam membangun basis data untuk menggambarkan relasi atau hubungan dari dua file atau dua tabel. ERD terdiri dari 2 komponen utama
yaitu entitas dan relasi. Kedua komponen tersebut diprediksikan lebih jauh melalui atribut-atribut atau properti.
Hubungan antara entitas yang terjadi didalam sistem yang akan dirancang dapat dilihat pada Entity Relationship Diagram berikut ini :
Gambar III.4 Entity-Reltionship Diagram
III.1.7 Analisis Kebutuhan Fungsional
Analisis Kebutuhan fungsional merupakan tahap aliran informasi yang meliputi diagram konteks dan aliran informasi yang di representasikan dengan
menggunakan data flow diagram DFD.
III.1.7.1 Diagaram Konteks
Diagram konteks adalah arus data yang berfungsi untuk menggambarkan keterkaitan aliran-aliran data antara sistem dengan bagian-bagian luar. Adapun
diagram konteks untuk sistem yang akan dibangun dapat dilihat pada gambar dibawah ini.
Sistem Penjualan berbasis Website di
Toko Sakinah Kerudung
Member Administrator
Paypal Pengunjung
Webmail
Request Beranda Request Tentang kami
Request cara daftar Request cara belanja
Request kotak saran Request Kontak kami
Request kategori Request barang
Request diskon
Request pencarian barang Info Beranda
Info Tentang kami Info cara daftar
Info cara belanja Info kotak saran
Info Kontak kami Info ongkos kirim
Info barang Info diskon
Info kategori Info pencarian barang
Data login member Data pembayaran
Data pemesanan Data pengiriman
Request Beranda
Request Tentang kami Request cara daftar
Request cara belanja Request kotak saran
Request Kontak kami Request kategori
Request barang Request diskon
Request pencarian barang Data retur barang
Data pemesanan desain Info aktivasi registrasi member
Info detail pesanan Info detail pembayaran valid
Data aktivasi registrasi member Data detail pesanan
Data detail pembayaran valid Data login admin
Mengelola member Mengelola pengaturan
Mengelola profil admin Mengelola kategori
Mengelola harga Mengelola barang
Mengelola diskon
Mengelola pesanan Mengelola ongkos kirim
Mengelola laporan
Info login Info member
Info pengaturan Info profil admin
Info kategori Info harga
Info barang Info diskon
Info pesanan Info ongkos kirim
Info laporan
Data pembayaran data pembayaran
Info login member Info pembayaran
Data pemesanan
Info pengiriman Info tracking pengiriman
Info Beranda Info Tentang kami
Info cara daftar Info cara belanja
Info kotak saran Info Kontak kami
Info ongkos kirim Info barang
Info diskon
Info kategori Info pencarian barang
Info retur Info pemesanan desain
JNE
D ata t
ra ck
in g
p en
g ir
im an
D ata t
ra ck
in g
p en
g ir
im an
Gambar III.5 Diagram Konteks
III.1.7.2 Data Flow Diagram
Data flow diagram adalah tools yang menggambarkan proses logika dari
sistem yang akan dibangun tanpa mempertimbangkan lingkungan fisik dimana data itu mengalir atau disimpan.
III.1.7.2.1 DFD Level 1
Data flow diagram DFD level 1 menggambarkan seluruh proses yang ada
dalam sistem dengan lingkungan luarnya. Adapun gambar DFD level 1 di tunjukan oleh gambar dibawah ini.
member administrator
2 Login
Data login administrator Info login invalid
Data login member Info login invalid
t_administrator t_member
Data member Data login member
D at
a ad
m in
is tr
at o
r
D a
ta lo
g in
ad m
in ist
rat o
r
3 Pengelolaan
data user
D a
ta a d
m in
is tra
to r
In fo
d at
a ad
m in
ist rat
o r
Data member
In fo
d at
a m em
b er
Data member Data member
Data administrator Data administrator
1 Pendaftaran
member Data member
Info data member Data member
Data member
Login valid administrator, member
4 Pengelolaan
data master 7
Pemesanan Request data barang
Info data barang
t_kota Data kota
Data kota Login valid administrator
Data pesanan, data detail pesanan, tracking pengiriman Konfirmasi pesanan
t_detail_pesanan pengunjung
In fo
d a
ta b
ar an
g view
d at
a b ar
an g
5 View data
barang
Data kota 8
View history
R eq
u es
t d at
a p es
an a
n ,
req u
e st
d a
ta d
e ta
il p es
an a
n
Info data history
In fo
d at
a p es
an a
n ,i
n fo
d at
a d et
ail p
esa n
an
D a
ta p
e sa
n an
d a
ta p
e san
an D
at a
d et
ail p
es an
a n
d a
ta d
e ta
il p es
an a
n
Data pesanan Info data detail pesanan
Login valid member Login valid member
Data barang Login valid member
6 Cari barang
D a
ta b
a ran
g In
fo d
at a b
ara n
g d
at a b
ara n
g In
fo d
a ta
b aran
g
Data pesanan
t_barang Data barang
Data barang Data barang
View o
n g
ko s
k irim
In fo
o n
g k
o s kirim
View ongkos kirim
In fo
o n
g k
o s kirim
t_pesanan Web email
Data aktivasi registrasi member Info aktivasi registrasi member
t_kategori Data kategori
Data kategori
D a
ta k
at eg
o ri
D at
a kat eg
o ri
t_Riwayat_ stok t_provinsi
Data provinsi
D at
a p ro
vin si
Data riwayat stok data riwayat stok
Data kategori Data barang
Data provinsi Data kota
Data pesanan Request data riwayat stok
Data laporan Info kategori
Info barang Info provinsi
Info kota Info pesanan
Info riwayat stok Info laporan
Paypal
D at
a p e
m b
aya ran
D a
ta p e
m b
aya ran
9 Pemesanan
desain
D a
ta d
esa in
b a
ran g
p e
sa n
an
Data detail desain barang Konfirmasi pesanan
Data pesanan
K o
n firm
asi p
es an
a
n
Info pesanan
Pesanan desan 10
Retur barang Data retur
Info konfirmasi retur Konfirmasi retur
Info retur
Data barang retur Data barang
JNE
D at
a p en
g
irim an
D a
ta p e
n g
irim a
n
t_bahan
t_ukuran t_warna
t_motif
Data ukuran Data ukuran
Data warna
D a
ta w
arn a
Data motif Data motif
Data bahan Data bahan
Gambar III.6 DFD Level 1
III.1.7.2.2 DFD Level 2 Proses Pendaftaran Member
DFD level 2 proses daftar member ini terdapat proses isi form regitrasi berserta aktivasi account untuk member, seperti terlihat pada gambar dibawah ini :
1.1 Input data
registrasi
1.2 Aktivasi
account t_Member
Pengunjung
Web email Data daftar member
Info data daftar member valid Info data daftar member invalid
Data registrasi member valid
Data daftar member valid
Info aktivasi account registrasi Data aktivasi account
Info aktivasi account registrasi Data aktivasi registrasi member
Gambar III.7 DFD Level 2 Proses Daftar Member
III.1.7.2.3 DFD Level 2 Proses Login
DFD level 2 proses login ini terdapat proses verifikasi login, proses lupa password, dan proses aktivasi seperti gambar dibawah ini.
2.1 Verifikasi login
2.2 Lupa
password Admin
Member
t_
member
t_
Administrator Data login admin
Info login invalid Data login member
Info login invalid
Inf o
logi n
inv al
id Data member
Data member D
at a
ad m
in Dat
a adm
in
Data password baru info password
Data password member baru Data password member baru
2.3 Aktivasi
member Data Aktivasi member
info Aktivasi member Data email member
Data Aktivasi member
Web email In
fo K
o n
fi rma
si r es
et p
as sw
o rd
M em
b er
Da ta
K o
n fi
rma si re
se t p
as sw
o rd
M em
b er
Dat a
ak tiv
as i
m emb
er Info aktivasi member
Gambar III.8 DFD Level 2 Proses Login
III.1.7.2.4 DFD Level 2 Proses Pengolahan Data User
DFD level 1 proses pengolahan data user ini terdapat proses mengubah profil user, proses mengubah password, dan proses penanggulan lupa password
pada user, seperti gambar dibawah ini.
3.1 Mengubah
profil user
3.2 Mengubah
password user
3.3 Lupa
password user
t_Member
Administrator Member
Password Info password
profil Member Info profil Member
Data Password
Data Administrator Info password baru Administrator
D ata
M em
b er
Info password baru Member Info password
Data password Data password
Data profil Member Data profil Member
D ata
M em
b er
Data password baru member t_Administrator
Data password baru Administrator Data Administrator
Data Password Administrator
Data Password Administrator
Web email Data Konfirmasi password baru administrator
Data Konfirmasi password baru Member Data Konfirmasi password baru administrator
Data Konfirmasi password baru Member Data profil Administrator
Data profil Member
Gambar III.9 DFD Level 2 Proses Pengolahan Data User
III.1.7.2.5 DFD Level 2 Proses Pengolahan Data Master
DFD level 2 proses pengolahan data master ini terdapat proses pengolahan data provinsi, proses pengolahan data kota, proses pengolahan data kategori,
pengolahan data bahan, pengolahan data ukuran, pengolahan data warna, pengolahan data motif, proses pengolahan data barang, dan proses pengolahan
data pesanan, seperti gambar dibawah ini.
4.1 Pengolahan
data provinsi
4.2 Pengolahan
data kota 4.3
Pengolahan data
kategori
4.9 Pengol9han
data pesanan
Administrator Data provinsi
Info provinsi
Data kota Info kota
Data ukuran Info ukuran
Data pesanan Info pesanan
t_provinsi Data provinsi
Data provinsi t_kota
Data kota Data kota
t_kategori Data kategori
Data kategori
t_pesanan Data pesanan
Data pesanan 4.8
Pengolahan data barang
t_barang Data barang
Data barang Info barang
Data barang Data provinsi
Data barang
4.10 Pengolahan
data laporan
Request view laporan Info Laporan
t_Detail_pesanan Data detail_pesanan
Data pesanan
D ata
b ara
ng
t_bahan t_ukuran
t_warna t_motif
4.4 Pengolahan
data bahan 4.5
Pengolahan data ukuran
4.6 Pengolahan
data warna Data bahan
Data bahan Data ukuran
Data ukuran Data warna
Data warna 4.7
Pengolahan data motif
Data motif Data motif
Data kategori
D ata
b ah
an D
ata u
ku ran
Data warna Data warna
Info warna Info motif
Data motif Info kategori
Data kategori
Data bahan Info bahan
Gambar III.10 DFD Level 2 Proses Pengolahan Data Master
III.1.7.2.6 DFD Level 2 Proses View Data Barang
DFD level 2 proses view data barang ini terdapat proses view data barang diskon, proses view data barang terbaru, dan proses view data barang banyak
dibeli, seperti gambar dibawah ini.
Pengunjung Member
5.1 Barang
diskon 5.2
Barang terbaru
Info barang dibeli Request data barang dibeli
Info barang dibeli Request data barang dibeli
Request data barang terbaru Info barang terbaru
Request data barang terbaru Info barang terbaru
Request data barang diskon Info barang diskon
Request data barang diskon Info barang diskon
5.3 Barang
dibeli t_barang
Request Id_barang Info barang diskon
Info barang terbaru Request Id_barang
t_detail_pesanan Request Id_detail_pesanan
Info barang dibeli Info barang dibeli
Request Id_barang
Gambar III.11 DFD Level 2 Proses View Data Barang
III.1.7.2.7 DFD Level 2 Proses Pemesanan
DFD level 2 proses pemesanan ini terdapat proses pilih barang, proses ubah jumlah barang, proses ubah alamat pengiriman, proses isi data pembayaran, dan
proses check out, seperti gambar dibawah ini.
7.1 Pilih barang
7.2 Ubah jumlah
barang
7.5 Isi data
pembayaran Member
t_pesanan
inf o da
ta ba rang
request data barang info data barang
D ata
jum lah ba
rang
Da ta pe
ngi rim
an K
onf irm
asi pe
sa na
n Konf
irm asi
pe m
ba ya
ran
Data pesanan
t_detail_pesanan Data alamat pengiriman
Data jumlah barang Data data pesanan
Data alamat pengiriman Data jumlah barang
Data jumlah barang info barang
Info jumlah barang
Paypal Data pembayaran
Data pembayaran Data pembayaran
Data pesanan Data pembayaran
Data pesanan Data pengiriman
Webmail 7.3
Penentuan alamat
pengiriman Info alamat pengrirman
Data alamat pengiriman
Da ta a
lam at pe
ngi rim
an
7.4 Pilih jasa
pengiriman Data jasa pengiriman
Info jasa pengiriman t_Kota
Data asa pengiriman Data paket pengiriman
Data harga paket pengiriaman Data harga paket pengiriman
t_barang Data barang
Data stok barang
t_member Data Alamat member
7.6 Tracking
pengiriman Data pengiriman
Request tracking pengiriman Info tracking pengiriman
JNE
Data tracking pengiriman Data tracking pengiriman
Gambar III.12 DFD Level 2 Proses Pemesanan
III.1.7.2.8 DFD Level 3 Proses Pengolahan Data Provinsi
DFD level 3 proses pengolahan data provinsi ini terdapat proses menambah data provinsi, proses mengubah data provinsi, dan proses menghapus data
provinsi, seperti gambar dibawah ini.
4.1.1 Menambah
provinsi
4.1.2 Mengubah
provinsi
4.1.3 Menghapus
provinsi Administrator
t_provinsi Info provinsi
Data provinsi Data provinsi
Info provinsi
Data provinsi Info provinsi
Data provinsi Data provinsi
Data provinsi Data provinsi
D at
a pr
ovi ns
i
Data provinsi
Gambar III.13 DFD Level 3 Proses Pengolahan Data Provinsi
III.1.7.2.9 DFD Level 3 Proses Pengolahan Data Kota
DFD level 3 proses pengolahan data kota ini terdapat proses menambah data kota, proses mengubah data kota, dan proses menghapus data kota, seperti gambar
dibawah ini.
4.2.1 Menambah
kota
4.2.2 Mengubah
Kota
4.2.3 Menghapus
Kota Administrator
t_kota Info kota
Data kota Data kota
Info kota
Data kota Info kota
Data kota Data kota
Data kota Data kota
Data kota Data kota
provinsi Data nama provinsi
data provinsi
Gambar III.14 DFD Level 3 Proses Pengolahan Data Kota
III.1.7.2.10 DFD Level 3 Proses Pengolahan Data Kategori
DFD level 3 proses pengolahan data kategori ini terdapat proses menambah data kategori, proses mengubah data kategori, dan proses menghapus data
kategori, seperti gambar dibawah ini.
4.3.1 Menambah
kategori
4.3.2 Menghapus
kategori Administrator
t_kategori Info kategori
Data kategori Data kategori
Info kategori Data kategori
Data kategori
Data kategori Data kategori
4.3.3 Mengubah
kategori Info kategori
Data kategori Data kategori
Data kategori
Gambar III.15 DFD Level 3 Proses Pengolahan Data Kategori
III.1.7.2.11 DFD Level 3 Proses Pengolahan Data Bahan
DFD level 3 proses pengolahan data bahan ini terdapat proses menambah data bahan, proses mengubah data bahan, dan proses menghapus data bahan,
seperti gambar dibawah ini.
4.4.1 Menambah
bahan
4.4.2 Menghapus
bahan Administrator
t_bahan Info bahan
Data bahan Data bahan
Info bahan Data bahan
Data bahan
Data bahan Data bahan
4.4.3 Mengubah
bahan Info bahan
Data bahan Data bahan
Data bahan
Gambar III.16 DFD Level 3 Proses Pengolahan Data Bahan
III.1.7.2.12 DFD Level 3 Proses Pengolahan Data Ukuran
DFD level 3 proses pengolahan data ukuran ini terdapat proses menambah data ukuran, proses mengubah data ukuran, dan proses menghapus data ukuran,
seperti gambar dibawah ini.
4.5.1 Menambah
ukuran
4.5.2 Menghapus
ukuran Administrator
t_ukuran Info ukuran
Data ukuran Data ukuran
Info ukuran Data ukuran
Data ukuran
Data ukuran Data ukuran
4.5.3 Mengubah
ukuran Info ukuran
Data ukuran Data ukuran
Data ukuran
Gambar III.17 DFD Level 3 Proses Pengolahan Data Ukuran
III.1.7.2.13 DFD Level 3 Proses Pengolahan Data Warna
DFD level 3 proses pengolahan data warna ini terdapat proses menambah data warna, proses mengubah data warna, dan proses menghapus data warna,
seperti gambar dibawah ini.
4.6.1 Menambah
warna
4.6.2 Menghapus
warna Administrator
t_warna Info warna
Data warna Data warna
Info warna Data warna
Data warna
Data warna Data warna
4.6.3 Mengubah
warna Info warna
Data warna Data warna
Data warna
Gambar III.18 DFD Level 3 Proses Pengolahan Data Warna
III.1.7.2.14 DFD Level 3 Proses Pengolahan Data Motif
DFD level 3 proses pengolahan data motif ini terdapat proses menambah data motif, proses mengubah data motif, dan proses menghapus data motif, seperti
gambar dibawah ini.
4.7.1 Menambah
motif
4.7.2 Menghapus
motif Administrator
t_motif Info motif
Data motif Data motif
Info motif Data motif
Data motif
Data motif Data motif
4.7.3 Mengubah
motif Info motif
Data motif Data motif
Data motif
Gambar III.19 DFD Level 3 Proses Pengolahan Data Motif
III.1.7.2.15 DFD Level 3 Proses Pengolahan Data Barang
DFD level 3 proses pengolahan data barang ini terdapat proses menambah data barang, proses mengubah data barang, dan proses menghapus data barang,
seperti gambar dibawah ini.
4.8.1 Menambah
barang
4.8.2 Menghapus
barang Administrator
t_barang Info data barang
Data barang Data barang
Info data barang Data barang
Data barang
Data barang Data barang
4.8.3 Mengubah
barang Info data barang
Data barang Data barang
Data barang t_kategori
Data kategori Data kategori
t_bahan
t_warna t_motif
t_ukuran Data warna
Data warna Data motif
Data motif
Data ukuran Data ukuran
Gambar III.20 DFD Level 3 Proses Pengolahan Data Barang
III.1.7.2.16 DFD Level 3 Proses Pengolahan Data Pesanan
DFD level 3 proses pengolahan data pesanan ini terdapat proses daftar pesanan, proses konfirmasi pesanan, proses konfirmasi pembayaran, dan proses
pengiriman, seperti gambar dibawah ini.
4.9.1 Daftar
Pesanan
4.9.2 Konfirmasi
pesanan
4.9.3 Konfirmasi
pembayaran 4.9.4
Proses pengiriman
Administrator t_pesanan
View data pesanan
Data barang
Data detail pesanan
Data pengiriman Data pengiriman
Konfirmasi pesanan Info pesanan
pesanan Data pesanan
t_detail_pesanan Data detail pesanan
Data pesanan
Data detail pesanan Data detail_pesanan
info data pesanan
Info data detail pesanan t_barang
Data barang
Gambar III.21 DFD Level 3 Proses Pengolahan Data Pesanan
III.1.7.2.17 DFD level 3 Proses Pengolahan Data Laporan
DFD level 3 proses pengolahan data laporan ini terdapat proses pencetakan laporan kerudung, proses pencetakan laporan stok kerudung, proses pencetakan
laporan pesanan, dan proses pencetakan laporan penjualan, seperti gambar dibawah ini.
4.10.1 Pencetakan
laporan kerudung
4.10.2 Pencetakan
laporan stok kerudung
Administrator t_barang
Info laporan stok kerudung Request view laporan kerudung
Info laporan kerudung Data barang
4.10.3 Pencetakan
laporan pesanan
Info data halaman web Data halaman web
4.10.4 Pencetakan
laporan penjualan
t_detail_pesanan Data detail_pesanan
Data halaman web Info data halaman web
Request view laporan stok kerudung Data barang
t_pesanan Data pesanan
Gambar III.22 DFD level 3 Proses Pengolahan data laporan
III.1.7.2.18 DFD Level 2 Proses Pemesanan Desain
DFD level 2 proses pemesanan desain ini terdapat proses memasukan detail barang pesanan di sisi member dan proses ubah detail barang pesanan dari sisi
administrator, seperti gambar dibawah ini.
9.1 Memasukan
detail barang pesanan
9.2 Ubah detail
barang pesanan Member
barang Data detail barang pesanan
administrator Data detail barang pesanan
Data detail barang pesanan Data detail barang pesanan
Data detail barang pesanan data detail barang pesanan
Gambar III.23 DFD Level 1 Proses Pemesanan Desain
III.1.7.2.19 DFD level 2 Proses Retur Barang
DFD level 2 proses retur barang ini terdapat proses pilih barang retur dan proses ubah detail barang retur di sisi member juga proses persetujuan retur dari
sisi administrator, seperti gambar dibawah ini.
10.1 Pilih retur
pesanan
10.2 Masukan detail
barang retur Member
t_pesanan Data pesanan
administrator Data detail barang retur
Data detail barang retur Request Data detail barang retur
data barang retur Info barang
10.3 Persetujuan retur
webmail Konfirmasi retur barang
Data retur barang konfirmasi retur barang
Info barang
Data detail barang retur
Data retur Data detail barang retur
t_retur Data pesanan
Data pesanan
Gambar III.24 DFD level 2 Proses Retur Barang
III.1.7.3 Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD diatas akan
dijelaskan pada tabel dibawah ini :
Tabel III.4 Spesifikasi Proses
No Proses
Keteranagan
No. Proses 1.0
Nama proses Pendaftaran Member
Source Pengunjung
1 Input
Data Member Output
Info data Member Destination
Pengunjung Logika Proses
1. Pengunjung masuk ke halaman daftar member. 2. Sistem akan menampilkan from daftar member.
3. Pengunjung mengisi data daftar member. 4. Apabila pengunjung memasukan data yang tidak
valid maka pengunjung harus kembali memasukan data.
5. Apabila data yang dimasukan valid, maka daftar member sukses.
No. Proses 2.1
Nama proses Verifikasi login
Source Member dan administrator
2 Input
Data login member dan data login administrator Output
Info data login member invalid dan info data login administrator invalid
Destination Member dan admin
Logika Proses 1. Member dan administrator memasukan data login.
2. Apabila username dan password yang dimasukan salah maka akan ada info login invalid.
3. Apabila username dan password dari member dan administrator benar maka login valid, akan menuju
ke halaman utama member untuk member dan halaman utama administrator untuk administrator..
Tabel III.3 Spesifikasi Proses lanjutan
No. Proses 2.2
Nama proses Lupa password
Source Member
3 Input
Data login member Output
Info data login member Destination
Member Logika Proses
1. Member meng-klik tombol lupa password yang berada di bawah tombol login.
2. Member mengisi data email sebagai penerima info verifikasi account.
3. Apabila email yang dimasukan tidak benar akan menampilkan informasi login invalid.
4. Apabila member sudah mengisi alamat email dan kolom spam mkan klik tombol reset password saya.
4 No. Proses
2.3 Nama proses
Akivasi member Source
Member Input
Data login member Output
Info data login member Destination
Member Logika Proses
5. Member meng-klik tombol aktivasi member yang berada di bawah tombol login.
6. Member mengisi data email sebagai penerima info aktivasi account.
7. Apabila email yang dimasukan tidak benar akan menampilkan informasi login invalid.
8. Apabila member sudah mengisi alamat email dan kolom spam mkan klik tombol Aktivasi.
No. Proses 3.1
Nama proses Mengubah profil user
Source Member dan administrator
5 Input
Data member dan data administrator Output
Info data member dan info data administrator Destination
Member dan administrator Logika Proses
1. Member memilih menu profil alamat sedangkan administrator memilih menu ganti profil.
2. member mengisi data profil yang ingin diubah kemudian klik tombol simpan.
3. Apabila tidak ada yang kosong maka data gagal diubah.
4. Apabila ada data yang diubah dan semua data tidak ada yang kosong maka sistem akan menyimpan
perubahan data ke database.
Tabel III.3 Spesifikasi Proses lanjutan
No. Proses 3.2
Nama proses Mengubah password
Source Member dan administrator
6 Input
Data password
member dan
data password
administrator Output
Info password
member dan
info password
administrator Destination
Member dan administrator Logika Proses
1. Member dan administrator memilih menu ganti password.
2. Member dan administrator tidak mengisi data password
dengan benar maka data invalid. 3. Member dan administrator mengisi data password
yang ingin diubah kemudian klik tombol simpan. 4. Sistem akan menyimpan perubahan data password
ke database. No. Proses
3.3 Nama proses
Lupa password Source
Member dan administrator 7
Input Data member dan data administrator
Output Info password baru member dan info password baru
administrator Destination
Member dan administrator Logika Proses
1. Member dan administrator memilih menu lupa password
. 2. Jika member dan administrator mengosongkan data
email, menampilkan pesan field ini dibutuhkan. 3. Jika member dan admisntrator mengisikan data
email berhasil dengan klik tombol reset password maka akan tampil pesan untuk mengecek email
4. Sistem akan mengirimkan link lupa password forget password ke email member dan
administrator. 5. Member dan administrator membuka link yang ada
di kotak masuk email 6. Member dan administrator mengisi password baru
dengan benar, data berhasil disimpan ke database. 7. Apabila data yang dimasukan valid maka
menampilkan pesan password sudah diubah.
Tabel III.3 Spesifikasi Proses lanjutan
No. Proses 4.1.1
Nama proses Menambah propinsi
Source Administrator
8 Input
Data propinsi Output
Info data propinsi Destination
Administrator Logika Proses
1. Administrator memilih menu tambah propinsi untuk memunculkan form tambah propinsi.
2. Administrator mengisi form tambah propinsi. 3. Apabila data tidak kosong dan valid maka data
provinsi baru akan disimpan didalam database. 4. Apabila data ada yang kosong maka akan ada
informasi data
tidak boleh
kosong dan
Administrator harus mengisi data yang kosong tersebut.
No. Proses 4.1.2
Nama proses Mengubah propinsi
Source Administrator
9 Input
Data propinsi Output
Info data propinsi Destination
Administrator Logika Proses
1. Administrator mengklik link ubah pada data yang akan diubah.
2. Administrator mengisi data propinsi yang ingin diubah.
3. Apabila ada data yang diubah dan semua data tidak ada yang kosong maka sistem akan menyimpan ke
dalam database. No. Proses
4.1.3 Nama proses
Menghapus propinsi Source
Administrator 10
Input Data propinsi
Output Info data propinsi
Destination Administrator
Logika Proses 1. Administrator mengklik tombol hapus pada data
yang akan dihapus. 2. Akan ada konfirmasi penghapusan data.
3. Apabila pilihannya data akan dihapus. 4. Apabila pilihannya tidak data tidak jadi dihapus.
Tabel III.3 Spesifikasi Proses lanjutan
No. Proses 4.2.1
Nama proses Menambah kota
Source Administrator
11 Input
Data kota Output
Info data kota Destination
Administrator Logika Proses
1. Administrator masuk ke halaman data kota. 2. Administrator memilih menu tambah kota untuk
memunculkan form tambah kota. 3. Administrator mengisi form tambah kota kemudian
klik tombol simpan. 4. Apabila data tidak kosong maka data kota baru
akan disimpan didalam database. 5. Apabila data ada yang kosong maka akan ada
informasi data
tidak boleh
kosong dan
Administrator harus mengisi data yang kosong tersebut.
No. Proses 4.2.2
Nama proses Mengubah kota
Source Administrator
12 Input
Data kota Output
Info data kota Destination
Administrator Logika Proses
1. Administrator masuk ke halaman data kota. 2. Administrator mengklik tombol ubah pada data
yang akan diubah. 3. Administrator mengisi data kota yang ingin diubah
kemudian klik tombol ubah. 4. Apabila ada data yang kosong maka sistem akan
menyimpan perubahan data ke database. 5. Apabila tidak ada data yang kosong maka data
gagal. No. Proses
4.2.3 Nama proses
Menghapus kota Source
Administrator 13
Input Data kota
Output Info data kota
Destination Administrator
Logika Proses 1. Administrator mengklik tombol hapus pada data
yang akan dihapus. 2. Akan ada konfirmasi penghapusan data.
3. Apabila pilihannya data akan dihapus. 4. Apabila pilihannya tidak data tidak jadi dihapus.
Tabel III.3 Spesifikasi Proses lanjutan
No. Proses 4.3.1
Nama proses Menambah kategori
Source Administrator
14 Input
Data kategori Output
Info data kategori Destination
Administrator Logika Proses
1. Administrator masuk ke halaman data kategori. 2. Administrator memilih menu tambah kategori
untuk memunculkan form tambah kategori. 3. Administrator mengisi form tambah kategori.
4. Apabila data tidak kosong maka data kategori baru akan disimpan didalam database.
No. Proses 4.3.2
Nama proses Menghapus kategori
Source Administrator
15 Input
Data kategori Output
Info data kategori Destination
Administrator Logika Proses
1. Administrator mengklik tombol hapus pada data yang akan dihapus.
2. Akan ada konfirmasi penghapusan data. 3. Apabila pilihannya data akan dihapus.
4. Apabila pilihannya tidak data tidak jadi dihapus.
No. Proses 4.3.3
Nama proses Mengubah kategori
Source Administrator
16 Input
Data kategori Output
Info data kategori Destination
Administrator Logika Proses
1. Administrator masuk ke halaman data kategori. 2. Administrator mengklik tombol ubah pada data
yang akan diubah. 3. Administrator mengisi data kategori pada form
ubah data kategori. 4. Apabila tidak ada data yang diubah dan ada data
yang kosong maka data gagal diubah. 5. Apabila ada data yang diubah dan semua data tidak
ada yang kosong maka sistem akan menyimpan perubahan data ke dalam database.
Tabel III.3 Spesifikasi Proses lanjutan
17 No. Proses
4.4.1 Nama proses
Menambah barang Source
Administrator Input
Data barang Output
Info data barang Destination
Administrator Logika Proses
1. Administrator masuk ke halaman data barang. 2. Administrator memilih detail pada table barang
untuk memunculkan form tambah barang. 3. Administrator mengisi form tambah barang
kemudian klik tombol simpan. 4. Apabila data tidak kosong maka data detail barang
baru akan disimpan didalam database. 5. Apabila data ada yang kosong maka akan ada
informasi data tidak boleh kosong dan admin harus mengisi data yang kosong tersebut.
No. Proses 4.4.2
Nama proses Menghapus barang
Source Administrator
18 Input
Data barang Output
Info data barang Destination
Administrator Logika Proses
1. Administrator mengklik tombol hapus pada data yang akan dihapus.
2. Akan ada konfirmasi penghapusan data. 3. Apabila pilihannya data akan dihapus.
4. Apabila pilihannya tidak data tidak jadi dihapus.
No. Proses 4.4.3
Nama proses Mengubah barang
Source Administrator
19 Input
Data barang Output
Info data barang Destination
Administrator Logika Proses
1. Administrator masuk ke halaman data barang. 2. Administrator mengklik tombol ubah pada data
yang akan diubah. 3. Administrator mengisi data barang yang ingin
diubah kemudian klik tombol simpan. 4. Apabila ada data yang diubah dan semua data tidak
ada yang kosong maka sistem akan menyimpan perubahan data ke dalam database.
5. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal diubah.
Tabel III.3 Spesifikasi Proses lanjutan
20 No. Proses
4.5.1 Nama proses
Daftar pesanan Source
Administrator Input
View data pesanan Output
Info data pesanan Destination
Administrator Logika Proses
1. Administrator memilih menu daftar pesanan. 2. Sistem akan menampilkan data pesanan yang
dipesan oleh member. 3. Administrator dapat melanjutkan ke proses
selanjutnya untuk melakukan konfirmasi pesanan. No. Proses
4.5.2 Nama proses
Konfirmasi pesanan Source
Administrator 21 Input
Data detail pesanan Output
Info data detail pesanan Destination
Administrator Logika Proses
1. Administrator memilih menu daftar pesanan. 2. Sistem akan menampilkan data pesanan untuk
dikonfirmasi. 3. Administrator akan mengkonfirmasi pesanan yang
ada pada daftar pesanan. 4. Apabila pesanan sudah dikonfirmasi maka dapat
melanjutkan ke
proses selanjutnya
untuk melakukan konfirmasi pembayaran dan proses
pengiriman barang. No. Proses
4.5.3 Nama proses
Konfirmasi pembayaran Source
Administrator 22 Input
Data pengiriman Output
Info data pengiriman Destination
Administrator Logika Proses
1. Administrator memilih
menu konfirmasi
pembayaran. 2. Sistem akan menampilkan daftar konfirmasi
pembayaran yang telah dilakukan oleh pelanggan. 3. Apabila data pembayaran tidak valid maka tidak
akan diproses ke proses pengiriman. 4. Apabila data pembayaran valid maka akan diproses
ke proses pengiriman.
Tabel III.3 Spesifikasi Proses lanjutan
No. Proses 4.5.4
Nama proses Proses pengiriman
Source Administrator
23 Input Pesanan
Output Konfirmasi pesanan,info pesanan
Destination Administrator
Logika Proses 1. Administrator memilih menu proses pengiriman.
2. Sistem akan menampilkan daftar pesanan barang yang statusnya dalam proses pengiriman.
3. Apabila barang telah sampai ketujuan maka Administratordapat mengubah statusnya menjadi
pesanan terkirim. No. Proses
4.6 Nama proses
Proses view data respon Source
Administrator Input
Request data respon 24
Output Info repson
Destination Administrator
Logika Proses 1. Administrator memilih menu repson member.
2. Administstaor hanya melihat saja respon dari siapa data ke barang yang mana.
25 No. Proses
4.7 Nama proses
Proses view data riwayat stok Source
Administrator Input
Request data riwayat stok Output
Info riwayat stok Destination
Administrator Logika Proses
1. Administrator memilih menu riwayat stok. 2. Administstaor hanya melihat saja stok barang yang
mana yang berkurang atau masih tetap.
26 No. Proses
5.1 Nama proses
Barang diskon Source
Pengunjung dan member Input
data barang Output
info data barang Destination
Pengunjung dan member Logika Proses
1. Pengunjung dan member memilih menu barang diskon.
2. Sistem akan menampilkan barang diskon 3. Maka pengunjung dan member dapat memilih
barang yang telah didiskon untuk dipesan
Tabel III.3 Spesifikasi Proses lanjutan
27 No. Proses
5.2 Nama proses
Barang terbaru Source
Pengunjung dan member Input
data barang Output
info data barang Destination
Pengunjung dan member Logika Proses
1. Pengunjung dan member memilih menu barang terbaru.
2. Sistem akan menampilkan barang terbaru. 3. Maka pengunjung dan pelanggan dapat memilih
barang terbaru untuk dipesan
28 No. Proses
5.3 Nama proses
Barang terbanyak dibeli Source
Pengunjung dan member Input
data detail pesanan dan data barang Output
Info data detail pesanan dan info data barang Destination
Pengunjung dan member Logika Proses
1. Pengunjung dan member memilih menu barang terbanyak dibeli.
2. Sistem akan menampilkan barang terbanyak dibeli. 3. Maka pengunjung dan pelanggan dapat memilih
barang terbanyak dibeli untuk dipesan.
29 No. Proses
7.1 Nama proses
Pilih barang Source
Member Input
Request data barang Output
Info data barang Destination
Member Logika Proses
1. Member memilih produk yang ingin dipesan dengan mengklik keranjang belanja.
2. Maka daftar pesanan akan disimpan dalam keranjang belanja.
No. Proses 7.2
Nama proses Ubah jumlah barang
Source Member
30 Input
Data detail pesanan Output
Info data detail pesanan Destination
Member Logika Proses
1. Member mengubah jumlah barang yang dipesan dan
klik tombol
update keranjang
untuk menyimpan jumlah barang yang diubah
2. Selanjutnya klik tombol isi alamat pengiriman.
Tabel III.3 Spesifikasi Proses lanjutan
31 No. Proses
7.3 Nama proses
Penentuan alamat pengiriman Source
Member Input
Data detail pesanan Output
Info data detail pesanan Destination
Member Logika Proses
1. Member mengisi data alamat pengiriman atau tujuan pengiriman pesanan.
2. Klik tombol lanjut ke jasa pengiriman untuk menyimpan data alamat yang telah di inputkan.
3. Jika data yang diinputkan tidak lengkap atau kosong maka input data tidak berhasil.
32 No. Proses 7.4
Nama proses Pilih Jasa pengiriman
Source Member
Input Data ongkos kirim
Output Info ongkos kirim
Destination Member
Logika Proses Member memilih jasa pengiriman. Lalu klik tombol
lanjut ke pembayaran.
33 No. Proses
7.5 Nama proses
Isi data pembayaran Source
Member Input
Data pembayaran Output
Info data pembayaran Destination
Member Logika Proses
1. Member memilih tipe pembayaran. Lalu klik tombol lanjut ke pembayaran.
2. Jika memilih tipe pembayaran trnasfer bank maka member mengisi data pembayaran yang berisi no
rek member, nama member, dan no rek yang dituju. Lalu klik Check Out.
3. Jika pengisian data kurang lengkap atau kosong maka prose pengisian pembayaran tidak berhasil.
34 No. Proses
7.6 Nama proses
Tracking pengiriman Source
Member Input
Data pengiriman Output
Info pengiriman Destination
Member Logika Proses
1. Member mengklik tombol telusuri pengiriman. 2. maka akan menuju ke link website JNE yang sesuai
dengan no resi pengiriman JNE yang dimiliki member.
Tabel III.3 Spesifikasi Proses lanjutan
No. Proses 8.0
Nama proses View history
Source Member
34 Input
Request data pesanan,request detail pesanan Output
Info data pesanan,info detail pesanan Destination
Member Logika Proses
1. Pelanggan memilih menu history pesanan. 2. Sistem akan memberikan semua data transaksi
yang pernah dilakukan oleh pelanggan.
35 No. Proses
4.6.1 Nama proses
Pengolahan data laporan kerudung Source
Administrator Input
Data barang Output
Info data barang Destination
Administrator Logika Proses
1. Administrator meng-klik menu laporan kerudung. 2. Administrator meng-klik tombol cetak atau tombol
PDF untuk membuat laporan kerudung.
36 No. Proses
4.6.2 Nama proses
Pengolahan data laporan stok kerudung Source
Administrator Input
Data riwayat stok Output
Info data riwayat stok Destination
Administrator Logika Proses
1. Administrator meng-klik menu laporan stok kerudung.
2. Administrator meng-klik tombol cetak atau tombol PDF untuk membuat laporan stok kerudung.
37 No. Proses
4.6.3 Nama proses
Pengolahan data laporan pesanan Source
Administrator Input
Data pesanan Output
Info data pesanan Destination
Administrator Logika Proses
1. Administrator meng-klik menu list pesanan. 2. Administrator meng-klik tombol cetak atau tombol
PDF untuk membuat laporan pesanan.
Tabel III.3 Spesifikasi Proses lanjutan
38 No. Proses
4.6.4 Nama proses
Pengolahan data laporan penjualan Source
Administrator Input
Data pesanan Output
Info data detail pesanan Destination
Administrator Logika Proses
1. Administrator meng-klik menu laporan penjualan. 2. Administrator meng-klik tombol cetak atau tombol
PDF untuk membuat laporan penjualan.
39 No. Proses
9.1 Nama proses
Memasukan detail barang pesanan Source
Member Input
Data barang Output
Info data barang Destination
member Logika Proses
1. Klik link My Design. 2. Lalu masukan data detail barang pesanan yaitu
gambar desain, bahan kain, warna, motif, gambar motif, ukuran jumlah barang, catatan lainnya.
3. Jika sudah terisi lengkap. Maka klik tombol Kirim
40 No. Proses
9.2 Nama proses
Ubah detail barang pesanan Source
Administrator Input
Data barang Output
Info data barang Destination
Administrator Logika Proses
1. Pilih menu kerudung. 2. Pilih barang barang dengan kategori request
member. 3. Masukan data harga yang disepakati lalu ubah
data jadi dipublikasikan. 4. Setelah itu klik simpan.
41 No. Proses
10.1 Nama proses
Pilih retur pesanan Source
Member Input
Data pesanan Output
Info data pesanan Destination
Member Logika Proses
1. Klik status pesanan diterima 2. Lalu klik retur pesanan saya untuk menuju proses
isi data retur.
Tabel III.3 Spesifikasi Proses lanjutan
42 No. Proses
10.2 Nama proses
Masukan detail barang retur Source
Member Input
Data retur Output
Info data pesanan Destination
Member Logika Proses
1. Masukan data alasan dan pesanan 2. Jika sudah terisi semua dengan lengkap. Ceklis
checkbox yang isinya bahwa member setuju meretur barang.
3. Lalu klik tombol kirim.
43 No. Proses
10.3 Nama proses
Persetujuan retur Source
Administrator Input
Data retur Output
Info data retur Destination
Administrator Logika Proses
1. Klik pesanan dengan status retur. 2. Ubah jumlah barang yang bisa direturkan.
3. Masukan data pesan. 4. Jika data sudah terisi semua maka klik tombol
kirim.
III.1.7.4 Kamus data
Kamus data merupakan sebuah daftar yang tersusun dari elemen data yang berhubungan dengan sistem. Kamus data dibuat berdasarkan arus data yang ada di
data flow diagram . Berikut ini adalah kamus data yang di ambil dari data flow
diagram aplikasi e-commerce yang diusulkan :
Tabel III.5 Kamus Data
No Kamus
Keterangan
Nama aliran data Pendaftaran member
Where used how used Proses 1.0 member
Proses 1.0 – tabel member
1 Deskripsi
Berisi data member yang digunakan untuk daftar dan akan disimpan didalam
database.
Struktur data id_member+ tanggal_daftar+
email_member +password_member+ nama_member +alamat+ kota+ provinsi+
kode_pos+ telepon +handphone+ fax+ diaktifkan
Id_member email
Password Nama Lengkap
Tanggal_daftar Alamat
Kota Propinsi
Kode Pos Telepon
Telepon genggam Fax
Diaktifkan [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|]
[A-Z|a-z|] [0-9]
[0-9] [0-9]
[0-9] [0,1]
Nama aliran data Data Login member
Where used how used Member-Proses 2.0
Member-Proses 2.1 Proses 2.0-tabel Member
Proses 2.1-tabel Member
2 Deskripsi
Berisi data login member Struktur data
Email _member+password_member
Email _member
Password _member
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
Tabel III.4 Kamus Data lanjutan
Nama aliran data Data pengiriman
Where used how used Member-proses 7.3
Proses- 7.3-proses 7.4 3
Deskripsi Berisi data pengiriman
Struktur data Nama_penerima+alamat+kota+kode_pos+
telepon+handphone Nama_penerima
[A-Z|a-z|0-9] Alamat
[A-Z|a-z|0-9] Kota
Kode_pos Telepon
Handphone [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9]
Nama aliran data Data login administrator
Where used how used Administrator-proses 2.0
Administrator-proses 2.1 Proses 2.0-tabel administrator
Proses 2.1-tabel administrator
4 Deskripsi
Berisi data login administrator Struktur data
Email _ administrator +password_
administrator Email
_ administrator [A-Z|a-z|0-9]
Password _ administrator
[A-Z|a-z|0-9] Nama aliran data
Data provinsi Where used how used
administrator -proses 4.0 administrator -proses 4.1
Proses 4.0 –tabel provinsi
Provinsi 4.1-tabel provinsi 5
Deskripsi Berisi data provinsi
Struktur data Id_provinsi+nama_provinsi +ditampilkan
Id_propinsi Nama_provinsi
ditampikan [0-9]
[A-Z|a-z|] [0,1]
Nama aliran data Data kota
Where used how used administrator -proses 4.0
administrator -proses 4.2 Proses 4.0 -tabel kota
Proses 4.2-tabel kota
6 Deskripsi
Berisi data kota Struktur data
Id_kota+id_provinsi+nama_kota+ongkos_ kirim+ditampilkan
Id_kota Id_provinsi
Nama_kota Ongkos_kirim
ditampilkan [0-9]
[0-9] [A-Z|a-z|]
[0-9] [0,1]
Tabel III.4 Kamus Data lanjutan
7 Nama aliran data
Data kategori Where usedhow used
administrator -proses 4.0 administrator -proses 4.3
Proses 4.0 -tabel kategori Proses 4.3-tabel kategori
Deskripsi Berisi data kategori
Struktur data Id_kategori+id_kategori_atas+nama-
kategori+deskripsi+url_gambar+ditampilk an
Id_kategori Id_kategori_atas
Nama_kategori Deskripsi
Url_gambar Ditampilkan
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0,1]
8 Nama aliran data
Data barang Where usedhow used
administrator -proses 4.0 administrator -proses 4.4
Proses 4.0 -tabel barang Proses 4.4-tabel barang
Deskripsi Berisi data barang
Struktur data Id_barang+id_kategori+harga+diskon+des
kripsi+url_gambar+ditampilkan Id_barang
Id_kategori Harga
Diskon Diskripsi
url_gambar ditampilkan
tanggal_masuk [0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0,1]
[0-9]
Tabel III.4 Kamus Data lanjutan
9 Nama aliran data
Data pesanan Where usedhow used
administrator -proses 4.0 administrator -proses 4.5
Member-proses 7.0 Proses 4.0 -tabel pesanan
Proses 7.0 -tabel pesanan Proses 7.4 -tabel pesanan
Deskripsi Berisi data pesanan
Struktur data Id_pesanan+id_member+tanggal_pesanan
+tanggal_kadarluarsa+nama_penerima+al amat+kota+provinsi+kode_pos+telepon+h
andphone+fax+total_bayar+subtotal_bayar +ongkos_kirim+total_bayar+mata_uang+h
arga_paypal+tipe_pembayaran+kode_pem bayaran+tanggal_pembayaran+catatan_pe
mbayaran+lunas+kode_pengiriman+tangg al_pengiriman+tanggal_diterima+status
Id_pesanan Id_member
Tanggal_pesanan Tanggal_kedarluarsa
Nama_penerima Alamat
Kota Provinsi
Kode_pos Telepon
Handphone fax
total_barang Subtotal_bayar
Ongkos_kirim Total_bayar
Mata_uang Harga_paypal
Tipe_pembayaran Kode_pembayaran
Tanggal_pembayaran Catatan_pembayaran
lunas Kode_pengiriman
Tanggal_pengiriman Tanggal_diterima
Status [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [Rp.|]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0,1]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0,1]
Tabel III.4 Kamus Data lanjutan
10 Nama aliran data
Data detail pesanan Where usedhow used
Member-proses 7.0 Member-proses 7.2
Proses 7.0 -tabel detail_pesanan Proses 7.2-proses 7.4
Proses 7.4-tabel detail_pesanan
Deskripsi Berisi data detail_pesanan
Struktur data Id_detail_pesanan+id_pesanan+id_barang
+rincian_barang+berat+harga+diskon+ jumlah+retur+jumlah_retur+jumlah_pengg
antian_retur+status
Id_detail_pesanan Id_pesanan
Id_ barang Rincian_barang
Berat Harga
Diskon Jumlah
Retur Jumlah_retur
Jumlah_penggantian_retur ststus
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9] [0-9]
[0,1] [0-9]
[0-9] [A-Z|a-z|0-9]
11 Nama aliran data
Data respon Where usedhow used
Administrator-proses 4.0 Administrator -proses 4.6
Proses 4.0 -tabel respon Proses 4.6-tabel respon
Deskripsi Berisi data respon
Struktur data Id_respon+id_member+id_barang+tanggal
_input+terkahir_perbaharui+jenis+isi+dita mpilkan
Id_repson Id_member
Id_barang Tanggal_input
Terakjir_diperbaharui Jenis
Isi Ditampilkan
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0,1]
Tabel III.4 Kamus Data lanjutan
12 Nama aliran data
Data riwayat stok Where usedhow used
Administrator-proses 4.0 Administrator -proses 4.7
Proses 4.0 -tabel riwayat stok Proses 4.7-tabel riwayat stok
Deskripsi Berisi data riwayat stok
Struktur data Id_riwayat_stok+id_barang+tanggal+keter
angan+stok_awal+perubahan stok+stok akhir
Id_riwayat_stok id_barang
tanggal keterangan
stok_awal perubahan stok
stok akhir [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0-9]
[0-9] [0-9]
13 Nama aliran data
Data retur Where usedhow used
member-proses 10.0 Proses 10.0 -tabel retur
Deskripsi Berisi data retur
Struktur data Id_retur+id_pesanan+alasan_retur+pesan+
retur_terpenuhi+ status_retur Id_retur
Id_pesanan Alasan _retur
pesan retur_terpenuhi
status_retur [0-9]
[0-9] [A-Z|a-z]
[A-Z|a-z] [0-9]
[0,1]
III.2 Perancangan Basis Data
Perancangan basis data adalah menciptakan atau merancang kumpulan data yang terhubung dan tersimpan secara bersama
– sama.
III.2.1 Diagram Relasi
Diagram relasi menggambarkan hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom.
t_barang
PK id_barang
FK1 Id_kategori
FK2 id_warna
FK3 id_bahan
FK4 id_motif
FK5 id_ukuran
FK6 id_riwayat_stok
tanggal_masuk terakhir_diperbaharui
kode_barang bahan
warna motif
ukuran berat
stok harga
diskon deskripsi
url_gambar ditamplkan
t_detail_pesanan
PK id_detail_pesanan
FK1 id_pesanan
FK2 id_barang
rincian_barang berat
harga diskon
jumlah status
t_ongkos_kirim
PK id_ongkos_kirim
FK1 id_provinsi
FK2 id_kota
FK3 id_tipe_pengiriman
nama_provinsi nama_kota
jasa_pengiriman tipe_pengiriman
ongkos_kirim ditampilkan
t_administrator
PK id_administrator
username password
t_member
PK id_member
FK1 id_kota
tanggal_daftar email
password nama_pelanggan
alamat kota
provinsi kode_pos
tlp hp
fax aktif
FK2 id_administrator
t_pesanan
PK id_pesanan
FK1 id_member
tanggal_pesanan tanggal_kadaluwarsa
nama_pengirim nama_penerima
alamat kota
provinsi kode_pos
tlp hp
fax total_barang
subtotal_bayar ongkos_kirim
total_bayar mata_uang
harga_paypal tipe_pembayaran
kode_pembayaran tanggal_pembayaran
catatan_pembayaran Lunas
kode_pengiriman tanggal_pengiriman
tanggal_diterima status
FK2 id_ongkos_kirim
t_provinsi
PK id_provinsi
nama_provinsi t_riwayat_stok
PK id_riwayat_stok
tanggal keterangan
stok_awal perubahan_stok
stok_akhir t_respon
PK id_respon
FK1 id_member
FK2 id_barang
tanggal_input tanggal_diperbarui
jenis isi
ditampilkan t_Kategori
PK Id_kategori
Nama_kategori Deskripsi
url_gambar FK1
id_administrator
FK1 FK1
FK1 FK2
FK1 FK2
FK2 FK1
FK4 FK1
t_retur
PK id_retur
FK1 id_detail_retur
FK2 id_pesanan
FK3 id_pesanan_desain_toko
jumlah_retur alasan_retur
pesan retur_terpenuhi
status_retur
FK1
FK2
t_detail_retur
PK id_detail_retur
FK1 id_detail_pesanan
alasan_retur deskripsi
FK1
t_warna
PK id_warna
nama_warna
FK1
t_motif
PK id_motif
nama_motif t_ukuran
PK id_ukuran
ukuran t_bahan
PK id_bahan
nama_bahan
FK2 FK3
FK5
t_kota
PK id_kota
FK1 id_provinsi
nama_kota t_jasa_pengiriman
PK id_jasa_pengiriman
nama_perusahaan website
link_tracking t_tipe_pengiriman
PK id_tipe_pengiriman
nama_tipe
FK2 FK1
FK4
t_barang_desain
PK id_barang_desain
FK1 id_barang_desain_temp
gambar bahan
warna motif
ukuran jumlah permintaan
catatan jumlah_stok
berat harga
selesai produksi batas_bayar
t_barang_desain_temp
PK id_barang_desain_temp
FK2 id_barang
FK1 id_member
url_gambar bahan
warna ukuran
motif jumlah permintaan
catatan
FK1
FK1
t_pesanan_desain
PK id_pesanan_desain
FK2 id_barang_desain
FK1 id_member
jumlah_permintaan selasai_produksi
FK1
FK2 FK6
FK2 FK1
FK2
FK3
t_pesanan_desain_toko
PK id_pesanan_desain_toko
FK1 id_member
FK2 id_barang_desain_toko
FK3 id_riwayat_stok
tanggal_pesanan tanggal_kadaluwarsa
nama_pengirim nama_penerima
alamat kota
provinsi kode_pos
tlp hp
fax total_barang
subtotal_bayar ongkos_kirim
total_bayar mata_uang
harga_paypal tipe_pembayaran
kode_pembayaran tanggal_pembayaran
catatan_pembayaran Lunas
kode_pengiriman tanggal_pengiriman
tanggal_diterima status
t_barang_desain_toko
PK id_barang_desain_toko
kode_barang bahan
warna motif
ukuran berat
stok harga
diskon deskripsi
url_gambar ditamplkan
FK2
FK4
Gambar III.25 Diagram Relasi
III.2.2 Perancangan Struktur Tabel
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam sistem ini adalah sebagai berikut :
1. Tabel member a. Nama Tabel
: Member b. Primary Key : id_member
c. Jumlah Field : 15 d. Keterangan
: Tabel berisi data member
Tabel III.6 Member
Nama Field Type Data
Panjang Keterangan
Id_member bigint
20 Primary key
Id_kota bigint
20 Forigen key
reference tabel kota
Id_administrator bigint
20 Forigen key
reference tabel administrator
Tanggal_daftar Date
- Email
Varchar 100
Password Varchar
64 Nama_member
Varchar 50
Alamat Text
- Kota
Varchar 50
Provinsi Varchar
30 Kode_pos
Varchar 15
Tlp Varchar
20 Hp
Varchar 20
Fax Varchar
20 diaktifkan
Varchar 15
2. Tabel barang a. Nama Tabel
: Barang b. Primary Key : id_barang
c. Jumlah Field : 20 d. Keterangan
: Tabel berisi data barang
Tabel III.7 Barang
Nama Field Type Data
Panjang Keterangan
Id_barang bigint
20 Primary key
Id_kategori bigint
11 Forigen key
reference tabel kategori
Id_warna bigint
11 Forigen key
reference tabel warna
Id_bahan bigint
11 Forigen key
reference tabel bahan
Id_motif bigint
11 Forigen key
reference tabel motif
Id_ukuran bigint
11 Forigen key
reference tabel ukuran
Id_riwayat_stok bigint
11 Forigen key
reference tabel riwayat stok
Tanggal_masuk Date
- Tanggal_diperbarui
Date -
Kode_barang varchar
10 Model
varchar 50
Bahan varchar
50 Warna
varchar 50
Motif varchar
50 Ukuran
varchar 10
Berat double
- Stok
int 11
Harga Double
- Diskon
Int 11
url_gambar Text
-
3. Tabel barang toko a. Nama Tabel
: barang toko b. Primary Key : id_barang_toko
c. Jumlah Field : 5 d. Keterangan
: Tabel berisi data barang toko
Tabel III.8 barang toko
Nama Field Type Data
Panjang Keterangan
Id_barang_toko bigint
20 Primary key
Id_barang bigint
20 Forigen key
reference tabel barang desain
temp Kode_barang_toko
varchar 10
Deskripsi text
- Ditampilkan
Enum‘true’,’false’ -
Default‘true’ 4. Tabel barang desain
a. Nama Tabel : barang desain
b. Primary Key : id_barang_desain c. Jumlah Field : 14
d. Keterangan : Tabel berisi data barang desain
Tabel III.9 barang desain
Nama Field Type Data
Panjang Keterangan
Id_barang_desain bigint
20 Primary key
Id_barang_desain_temp bigint
20 Forigen key
reference tabel barang desain
temp Kode_barang_desain
varchar 20
Jumlah_permintaan Int
11 Catatan
text -
Jumlah_stok Int
11
5. Tabel barang desain_temp a. Nama Tabel
: barang desain temp b. Primary Key : id_barang_desain_temp
c. Jumlah Field : 10 d. Keterangan
: Tabel berisi data barang desain temporary
Tabel III.10 barang desain temp
Nama Field Type Data
Panjang Keterangan
Id_barang_desain_temp Bigint
20 Primary key
Id_member Bigint
20 Forigen key
reference tabel member
Id_barang_desain Bigint
20 Forigen key
reference tabel barang_desain
url_garmbar text
- Bahan
varchar 50
Warna varchar
50 Motif
varchar 50
Ukuran double
-- Jumlah_permintaan
Int 11
Catatan text
-
6. Tabel detail_pesanan a. Nama Tabel
: detail_pesanan b. Primary Key : id_detail_pesanan
c. Jumlah Field : 9 d. Keterangan
: Tabel berisi data detail_pesanan
Tabel III.11 detail_pesanan
Nama Field Type Data
Panjang Keterangan
Id_detail_pesanan Bigint
20 Primary key
Id_pesanan Bigint
20 Forigen key
reference tabel pesanan
Id_barang Bigint
20 Forigen key
reference tabel barang
Rincian_barang Text
- Berat
Double -
Harga Double
- Diskon
Int 11
Jumlah Int
11 status
E num‘normal’,’stock-
limit’,’stock-less’ -
7. Tabel Retur a. Nama Tabel
: retur b. Primary Key : id_retur
c. Jumlah Field : 8 d. Keterangan
: Tabel berisi data retur
Tabel III.12 Retur
Nama Field Type Data
Panjang Keterangan
Id_retur Integer
20 Primary key
Id_pesanan Bigint
20 Forigen key
reference tabel pesanan
Id_detail_retur Bigint
20 Forigen key
reference tabel detail retur
Jumlah_retur Int
11 Alasan_retur
Text Pesan
Text Retur_terpenuhi
Int 11
Status_retur varchar
11 8. Tabel detail retur
a. Nama Tabel : detail retur
b. Primary Key : id_detail_retur c. Jumlah Field : 4
d. Keterangan : Tabel berisi data detail retur
Tabel III.13 detail retur
Nama Field Type Data
Panjang Keterangan
Id_detail_retur bigint
20 Primary key
Id_detail_pesanan bigint
20 Forigen key
reference tabel detail pesanan
Alasan_retur varchar
35 deskripsi
Text -
9. Tabel kategori a. Nama Tabel
: kategori b. Primary Key : id_kategori
c. Jumlah Field : 5 d. Keterangan
: Tabel berisi data kategori
Tabel III.14 Kategori
Nama Field Type Data
Panjang Keterangan
Id_kategori bigint
20 Primary key
Nama_kategori Varchar
50 deskripsi
Text -
Url_gambar Text
- Ditampilkan
Enum’true’,’false’ -
10. Tabel bahan a. Nama Tabel
: bahan b. Primary Key : id_bahan
c. Jumlah Field : 2 d. Keterangan
: Tabel berisi data bahan kain barang
Tabel III.15 bahan
Nama Field Type Data
Panjang Keterangan
Id_bahan int
11 Primary key
Nama_bahan varchar
30
11. Tabel warna a. Nama Tabel
: warna b. Primary Key : id_warna
c. Jumlah Field : 3 d. Keterangan
: Tabel berisi data warna barang
Tabel III.16 warna
Nama Field Type Data
Panjang Keterangan
Id_warna bigint
20 Primary key
Nama_warna varchar
20 deskripsi
longtext -
12. Tabel motif a. Nama Tabel
: motif b. Primary Key : id_motif
c. Jumlah Field : 2 d. Keterangan
: Tabel berisi data motif barang
Tabel III.17 motif
Nama Field Type Data
Panjang Keterangan
Id_motif int
11 Primary key
Nama_motif varchar
30
13. Tabel ukuran a. Nama Tabel
: ukuran b. Primary Key : id_ukuran
c. Jumlah Field : 2 d. Keterangan
: Tabel berisi data ukuran barang
Tabel III.18 ukuran
Nama Field Type Data
Panjang Keterangan
Id_ukuran int
11 Primary key
ukuran varchar
30
14. Tabel respon a. Nama Tabel
: respon b. Primary Key : id_respon
c. Jumlah Field : 8 d. Keterangan
: Tabel berisi data komentar
Tabel III.19 Respon
Nama Field Type Data
Panjang Keterangan
Id_respon bigint
20 Primary key
Id_member bigint
20 Forigen key
reference tabel member
Id_barang bigint
20 Forigen key
reference tabel barang
Tanggal_input Date
- Tanggal_diperbarui
Date -
Jenis varchar
30 Isi
Longtext -
Ditampilkan Enum’true’,’false’
-
15. Tabel ongkos kirim a. Nama Tabel
: ongkos kirim b. Primary Key : id_ongkos_kirim
c. Jumlah Field : 11 d. Keterangan
: Tabel berisi data kota
Tabel III.20 ongkos kirim
Nama Field Type Data
Panjang Keterangan
Id_ongkos_kirim bigint
20 Primary key
Id_kota int
11 Forigen key
reference tabel kota Id_provinsi
Int 11
Forigen key reference tabel
provinsi Id_tipe_pengiriman
int 11
Forigen key reference tabel tipe
pengiriman Nama_provinsi
Varchar 50
Nama_kota Varchar
50 Jasa_pengiriman
Varchar 50
Tipe_pengiriman Varchar
50 Ongkos_kirim
Double -
Ditampilkan Enum’true’,’false’
-
16. Tabel jasa pengiriman a. Nama Tabel
: jasa pengiriman b. Primary Key : id_jasa_pengiriman
c. Jumlah Field : 4 d. Keterangan
: Tabel berisi data jasa pengiriman
Tabel III.21 jasa pengiriman
Nama Field Type Data
Panjang Keterangan
Id_jasa_pengiriman bigint
20 Primary key
Nama_perusahaan Varchar
30 website
Varchar 255
Link_tracking Varchar
255 17. Tabel tipe pengiriman
a. Nama Tabel : tipe pengiriman
b. Primary Key : id_tipe_pengiriman c. Jumlah Field : 2
d. Keterangan : Tabel berisi data tipe pengiriman
Tabel III.22 tipe pengiriman
Nama Field Type Data
Panjang Keterangan
Id_tipe_pengiriman bigint
20 Primary key
Nama_tipe Varchar
25
18. Tabel pesanan a. Nama Tabel
: pesanan b. Primary Key : id_pesanan
c. Jumlah Field : 28 d. Keterangan
: Tabel berisi data pesanan
Tabel III.23 Pesanan
Nama Field Type Data
Panjang Keterangan
Id_pesanan Bigint
20 Primary key
Id_member Bigint
20 Forigen key
reference tabel member
Id_ongkos_kirim Bigint
20 Forigen key
reference tabel ongkos kirim
Tanggal_pesanan Date
- Tanggal_kadaluwarsa
Date -
Nama_pengirim Varchar
50 Nama_penerima
Varchar 50
Alamat Text
- Kota
Varchar 50
Provinsi Varchar
50 Kode_pos
Varchar 15
Tlp Varchar
20 Hp
Varchar 20
Total_barang Int
11 Subtotal_bayar
Double -
Ongkos_kirim Double
- Total_bayar
Double -
Mata_uang enumrp, pp,
- Harga_paypal
Double -
Tipe_pembayaran Varchar
50 Kode_pembayaran
Varchar 50
Tanggal_pembayaran Date
- Catatan_pembayaran
Text -
Lunas enumtrue, false
- Kode_pengiriman
Varchar 50
Tanggal_pengiriman Date
- Tanggal_diterima
Date -
Status Varchar
30
19. Tabel pesanan toko a. Nama Tabel
: pesanan toko b. Primary Key : id_pesanan_toko
c. Jumlah Field : 27 d. Keterangan
: Tabel berisi data pesanan toko
Tabel III.24 pesanan toko
Nama Field Type Data
Panjang Keterangan
Id_pesanan_toko Bigint
20 Primary key
Id_pesanan Bigint
20 Forigen key
reference tabel pesanan
Tanggal_pesanan Date
- Tanggal_kadaluwarsa
Date -
Nama_pengirim Varchar
50 Nama_penerima
Varchar 50
Alamat Text
- Kota
Varchar 50
Provinsi Varchar
50 Kode_pos
Varchar 15
Tlp Varchar
20 Hp
Varchar 20
Total_barang Int
11 Subtotal_bayar
Double -
Ongkos_kirim Double
- Total_bayar
Double -
Mata_uang enumrp, pp,
- Harga_paypal
Double -
Tipe_pembayaran Varchar
50 Kode_pembayaran
Varchar 50
Tanggal_pembayaran Date
- Catatan_pembayaran
Text -
Lunas enumtrue, false
- Kode_pengiriman
Varchar 50
Tanggal_pengiriman Date
- Tanggal_diterima
Date -
Status Varchar
30
20. Tabel pesanan desain a. Nama Tabel
: pesanan desain b. Primary Key : id_pesanan_desain
c. Jumlah Field : 6 d. Keterangan
: Tabel berisi data pesanan desain
Tabel III.25 pesanan desain
Nama Field Type Data
Panjang Keterangan
Id_pesanan_desain Bigint
20 Primary key
Id_member Bigint
20 Forigen key
reference tabel member
Id_barang_desain Bigint
20 Forigen key
reference tabel barang desain
Jumlah permintaan Int
10 Selesai produksi
Date -
Batas_bayar date
-
21. Tabel administrator a. Nama Tabel
: administrator b. Primary Key : id_administrator
c. Jumlah Field : 3 d. Keterangan
: Tabel berisi data petugas
Tabel III.26 Administrator
Nama Field Type Data
Panjang Keterangan
Id_administrator Int
11 Primary key
username Varchar
20 password
Varchar 64
22. Tabel provinsi a. Nama Tabel
: provinsi b. Primary Key : id_provinsi
c. Jumlah Field : 2 d. Keterangan
: Tabel berisi data provinsi
Tabel III.27 Provinsi
Nama Field Type Data
Panjang Keterangan
Id_provinsi Int
11 Primary key
Nama_provinsi Varchar
30 23. Tabel kota
a. Nama Tabel : kota
b. Primary Key : id_kota c. Jumlah Field : 3
d. Keterangan : Tabel berisi data provinsi
Tabel III.28 kota
Nama Field Type Data
Panjang Keterangan
Id_kota bigint
20 Primary key
Id_provinsi Int
11 Nama_kota
Varchar 50
24. Tabel riwayat stok a. Nama Tabel : riwayat stok
b. Primary Key : id_riwayat_stok c. Jumlah Field : 7
d. Ketrangan : tabel berisi data riwayat stok
Tabel III.29 Riwayat stok
Nama Field Type Data
Panjang Keterangan
Id_riwayat_stok Int
11 Primary key
Id_barang Int
11 Forigen key
reference tabel barang
Id_pesanan_toko Bigint
20 Forigen key
reference tabel pesanan toko
Tanggal Date
- keterangan
Varchar 50
Stok_awal Int
11 Perubahan_stok
Int 11
Stok_akhir Int
11
III.3 Perancangan Arsitektur
III.3.1 Perancangan Struktur Menu
Perancangan struktur menu untuk sistem penjualan berbasis web di toko Sakinah Kerudung adalah sebagai berikut :
a. Perancangan struktur menu pengunjung. Perancangan sturktur menu untuk pengunjung pada sistem
ini tergambar pada gambar dibawah ini.
Beranda
Beranda Keranjang
belanja Daftar
member Pencarian
Barang Kategori
barang Cara
belanja Kontak
kami Cara retur
Tentang kami
Cara daftar
View Aktivasi
member
Tambah Lupa
Password Menerima
pesanan
Gambar III.26 Struktur Menu Pengunjung
b. Perancangan struktur menu member. Perancangan sturktur menu untuk member pada sistem ini
tergambar pada gambar dibawah ini.
Beranda
My order My
Address My
Design Change
password Logout
View Tambah
Login
Hapus Ubah
Keranjang belanja
Pencarian Barang
Kategori barang
Cara belanja
Kontak kami
Cara retur Tentang
kami Cara
daftar Menerima
pesanan Alamat
pengiriman Jasa
pengiriman Pembayaran
Gambar III.27 Struktur Menu Member
c. Perancangan struktur menu administrator Perancangan sturktur menu untuk admin pada sistem ini
tergambar pada gambar dibawah ini.
Login
Kategori Kerudung
Laporan kerudung
Laporan stok kerudung
List Pesanan
Laporan penjualan
Ongkos kirim
View Tambah
Ubah Hapus
Member terdaftar
Ganti profil
Ganti Password
Gambar III.28 Struktur Menu Administrator
III.3.2 Perancangan Antar Muka
Interface atau antar muka merupakan tampilan dari suau program aplikasi
yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan
menyediakan interface yang mudah dipahami dan digunakan oleh user Perancangan interface untuk aplikasi e-commerce di toko Sakinah Kerudung
adalah sebagai berikut :
III.3.2.1 Perancangan Antarmuka Pengunjung
Berikut ini beberapa tampilan untuk hak akses pengunjung aplikasi website toko Sakinah Kerudung.
1. Tampilan Beranda Pengunjung Pada tampilan ini pengunjung dapat melihat tampilan beranda pengunjung
yang terdiri dari barang-barang yang dijual dan link-link yang membantu penunjung untuk mengakses website.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK
DIBELImenuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T01
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Selamat Datang di Sakinah Kerudung Kode :
Bahan : Motif
:
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Gambar III.29 Tampilan beranda pengunjung
2. Tampilan Kerudung Terbaru Pada tampilan ini pengunjung dapat melihat tampilan kerudung yang terbaru
di update.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK
DIBELImenuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T02
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Terbaru Kode :
Bahan : Motif
:
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Gambar III.30 Tampilan Kerudung Terbaru
3. Tampilan Kerudung Diskon Pada tampilan ini pengunjung dapat melihat tampilan kerudung yang di
diskon.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK
DIBELImenuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T03
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Diskon Kode :
Bahan : Motif
:
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Gambar III.31 Tampilan Kerudung Diskon
4. Tampilan Kerudung Banyak Dibeli Pada tampilan ini pengunjung dapat melihat tampilan kerudung yang
banyak dibeli oleh member.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK
DIBELImenuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T04
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Banyak Dibeli Kode :
Bahan : Motif
:
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Gambar III.32 Tampilan Kerudung Terpopuler
5. Tampilan Cari Barang Pada tampilan ini pengunjung dapat melihat tampilan hasil pencarian
kerudung.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T05
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Pencarian : Kode :
Bahan : Motif
:
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Gambar III.33 Tampilan Cari Barang
6. Tampilan Kategori Kerudung Langsungan Pada tampilan ini pengunjung dapat melihat tampilan kerudung yang
dikategorikan kerudung langsungan.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T06
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Kerudung Langsungan Kode :
Bahan : Motif
:
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Gambar III.34 Tampilan Kategori Kerudung Langsungan
7. Tampilan Kategori Kerudung Pasmina Pada tampilan ini pengunjung dapat melihat kerudung yang dikategorikan
kerudung pasmina.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T07
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Kerudung Pasmina Kode :
Bahan : Motif
:
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Gambar III.35 Tampilan Kategori Kerudung Pasmina
8. Tampilan Kategori Kerudung Segi Empat Pada tampilan ini pengunjung dapat melihat tampilan kerudung yang
dikategorikan kerudung segi empat.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T08
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Kerudung Segi Empat Kode :
Bahan : Motif
:
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Gambar III.36 Tampilan Kategori Kerudung Segi Empat
9. Tampilan Kategori Request Member Pada tampilan ini penunjung dapat melihat kategori kerudung dari hasil
desain kerudung para member.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T09
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Request Member Kode :
Bahan : Motif
:
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Kode : Bahan :
Motif :
Gambar Produk
BELI
Gambar III.37 Tampilan Kategori Request Member
10. Tampilan Tentang Kami Pada tampilan ini pengunjung dapat melihat sekilas profil toko sakinah
kerudung.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T10
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Tentang Kami
Gambar III.38 Tampilan Tentang Kami
11. Tampilan Cara Daftar Pada tampilan ini pengunjung akan diberikan penjelasan tata cara daftar
menjadi member di website ini.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T11
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Cara Daftar Member
Gambar III.39 Tampilan Cara Daftar
12. Tampilan Cara Belanja Pada tampilan ini pengunjung akan diberikan penjelasan tata cara belanja di
website ini.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T12
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Cara Belanja
Gambar III.40 Tampilan Cara Belanja
13. Tampilan Cara Retur Pada tampilan ini pengunjung akan diberikan penjelasan tata cara retur di
website ini.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T13
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Cara Retur
Gambar III.41 Tampilan Kotak Saran
14. Tampilan Menerima Pesanan Pada tampilan ini pengunjung akan diberikan penjelasan tata cara memesan
lebih dari desain yang disediakan di website ini.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T14
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Menerima Pesanan
Gambar III.42 Tampilan Menerima Pesanan
15. Tampilan Kontak Kami Pada tampilan ini pengunjung dapat melihat nomor kontak kami yang bisa
di hubungi.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T15
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Kontak Kami
Gambar III.43 Tampilan Kontak Kami
16. Tampilan Daftar Member Pada tampilan ini pengunjung dapat mengisi data member untuk menjadi
member di website ini
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T16
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Form Pendaftaran Member Baru
Keterangan : Yang bertanda bintang Wajib diisi.
Email Password
Konfirmasi Password Nama Anda
Alamat Provinsi
Kota Kode Pos
Handphone
Kirim
Gambar III.44 Tampilan Daftar Member
17. Tampilan Lupa Password Pada tampilan ini pengunjung dapat melihat tampilan lupa password bagi
member yang lupa password account membernya.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T17
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Form Lupa Password
Email Anda
Kirim
Gambar III.45 Tampilan Lupa Password
18. Tampilan Akitvasi Member Pada tampilan ini pengunjung dapat melihat tampilan aktivasi member bagi
member yang perlu di aktivasi account membernya.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
ü Klik tombol BELI menuju T19.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T18
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Form Aktivasi Ulang Member
Email Anda
Kirim
Gambar III.46 Tampilan Akitvasi Member
19. Tampilan Keranjang belanja Pada tampilan ini pengunjung telah memilih barang untuk dipesan.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik tombol Daftar
Member menuju T16. ü Klik tombol Lupa
Password menuju T17.
ü Klik tombol Aktivasi Member menuju T18.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
T19
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Cari
Go
sakinah kerudung © 2011
Email Password
LOGIN MEMBER Login
Daftar Member
Lupa Password
Aktivasi Member
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Keranjang Belanja Anda
Gambar III.47 Tampilan Keranjang Belanja
III.3.2.2 Perancangan Antarmuka Member
Berikut ini beberapa tampilan untuk hak akses member aplikasi website toko Sakinah Kerudung.
1. Tampilan Pesanan Pada tampilan ini menampilkan rincian pesanan pada member.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik link My Order
menuju B01. ü Klik link My Address
menuju B02. ü Klik link My Design
menuju B03. ü Klik link Change
Password menuju B04.
ü Klik link Logout menuju T01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
B01
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
Cari
Go
sakinah kerudung © 2011
Pesanan Saya Ganti alamat
Desain Saya Ganti Password
Keluar MENU MEMBER
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM
Pesanan
HOME BARANG DISKON
BARANG TERBARU BARANG BANYAK DIBELI
Gambar III.48 Tampilan Pesanan
2. Tampilan Ganti Alamat Pada tampilan ini member dapat mengubah alamat member atau data
membernya.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15 ü .Klik link My Order
menuju B01. ü Klik link My Address
menuju B02. ü Klik link My Design
menuju B03. ü Klik link Change
Password menuju B04.
ü Klik link Logout menuju T01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
B02
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
Cari
Go
sakinah kerudung © 2011
Pesanan Saya Ganti alamat
Desain Saya Ganti Password
Keluar MENU MEMBER
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM HOME
BARANG DISKON BARANG TERBARU
BARANG BANYAK DIBELI
Form Profil Alamat Keterangan : Yang bertanda bintang Wajib diisi.
Nama Anda Alamat
Provinsi Kota
Kode Pos Handphone
Kirim
Gambar III.49 Tampilan Ganti Alamat
3. Tampilan Desain Saya Pada tampilan ini member dapat memeasn barang dengan desain barang dari
member sendiri.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik link My Order
menuju B01. ü Klik link My Address
menuju B02. ü Klik link My Design
menuju B03. ü Klik link Change
Password menuju B04.
ü Klik link Logout menuju T01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
B03
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
Cari
Go
sakinah kerudung © 2011
Pesanan Saya Ganti alamat
Desain Saya Ganti Password
Keluar MENU MEMBER
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM HOME
BARANG DISKON BARANG TERBARU
BARANG BANYAK DIBELI
Reqeust Kerudung Sesuai Keinginan Gambar Max 100 Kb
Bahan Warna
Warna yang diinginkan Motif
Gambar Motif misal : bunga, bintang, kupu-kupu, dll Ukuran
Jml. Barang Minimal 100
Catatan Lainnya Kirim
Browse
Gambar III.50 Tampilan Desain Saya
4. Tampilan Ganti Password Pada tampilan ini member dapat mengubah password member.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik link My Order
menuju B01. ü Klik link My Address
menuju B02. ü Klik link My Design
menuju B03. ü Klik link Change
Password menuju B04.
ü Klik link Logout menuju T01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
B04
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
Cari
Go
sakinah kerudung © 2011
Pesanan Saya Ganti alamat
Desain Saya Ganti Password
Keluar MENU MEMBER
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM HOME
BARANG DISKON BARANG TERBARU
BARANG BANYAK DIBELI
Form Ganti Password Keterangan : Yang bertanda bintang Wajib diisi.
Password Lama Password Baru
Konfirmasi Password
Kirim
Gambar III.51 Tampilan Ganti Password
5. Tampilan Keranjang Belanja Pada tampilan ini ditampilkan rincian belanja yang akan dipesan oleh
member.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik link My Order
menuju B01. ü Klik link My Address
menuju B02. ü Klik link My Design
menuju B03. ü Klik link Change
Password menuju B04.
ü Klik link Logout menuju T01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
B05
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
Cari
Go
sakinah kerudung © 2011
My Order My Address
My Design Change Password
Logout MENU MEMBER
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM HOME
BARANG DISKON BARANG TERBARU
BARANG BANYAK DIBELI
Keranjang Belanja Anda
Gambar III.52 Tampilan keranjang belanja
6. Tampilan Alamat Pengiriman Pada tampilan ini member menentukan alamat pengiriman pemesanan
barang.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik link My Order
menuju B01. ü Klik link My Order
menuju B01. ü Klik link My Address
menuju B02. ü Klik link My Design
menuju B03. ü Klik link Change
Password menuju B04.
ü Klik link Logout menuju T01.
ü Klik tombol Lanjutkan menuju B07
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
B06
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
Cari
Go
sakinah kerudung © 2011
My Order My Address
My Design Change Password
Logout MENU MEMBER
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM HOME
BARANG DISKON BARANG TERBARU
BARANG BANYAK DIBELI
1. Alamat Pengiriman Kirim ke alamat utama
Kirim ke alamat lain Lanjutkan
Gambar III.53 Tampilan Alamat Pengiriman
7. Tampilan Pilih Jasa Pengiriman Pada tampilan ini member dapat memilih jasa pengiriman untuk menetukan
biaya pengiriman.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik link My Order
menuju B01. ü Klik link My Order
menuju B01. ü Klik link My Address
menuju B02. ü Klik link My Design
menuju B03. ü Klik link Change
Password menuju B04.
ü Klik link Logout menuju T01.
ü Klik tombol Ganti tujuan pengiriman
menuju B07. ü Klik tombol Checkout
menuju B08.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
B07
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
Cari
Go
sakinah kerudung © 2011
My Order My Address
My Design Change Password
Logout MENU MEMBER
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM HOME
BARANG DISKON BARANG TERBARU
BARANG BANYAK DIBELI
2. Pilih Jasa Pengiriman Barang
Gambar III.54 Tampilan Pilih Jasa Pengiriman
8. Tampilan Transaksi Pemesanan Pada tampilan ini member dapat melihat perintah yang harus dilakukan jika
sudah memesan barang.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik link My Order
menuju B01. ü Klik link My Order
menuju B01. ü Klik link My Address
menuju B02. ü Klik link My Design
menuju B03. ü Klik link Change
Password menuju B04.
ü Klik link Logout menuju T01.
ü Klik link disini menuju B09.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
B08
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
Cari
Go
sakinah kerudung © 2011
My Order My Address
My Design Change Password
Logout MENU MEMBER
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM HOME
BARANG DISKON BARANG TERBARU
BARANG BANYAK DIBELI
Transaksi Pemesanan Selesai Terima Kasih sudah melakukan Pemesanan Barang di situs Kami.
Info pemesanan Barang Anda telah di kirim ke Email Anda. No. Pesanan :
Untuk melakukan pembayaran silahkan
klik disini
Silahkan untuk melakukan pembayaran sesuai dengan pesanan Anda, dan jangan lupa mengkonfirmasi kami setelah melakukan Pembayaran
atau mendapatkan kesulitan tentang pesanan Anda. Terimakasih
Gambar III.55 Tampilan Transaksi Pemesanan
9. Tampilan Pesanan Pada tampilan ini member dapat melihat detail pesanannya dan rincian
pembayaran.
G
Navigasi ü Klik tombol HOME
menuju T01. ü Klik tombol BARANG
TERBARUTERBARU menuju T02.
ü Klik tombol BARANG DISKON menuju T03.
ü Klik tombol BARANG BANYAK DIBELI
menuju T04. ü Klik tombol GO
menuju T05. ü Klik link Kerudung
langsungan Menuju T06.
ü Klik link Kerudung Pasmina menuju T07.
ü Klik link Kerudung Segi Empat menuju
T08. ü Klik link Kerudung
Request Member menuju T09.
ü Klik link Beranda menuju T01.
ü Klik link Tentang Kami menuju T10.
ü Klik link Cara Daftar menuju T11.
ü Klik link Cara belanja menuju T12.
ü Klik link Cara Retur menuju T13.
ü Klik link Menerima Pesanan menuju
T14. ü Klik link kpntak kami
menuju T15. ü Klik link My Order
menuju B01. ü Klik link My Order
menuju B01. ü Klik link My Address
menuju B02. ü Klik link My Design
menuju B03. ü Klik link Change
Password menuju B04.
ü Klik link Logout menuju T01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Header : Coklat Muda Banner Global : Coklat
Center : Putih Footer : Coklat
Font Typefaces : Arial Font Color : Hitam dan Putih
Font Size : 12pt 14pt Font Effect : Bold, Italic, Regular
B09
Kerudung Langsungan Kerudung Pasmina
Kerudung Segi Empat Request Member
Kategori Kerudung
Beranda Tentang Kami
Cara Daftar Member Cara Belanja
Cara retur Menerima Pesanan
Kontak Kami Halaman Sakinah
Sakinah Kerudung
Cari
Go
sakinah kerudung © 2011
My Order My Address
My Design Change Password
Logout MENU MEMBER
Belanjaan
Masih Kosong
Keranjang
Customer Service 1
Logo YM HOME
BARANG DISKON BARANG TERBARU
BARANG BANYAK DIBELI
No Pesanan
Riwayat Transaksi
No. Transaksi :
Batas Pembayaran :
Untuk :
Tujuan :
Kontak :
Subtotal :
Ongkos :
Total Tagihan :
Pembayaran Via :
Tanggal Pembayaran :
Kode Pembayaran :
No. Resi :
Tgl. Pengiriman :
Sampai :
Transaksi Pembayaran No
Barang Berat Harga
Diskon Qty
Total Harga Subtotal
: Ongkos
: Total Tagihan
:
Gambar III.56 Tampilan Pesanan
III.3.2.3 Perancangan Antarmuka Administrator
Berikut ini beberapa tampilan untuk hak akses administrator aplikasi website toko Sakinah Kerudung.
1. Tampilan Login Administrator Pada tampilan ini administrator dapat login untuk menu utama
administrator.
Navigasi ü Klik tombol Login
menuju A02.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A01
Username Password
LOGO SAKINAH KERUDUNG
Login Administrator
Login
Gambar III.57 Tampilan Login Administrator
2. Tampilan Kerudung Pada tampilan ini admin dapat menambah data kerudung, mengubah data
kerudung, dan menghapus data kerudung.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Tambah menuju A02.
ü Klik link Cetak menuju A12.
ü Klik link Ubah menuju A13.
ü Klik Link Hapus menuju A14.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A02
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Tambah Barang
Gambar Kategori
Induk Kode
Bahan Warna
Motif Ukuran
Berat Kg Stok
Harga Rupiah Diskon
Deskripsi Pubilkasikan O Ya O Tidak
Browse
Tambah No
Barang Publikasi
Aksi
Cetak Ubah
Hapus
Gambar III.58 Tampilan Kerudung
3. Tampilan Kategori Kerudung Pada tampilan ini admin dapat menambah data kategori kerudung,
mengubah data kategori kerudung, dan menghapus data kategori kerudung.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Tambah menuju A03.
ü Klik link Ubah menuju A15.
ü Klik Hapus Menuju A16.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A03
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Tambah Kategori
Nama Gambar
Deskripsi Pubilkasikan O Ya O Tidak
Browse
Tambah No
Nama Publikasi
Aksi
Ubah Hapus
Gambar III.59 Tampilan Kategori Kerudung
4. Tampilan Laporan Kerudung Pada tampilan ini administrator dapat mencetak laporan data kerudung.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A04
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Cetak No
Barang Detail
Berat Stok
Harga Diskon
Publikasikan
PDF
Gambar III.60 Tampilan Laporan kerudung
5. Tampilan Stok Kerudung Pada tampilan ini administrator dapat mencetak laporan data stok kerudung.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A05
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
PDF Cetak
No Barang
Detail Tanggal
Stok Awal Keterangan
Perubahan Stok Akhir
Gambar III.61 Tampilan Stok Kerudung
6. Tampilan Laporan Pesanan Pada tampilan ini administrator dapat mencetak laporan data pesanan dan
mengelola data pesanan.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A06
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
PDF Cetak
Kode Pemesan Tujuan
Tgl.Pesan Jumlah
Pembayaran Status
Gambar III.62 Tampilan List Pesanan
7. Tampilan Laporan Penjualan Pada tampilan ini administrator dapat mencetak laporan data penjualan
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A07
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
PDF Cetak
Kode Nama Pelanggan
Tanggal Jumlah
Pembayaran
Gambar III.63 Tampilan Laporan Penjualan
8. Tampilan Ongkos Kirim Pada tampilan ini administrator dapat mengelola data ongkos kirim, data
kota kirim, data provinsi, dan data jasa pengiriman
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Tambah Ongkos kirim menuju
A17. ü Klik tombol Tambah
provinsi menuju A18. ü Klik link Ubah menuju
A19. ü Kli link Hapus menuju
A20.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A08
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar No
Provinsi Kota
Jenis Perusahaan
Tambah Ongkos Kirim Tambah Provinsi
Aksi Aktif
Ongkos Ubah Hapus
Gambar III.64 Tampilan Ongkos Kirim
9. Tampilan Pelanggan Terdaftar Pada tampilan ini administrator dapat mengelola data member yang lupa
password dan aktivasi member.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik link ubah menuju A21.
ü Klik link reset menuju A22.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A09
Sakinah Kerudung MENU ADMINISTRATOR
Kerudung Kategori Kerudung
Laporan Kerudung Stok Kerudung
List Pesanan Laporan Penjualan
Ongkos Kirim Member Terdaftar
Ganti Profil Ganti Password
Keluar
No Nama
Tanggal Daftar Email
Aksi Aktif
Ubah Reset
Gambar III.65 Tampilan Pelanggan Terdaftar
10. Tampilan Ganti Profil Pada tampilan ini administrator dapat mengubah data profil administrator.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Simpan menuju A10.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A10
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Ganti Profil
Nama Lengkap Email
Simpan
Gambar III.66 Tampilan Ganti Profil
11. Tampilan Ganti Password Pada tampilan ini administrator dapat mengubah data password
administrator.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Simpan menuju A11.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A11
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Ganti Password
Password Password Baru
Ulangi Password Baru Simpan
Gambar III.67 Tampilan Ganti Password
12. Tampilan Cetak Barang Pada tampilan ini administrator telah mencetak laporan kerudung.
Ukuran Tampilan : 1024x786 Pixel Background Color : Putih
Font Typefaces : Times New Roman Font Color : Hitam
Font Size : 12pt Font Effect : Bold Regular
A12
GAMBAR PRODUK
Kode :
Kategori :
Bahan :
Warna :
Motif :
Ukuran :
Berat :
Stok :
Harga :
Diskon :
Gambar III.68 Tampilan Cetak Barang
13. Tampilan Ubah Kerudung Pada tampilan ini admninistrator melakukan proses ubah data kerudung.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Tambah menuju A02.
ü Klik link Simpan menuju A02.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A13
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Tambah Barang
Gambar Kategori
Induk Kode
Bahan Warna
Motif Ukuran
Berat Kg Stok
Harga Rupiah Diskon
Deskripsi Pubilkasikan O Ya O Tidak
Browse
Tambah
Form Ubah Barang
X
Kategori Induk
Kode Bahan
Warna Motif
Ukuran Berat Kg
Stok Harga Rupiah
Diskon Gambar
Deskripsi Pubilkasikan O Ya O Tidak
Simpan
GAMBAR PRODUK
Browse
Gambar III.69 Tampilan Ubah Kerudung
14. Tampilan Hapus Kerudung Pada tampilan ini admninistrator melakukan proses hapus data kerudung.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Tambah menuju A02.
ü Klik link Hapus menuju A02.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A14
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Tambah Barang
Gambar Kategori
Induk Kode
Bahan Warna
Motif Ukuran
Berat Kg Stok
Harga Rupiah Diskon
Deskripsi Pubilkasikan O Ya O Tidak
Browse
Tambah
Yakin akan menghapus Barang ini ?
X
Nama Deskripsi
Hapus
GAMBAR PRODUK
Gambar III.70 Tampilan Hapus Kerudung
15. Tampilan Ubah Kategori Kerudung Pada tampilan ini admninistrator melakukan proses ubah data kategori
kerudung.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Tambah menuju A03.
ü Klik tombol Simpan menuju A03.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A15
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Tambah Kategori
Nama Gambar
Deskripsi Pubilkasikan O Ya O Tidak
Browse
Tambah
Form Ubah Kategori
X
Nama Gambar
Deskripsi Pubilkasikan O Ya O Tidak
Browse
Simpan
GAMBAR PRODUK
Gambar III.71 Tampilan Ubah Kategori Kerudung
16. Tampilan Hapus Kategori Kerudung Pada tampilan ini admninistrator melakukan proses ubah data kategori
kerudung.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Tambah menuju A03.
ü Klik tombol Hapus menuju A03.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A16
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Tambah Kategori
Nama Gambar
Deskripsi Pubilkasikan O Ya O Tidak
Browse
Tambah
Yakin akan menghapus Kategori ini ?
X
Nama Deskripsi
Hapus
GAMBAR PRODUK
Gambar III.72 Tampilan Hapus Kategori Kerudung
17. Tampilan Tambah Kota Pada tampilan ini admninistrator melakukan proses tambah data kota kirim.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Tambah menuju A08.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A17
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Tambah Kota Kirim
Provinsi Nama Kota
Perusahaan Jenis
Ongkos
X
Tampilkan O Ya O Tidak Tambah
Gambar III.73 Tampilan Tambah Kota Kirim
18. Tampilan Tambah Provinsi Pada tampilan ini admninistrator melakukan proses tambah data provinsi.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Tambah menuju A08.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A18
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Tambah Provinsi
Nama Pubilikasikan O Ya O Tidak
X
Tambah
Gambar III.74 Tampilan Tambah Provinsi
19. Tampilan Ubah Ongkos Kirim Pada tampilan ini admninistrator melakukan proses ubah data ongkos kirim.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Simpan menuju A08.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A19
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Ubah Kota Kirim
Provinsi Nama Kota
Perusahaan Jenis
Ongkos
X
Tampilkan O Ya O Tidak Simpan
Gambar III.75 Tampilan Ubah Ongkos Kirim
20. Tampilan Hapus Ongkos Kirim Pada tampilan ini admninistrator melakukan proses hapus data ongkos
kirim.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol hapus menuju A08.
ü Klik tombol batal menuju A08.
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A20
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Yakin Akan Menghapus Kota Kirim Berikut Ini?
Region :
Kota :
Perusahaan :
Jenis :
Ongkos Kirim :
Hapus
Batal
Gambar III.76 Tampilan Hapus Ongkos Kirim
21. Tampilan Ubah Member Pada tampilan ini admninistrator melakukan proses ubah data member.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Simpan menuju A09
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A21
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Ubah Profil Data Member
Nama Lengkap :
Tanggal Daftar :
Email :
Alama :
Telepon :
Handphone :
Fax :
X
Aktifkan O Ya O Tidak
Simpan
Gambar III.77 Tampilan Ubah Member
22. Tampilan Reset member Pada tampilan ini admninistrator melakukan proses reset data password
member.
Navigasi ü Klik link Kerudung
menuju A02. ü Klik link Kategori
kategori kerudung menuju A03.
ü Klik link Laporan Kerudung menuju
A04. ü Klik link Laporan Stok
Kerudung menuju A05.
ü Klik link List Pesanan menuju A06.
ü Klik link Laporan Penjualan menuju
A07. ü Klik link ongkos kirim
menuju A08. ü Klik link member
terdaftar menuju A09. ü Klik link Ganti Profil
menuju A10 . ü Klik link Ganti
Password menuju A11.
ü Klik link Keluar menuju A01.
ü Klik tombol Simpan menuju A09
General Layout
Ukuran Tampilan : 1024x786 Pixel Background Color
Center : Putih Font Typefaces : Arial and Times New Roman
Font Color : Hitam dan Putih Font Size : 12pt
Font Effect : Bold
A22
Sakinah Kerudung MENU ADMINISTRATOR
MANAJEMEN DATA MASTER Kategori Kerudung
Bahan Kerudung Warna Kerudung
Motif Kerudung Ukuran Kerudung
Kerudung Provinsi
Kota Jasa Pengiriman
Tipe Pengiriman Ongkos Kirim
Permintaan Pelanggan Pelanggan Terdaftar
MANAJEMEN LAPORAN Laporan Kerudung
Laporan Stok Kerudung Laporan Pesanan
Laporan Penjualan MAINTENANCE WEBSITE
Backup Restore MANAJEMEN DATA ADMIN
Ganti Profil Ganti Password
Keluar
Form Reset Password Data Member
Nama Lengkap :
Tanggal Daftar :
Email :
Alama :
Telepon :
Handphone :
Fax :
X
Password Ulangi Password
Simpan
Gambar III.78 Tampilan Reset member
III.3.3 Perancangan Antarmuka Pesan
Pada gambar dibawah ini merupakan perancangan pesan yang terdapat pada aplikasi e-commerce di toko Sakinah Kerudung. Adapun tampilan pesan yang ada
adalah sebagai berikut :
M01 Silahkan isi
M04 Email belum terdaftar
Untuk daftar menjadi keanggotaan baru klik disini.
M03 Silahkan isi
Format bilangan integer ERROR: Username atau Password salah.
M02
M06 Silahkan isi
Hanya boleh huruf dan angka Minimal 6 karakter
M05 Silahkan isi
Hanya boleh huruf dan angka
Gambar III.79 Tampilan perancangan pesan
III.3.4 Jaringan Semantik
Jaringan simantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya.
1. Jaringan Semantik Pengunjung Berikut ini jaringan semantik untuk hak akses sebagai pengunjung.
T01
T16 T15
T14 T13
T12 T11
T10 T09
T08 T07
T06 T05
T04 T03
T02 M01
M01 M01
M04 M05
T19
T18 T17
Gambar III.80 Jaringan Semantik Pengunjung
2. Jaringan Semantik Member Berikut ini jaringan semantik untuk hak akses sebagai member.
B01
B08 B07
B06 B05
B04 B03
B02 M01
M01
M01 M01
B09
Gambar III.81 Jaringan Semantik Member
3. Jaringan Semantik Administrator Berikut ini jaringan semantik untuk hak akses sebagai admin.
A01
A22 A21
A20 A19
A18
A17 A16
A15 A14
A13 A12
A11 A10
A09 A08
A07 A06
A05 A04
A03 A02
M01 M02
M01 M03
M01 M01
M01 M01
M01 M06
M01 M03
Gambar III.82 Jaringan Semantik Administrator
III.3.5 Perancangan Prosedural
Sebagai langkah terakhir dalam proses perancangan yaitu merancang prosedural yang akan diimplementasikan ke dalam sistem. Prosedur ini akan
digunakan sebagai algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan prosedural untuk membangun aplikasi e-commerce yang
akan dibangun adalah sebagai berikut :
a. Prosedur Registrasi Member Berikut ini bagan alir yang menggambarkan aliran instruksi untuk regitrasi
member di dalam program secara visual.
Start Input data
daftar member
Pengecekan Data Kosong
Data Kosong
Finish Tidak
Data terisi Ya
Data valid
Simpan Data Tidak
Ya
Registrasi Berhasil
Cek Validasi data
Gambar III.83 Prosedur registrasi
b. Prosedural Login User Berikut ini bagan alir yang menggambarkan aliran instruksi untuk regitrasi
login user di dalam program secara visual.
Mulai
Masukkan E- mail dan
Password
Data E-mail dan Password kosong
Tidak
Masuk Menu pelanggan
Selesai Ya
Ya Data valid
Tidak Pengecekan Data E-mail
dan Password kosong
Cek Validasi data Data E-mail
dan Password terisi
Gambar III.84 Prosedur Login
c. Prosedur Ganti Password User Berikut ini bagan alir yang menggambarkan aliran instruksi untuk ganti
password di dalam program secara visual.
Mulai
Input data password lama dan
password Baru
Cek Validasi data Password lama dan
Password Baru
Password lama dan password baru
benar
Selesai Ya
Ubah Password
berhasil Tidak
Pengecekan Data password lama dan
password Baru
Data Data password lama dan password Baru
kosong Tidak
Ya
Gambar III.85 Prosedur ganti Password
d. Prosedur Ubah Data Profil User Berikut ini bagan alir yang menggambarkan aliran instruksi untuk ubah data
profil user di dalam program secara visual.
Mulai
Input data profil yang
akan di ubah
Pengecekan Data profil
Data profil terisi lengkap
Selesai Ya
Data profil berhasil
diubah
Tidak
Pengecekan Data profil valid
Data profil valid
Ya Tidak
Gambar III.86 Prosedur ubah data profil user
e. Prosedur Tambah Data Berikut ini bagan alir yang menggambarkan aliran instruksi untuk tambah
data di dalam program secara visual.
Mulai
Input data yang akan
ditambah Pengecekan data
yang akan ditambah
Data Kosong
Selesai Tidak
Ya
Penambahan tersimpan
Tambah data
berhasil Ya
Data valid Tidak
Cek Validasi data
Gambar III.87 Prosedur tambah data
f. Prosedur Ubah Data Berikut ini bagan alir yang menggambarkan aliran instruksi untuk ubah data
di dalam program secara visual.
Mulai
Input data yang akan
diubah Pengecekan data
yang akan diubah
Data Kosong
Selesai Tidak
Ya
Perubahan data tersimpan
Ubah data berhasil
Ya Data valid
Tidak
Cek Validasi data Pilih data yang
akan diubah
Gambar III.88 Prosedur ubah data
g. Prosedur Pemesanan Barang Berikut ini bagan alir yang menggambarkan aliran instruksi untuk
pemesanan barang di dalam program secara visual.
Ubah jumlah barang
Mulai Pilih barang
Input data alamat
pengiriman
Cek Validasi data
Pilih Jasa pengiriman
Pilih tipe pembayaran
Pembatalan pesanan
lunas Tidak
Ya Konfirmasi
pengiriman Barang pesanan
diterima member Selesai
Simpan barang di keranjang belanja
Pengecekan Data alamat pengiriman kosong
Data alamat pengiriman
kosong Tidak
data alamat pengiriman
dibutuhkan
Ya
Ya Data valid
data alamat pengiriman
tidak valid Tidak
Cek status pembayaran
Pilih barang
Gambar III.89 Prosedur pemesanan barang
h. Prosedur Pemesanan Desain Member Berikut ini bagan alir yang menggambarkan aliran instruksi untuk
pemesanan desain member di dalam program secara visual.
Mulai
Input data desain
member
Daftar desain member
Diterima Tidak
Ya Daftar
pemesanan desain member
Selesai Pengecekan Data Desain
member
Data Desain member kosong
Tidak Ya
Cek status pemesanan
desain member
Gambar III.90 Prosedur Pemesanan Desain Member
i. Prosedur Retur Barang Berikut ini bagan alir yang menggambarkan aliran instruksi untuk retur
barang di dalam program secara visual.
Mulai Pilih pesanan
Selesai Diterima
Cek status pesanan
Tidak
Pilih barang yang akan diretur
Ya
Barang berhasil diretur
Input data retur
barang Cek data retur
Data retur kosong
Ya
Cek status retur Tidak
Diterima Tidak
Ya
Gambar III.91 Prosedur Retur Barang
188
BAB IV IMPLEMENTASI DAN PENGUJIAN
Kategori