PENDAHULUAN LANDASAN TEORI ANALISIS DAN PERANCANGAN SISTEM IMPLEMENTASI DAN PENGUJIAN SISTEM ANALISIS DAN PERANCANGAN

d. Coding Tahap penerjemahan data atau pemecahan masalah yang telah dirancang kedalam bahasa pemrograman tertentu. e. Testing Merupakan tahap pengujian terhadap perangkat lunak yang dibangun apakah sudah sesuai dengan kebutuhan atau keinginan konsumen. f. Maintenance Tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat mengalami perubahan-perubahan, penambahan, atau perbaikan sesuai dengan permintaan user. g. Umpan balik merupakan respon dari pengguna sistem yang bisa digunakan untuk mengetahui sejauh mana aplikasi yang dibangun diterima oleh penggunanya.

I.6 Sistematika Penulisan

Sistematika penulisan Tugas Akhir ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan Tugas Akhir ini adalah sebagai berikut :

BAB I PENDAHULUAN

Bab ini menguraikan tentang latar belakang permasalahan, rumusan masalah, maksud dan tujuan, batasan masalah, metodologi penelitian dan sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini membahas berbagai konsep dan dasar-dasar teori yang menunjang serta berkaitan dengan topik pembuatan website penjualan on-line.

BAB III ANALISIS DAN PERANCANGAN SISTEM

Bab ini berisi proses menganalisa kebutuhan dan dilakukan proses perancangan website penjualan on-line yang akan dibangun sesuai dengan analisa yang dilakukan.

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Bab ini akan dilakukan proses implementasi dari website penjualan on-line yang sudah dibangun yang berisikan tampilan aplikasi serta pengujian terhadap website yang dilakukan menggunakan metode Black Box, maupun diuji langsung pada user . BAB V KESIMPULAN DAN SARAN Bab ini berisi rangkuman atau kesimpulan dari penelitian tugas akhir dan saran yang diperlukan untuk pengembangan sistem yang telah dibangun. 11

Bab II LANDASAN TEORI

II.1 Tinjauan Tempat Penelitian

II.1.1 Sejarah Perusahaan

Toko The Baiya’s merupakan sebuah perusahaan yang bergerak di bidang fashion dan accessories. Toko The Baiya’s berdiri pada tahun 2009 atas dasar keinginan yang kuat untuk bersaing dengan perusahaan-perusahaan lain dalam bidang yang sama, dan untuk memenuhi kebutuhan ekonomi dalam kehidupan sehari-hari. Itulah salah satu alasan yang menyebabkan si pemilik memepertahankan usaha ini sampai sekarang yang beralamat di Jl. Siwalan Kerto Timur No. 227 Surabaya.

II.1.2 Visi dan Misi Perusahaan

Visi dari Toko The Baiya’s adalah untuk mengembangkan usaha atau bisnis dalam bidang fashion yang dapat berimbas kepada pertumbuhan ekonomi dan dapat meningkatkan kesejahteraan orang banyak. Adapun misi Toko The Bai ya’s adalah sebagai berikut : 1. Mengelola perusaahaan yang sesuai dengan bisnis yang sehat dan didukung oleh teknologi tepat guna serta sumber daya manusia yang profesional. 2. Mengembangkan usaha agar memiliki daya saing yang kuat. 3. Struktur Organisasi Pimpinan Perusahaan Bagian Marketing Bagian Keuangan Bagian Penyediaan Barang Gambar II.1 - Struktur Organisasi Perusahaan II.1.3 Deskiripsi Tugas Pimpinan perusahaan : Mengontrol kinerja semua karyawan Bagian keuangan : Mengelola keuangan perusahaan Bagian penyediaan barang : Mengelola penyediaan barang perusahaan Bagian marketing : Mengelola pemasaran produk perusahaan

II.2 Pengertian Sistem

Sistem berasal dari bahasa Yunani “Sistema” yang memiliki pengertian yang luas, tidak ada satu definisi yang pasti. Terdapat dua kelompok pendekatan didalam pendefinisian sistem, yaitu yang menekankan pada prosedur dan menekankan pada komponen elemennya. Pendekatan pada sistem yang lebih menekankan pada prosedur, mendefinisikan sistem sebagai berikut: “Suatu sistem adalah jaringan kerja dari prosedur – prosedur yang saling berhubungan, berkumpul bersama – sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu ”.Jogiyanto. HM, 1 Pendekatan sistem yang lebih menekankan pada elemen atau komponennya, mendefinisikan sistem sebagai berikut : “Sistem adalah kumpulan – kumpulan dari elemen – elemen yang berinteraksi untuk mencapai t ujuan tertentu”. Jogiyanto. HM, 2 Jadi, sistem adalah kumpulan elemen – elemen atau prosedur yang saling berhubungan dan bertanggung jawab memproses data masukan input sehingga menghasilkan suatu keluaran output. Bagian listing yang paling kecil disebut subsistem. Misalnya sistem komputer yang terdiri dari bagian subsistem perangkat keras dan subsistem perangkat lunak. Masing – masing subsistem dapat terdiri dari subsistem – subsistem atau komponen – konponen yang lebih kecil lagi, subsistem – subsistem ini membentuk satu kesatuan sehingga tujuan atau sasaran dari sistem tersebut dapat tercapai. Jadi dengan kata lain, sistem dapat dinyatakan sebagai satu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang saling berinteraksi untuk mencapai suatu tujuan. Tujuan sistem adalah untuk menentukan operasi yang akan dilaksanakan. Berkembangnya suatu sistem dapat dipengaruhi oleh informasi yang terdapat didalamnya. Jika berkurangnya informasi, maka suatu sistem lama kelamaan akan berakhir dan tidak dapat digunakan lagi.

II.2.1 Karakteristik Sistem

Suatu sistem memiliki karakteristik atau sifat-sifat tertentu, yaitu memiliki komponen-komponen components, batas sistem boundary, lingkungan luar sistem environment, penghubung interprest, masukan input, keluaran output , pengolah process dan sasaran objective dan tujuan goal. 1. Komponen Sistem System Components Komponen sistem atau elemen-elemen sistem dapat berupa suatu sub sistem atau bagian-bagian dari sistem. Setiap sistem baik besar maupun kecil, selalu mengandung komponen-komponen atau subsistem-subsistem. Setiap subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. Suatu sistem dapat mempunyai suatu yang lebih besar yang disebut supra system. 2. Batas Sistem System Boundary Batas sistem merupakan daerah-daerah yang membatasi antara satu sistem dengan sistem lainnya dengan lingkungan luarnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan. Batas suatu sistem menujukkan ruang lingkup scope dari sistem tersebut. 3. Lingkungan Luar Sistem System Environment Lingkungan luar sistem dari suatu sistem adalah apapun di luar batas dari sistem yang mempengaruhi operasi sistem yang dapat bersifat menguntungkan dan dapat pula merugikan sistem tersebut. Lingkungan luar yang menguntungkan merupakan energi dari sistem yang harus dijaga dan dipelihara. Sedangkan yang merugikan harus ditahan dan dikendalikan, karena akan mengganggu kelangsungan hidup sistem. 4. Penghubung Sistem Penghubung sistem merupakan media penghubung antara satu sub sistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya. Dengan penghubung akan terjadi interaksi antar subsistem, sehingga membentuk satu kesatuan. 5. Masukan Sistem System Input Masukan adalah suatu energi yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan maintenance input dan masukan sinyal signal input. Maintenance input adalah energi yang dimasukkan supaya sistem tersebut dapat beroperasi. Contoh maintenance input di dalam sistem komputer adalah program, yang digunakan untuk mengoperasikan komputer. Sedangkan signal input adalah energi yang diproses untuk mendapatkan keluaran. Contoh signal input di dalam sistem komputer adalah data, yang dapat diolah menjadi Informasi. 6. Keluaran Sistem System Output Keluaran Output merupakan hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna. 7. Pengolah Sistem System Process Suatu sistem dapat mempunyai suatu bagian pengolah atau sistem itu sendiri sebagai pengolahnya, yang bertugas untuk merubah masukan menjadi keluaran. 8. Sasaran Sistem System Objective Suatu sistem pasti memiliki tujuan goal atau sasaran objective. Suatu operasi sistem akan berguna dan berhasil apabila mencapai sasaran atau tujuannya. Sasaran sistem sangat menentukan masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem. Input Proses Output Sub Sistem Sub Sistem Sub Sistem Sub Sistem Sub Sistem Penghubung Batasan Batasan Gambar II.2 - Karakteristik Sistem II.2.2 Pengertian Data dan Informasi Data dan Informasi mempunyai keterkaitan antara satu dengan yang lainnya. Data adalah kumpulan fakta atau pesan-pesan yang belum dievaluasi atau bahan mentah dari informasi yang melalui pengolahan tertentu dibentuk menjadi suatu informasi. Data merupakan kenyataan yang menggambarkan suatu kejadian – kejadian nyata. Suatu sistem yang kurang mendapatkan suatu informasi akan luruh, kerdil dan akhirnya berakhir. Definisi informasi sendiri seperti di bawah ini : “Informasi adalah data yang diolah menjadi bentuk yang lebih berharga dan lebih berguna serta lebih berarti bagi yang menerimannya”. Jogiyanto. HM, 8. Sedangkan sumber dari informasi sendiri adalah data yang berarti kenyataan untuk mengambarkan suatu kejadian – kejadian dan kesatuan yang nyata. Maksud dari kejadian – kejadian di sini adalah sesuatu yang telah terjadi pada saat tertentu. Untuk memperjelas pengertian dasar informasi dapat dilihat pada siklus informasi Gambar II.3 berikut : INPUT PROSES OUTPUT Gambar II.3 - Model Dasar Sistem Suatu sistem merupakan suatu keseluruhan yang bulat dan utuh, dimana tujuan dari masing – masing bagian yang membentuk sistem akan saling menunjang dan mencapai tujuan dari suatu sistem secara keseluruhan. Berarti bahwa tujuan yang dicapai dari salah satu bagian tidak dapat mengabaikan pencapaian tujuan dari bagian yang lain. Sumber dari informasi adalah data. Data terbentuk dari karakter- karakter yang dapat berupa alfabet, angka maupun simbol khusus. Data disusun untuk diolah dalam bentuk struktur data, struktur file dan database. Terdapat perbedaan antara data dan informasi yaitu jika data merupakan bahan baku yang diolah untuk memberikan informasi, sedangkan informasi digunakan dalam pengambilan keputusan, karena itu informasi memiliki tingkat lebih tinggi dari data.

II.2.3 Pengertian Sistem Informasi

Sistem informasi berfungsi untuk menyediakan informasi yang berguna untuk manajemen yang mendukung rencana strategis organisasi. Sedangkan tujuannya adalah untuk mengumpulkan data, menyimpan data dan menginformasikannya kepada para pemakai. Menurut Robert A. Leitc dan K. Rescoe Davis, Sistem Informasi didefinisikan sebagai berikut : “Sistem informasi adalah suatu sistem didalam organisasi yang mempertemukan kebutuhan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu ogranisasi dan menyediakan bagi pihak luar tertentu dengan laporan yang diperlukan”. Jogiyanto. HM, 11 Sistem informasi dapat digerakkan oleh elemen – elemen berikut: 1. Perangkat keras Hardware, yaitu komputer yang berperan sebagai media masukan, proses dan keluaran. 2. Perangkat Lunak Software, yaitu alat yang digunakan untuk menjalankan perangkat keras yang dapat berupa sistem operasi atau program aplikasi. 3. Pengguna komputer Brainware, adalah manusia yang merupakan bagian terpenting yang dapat menangani semua elemen penggerak dari suatu sistem informasi. 4. Data, yaitu fakta – fakta dari suatu kejadian yang dapat diolah untuk menghasilkan suatu informasi. 5. Prosedur, yaitu urutan kerja secara sistematis agar suatu pekerjaan dapat dilaksanakan secara teratur sesuai dengan rencana.

II.2.3.1 Komponen Sistem Informasi

John Burch dan Gary Grudnitski mengemukakan bahwa sistem informasi terdiri dari komponen- komponen yang disebutkan dengan istilah blok bangunan building block, yaitu blok masukan input block, blok model model block, blok keluaran output block, blok teknologi technology block, blok basis data database block, dan blok kendali controls block.

1. Blok Masukan

Input mewakili data yang masuk ke dalam sistem informasi. Input disini termasuk metode- metode dan media untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen- dokumen dasar.

2. Blok Model

Blok ini terdiri dari kombinasi prosedur, logika, dan model matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang diinginkan.

3. Blok Keluaran

Prosedur dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.

4. Blok Teknologi

Teknologi merupakan “kotak alat” tool box dalam sistem informasi. Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dari sistem secara keseluruhan. Teknologi terdiri dari tiga bagian utama, yaitu teknisi humanware atau brainware, perangkat lunak software, dan perangkat keras hardware.

5. Blok Basis Data

Basis data database merupakan kumpulan- kumpulan dari data yang saling berhubungan satu dengan lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya. Organisai basis data yang baik juga berguna untuk efisiensi kapasitas penyimpanannya. Basis data diakses atau dimanipulasi dengan menggunakan perangkat lunak paket yang disebut DBMS Database Management System.

6. Blok Kendali

Beberapa pengendali perlu dirancang dan ditetapkan untuk meyakinkan bahwa hal- hal yang dapat merusak sistem dapat dicegah ataupun bila terlanjur terjadi kesalahan- kesalahan dapat langsung diatasi.

II.2.4 Definisi Rekayasa Perangkat Lunak

Rekayasa perangkat lunak diperlukan untuk mengurutkan perubahan dari masalah menjadi solusi perangkat lunak yang dapat bekerja dengan baik dan benar. Pengertian perangkat lunak itu sendiri adalah source code pada suatu program atau sistem dimana perangkat keras komputer baru akan bisa beroperasi setelah adanya instruksi- innstruksi pada perangkat lunak. Menurut Fritz Bauer, Rekayasa Perangkat Lunak Software Engineering adalah penggunaan prinsip- prinsip rekayasa untuk mendapatkan perangkat lunak yang ekonomis dan dapat bekerja secara efisien pada mesin nyata. Rekayasa perangkat lunak dari sudut pandanglain adalah pendekatan sistematis untuk merekayasa perangkat lunak yang handal atau bermutu, tepat waktu dan denga biaya yang optimal. II.2.4.1 Pengembangan Perangkat Lunak Rekayasa perangkat lunak atau tim perekayasa harus menggabungkan strategi pengembangan yang melingkupi lapisan proses, metode, dan alat- alat bantu serta fase- fase generic. Strategi ini sering diacukan sebagai model proses atau paradigm rekayasa perangkat lunak. Perangkat lunak yang disimpan atau digunakan dalam jangka waktu yang cukup lama akan menimbulkan masalah apabila sering diabaikan atau tidak diperhatikan perkembangannya. Permasalhan yang akan timbul dari penggunaan perangkat lunak yang cukup lama adalah : 1. Adanya kebutuhan baru. Sebagai contoh pada saaat ini berkembangnya perangkat lunak berbasis web. 2. Untuk mengurangi kompleksitas, biaya, dan waktu pemasaran. Sebagai contoh pemanfaatan dari perkembangan bahasa pemrograman tingkat tinggi. 3. Mengurangi cacat. Sebagai contoh dengan cara membuat standarisasi dari pengkodean yang tidak sesuai. Evolusi perangkat lunak diperlukan untuk dapat menyelesaikan permasalahan yang timbul dari penggunaan perangkat lunak yang lama, yang terdiri dari : 1. Pembangunan Perangkat Lunak Yang termasuk dalam pembangunan perangkat lunak itu sendiri meliputi daur hidup perangkat lunak, yaitu : permintaan requirement, spesifikasi, perancangan design, testing dan sebagainya. 2. Perawatan Perangkat Lunak Merupakan proses- proses untuk memperpanjang waktu pengguna sistem perangkat lunak yang ada, sehingga tetap dapat dipergunakan sebagaimana mestinya sesuai dengan baik. 3. Migrasi Perangkat Lunak Proses-proses yang memindahkan sistem yang ada ke dalam sistem yang baru, dikarenakan perkembangan dari kebutuhan pernagkat lunak tersebut.

II.2.4.2 Model Proses Perangkat Lunak

Model proses perangkat lunak merupakan representasi abstrak dari proses perangkat lunak. Setiap model proses merepresentasikan suatu proses dari sudut pandang tertentu sehingga hanya memberikan informasi parsial mengenai proses tersebut. Racoon mengusulkan sebuah “model Chaos” yang menggambarkan “perkembangan perangkat lunak sebagai sebuah kesatuan dari pemakai ke perngembangan dan teknologi .” Masing- masing model sudah ditandai dengan cara tertentu sehingga diharapkan bisa membantu dalam control dan koordinasi dari proyek perangkat lunak yang nyata. Dengan demikian, pada intinya semua model menunujukan karakteristik dari model Chaos. Model- model proses perangkat lunak terdiri dari :

1. Model Waterfall Model Air Terjun Model Sekuensial Linear

Model waterfall adalah paradigm rekayasa perangkat lunak yang paling luas dipakai dan paling tua. Model waterfall mengusulkan sebuah pendekatan kepada perkembangan perangkat lunak yang sistematik dan sekuensial yang mulai pada tingkat dan kemajuan sistem pada seluruh analisis, desain, kode, pengujian, dan pemeliharaan Setelah setiap tahap didefinisikan, tahap tersebut ‘diakhiri’ signed off dan pengembangan berlanjut ke tahap berikutnya.

2. Model Prototipe

Prototyping paradigm dimulai dengan pengumpulan kebutuhan. Secara ideal prototipe berfungsi sebaga sebuah mekanisme untuk mengidentifikasi kebutuhan perangkat lunak. Bila prototipe yang sedang bekerja dibangun, maka pengembangan harus mempergunakan fragmen- fragmen program yang ada atau mengaplikasikan alat- alat bantu contohnya report generator, window manager, dan lain- lain yang memungkinkan program yang bekerja untuk dimunculkan secara tepat.

3. Model RAD

Rapid Aplication Development RAD adalah sebuah model proses perkembangan perangkat lunak sekuensial linear yang menekankan siklus perkembangan yang sangat pendek. Pendekatan RAD melingkupi fase- fase, diantaranya : fase business modeling. Data modeling, process modeling, application modeling dan, testing and turnover.

4. Model Evolusioner

Model Evolusioner adalah model iteratif. Model itu ditandai dengan tingkah laku yang memungkinkan perekayasa perangkat lunak mengembangkan versi perangkat lunak yang lebih lengkap sedikit demi sedikit. Berikut ini merupakan jenis- jenis model evolusioner :

a. Model Pertambahan

Model pertambahan menggabungkan elemen- elemen model sekuensial linear diaplikasikan secara berulang dengan filosofi prototipe iterarif.

b. Model Spiral

Model spiral spiral model yang pada awalnya diusulkan oleh Boehm, adalah model proses perangkat lunak yang evolusioner yang merangkai sifat iteratif dari prototipe dengan cara kontrol dan aspek sistematis dari model sekuensial linear.

c. Model Rakitan Komponen

Model rakitan komponen menggabungkan beberapa karakteristik model spiral. Model ini bersifat evolusioner, sehingga membutuhkan pendekatan iteratif untuk menciptakan perangkat lunak.

d. Model Perkembangan Konkuren

Model perkembangan konkuren atau disebut juga rekayasa konkuren yang digambarkan oleh A. Davis dan P. Sitaram. Model ini sering digunakan sebagai paradigma bagi pengembangan aplikasi client server. Sistem client server dirancang dari serangkaian komponen fungsional.

e. Model Formal

Model metode formal menckup sekumpulan aktivitas yang membawa kepada spesifikasi matematis perangkat lunak komputer. Metode formal memungkinkan perekayasa perangkat lunak mengkhususkan, mengembangkan, dan memverifikasi sistem berbasis komputer dengan menggunakan notasi matematis yang tepat. Variasi dalam pendekatan ini, disebut juga clean room rekayasa perangkat lunak, yang sedang diaplikasikan oleh banyak organisasi pengembang perangkat lunak.

f. Model Teknik Generasi Keempat

Bentuk teknik generasi keempat 4GT mencakup serangkaian alat bantu perangkat lunak yang luas secara umum memiliki satu hal, masing- masing memungkinkan perekayasa perangkat lunak untuk mengkhususkan beberapa karakteristik perangkat lunak pada suatu tingkat yang tinggi. Paradigma 4GT untuk rekayasa perangkat lunak berfokus pada kemampuan spesifikasi perangkat lunak dengan menggunakan bentuk bahasa yang dikhususkan atau sebuah notasi grafik yang menggambarkan masalah yang akan dipecahkan ke dalam bentuk yang dapat dipahami oleh pelanggan.

II.2.4.3 Pengujian Perangkat Lunak

Sebuah program diterpkan, maka program harus bebas terlebih dahulu dari kesalahan- kesalahan. Pengujian diperlukan untuk menemukan kesalahan pada perangkat lunak yang sudah selesai dikerjakan, dimana kecacatan tersebut dimungkinkan selalu ada, namun pengujian hanya dapat memperlihatkan adanya kesalahan pada perangkat lunak saja. Dilihat dari teknik pengujian, terdapat 2 teknik pengujian yaitu pengujian struktural atau pengujian kotak putih white box testing dan pengujian fungsional atau pengujian kotak hitam black box testing. Pengujian ini dapat dilkukan oleh pengembang dan oleh penguji independent . Adapun kategori pengujian yang dilakukan adalah sebagai berikut : 1. Pengujian validasi, yaitu pengujian yang bertujuan untuk menguji kesesuaian sistem atau perangkat lunak yang dibangun dengan kebutuhan pengguna yang telah didefinisikan sebelumnya melalui proses iterasi. Metode yang digunakan adalah Black Box. Pada dasarnya pengujian ini hanyalah menguji atau melihat apakah input dan output program sudah benar atau belum. 2. Pengujian unit atau modul yaitu pengujian yang bertujuan untuk mengetahui apakah unit atau modul yang dibuat dapat berfungsi dengan benar. Metode yang digunakan adalah White Box.

II.3 Pengenalan E-Commerce

E-Commerce electronic commerce merupakan suatu cara berbelanja atau berdagang secara online atau direct selling yang memanfaatkan fasilitas internet dimana terdapat website yang dapat menyediakan “get and deliver”. E-commerce akan merubah semua kegiatan marketing dan juga sekaligus memangkas biaya- biaya operasional untuk kegiatan trading perdagang. E-commerce merupakan bagian dari ruang yang dikenal dengan sebutan e- business , dalam hal ini e-commerce dipandang sebagai penerapan dari e-business. Dalam kaitannya dengan proses penjualan dan pembelian produk serta layanan, aspek ini mencakup pertukaran data data exchange selama proses transaksi yang berhubungan dengan pengelolaan finansial dan aktivitas pembayaran. E-business dapat diterjemahkan sebagai kegiatan bisnis yang dilakukan secara otomatis dan semiotomatis dengan menggunakan sistem informasi komputer yang meliputi segala macam fungsi dan kegiatan bisnis menggunakan data elektronik, sedangkan e-commerce yang memanfaatkan kemajuan teknologi informasi. Kemudian cara pembayaran pada e-commerce dilakukan melalui transfer uang secara digital melalui account paypal atau kartu kredit. Sedangkan e-bisnis mengacu pada internet tapi jangkauannya lebih luas. Hubungan bisnis terjadi ketika perusahaan atau individu berkomunikasi dengan klien atau nasabah melalui email akan tetapi pemasaran atau penjualan dilakukan melalui internet. Cara ini dapat memberikan keuntungan fleksibilitas dan efisiensi. Pembayaran dilakukan melalui pembayaran digital dengan menggunakan e-gold yang sudah diakui di seluruh dunia dalam melakukan transaksi online. E-commerce merupakan lingkup perdagangan yang dilakukan secara elektronik, dimana di dalamnya termasuk perdagangan via internet, pedagangan dengan fasilitas web internet web-commerce, perdagangan dengan sistem pertukaran data terstruktur secara elektronik Electronic Data InterchangeEDI. Layanan EDI ini telah berkembang sedemikian pesatnya di negara-negara yang mempunyai jaringan komputer dan telepon. Jika sebelumnya kita sering menggunakan media elektronik seperti telepon, fax, hingga handphone untuk melakukan perniagaan atau perdagangan, sekarang ini kita dapat menggunakan internet untuk melakukannya.

II.3.1 Definisi e-commerce

Definisi e-commerce menurut kamus Wikipedia adalah Perdagangan elektronik atau e-dagang bahasa Inggris: electronic commerce yaitu penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi, www, dan jaringan komputer lainnya. E-dagang dapat melibatkan transfer dan elektronik, pertukaran data elektronik, sistem manajemen inventaris otomatis, dan sistem pengumpulan data otomatis. Menurut Mariza Arfina dan Robert Marpaung, e-commerce atau yang lebih dikenal e-com dapat diartikan sebagai cara berbelanja atau berdagang secara online atau direct selling yang memanfaatkan fasilitas Internet di mana terdapat website yang dapat menyediakan layanan “get and deliver”. Bryan A. Garner juga menyatakan bahwa “E-commerce the practice of buying and selling goods and services trough online consumer services on the internet. The e, ashortened from electronic, has become a popular prefix for other terms associated with electronic transaction ”. Dapat dikatakan bahwa pengertian e-commerce yang dimaksud adalah pembelian dan penjualan barang dan jasa dengan menggunakan jasa komputer online di internet. Roger Clark dalam “Electronic Commerce Definitions” menyatakan bahwa e-commerce adalah “The conduct of commerce in goods and services, with the assistance of telecomunications and telecomunications-bases tools ”. E- commerce adalah tata cara pedagangan barang dan jasa yang menggunakan media telekomunikasi dan telekomunikasi sebagai alat bantunya. Sementara menurut Donna Perry, pengertian e-commerce sangat sederhana yaitu kemampuan untuk melakukan bisnis secara elektronik melalui komputer, fax , telepon dan sebagainya. Definisi e-commerce yang sudah distandarkan dan disepakati bersama adalah “E-commerce is a dynamic set of technologies, applications, and business process that link enterprise, consumers, and communities through electronic transactions and the electronic exchange of goods, services, and information ”. Yang artinya adalah “E-Commerce merupakan satu set dinamis teknologi, aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik”. David Baum Dengan demikian, dapat disimpulkan bahwa e-commerce merupakan proses pembelian dan penjualan jasa atau produk antara dua belah pihak melalui internet Commerce net dan sejenis mekanisme bisnis elektronik dengan fokus pada transaksi bisnis berbasis individu dengan menggunkan internet sebagai media pertukaran barang atau jasa baik antar instansi atau individu dengan instansi.

II.3.2 Manfaat e-commerce

Banyak manfaat dari penjualan secara online melalui media Internet, yaitu dengan adanya e-commerce suatu organisasi atau perusahaan dapat menjalankan bisnisnya untuk menjangkau seluruh Indonesia bahkan sampai ke luar negeri, beberapa manfaat e-commerce antara lain sebagai berikut : 1. Kemampuan grafis internet mampu memperlihatkan produk apa adanya natural serta dapat membuat brosur berwarna dan menyebarkannya tanpa ongkos kirim. 2. Lebih aman membuka toko online dibanding membuka toko biasa. 3. Berjalan di dunia maya Internet tidak mengenal hari libur dan hari besar, semua transaksi bisa dilakukan kapan saja dan dimana saja. 4. Tanpa batas-batas wilayah dan waktu, sehingga memberikan jangkauan pemasaran yang luas dan tak terbatas oleh waktu. 5. Revenue stream arus pendapatan yang baru yang mungkin sulit atau tidak dapat diperoleh melalui cara konvensional. 6. Meningkatkan market exposure pangsa pasar, dimana penggunaan e- commerce memungkinkan untuk meningkatkan pangsa pasar yang semula mempunyai pangsa pasar di dalam negeri saja, dengan adanya e-commerce maka pangsa pasar menjangkau luar negeri. 7. Menurunkan biaya operasi operating cost. Penggunaan teknologi Internet memungkinkan kita untuk melakukan kegiatan perdagangan selama 24 jam sehari, 7 hari seminggu, akan tetapi tidak terpengaruh terhadap biaya yang dikeluarkan untuk biaya lembur karyawan atau pegawai, karena segala sesuatunya dikerjakan oleh komputer yang tidak membutuhkan operator untuk menjalankan proses perdagangan, cukup hanya dengan penggunaan software tertentu maka semua aktivitas dalam transaksi perdagangan dapat dilakukan. 8. Penghematan besar yang dimungkinkan melalui e-mail. Penghematan ini terjadi karena berkurangnya penggunaan kertas dalam segala proses transaksi, dimana segala sesuatunya didalan e-commerce menggunakan data digital sehingga tidak membutuhkan kertas sebagai media yang pada akhirnya memberikan penghematan besar terhadap pengeluaran dalam proses transaksi.

II.3.3 Kekurangan e-commerce

Walaupun adanya e-commerce memberi banyak keuntungan, masih terdapat berbegai kekurangan dari e-commerce antara lain: 1. Bagi organisasi perusahaan a. Keamanan sistem rentan diserang Terdapat sejumlah laporan mengenai website dan basis data yang dihack, dan berbagai lubang kelemahan keamanan dalam software. Hal ini dialami oleh sejumlah perusahaan besar seperti Microsoft dan lembaga perbankan. Masalah keamanan ini menjadi sangat pnting karena bila pihak lain yang tidak berwenang bisa menembus sistem maka dapat menghancurkan bisnis yang telah berjalan. b. Persaingan tidak sehat Di bawah tekanan untuk berinovasi dan membangun bisnis untuk memanfaatkan kesempatan yang ada dapat memicu terjadinya tindakan ilegal yaitu penjiplakan ide dan perang harga. c. Masalah kompabilitas teknologi lama dengan yang lebih baru Dengan perkembangan dan inovasi yang melahirkan teknologi baru, sering muncul masalah yaitu sistem bisnis yang lama tidak dapat berkomunikasi dengan infrastruktur berbasis web dan internet. Hal ini memaksa perusahaan untuk menjalankan dua sistem independen yang tidak dapat saling berbagi, hal ini dapat mengakibatkan pembengkakan biaya. 2. Bagi konsumen a. Perlunya keahlian komputer Tanpa menguasai keahlian computer, mustahil konsumen dapat berpartisipasi dalam e-commerce. Pengetahuan dasar computer diperlukan, antara lain pengetahuan mengenai internet dan web. b. Biaya tambahan untuk mengakses internet Untuk ikut serta dalam e-commerce dibutuhkan koneksi internet yang tentu saja menambah pos pengeluaran bagi konsumen. c. Biaya peralatan komputer Komputer diperlukan untuk mengakses internet, tentu saja dibutuhkan biaya untuk mendapatkannya. Perkembangan komputer yang sangat pesat menyarankan konsumen untuk juga mengupdate peralatannya apabila tidak ingin ketinggalan teknologi. d. Resiko bocornya privasi dan data pribadi Segala hal mungkin terjadi saat konsumen mangakses internet untuk menjalankan e-commerce, termasuk risiko bocornya data pribadi karena ulah orang lain yang ingin membobol sistem. e. Berkurangnya waktu untuk berinteraksi secara langsung dengan orang lain. Transaksi e-commerce yang berlangsung secara on-line telah mengurangi waktu konsumen untuk dapat melakukan proses sosial dengan orang lain. Hal ini tidak baik karena dikhawatirkan akan dapat mengurangi rasa kepedulian terhadap lingkungan sekitarnya. f. Berkurangnya rasa kepercayaan karena konsumen berinteraksi hanya dengan komputer. 3. Bagi masyarakat a. Berkurangnya interaksi antar manusia Karena masyarakat lebih sering berinteraksi secara elektronik, dimungkinkan terjadi berkurangnya kemampuan sosial dan personal manusia untuk bersosialisasi dengan orang lain secara langsung. b. Kesenjangan sosial Terdapat bahaya potensial karena dapat terjadi kesenjangan sosial antara orang-orang yang memiliki kemampuan teknis dalam e- commerce dengan yang tidak, yang memiliki keahlian digaji lebih tinggi daripada yang tidak. c. Adanya sumber daya yang terbuang Munculnya teknologi baru akan membuat teknologi lama tidak dimanfaatkan lagi. Misalnya dengan komputer model lama atau software model lama yang sudah tidak relevan untuk digunakan. d. Sulitnya mengatur internet Sejumlah kriminalitas telah terjadi di internet dan banyak yang tidak terdeteksi. Karena jumlah jaringan yang terus berkembang semakin luas dan jumlah pengguna yang semakin banyak, seringkali membuat pihak berwenang kesulitan dalam membuat peraturan untuk internet.

II.3.4 Manfaat e-commerce

Manfaat yang diperoleh bagi organisasi pemilik E-Commerce: 1. Memperluas market place hingga kepasar nasional dan internasional. 2. Dengan capital outplay yang minim, sebuah perusahaaan dapat dengan mudah menemukan lebih banyak pelanggan, supplier yang lebih baik dan partner bisnis yang paling cocok dari seluruh dunia. 3. E-Commerce menurunkan biaya pembuatan, pemrosesan, pendistribusian, penyimpanan, dan pencarian informasi yang menggunakan kertas. 4. E-Commerce memungkinkan pengurangan inventory dan overhead dengan menyederhanakan supply chain management tipe “pull”. Dalam supply chain management tipe “pull”, prses dimulai dari pesana pelanggan serta digunakan manufacturing just-in-time. 5. E-Commerce mengurangi waktu antara outlay modal dan penerimaan produk dan jasa. 6. E-Commerce mendukung upaya-upaya business process reengineering. Dengan mengubah prosesnya, maka produktivitas sales-people, pegawai yang berpengetahuan, dan administrator bias meningkat 100 atau lebih. 7. E-Commerce memperkecil biaya telekomunikasi. Karena internet lebih murah dibandingkan VAN. 8. Akses informasi menjadi lebih cepat. 9. Biaya transportasi dan fleksibilitas bertambah. Manfaat bagi konsumen antara lain: 1. E-Commerce memungkinkan pelanggan untuk berbelanja atau melakukan transaksi selama 24 jam sehari sepanjang tahun dari hamper setiap lokasi. 2. E-Commerce memberikan lebih banyak pilihan kepada pelanggan, mereka bias memilih berbagai produk dari banyak vendor. 3. E-Commerce menyediakan produk dan jasa yang tidak mahal kepada pelanggan dengan cara mengunjungi banyak tempat dan melakukan perbandingan secara cepat. 4. Pelanggan bias menerima informasi yang relevan secara detil dalam hitungan detik, bukan lagi hari atau minggu. 5. E-Commerce memberi tempat kepada para pelanggan untuk berinteraksi dengan pelanggan lain di electronic community dan bertukar pikiran serta pengalaman. Manfaat bagi masyarakat antara lain: 1. E-Commerce memungkinkan orang untuk bekerja didalam rumah dan tidak harus keluar rumah untuk berbelanja. Ini berakibat menurunkan arus kepadatan lalu lintas dijalan serta mengurangi polusi udara. 2. E-Commerce memungkinkan seluruh masyarakat di berbagai wilayah perkotaan maupun pedesaan untuk menikmati aneka produk dan jasa yang mungkin susah untuk mereka dapatkan tanpa E-Commerce.

II.3.5 Klasifikasi e-commerce

Penggolongan E-Commerce yang lazim dilakukan orang ialah berdasarkan sifat transaksinya, antara lain: 1. Business to Business B2B Jenis transaksi dimana pembeli biasanya membeli dalam jumlah besar karena akan dijual kembali. Contoh penjualan grosir. 2. Business to Consumer B2C Jenis transaksi dimana pembelinya perorangan dan tidak punya tujuan untuk menjualnya kembali biasanya semacam toko online yang menjual berbagai macam barang. 3. Consumer to Consumer C2C Jenis transaksi dimana pembelinya perorangan yang tidak mempunyai tujuan untuk dijual kembali dan penjualnya juga perorangan yang tidak menyediakan bermacam-macam barang melainkan hanya beberapa barang saja. Contoh: online advertising. 4. Consumer to Business C2B Termasuk kedalam kategori ini adalah perseorangan yang menjual produk atau layanan kepada organisasi, dan perseorangan yang mencari penjual, berinteraksi dengan mereka dan menyepakati suatu transaksi.

II.3.6 Komponen Utama e-commerce

Berikut ini beberapa komponen utama pada e-commerce: 1. Electronic Data Interchange EDI Electronic Data Interchange EDI didefinisikan sebagai pertukaran data komputer antar berbagai bidang organisasi atas suatu informasi terstruktur dalam format yang standar dan bisa diolah oleh komputer. EDI merupakan bentuk e- commerce sesuai definisinya, dan telah ada bentuk yang sama selama lebih dari 20 tahun. Saat ini teknologi dan implementasi EDI sudah sangat berkembang. Tujuan EDI adalah untuk memfasilitasi perdagangan dengan cara mengikat bisnis antar partner dagang, EDI meningkatkan proses manual untuk mempertukarkan informasi dengan bidang bisnis lainnya dalam berbagai cara, misalnya data hanya perlu untuk dimasukkan satu kali saja, kemudian data tersebut bisa digunakan oleh pihak pengirim barang, manager kantor, dan lain- lainnya. Hal ini akan menurangi tenaga entry data. Pada dasarnya, data bisa dikirimkan dengan lebih efisien dengan menggunakan EDI. Komponen utama dari EDI standar adalah sebagai berikut : a. Data Element Merupakan potongan data seperti tanggal, harga atau nama organisasi,. Setiap data element diidentifikasikan dengan nomor referensi tertentu yang berisi judul, keterangan, jenis, nomor, dan panjang minimummaximum. b. Data Segment Dalam suatu baris data disebut dengan segment dan setiap item di dalam segmen mewakili satu elemen. Misalnya segmen baris pesanan pembelian terdiri atas nomor barang, keterangan, jumlah, unit pengukuran, dan harga barang. Setiap segmen memiliki satu identifier, satu data elemet delimiter, element diagrams, data segmen terminator dan notes. c. Transaction Set Suatu transation set merupakan dokumen khusus seperti dokumen pesanan pembelian. Di dalam transaction set, ada 3 area utama yaitu area header, area detail dan area summary. d. Functional Group Merupakan sekelompok transaction set yang sejenis. Transation set di dalam functional group dikelompokkan berdasarkan functional identifier yang sama. Untuk mengirimkan transaksi EDI pada konsumen, diperlukan 4 fungsi dasar yaitu Mapping elemen dalam suatu database, Extraction atas data yang belum diidentifikasi dari database, Transalation atas data yang sudah diekstrak ke format EDI, dan Transmisi pesan dalam format EDI melalui media komunikasi. Berikut ini adalah penjelasan singkat dari masing-masing fungsi tersebut: - Mapping Merupakan proses identifikasi elemen di dalam database yang diperlukan untuk membuat pesan dalam format EDI. Mapping adalah pekerjaan yang hanya satu kali dilakukan pada saat diperlukan transaksi EDI baru. Software EDI tidak bisa melaksanakan pekerjaan ini. - Extraction Merupakan proses pengumpulan data yang belum diidentifikasi dan menempatkannya ke dalam format tertentu. Secara umum, data extract dari database dan dijadikan dalam bentuk flat file. Struktur dari flat file biasanya ditentukan oleh pembuat translation software. - Translation Untuk mengirimkan pesan keluar, ketika data yang diperlukan masih dalam bentuk flat file, pembentukan pesan EDI bisa dilakukan menggunakan software translasi atau formatting. Software translasi akan mengatur data menjadi struktur tertentu yang sesuai dengan kebutuhan transaksi EDI. - Communication Pengirimantransmisi atas pesan EDI dikendalikan oleh software komunikasi, yang akan mengatur dan memelihara: nomor telepon partner dagang, menjalankan automatic dialing dan updownloading, juga membuat activity log. Setiap pesan EDI dibungkus dengan amplop khusus yang bertuliskan alamat tujuan, serta jenis transaksi EDI sebagai header dan error checking codes sebagai tambahan di bawahnya. Untuk keperluan penerimaan pesan EDI, proses tersebut tinggal dibalik. 2. Digital Currency Digital currency dimaksudkan untuk memungkinkan user untuk memindahkan dananya secara elektronik dalam lingkungan kerja tertentu. Saat ini, digital currency dirancang untuk versi elektronik dari uang kertas, dimana memiliki atribut yang sama dengan media fisik sebenarnya baik secara anatomis maupun dari segi likuiditasnya. Karakteristik digital currency adalah sebagai berikut: a. Mewakili suatu nilai moneter tertentu b. Bisa ditukarkan sebagai alat pembayaran untuk barang dan jasa, mata uang dan koin serta token lainnya c. Bias disimpan dan diambil lagi. d. Sulit diduplikasi atau dipalsukan. Jenis-jenis digital currency antara lain: a. Electronic Cash Sistem electronic cash telah terintegrasi sepenuhnya dengan software web browser untuk memudahkan pembelian barang melalui internet. Sistem electronic cash bisa menunjukkan saldo terakhir pada user tertentu sesuai permintaan. Electronic cash pada umumnya memerlukan infrastruktur public key dan mekanisme enkripsi tertentu. Saat ini electronic cash belum sepopuler pengunaan smart card atau model pembayaran lainnya. b. Micropayments Micropayments adalah pembayaran untuk item dengan nilai relative rendah, misalnya informasi atau hiburan on-line yang biayanya bervariasi antara 1 cent sampai 10 cent. Sedangkan Minipayment adalah pembayaran untuk item dengan nilai antara 0,25 sampai 10. Ada beberapa skema yang mampu menangani micropayments yaitu: Milicent, eCash, CyberCoin, Mondex, VisaCash dan NetBill. 3. Electronic Catalogs Electronic Catalogs e-catalogs telah berada pada aplikasi komersil yang dirancang untuk internet dan merupakan komponen utama dari sistem e- commerce. E-catalogs merupakan antar muka grafis Graphical User Interface yang umumnya berbentuk halaman WWW dimana menyediakan informasi tentang penwaran produk dan jasa. E-catalog umumnya mendukung on line shopping dan kemampuan pemesanan dan pembayaran barang. Aplikasi e-catalog sebaiknya memiliki karakteristik seperti bersifat interaktif, mampu diperbaharui secara dinamis, hypertextuality dan global presence. 4. Intranet Dan Extranet Umumnya intranet digambarkan hanya sebagai web server di dalam perusahaan internal, padahal sebenarnya intranet hanyalah kumpulan web site yang dimiliki oleh suatu kelompok biasanya perusahaan yang bisa diakses hanya oleh anggota kelompok tersebut. Sedangkan extranet merupakan area tertentu dari intranet yang bisa diakses oleh kelompok di luar anggota kelompok intranet, tapi dengan otorisasi tertentu. Fitur intranet standar dalam suatu organisasi memiliki 4 kemamapuan dasar yaitu e-mail, on line publishing, on line searches dan application distribution . Sedangkan extranet memperluas fitur ini ke partner bisnis jika dimungkinkan. Keuntungan menggunalkan intranet di dalam suatu organisasi : a. Mempercepat prose bisnis b. Memfasilitasi pertukaran informasi c. Meningkatkan komunikasi dan kolaborasi.

II.3.7 Internet dan e-commerce

Sebenarnya e-commerce tidak harus berlangsung di internet. E-commerce didefinisikan sebagai pelaksanaan bisnis dengan bantuan teknologi informasi dan teknologi komunikasi. Dikenal pula istilah I-commerce, yakni aktifitas komersial yang terkait dengan penggunaan internet. Oleh karena itu e-commerce lebih luas cakupannya, dan mau tidak mau perusahaan pada akhirnya akan memanfaatkan internet dalam bisnisnya. Kehadiran internet yang walaupun masih merupakan dalam fase pertumbuhan dan pengembangan, kemudian masih terus berubah serta penuh ketidakpastian, ternyata telah merubah cara berbisnis, cara belajarmengajar, dan cara hidup. Pernyataan tersebut semakin memperkokoh keyakinan akan pentingnya teknologi dalam pencapaian tujuan finansial perusahaan melalui modifikasi dan efisiensi proses bisnis, yaitu dengan memanfaatkan E-Commerce. Kemampuan internet untuk menjangkau pelanggan baru dan penghematan biaya yang cukup signifikan untuk distribusi dan pelayanan pelanggan merupakan keuntungan yang bisa didapat perusahaan dengan memindahkan roda usahanya ke media internet. Perkembangan teknologi internet yang berubah menjadi strategi atau model bisnis yang cocok hari ini sangat mungkin tidak cocok untuk diterapkan besok. Bahkan suatu kegiatan yang nampaknya tidak akan menghasilkan laba di internet, dapat merupakan kegiatan yang mendatangkan untung. Di dalam lingkungan internet yang kompetitif ini, di samping perencanaan yang baik serta harapan yang masuk akal terhadap teknologi baru, juga diperlukan manajemen yang handal, kesiapan infrastruktur yang cukup memadai, dan tujuan yang pasti untuk bisa berjalan melewati ketidakpastian yang begitu cepat.

II.3.8 Sistem transaksi e-commerce

Untuk saat ini sistem transaksi di e-commerce bisa dibilang sudah lengkap dan terbilang aman untuk melakukan transaksi. Karena dengan adanya keamanan ini pelanggan dapat tertarik untuk melakukan transaksi secara online di Internet. Beberapa model pembayaran online di Internet untuk saat ini yang masih sering digunakan sebagai berikut : 1. Paypal Paypal merupakan salah satu alat pembayaran payment process teraman dan terbanyak digunakan di dunia internet. Saat ini, orang Indonesia sudah dapat memindahkan uang yang berada di account Paypal langsung ke rekeningnya. Pengguna internet dapat membeli barang di ebay, lisensi software original, keanggotaan situs, urusan bisnis, mengirim dan menerima donasi atau sumbangan dan mengirimkan uang ke pengguna Paypal lain di seluruh dunia. Paypal mengatasi kekurangan dalam pengiriman uang tradisional seperti cek atau money order yang prosesnya memakan waktu yang lama. Paypal tidak berbeda dengan rekening bank. Hal ini pertama yang perlu Anda lakukan adalah membuat account tersebut dengan dana dari kartu kredit atau mentransfer dana dari account Paypal orang lain ke balance Paypal Anda. Jika proses ini sudah diselesaikan, maka account Paypal sudah dapat digunakan untuk bertransaksi. Pada bulan Februari 2008 Paypal sudah menerima 190 negara dan 16 mata uang. Pengguna kartu Paypal di Indonesia masih harus menggunakan hitungan US dollar karena rupiah masih belum ada di Paypal. Ebay adalah tempat jual-beli online terbesar di dunia. Anda dapat membeli dan mencari apapun, mulai dari barang elektronik, kendaraan hingga barang-barang langka dari seluruh pengguna ebay di dunia. Cara pembayaran utama di ebay adalah dengan Paypal karena lebih aman dan otomatis, meskipun penjual yang lain juga menerima pembayaran dengan cara lain. 2. Kartu Kredit Kartu kredit dapat digunakan sebagai alat pembayaran dengan terlebih dahulu mendaftarkan diri Anda sebagai konsumen pada web tersebut. Selain kartu kredit sebagai alat pembayaran alternatif, Anda bisa menggunaka e-cash, yaitu sebuah account khusus untuk pembayaran melalui Internet. Account tersebut dibuka dengan kartu kredit yang dimiliki sebelumnya. Konsumen hanya perlu mengisi account e-cash-nya untuk digunakan. 3. Smartcard Di Singapura, smartcard dikenal dengan istilah cash card. Pemakaian smartcard hampir sama dengan pemakaian kartu ATM yang biasa digunakan untuk berbelanja. Pada saat transaksi, uangnya di-debet langsung dari account di bank. Untuk pembayaran di Internet, konsumen harus memiliki smart card reader . Dalam penggunaanya, alat khusus ini disambungkan ke port serial di komputer. Ketika melakukan transaksi, kartu smartcard harus digesekan pada alat tersebut agar chip yang terdapat di kartu tersebut dapat dibaca oleh komputer. Penggunaan sistem pembayaran ini menggunakan software bernama e-wallet. Contoh website yang telah menerima smartcard sebagai alat pembayaran adalah http:www.discvault.com. 4. iCheck iCheck adalah metode pembayaran menggunakan cek. Pembayaran ini membutuhkan nomor cek milik konsumen. 5. E-Gold E-gold dapat diperoleh dengan membuka rekening gratis di www.E-gold.com. E-gold adalah pembayaran virtual yang cukup digemari oleh penjual e-book dan software di internet. Dari segi keamanan, ada robot yang selalu mengganti PIN Anda dan mengirimnya ke e-mail saat Anda membutuhkannya. E-gold dapat dibeli atau dijual pada web-web penyedia jenis pembayaran ini, misalnya www.greatachiever.com.

II.4 Email

Email atau elektronik mail adalah media surat menyurat secara online, email memungkinkan kita untuk berkirim surat melalui internet dengan waktu yang cepat. Dalam perkembangannya, email berkembang dari sekedar teks ke media yang bisa mengirimkan berbagai media seperti file dokumen dan gambar. Email bisa di akses dengan jasa mail service seperti Yahoo dan Google, alamat email biasanya akan memakai tanda , sebagai contoh namakamuyahoo.com atau namakamugoogle.com.

II.5 Facebook

facebook adalah salah satu media social network yang sangat terkenal, dengan facebook kamu dapat berinteraksi dengan berbagai macam orang dari seluruh dunia. Di Facebook kamu dapat menampilkan profile diri kamu, lengkap dengan foto-foto kamu, bersosialisasi dengan orang-orang yang punya hobi sama, menjadi fans artis, berbagi cerita dan kegiatan kamu, atau chatting online dengan user lain.

II.6 Yahoo Messenger

Yahoo Messenger adalah media chat obrolan. Disini kita dapat mengirim pesan ngobrol bersama teman yang sudah meng-accept kita menjadi temannya.

II.7 Internet dan World Wide Web

E-Commerce bergantung pada keberadaan internet sebagai media utama bertransaksi. Tanpa internet, maka perdagangan secara elektronik ini tidak akan pernah terlaksana.

II.7.1 Pengertian Internet

Istilah internet berasal dari bahasa latin, inter, yang berarti ”antara”. Secara kata per kata internet berarti jaringan antara atau penghubung. Memang itulah fungsinya, internet menghubungkan berbagai jaringan yang tidak saling bergantung pada satu sama lain dengan sedemikian rupa, sehingga mereka dapat berkomunikasi. Internet adalah jaringan komputer luas yang menghubungkan pemakai komputer yang satu dengan pemakai komputer yang lainnya dan dapat berhubungan dengan komputer dari satu negara ke negara di seluruh dunia, dimana di dalamnya terdapat berbagai aneka ragam informasi. Secara fisik dianalogikan sebagai jaring laba-laba The Web yang menyelimuti bola dunia dan terdiri dari titik-titik node yang saling berhubungan. Node bisa berupa komputer, jaringan lokal atau peralatan komunikasi, sedangkan garis penghubung antar simpul disebut tulang punggung back-bone yaitu media terestrial kabel, serat optic, microwave, radio link maupun satelit. Node terdiri dari pusat informasi dan database, peralatan komputer dan perangkat interkoneksi jaringan serta peralatan yang dipakai pengguna untuk mencari, menempatkan dan bertukar informasi di internet. Sedangkan bila ditinjau dari segi penulisannya, terdapat dua arti internet yaitu : 1. internet Jaringan internet huruf “i” kecil sebagai huruf awal adalah suatu jaringan komputer yang mana komputer-komputer yang terhubung dapat berkomunikasi walaupun perangkat keras dan perangkat lunaknya berlainan sering juga disebut internet-working . 2. Internet Jaringan Internet huruf “I” besar sebagai huruf awal adalah jaringan dari sekumpulan jaringan networks of networks yang terdiri dari jutaan komputer yang dapat berkomunikasi satu sama lain dengan menggunakan suatu aturan komunikasi jaringan komputer protocol yang sama. Salah satu isi terpenting di internet adalah penerapan standar komputerisasi terbuka open computing standart. Karena internetworking dan Internet mengintegrasikan semua sistem, jenis dan tipe komputer yang ada di dunia, maka harus ada standar yang menjamin komputer dapat saling berbicara satu sama lain dalam bahasa yang sama. Menurut Drew Heywood 1966: standar bahasa komputer universal telah dikembangkan sejak 1969, terdiri dari serangkaian protocol komunikasi disebut Transfer Control Protocol TCP yang bertugas mengendalikan transmisi paket data, koreksi kesalahan dan kompresi data dan Internet Protocol IP yang bertugas sebagai pengenal identifier dan pengantar paket data ke alamat yang dituju. Protokol TCP IP menyatukan bahasa dan kode berbagai komputer di dunia, sehingga menjadi standar utama jaringan komputer. TCP IP berkembang cepat dan kaya fasilitas karena bersifat terbuka dan bebas digunakan, oleh siapa pun. Oleh karena itu, hingga saat ini jaringan-jaringan tersebut saling terhubung di seluruh belahan dunia. Seluruh jaringan yang tersebar di setiap penjuru dunia sudah terkondisikan dengan internet. Lalu lintas data Internet ke seluruh Amerika dan penjuru dunia saat ini disebarkan oleh jaringan pusat yang disebut VBNS Very High Speed Backbone Network Service . Adapun seluruh biaya yang dikeluarkan di biayai oleh badal Ilmu Pengetahuan Nasional Amerika Serikat. Dari jaringa itu, komputer-komputer yang terhubung dengan internet akan berkomunikasi dan saling mengirimkan data sehingga internet dapat dinikmati oleh seluruh umat manusia untuk berkomunikasi melalui komuputer baik di rumah maupun di kantor. Dengan demikian, internet dapat didefinisikan dengan hubungan berbagai jenis komputer dan jaringan di dunia, yang berbeda sistem operasi maupun aplikasinya di mana hubungan tersebut memanfaatkan kemajuan media komunikasi telepon dan satelit yang menggunakan protocol standar dalam berkomunikasi yaitu protocol TCP IP. Internet berfungsi sebagai media komunikasi dan informasi modern.

II.7.2 Pengertian World Wide Web

World Wide Web adalah fasilitas internet yang menghubungkan dokumen dalam lingkup lokal maupun jarak jauh. Kemudian juga merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk dapat digunakan bersama. Dokumen web disebut web page dan link dalam web membuat user bisa pindah dari satu page ke page lain hypertext, baik antar page yang disimpan dalam server yang sama atau server di seluruh dunia. Pages diakses dan dibaca melalui web browser seperti netscape navigator atau internet explorer. World Wide Web sering disingkat WWW atau web saja, yaitu sekelompok dokumen multimedia yang saling terkoneksi dengan menggunakan hypertext link serta ikut dapat diakses oleh perangkat lunak yang disebut browser. Informasi di web pada umumnya ditulis dalam bentuk HTML. Informasi lainnya disajikan dalam bentuk grafis dalam format GIF, JPG, PNG, suara dalam bentuk format AU, WAV, dan objek multimedia lainnya seperti MIDI, Shockwave, Quicktime Movie, 3D World. WWW dijalankan dalam server yang disebut HTTPD.

II.7.3 Universal Resource Locator URL

URL adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di internet. URL menunjukkan sumber daya internet alamat sebuah halaman web homepage yaitu halaman suatu dokumen atau program yang ingin ditampilkan atau digunakan. Nama file ini tidak hanya menunjukan direktori dan nama filenya saja, tetapi juga nama mesinnya dalam jaringan. URL dapat disediakan ada atau diakses dengan berbagai metode dan bisa jadi bukan sekedar file. Karena URL dapat menunjukan queri-queri dokumen dapat disimpan dalam database, hasil dari suatu perintah finger atau achie atau apapun yang berkaitan dengan data hasil proses.

II.7.4 Domain Name Service DNS

DNS digunakan untuk mempermudah penggunaan internet, dengan memetakan IP address ke nama host. Agar data nama host dapat didistribusikan di banyak server, format data yang digunakan harus mencerminkan terdistribusinya data tersebut. Untuk itu, digunakan format tree dengan masing-masing nodenya disebut domain. Penulisan nama host secara lengkap disebut sebagai Full Qualifield Domain Name FQDN. DNS bekerja secara hirarki dan berbentuk seperti pohon tree. Bagian atas adalah Top Level Domain TLD seperti COM, ORG, EDU, MIL dsb. Seperti pohon DNS mempunyai cabang-cabang yang dicari dari pangkal sampai ke ujung. Pada waktu kita mencari alamat misalnya linux.or.id pertama-tama DNS bertanya pada TLD server tentang DNS Server yang melayani domain .id misalnya dijawab ns1.id, setelah itu dia bertanya pada ns1.id tentang DNS Server yang bertanggung jawab atas .or.id misalnya ns.or.id kemudian dia bertanya pada ns.or.id tentang linux.or.id dan dijawab 64.29.24.175 Sedangkan untuk mengubah IP menjadi nama host melibatkan domain in- addr.arpa. Seperti domain lainnya domain in-addr.arpa pun bercabang-cabang. Yang penting diingat adalah alamat IP-nya ditulis dalam urutan terbalik di bawah in-addr.arpa. Misalnya untuk alamat IP 64.29.24.275 prosesnya seperti contoh linux.or.id: cari server untuk arpa, cari server untuk in-addr.arpa, cari server untuk 64.in-addr.arpa, cari server 29.64.in-addr.arpa, cari server untuk 24.29.64.in- addr.arpa. Dan cari informasi untuk 275.24.29.64.in-addr.arpa. Pembalikan urutan angkanya memang bisa membingungkan.

II.7.5 HTTP Hypertext Transfer Protocol

Server dan browser web berkomunikasi satu sama lain dengan protokol yang memang dibuat khusus untuk ini yaitu HTTP. HTTP bertugas menangani permintaan-permintaan request dan browser untuk mengambil dokumen- dokumen web. HTTP bisa dianggap sebagai sistem yang bermodel client-server.

II.8 SDLC Model Sequential Linear

System Development Life Cycle SDLC adalah suatu metodologi yang digunakan untuk mengembangkan, memelihara dan menggunakan perangkat Lunak O’briend, 2001, metodologi penelitian ini mencakup sejumlah fase atau tahapan. Linear Sequential Model model sekuensial linear dapat dilihat pada gambar 2.1, ditemukan pertama kali oleh Royce. Model ini sering disebut model klasik atau waterfall. Model ini menyarankan pendekatan pengembangan secara sekuen dan sistematik untuk pengembangan perangkat lunak. Model ini merupakan model tertua. Model ini terdiri atas beberapa tahapan, yaitu rekayasa, dan pemodelan sistem informasi, analisis kebutuhan perangkat lunak, desain, generasi kode, pengujian dan pemeliharaan. Analisis Tes Kode Desain Pemodelan sistem informasi Gambar II.4 - Model Sequensial Linear Berikut metode pengembangan perangkat lunak lainnya : 1. Prototyping Model model paradigma dimulai dengan pengumpulan kebutuhan, pengembangan dan pelanggan bertemu dan mendefinisikan objek keseluruhan dari perangkat lunak, mengidentifikasi segala kebutuhan yang diketahui dan area garis besar dimana definisi lebih jauh merupakan keharusan, kemudian dilakukan perancangan kilat. Perancangan kilat membawa kepada konstruksi sebuah prototipe yang kemudian dievaluasi oleh pemakai. Dipakai untuk menyaring kebutuhan pengembangan perangkat lunak. Siklus dari model prototipe dapat dilihat pada gambar dibawah ini : Mendengarkan pelanggan Membangun, mempernbaiki market Uji pemakai Mengendalikan market Gambar II.5 - Model Prototipe 2. Rapid Application Development RAD, adalah sebuah model proses pengembangan perangkat lunak sekuensial linear yang menekankan siklus pengembangan yang sangat pendek. Model RAD merupakan adaptasi “berkecepatan tinggi” dari linear sequential model pengembangan yang cepat dapat diperoleh dengan menggunakan pendekatan konstruksi berbasis komponen. Lihat gambar berikut : Pemodelan bisnis Pemodelan data Pemodelan proses Pemodelan aplikasi Pengujian dan turnover Gambar II.6 - Model Rapid Application Development RAD 3. Evolutionary Software Process Model adalah perulangan. Model ini dicirikan denga pengembang versi-versi sistem yang lebih lengkap sedikit demi sedikit . Model telah mempertimbangkan untuk mengkoordinasikan evaluasi produk, secara lengkap model ini terdiri dari : a. Incremental model, model ini mengkombinasikan antara linear sequential model dengan filosofi iteratif pada prototyping. Pada masing-masing sekuen linear, yang menghasilkan perangkat lunak yang semakin meningkat kompleksitasnya. b. Sipral model, model ini digunakan oleh Boehm. Model ini menggabungkan antar sifat alami iterasi dati prototyping dengan aspek sistematik dan terkendali dari linear sequential model. Model ini memberi peluang untuk pengembangan cepat.

II.9 Teori Basis Data

II.9.1 Definisi basis data

Basis data terdiri dari 2 kata, yaitu basis dan data, basis dapat diartikan sebagai maskas atau gudang tempat bersarang atau berkumpul. Sedangkan data adalah representasi fakta dunia nyata yang mewakili suatu objek seperti manusia pegawai, siswa, pembeli dan lain-lain, barang hewan, peristiwa, konsep keadaan dan sebagainya yang direkam dalam bentuk angka, huruf, simbol, teks, gambar, bunyi, atau kombinasinya. Basis data sendiri dapat didefinisikan dalam sejumlah sudut pandang, seperti : 1. Himpunan kelompok data arsip yang saling berhubungan yang diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah. 2. Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan redudance yang tidak perlu untuk memenuhi berbagai kebutuhan. 3. Kumpulan file, tabel, atau arsip yang saling berhubungan yang akan disimpan dalam media penyimpanan elektronis. Basis data dalam lemari arsip sesungguhnya memiliki prinsip kerja dan tujuan yang sama. Prinsip utamanya adalah pengeluaran data dan tujuan utamanya adalah kemudahan dan kecepatan dalam pengembalian data. Perbedaannya hanya terletak pada media penyimpanan yang digunakan. Maka basis data menggunakan media penyimpanan elektronik seperti disk disket atau hardisk. Hal ini karena lemari arsip langsung dikelola oleh manusia sementara basis data dikelola melalui perantara alat atau mesin pintar elektronis yang kita kenal komputer. Satu hal yang harus diperhatikan, bahwa basis data bukan hanya sekedar tidak menyimpan data secara elektronis dengan bantuan komputer, artinya tidak semua bentuk penyimpanan data secara elektronis bisa disebut basis data. Kita dapat menyimpan dokumen berisi data dalam file teks dengan program pengolah data, file spread sheet dan lain-lain. Tetapi tidak bisa disebut basis data karena didalamnya tidak ada pemilahan dan pengelompokan data sesuai jenis dan fungsi data. Yang sangat ditonjolkan basis data adalah pengaturan, pengelompokan, pengorganisasian data yang akan kita simpan sesuai dengan fungsinya.

II.9.2 Operasi dasar basis data

Didalam sebuah disk, basis data dapat diciptakan dan dapat pula ditiadakan. Sementara dalam sebuah basis data, kita dapat menempatkan satu atau lebih file ataupun table. Setiap basis data pada umumnya dibuat untuk mewakili sebuah basis data sebuah semesta data yang spesifik. Operasi-operasi yang dapat kita lakukan berkenaan dengan basis data dapat meliputi : 1. Pembuatan basis data baru create database, yang identik dengan pembuatan lemari arsip yang baru. 2. Penghapusan basis data drop database, yang identik dengan perusakan lemari arsip sekaligus dengan isinya, jika ada. 3. Pembuatan file atau tabel dari suatu basis data create table, yang identik dengan penambahan map arsip baru ke sebuah lemari arsip yang telah ada. 4. Penghapusan file atau tabel dari suatu basis data drop table, yang identik dengan perusakan map arsip lama yang ada di sebuah lemari arsip. 5. Penambahan atau pengisian data baru kesebuah file atau tabel disebuah basis data insert yang identik dengan penambahan lembaran arsip kesebuah map arsip. 6. Pengambilan data dari sebuah file atau tabel retrieve atau search, yang identik dengan pencarian lembaran arsip yang ada disebuah map arsip. 7. Pengubahan data dari sebuah file atau tabel update.

II.9.3 Database Management System DBMS

Berikut ini akan dikemukakan definisi dari Database Management System DBMS : “Manajemen Sistem Basis Data Database Management System DBMS adalah perangkat lunak yang didesain untuk membantu dalam hal pemeliharaan dan utilitas kumpulan data dalam jumlah besar”. ”DBMS diartikan sebagai suatu program komputer yang digunakan untuk memasukkan, mengubah, mengapus, memanipulasi dan memperoleh datainformasi dengan praktis dan efisien”. DBMS dapat menjadi alternatif penggunaan secara khusus untuk aplikasi, semisal penyimpanan data dalam file dan menulis kode aplikasi yang spesifik untuk pengaturannya. Penggunaan DBMS untuk suatu aplikasi tergantung pada kemampuan dan dukungan DBMS yang beroperasi secara efisien. Sehingga agar bisa menggunakan DBMS dengan baik, perlu diketahui cara kerja dari DBMS tersebut. Pendekatan yang dilakukan untuk menggunakan DBMS secara baik meliputi : implementasi DBMS dan arsitektur secara mendetail untuk dapat memahami desain dari suatu basis data

II.10 Pemodelan Data

Pemodelan sistem memainkan peranan yang penting dalam pengembangan sistem. Pemodelan data kadang-kadang disebut pemodelan database karena model data kadang-kadang diimplementasikan sebagai sebuah database. Pemodelan data dapat digambarkan dengan ERD Entity Relationship Diagram.

II.10.1 Entity Relationship Diagram ERD

Entity Relationship Diagram adalah suatu model atau teknik pendekatan yang dapat menyatakan atau menggambarkan hubungan entity didalam sebuah sistem, dimana hubungan tersebut dinyatakan sebagai one-to-one, one-to-many dan many-to-many. Entity relationship bertujuan untuk menentukan objek-objek data Entity dan relationship hubungan yang ada pada objek-objek tersebut. Komponen Entity Relationship Diagram : 1. Entity Entity adalah suatu yang dapat dibedakan atau diidentifikasikan secara unik, objek disini sifatnya berupa orang, tempat, peristiwa atau konsep yang informasinnya direkam. 2. Atribut Atribut adalah kumpulan dari beberapa elemen data yang membentuk suatu entity. Atribut merupakan ciri sebutan atau karakteristik yang dapat mewakili suatu simbol yang digunakan untuk menggambarkan atribut pada entity relationship diagram. 3. Relationship Relationship adalah relasi atau hubungan yang terjadi diantara beberapa entity . Simbol yang digambarakan untuk menggambarkan relationship pada teknik entity relationship diagram adalah berupa belah ketupat. Setiap relationship mempunyai derajat relationship, yaitu tingkat atau hubungan yang terdiri dari tiga derajat, yaitu : a. Unary derajat 1 Suatu relationship yang dihubungkan dengan suatu entity set, dimana penghubungnya ada dua. b. Binary derajat 2 Relationship derajat dua adalah relationship yang biasa terjadi yaitu dua entity set dihubungkan dengan satu entity relationship. c. Ternary derajat 3 Relationship derajat tiga. Relationship diagram juga mempunyai Cardinalitas yaitu batasan pada jumlah entity yang terdiri dari: 1. Relasi satu ke satu one-to-one Adalah suatu relasi yang terjadi dengan batasan relasi yang berupa satu berbanding satu. 2. Relasi satu ke banyak one-to-many Adalah suatu relasi yang terjadi dengan batasan relasi yang berupa banyak berbanding banyak atau banyak berbanding satu. 3. Relasi Banyak ke Banyak many-to-many Adalah suatu relasi yang terjadi dengan batasan relasi yang berupa banyak berbanding banyak.

II.11 Analisis Sistem

Penggambaran dan analisis model sistem yang digunakan untuk menggambarkan pembangunan perangkat lunak adalah analisis terstruktur. Analisis terstruktur adalah aktivitas pembangunan model dengan menggunakan notasi yang sesuai dengan prinsip analisis operasional. Analisis terstruktur bukan merupakan metode tunggal yang diaplikasikan secara konsisten oleh semua yang menggunakannya. Pada model ini analisis terhadap perangkat lunak dapat digambarkan dalam bentuk Flow Map, Diagram konteks, Data Flow Diagram DFD dan Kamus Data.

II.11.1 Flowmap

Flowmap adalah representasi grafik dari sistem informasi, proses-proses, aliran-aliran data logis, masukan, keluaran, dan file-file serta entitas-entitas sistem operasi yang berhubungan dengan sistem informasi.

II.11.2 Diagram konteks

Diagram Konteks adalah bagian dari DFD yang berfungsi memetakan model model lingkungan, yang dipresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Diagram ini adalah diagram level tertinggi dari DFD. Diagram konteks menyoroti sejumlah karateristik penting sistem, yaitu : 1. Kelompok Pemakai, organisasi atau sistem lain dimana sistem melakukan komunikasi sebagai terminator. 2. Data Masuk, yaitu data yang diterima sistem dari lingkungan dan harus diproses dengan cara tertentu. 3. Data Keluar, yaitu data yang dihasilkan sistem dan diberikan kedunia luar. 4. Penyimpanan Data storage, yaitu digunakan secara bersama antara sistem dengan terminator. Data ini dapat dibuat oleh sistem dan digunakan oleh lingkungan atau sebaliknya dibuat oleh lingkungan dan digunakan oleh sistem. Hal ini berarti pembuatan simbol data storage dalam diagram konteks dibenarkan, dengan syarat simbol tersebut merupakan bagian dari luar sistem. 5. Batasan, yaitu batasan antara sistem dan lingkungan.

II.11.3 Data Flow Diagram DFD

DFD atau singkatan dari Data Flow Diagram merupakan representasi grafik dari suatu sistem yang menunjukan proses atau fungsi, aliran data, tempat penyimpan data dan entitas eksternal. DFD juga digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan. Dengan menggunakan DFD, rancangan yang akan kita buat akan lebih terarah dan lebih rinci. Sehingga kita tidak akan mengalami kesulitan dalam melakukan perancangan. Data flow diagram memiliki empat komponen, antara lain akan dijelaskan dibawah ini : 1. Terminator external exitity Terminator mewakili entity external yang berkomunikasi dengan sistem yang sedang dikembangkan. Terminator merupakan kesatuan dilingkungan sistem. Biasanya terminator ini dikenal dengan nama entitas external sumber atau tujuan source dan sink. Terminator dapat juga berupa departemen, divisi atau sistem diluar sistem yang berkomunikasi dengan sistem yang dikembangkan. 2. Proses Proses sering dikenal dengan nama Bubble, fungsi atau informasi. Komponen proses menggambarkan bagian dari sistem yang mentransformasikan input ke output , atau dapat dikatakan bahwa komponen proses menggambarkan transformasi satu input atau lebih menjadi output. Setiap proses harus diberikan penjelasan yang lengkap sebagai berikut : a. Identifikasi Proses Umumnya berupa angka yang menunjukan nomor dari proses atau ditulis pada bagian atas simbol proses. b. Nama Proses Menunjukkan apa yang dikerjakan oleh proses tersebut. Nama proses harus jelas dan lengkap menggambarkan bagian prosesnya nama proses diletakan dibawah identifikasi proses. 3. Penyimpanan data data store Data store digunakan sebagai sarana untuk mengumpulkan data. Data store disimbolkan dengan dua garis horizontal yang paralel dimana tertutup pada salah satu ujungnya atau dua garis horizontal saja. Data store ini biasanya berkaitan dengan penyimpanan-pemyimpanan seperti file atau database yang berkaitan dengan penyimpanan secara komputerisasi, contohnya file pita magnetic, file disket atau file harddisk. Data store juga berkaitan dengan pemyimpanan data. 4. Alur Data Data Flow Suatu data flow atau alur data dapat dipresentasikan dengan anak panah yang menunjukan arah menuju ke dan keluar dari suatu proses. Alur data ini digunakan untuk menerangkan perpindahan data atau satu paket data atau informasi dari suatu bagian sistem ke bagian lainnya. Selain menunjukan arah, alur data pada model yang dibuat dapat merepresentasikan bit, karakter, pesan, formulir, bilangan real dan macam-macam informasi yang berkaitan dengan komputer.

II.11.4 Kamus data

Kamus data adalah suatu daftar data elemen yang terorganisir dengan definisi yang tetap dan sesuai dengan sistem, sehingga user dan analis sistem mempunyai pengertian yang sama tentang input, output, dan komponen data store . Kamus data dibuat berdasarkan arus data yang terdapat pada DFD. Arus data dalam DFD bersifat global sehingga hanya dapat ditunjukkan nama arus datanya saja dan keterangan lebih lanjut mengenai struktur arus data dapat dilihat dari kamus data.

II.12 Normalisasi

Normalisasi adalah suatu teknik dalam menstruktur data dalam cara-cara tertentu untuk mengurangai atau mencegah timbulnya masalah yang berhubungan dengan pengolahan data dalam database. Normalisasi juga diartikan sebagai proses pengelompokan data elemen menjadi tabel-tabel yang menunjukan entitas dan relasinya. Konsep-konsep pada normalisasi, antara lain : 1. Kunci atribut Key field atau Key attribut yautu suatu kunci field yang mewakili record atau tupple 2. Kunci kandidat Candidate key yaitu suatu atribut atau satu set atribut yang mengidentifikasi secara unik suatu entity. 3. Kunci primer Primary key yaitu satu atribut atau satu set atribut yang yang mengidentifikasi secara unik dan mewakili setiap kejadian pada satu entity. 4. Kunci alternatif Alternate key yaitu kunci kandidat yang dipakai sebagai kunci primer. 5. Kunci tamu Foreign key yaitu suatu atribut atau satu set atribut dan melengkapi hubungan yang menunjukan ke induknya. Bentuk-bentuk normalisasi yaitu : 1. Normal satu 1NF atau First Normal Form Relasi berada pada normal kesatu jika semua atribut mempunyai nilai yang bersifat atomic. 2. Normal kedua 2NF atau Second Normal Form Relasi berada pada normal kedua jika relasi tersebut merupakan normal satu dan atribut bukan merupakan kunci tergantung penuh pada kunci primer. 3. Normal ketiga 3NF atau Three Normal Form Relasi berada pada normal ketiga jika relasi tersebut merupakan normal kedua dan atribut bukan kunci tidak tergantung secara transitif pada kunci primer. 4. BCNF Boyce Cood Normal Form Relasi berada pada BCNF jika dan hanya jika faktor penentunya adalah kunci kandidat dan relasi tersebut merupakan normal ketiga.

II.13 Hypertext Markup Language HTML

HTML adalah bahasa yang digunakan untuk menulis halaman web yang terdiri atas kode-kode tags yang diikutkan pada naskah atau dokumen. Dokumen HTML adalah file teks regular disebut juga ASCII yang diciptakan dengan menggunakan editor teks misalnya, Emacs dalam Unix, Gnotepad pada Linux, atau Notepad pada Windows atau dengan menggunakan word processor, tetapi harus disimpan dengan format “text only with line breaks”. Sesuai dengan namanya, bahasa ini menggunakan tanda MarkUp untuk menandai perintah-perintahnya. Saat ini banyak sekali aplikasi-aplikasi yang dapat digunakan untuk membuat web page, seperti Microsof Frontpage, Adobe GoLive, Macromedia Dreamweaver, Ultradev dan lain-lainnya. Namun untuk seorang web develover kemampuan dasar perintah HTML tetap dibutuhkan. Homepage dibangun oleh sebuah file yang didalamnya terdapat kode-kode dan informasi dan dibaca oleh sebuah aplikasi yang bernama browser. Oleh browser, kode dan informasi akan disajikan sebagai sebuah halaman web yang kita kenal sebagai homepage. Kode tersebut haruslah ditulis menurut suatu aturan tertentu yang dapat dimengerti browser . Aturan tersebut dikenal dengan “bahasa pengkodean”. Untuk membuat homepage website, bahasa pengkodean yang digunakan adalah HTML. Sekalipun banyak orang menyebutnya sebagai salah satau bahasa pemrograman, HTML sebenarnya sama sekali bukan bahasa pemrograman karena HTML merupakan bahasa MarkUp pengkodean yang digunakan untuk menentukan format atau style dan teks yang ditandai. Simbol MarkUp yang digunakan oleh HTML ditandai dengan tanda lebih kecil dan lebih besar , keduanya dinamai tag. Sebagai contoh akan ditampilkan teks yang tercetak tebal, maka MarkUp yang digunakan adalah sebagai berikut: B Teks ini bercetak tebal B Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang terlihat jelas adalah ekstensi filenya yaitu .htm atau .html. Namun lebih jauh dari pada itu di dalam file tersebut harus mengandung struktur sebagai berikut: HTML ………………………. ………………………. HTML Tag HTML harus diletakan pada bagian awal dan tag HTML harus diletakan pada bagian terakhir dari suatu file HTML. Tag-tag HTML tidak bersifat case sensitive artinya penggunaan huruf besar maupun huruf kecil tidak menjadi masalah. Jadi tag HTML akan sama dengan tag html.

II.14 Hypertext Preprocessor PHP

PHP Personal Home Page Tools adalah sebuah bahasa scripting yang dibundel dengan HTML yang berjalan disisi server dan berlisensi open source. Sebagian besar perintahnya berasal dari bahasa C, Java dan Perl dengan beberapa tambahan fungsi khusus PHP. Bahasa ini memungkinkan para pembuat aplikasi web yang menyajikan HTML yang dinamis dan interaktif dengan cepat dan mudah, yang di hasilkan server. PHP biasa berinteraksi dengan hampir semua teknologi web yang sudah ada. Developer biasa menulis sebuah program PHP yang mengeksekusi suatu program CGI di server lain. Fleksibilitas ini amat bermanfaat bagi pemilik situs- situs web yang besar dan sibuk, karena pemilik masih menggunakan aplikasi- aplikasi yang sudah terlanjur dibuat dimasa lalu dengan menggunakan CGI, ISAP atau dengan script seperti Perl, awk atau Phyton selama proses migrasi ke aplikasi baru yang di buat dengan menggunakan PHP. Kode program PHP menyatu dengan tag-tag HTML dalam satu file. Kode PHP diawali dengan tag ? Dan ditutup dengan tag ?. File yang berisi tag HTML dan kode PHP ini diberi ekstensi .php atau ekstensi lainnya yang ditetapkan pada Apacheweb server . Berdasarkan ektensi ini, pada saat file diakses, server akan tahu bahwa file ini mengandung kode PHP. Server akan menerjemahkan kode ini dan menghasilkan output dalam bentuk tag HTML yang akan dikirim ke browser client yang mengakses file tersebut. Contohnya dapat dituliskan seperti ini : ? echo “html head titlePemrograman PHPtitle head body centerSelamat menggunakan PHPcenter body html”; ? Dengan PHP, developer tidak perlu lagi berurusan dengan dua buah file yang terpisah seperti pada CGI. Browser web mengacu secara langsung ke file yang dituju, yang lalu dibaca oleh server sebagaimana file HTML statis biasa. Bedanya, sebelum dikirim balik ke browser web, server web memeriksa isi file dan menentukan apakah ada kode didalam file tersebut yang harus dieksekusi. Bila ada, kode-kode tersebut akan dieksekusi. Hasilnya akan dimasukkan kedalam dokumen yang sama. Server web bekerja secara langsung terhadap file yang bersangkutan tidak memanggil script terpisah seperti pada metode CGI. Seluruh kode di eksekusi di server oleh karena itu disebut server-side script. Lihat gambar dibawah ini untuk melihat kerja dari PHP dan Apache. Gambar II.7 - Prinsip Kerja PHP dan Apache PHP membuat proses pengembangan aplikasi menjadi mudah karena kelebihan-kelebihannya, yaitu : 1. Script kode program terintegrasi dengan file HTML, sehingga developer biasa berkonsentrasi langsung pada penampilan webnya. 2. Tidak ada proses compiling dan linking. 3. Berorientasi objek object Oriented. 4. Sintaksis pemrogramannya mudah dipelajari, sangat menyerupai C dan Perl. 5. Integrasi yang sangat luas ke berbagai server database. Menulis web yang terhubung ke database menjadi sangat sederhana. Database yang didukung oleh PHP : Oralce, Sybase, mSQL, MySQL, Solid, ODBC, PostgreSQL, Adabas D, FilePRo, Velocis, Informic, dBase, UNIX dbm.

II.15 Cascading Style Sheets CSS

Cascading Style Sheets CSS adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup . Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium W3C. CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen yang ditulis dengan HTML atau bahasa markup lainnya dengan presentasi dokumen yang ditulis dengan CSS. Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi. CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara sewaktu dibacakan oleh browser basis-suara atau pembaca layar, dan juga alat pembaca braille. Cara pemakaian CSS ada dua cara, yang pertama adalah dengan menggabungkan CSS langsung dalam satu file markup internal. Sedangkan cara yang kedua yaitu dengan cara memanggil CSS tersebut eksternal.

II.16 JavaScript

JavaScript adalah bahasa script yang digunakan pada halaman HTML. JavaScript adalah bahasa pemrograman berbasis prototype yang berjalan di sisi client . Kalau dilihat dari suku katanya terdiri dari suku kata, yaitu Java dan Script. Java adalah bahasa pemrograman berorientasi objek, dan Script adalah serangkaian instruksi program. JavaScript mempunyai keunggulan pada sisi client , maupun diakses lebih cepat dari script server. Tetapi kelemahannya pada script ini belum tentu mampu diproses oleh browser client tergantung kompetibilitas browser tersebut. Cara untuk menjalankan javascript hanya dengan javascript-enabled yaitu browser yang mampu menjalankan javaScript seperti Netscape Navigator versi 2.0 keatas atau internet ekplorer MSIE-versi 3.0 ke atas. Beberapa hal mengenai JavaScript : 1 JavaScript didesain untuk menambah interaktif suatu web. 2 JavaScript merupakan sebuah bahasa scripting dengan bahasa pemrograman yang ringan. 3 JavaScript biasanya disisipkan embedded dalam halaman HTML. 4 JavaScript adalah bahasa interpreter yang berarti skrip dieksekusi tanpa proses kompilasi. 5 JavaScript bersifat case sensitive, yang artinya membedakan huruf kecil dan besar. Ada beberapa cara untuk menuliskan JavaScript yaitu : a Script pada bagian head Skrip ini dieksekusi ketika dipanggil biasanya berbentuk function atau dipanggil berdasarkan event tertentu. Peletakan script di head akan menjamin script di-load terlebih dahulu sebelum digunakan. html head script type=”textjavascript” Function message { Alert “Alert ini dipanggil saat even dijalankan”; } script head html b Script pada Body Skrip akan dieksekusi ketika halaman di-load sampai dibagian body dan ketika ditempatkan berarti antara isi dan javacript dijadikan satu bagian. html head head body script type=”textjavascript” Document.write“Pesan ini akan tampil”; script body html c External JavaScript Untuk memudahkan menulis script yang berulang-ulang di setiap halaman maka JavaScript dapat ditulis di file secara ekternal. Jadi, antara HTML dan JavaScript dipisah, kemudian file tersebut dipanggil dari dokumen HTML. File JavaScript tersebut disimpan dengan ektensi .js. html head head body script src=”xxx.js” script body html

II.17 Macromedia Dreamwaver 8

Macromedia Dreamweaver 8 adalah sebuah editor HTML professional untuk perancangan design, pengkodean coding, dan pengembangan situs web, halaman web dan aplikasi web. Bekerja pada lingkungan visual editing, Dreamweaver menyediakan suatu tool yang sangat membantu untuk pembuatan web . Fitur-fitur visual editing di dalam Dreamweaver mengijinkan pembuatan halaman web dengan cepat tanpa menulis baris kode. Dreamweaver membantu dalam membangun aplikasi web database dinamis dengan menggunakan bahasa server seperti ASP, ASP.NET, ColdFusion Markup Language CFML, JSP, dan PHP.

II.18 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL, dan salah satu jenis software DBMS yang bersifat open source. MySQL merupakan multi user database yang menggunakan bahasa Strured Query Language SQL. SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukkan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Dengan memiliki banyak feature, MySQL bisa bersaing dengan database komsersial sekalipun. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan dengan Interbase. MySQL termasuk RDBMS Relational Database Management System itulah sebabnya istilah seperti tabel, baris dan kolom digunakan pada MySQL. Pada MySQL sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri dari sejumlah baris dan setiap baris mengandung satu atau beberapa kolom. MySQL mampu menangani data yang berkapasitas cukup besar. Penyebab utama MySQL begitu popular di kalangan web adalah karena MySQL memang cocok bekerja di lingkungan tersebut. Pertama, MySQL tersedia di berbagai platform Windows, Linux, dan berbagai varian Unix. Kedua, fitur-fitur yang dimiliki MySQL memang yang biasanya banyak dibutuhkan dalam aplikasi web. Ketiga, MySQL memiliki overhead koneksi yang rendah. 76

Bab III ANALISIS DAN PERANCANGAN

III.1 Analisis Sistem Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan permasalahan-permasalahan, hambatan-hambatan, kesempatan-kesempatan dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya. III.1.1 Analisis masalah Dari hasil analisis terhadap sistem yang sedang berjalan, proses penjualan produk yang dilakukan oleh Toko T he Baiya’s Surabaya masih secara konvensional artinya pembeli harus mendatangi toko yang dituju untuk membeli barang yang di inginkan. Selain itu kurangnya media promosi terhadap produk- produk Toko The Baiya’s Surabaya, sehingga informasi mengenai produk terbaru kepada pelanggan menjadi lambat. Begitu juga dalam proses pencatatan, penyimpanan dan penyajian dalam pengolahan data barang masih secara manual. III.1.2 Analisis prosedur yang sedang berjalan Berdasakan hasil wawancara dengan pihak Toko The Baiya’s Surabaya, prosedur penjualan produk yang sedang berjalan di Toko The Baiya’s Surabaya adalah sebagai berikut : 77 III.1.2.1 Flowmap prosedur pengadaan barang 1. Bagian penjualan mengecek data stok barang yang tersedia dan melakukan estimasi apakah barang tersebut perlu untuk dipesan atau dibeli. 2. Jika barang tersebut habis dan dibutuhkan pembelian selanjutnya, bagian penjualan akan membuat daftar permintaan pengadaan barang. 3. Daftar permintaan pengadaan barang akan diberikan kepada bagian penyediaan. 4. Bagian penyediaan akan menyediakan barang yang diminta berdasarkan daftar permintaan pengadaan barang, dan membuat laporan daftar barang yang telah disediakan. 5. Setelah melalui proses penyediaan, barang yang dihasilkan akan dicek kualitasnya, jika sesuai dengan harapan, maka akan dilakukan proses pelabelan dan penggudangan, kemudian bagian penyediaan akan mengupdte data stok barang dan membuat daftar stok barang baru. 6. Daftar stok barang yang baru diarsipkan sebagai arsip stok data barang, yang kemudian juga diberikan ke bagian penjualan sebagai referensi. 78 Bagian Penjualan Bagian Penyediaan Daftar stok barang Daftar permintaan pengadaan barang Penyediaan barang Daftar barang yang sudan disediakan A1 Pengecekan dan estimasi stok barang Butuh dipesan atau dibeli? Pembuatan daftar permintaan pengadaan barang Daftar permintaan pengadaan barang Ya Tidak Pengecekan kualitas Sesuai Daftar barang penyediaan kualitas baik Penggudangan, pelabelan barang dan pencatatan stok barang Stok barang 1 Daftar stok barang 2 Ya Daftar stok barang Tidak A1 Gambar III.1 - Prosedur Penyediaan Barang Keterangan : A1 : Arsip Stok Barang 79 III.1.2.2 Flowmap prosedur penjualan langsung 1. Pelanggan memilih produk yang akan dibeli 2. Pelanggan memberikan produk yang akan dibeli tersebut kepada pihak penjualkasir untuk melakukan pembayaran. 3. Kasir menghitung total harga produk yang dibeli oleh oleh pelanggan. 4. Pelanggan memberikan sejumlah uang ke kasir sesuai dengan total harga dari produk yang dibelinya. 5. Penjual membuat kwitansi bukti transaksi pembayaran. 6. Kasir memberikan nota pembayaran kepada pelanggan, dan juga disimpan di bagian penjualan sebagai referensi. 80 Pelanggan Kasir Produk yang dibeli Produk yang dibeli Menghitung total harga Total harga Info total harga Membuat bukti transaksi Nota pembelian 1 Nota pembelian 2 Nota pembelian 1 Uang pembayaran Uang pembayaran A1 Gambar III.2 - Prosedur Penjualan Langsung Keterangan : A1 : Arsip Nota Pembayaran 81 III.1.3 Evaluasi Sistem yang Sedang Berjalan Berdasakan pada analisis dan hasil wawancara terhadap apa yang dibutuhkan dalam membangun aplikasi e-commerce ini maka dapat dievaluasi hal-hal seperti pada tabel berikut : Tabel III.1 - Evaluasi Sistem Yang Sedang Berjalan o Permasalahan Bagianpihak Proses transaksi yang dilakukan mengharuskan konsumen datang ke tempat tujuan untuk mendapatkan produk yang diinginkan. Konsumen Proses pembayaran yang dilakukan mengharuskan konsumen datang ke tempat tujuan untuk melakukan pembayaran. Konsumen Tidak adanya media promosi bagi Toko The Baiya’s Surabaya. Perusahaan Dengan sistem yang berjalan sekarang, pemberian informasi kepada komsumen dirasakan kurang efektif sehingga konsumen belum tentu mendapatkan informasi secara lengkap. Konsumen Selama ini pengarsipan dilakukan dengan menggunakan kertas sehingga seringkali terjadi kehilangan. Perusahaan III.1.4 Solusi yang ditawarkan Untuk mengurangi permasalahan-permasalahan yang ada di Toko The Baiya’s Surabaya, maka penulis memberikan solusi dengan membangun sebuah sistem berupa website penjualan online. Dengan sistem tersebut diharapkan 82 masalah pengolahan barang yang manual, penjualan yang bersifat konvensional dan masalah promosi produk dapat teratasi. Sehingga pihak Toko The Baiya’s Surabaya dapat memperluas jangkauan promosi dan penjualan, selain itu memberikan kemudahan kepada pelanggan untuk pembelian barang dengan melakukan pemesanan barang secara online. III.1.5 Analisis kebutuhan non fungsional Pada tahap analisis non fungsional akan menjelaskan mengenai analisis kebutuhan user, analisis perangkat keras dan analisis perangkat lunak yang dipakai. III.1.5.1 Analisis pengguna Analisis pengguna atau user dilakukan untuk mengetahui siapa saja yang akan menggunakan sistem penjualan online. Pengguna atau user yang menggunakan sistem penjualan online terbagi menjadi dua jenis yaitu admin dan member . Admin bertugas dalam mengelola semua data yang ada pada website penjualan online mulai dari input data, update data, dan delete data. Sedangkan member hanya dapat melakukan pemesanan barang secara online. Tabel III.2 - Karakteristik Pengguna Pengguna Hak akses Tingkat keterampilan Admin Melakukan pengolahan data master Menguasai komputer, pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan 83 tentang internet. Member Pemesanan produk Mampu mengoprasikan komputer dan dapat melakukan browsing di internet. Pengunjung Melihat produk apa saja yang tersedia di Toko The Baiya’s Surabaya Mampu mengoperasikan komputer dan dapat melakukan browsing di internet. III.1.5.2 Analisis kebutuhan perangkat keras Analisis perangkat keras dimaksudkan untuk mengetahui spesifikasi perangkat keras yang sedang digunakan di Toko The Baiya’s Surabaya. Namun pada saat ini Toko The Baiya’s Surabaya dalam melakukan semua kegiatan transaksinya masih bersifat manual tidak memanfaatkan teknologi komputer sama sekali. Berdasarkan analisis perangkat keras yang sudah dilakukan di Toko The Baiya’s Surabaya, diperlukan adanya pemanfaatan teknologi komputer agar semua bentuk transaksi bisa lebih terorganisir dengan baik. Dan tentu saja Toko The Baiya’s Surabaya memerlukan akses internet agar transaksi dapat berjalan maksimal serta memudahkan dalam pengolahan database dan printer standar untuk mencetak laporan persediaan produk dan penjualan produk. Perangkat keras yang di rekomendasikan untuk aplikasi ini adalah sebagai berikut : Tabel III.3 - Spesifikasi Perangkat Keras Minimal Yang Dibutuhkan Spesifikasi Client Server 84 Perangkat keras 1. Processor 2. Hard Disk 3. RAM 4. VGA Card 5. Monitor 6. Keyboard 7. Mouse 1 GHz 80 GB 512 Mb 128 Mb 1024x768 Terpasang Terpasang 2,7 GHz 120 GB 512 Mb 512 Mb 1024x768 Terpasang Terpasang Tabel III.4 - Spesifikasi Perangkat Keras Yang Ada Di Toko The Baiya’s Surabaya Spesifikasi Perangkat keras Client The Baiya’s Ket Processor Hard Disk RAM VGA Card Monitor Keyboard Mouse 1 GHz 80 GB 512 Mb 128 Mb 1024x768 Terpasang Terpasang 1,9 GHz 120 GB 512 Mb 512 Mb 1024x768 Terpasang Terpasang Terpenuhi Terpenuhi Terpenuhi Terpenuhi Terpenuhi Terpenuhi Terpenuhi III.1.5.3 Analisis kebutuhan perangkat lunak Perangkat lunak yang digunakan untuk membangun aplikasi ecommerce adalah sebagai berikut : 1. Sistem Operasi Windows 7 Ultimate. 2. PHP sebagai bahasa pemrograman yang akan digunakan.

3. XAMPP sebagai Web Server.

85 4. MySQL sebagai media penyimpanan basis data. Adapun spesifikasi kebutuhan perangkat lunak pada client untuk dapat menjalankan aplikasi ini adalah sebagai berikut : 1. Browser : Mozilla Firefox versi 3.0.1 keatas, Google Chrome, Safari versi 4 2. Sistem Operasi : Windows SP2, Windows Vista, Windows 7 Minimum spesifikasi kebutuhan perangkat lunak pada server adalah sebagai berikut : 1. PHP Versi 5.2.14 2. Mysql databases Versi 5.0 Keatas III.2 Analisis kebutuhan fungsional III.2.1 Entity Relationship Diagram Entity Relationship Diagram ERD merupakan salah satu cara untuk mengolah database sehingga data tersebut dapat diketahui hubungan atau relasi dari dua file atau tabel.Untuk lebih jelasnya bentuk Entity Relationship Diagram ERD pada website penjualan online dapat dilihat pada gambar dibawah ini: 86 produk member order pembayaran Produk ukuran Layanan pengiriman kota provinsi testimonial Retur detail Order detail N N N memiliki 1 N Retur memiliki Produk kategori memiliki N 1 N 1 memiliki 1 N Produk gambar memiliki N 1 memiliki N 1 memiliki N 1 admin mengelola 1 N mengisi 1 N memiliki 1 1 memiliki 1 memiliki N 1 mengelola 1 N Id_produk_kategori Id_produk Id_produk_gambar Id_retur_detail No_retur Id_produk No_retur Id_member Id_order Id_pembayaran Id_order Id_order_detail Id_produk Id_order Id_member Id_kota Id_produk Id_produk_kategori Id_produk_ukuran warna Id_order Id_member Id_testimonial Id_member Id_admin Id_admin Id_kota Id_provinsi Id_layanan_pengiriman Nama_layanan Id_produk_ukuran Id_biaya_kirim Id_admn Id_kota Id_layanan_pengiriman Id_kota Id_provinsi Rating produk memiliki N Id_produk Id_provinsi Biaya kirim N N Id_admin Id_provinsi memiliki N 1 Id_biaya_kirim memiliki 1 1 1 memiliki 1 N stok memiliki N 1 Id_order Id_order_detail Gambar III.3 - Entity Relationship Diagram Tabel III.5 - Entitas dan Attribute Entitas Attribute Admin {id_admin, nama_admin, username, password, status, alamat_lengkap, kodepos, telepon, email} Member {id_member, nama_depan, nama_belakang, jk, alamat, kodepos, telepon, email, password, kode, aktif, id_session} Kota {id_kota, nama_kota, kabkota, hapus_kota} Provinsi {id_provinsi, nama_provinsi, hapus_provinsi} Produk_kategori {id_produk_kategori, parent_id, nama, hapus_kategori, kategori_seo} Produk_ukuran {id_produk_ukuran, nama_ukuran, hapus_ukuran} Produk {id_produk, jenis_kelamin, nama_produk, deskripsi_produk, harga_produk, diskon_produk, berat_produk, stok, warna, ringkasan_produk, tgl_produk, dibeli, dilihat, hapus_produk} Order_detail {id_order_detail, qty, harga_produk, diskon_produk} Order {id_order, nama_d_penerima, nama_b_penerima, alamat_penerima, tgl_order, jam_order, status_order, status_kirim, no_resi, tgl_batal, email_penerima, kodepos_penerima, tlp_penerima, tgl_kirim, jam_kirim, biaya_pengiriman} Produk_gambar {id_produk_gambar, file_gambar, hapus_gambar} Pembayaran {id_pembayaran, jumlah_bayar, jenis_bayar, status_bayar, tgl_bayar, paypal_member, konfirmasi, kode_transaksi, jam_bayar, jml_bayar_dollar, jml_bayar_rupiah, bank, norek, atasnama, kurs} Layanan_pengiriman {id_layanan_pengiriman, alamat_layanan , nama_layanan, hapus_layanan, telp_layanan } Biaya_kirim {id_biaya_kirim, lama_pengiriman, biaya_kirim, hapus_biayakirim} Retur {no_retur, status_retur, tgl_retur, no_resi} Retur_detail {id_detail_retur, alasan, status_detail_retur, tds, id_produk_tukar} Testimonial {id_testimonial, nama_depan, nama_belakang, email, isi_testimonial, tgl_testimonial, status_testimonial} Rating produk {counter, value} III.2.2 Diagram Konteks Diagram Konteks adalah diagram yang menggambarkan secara umum yang menjadi masukan, proses dan keluaran yang terjadi pada sebuah sistem. Diagram konteks untuk perangkat lunak yang akan dibangun sebagai berikut : Aplikasi e-commerce di The Baiya’s Surabaya member pengunjung admin Info data login admin Info data akun admin Info data lupa password admin Info data master Info pengolahan data order Info laporan Info retur Info backup restore data Data login admin Data akun admin Data lupa password admin Data master Pengolahan data order Data laporan Data retur Data backup restore data Data login member Data lupa password member Data akun member Data lihat informasi produk Data cari produk Data konfirmasi pembayaran Data order Data lihat history order Data retur produk Info data login member Info data lupa password member Info akun member Info data lihat informasi produk Info data cari produk Info konfirmasi pembayaran Info data order Info data lihat history order Info data retur produk Info data pendaftaran Info data produk Info cari data produk Data pendaftaran Data produk Cari data produk Paypal_sistem Mail_server Data paypal Info paypal Data webmail Info webmail JNE Kurs www.klikbca.com Data JNE Info JNE Data kurs Info kurs Gambar III.4 - Diagram Konteks III.2.3 Data Flow Diagram Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi. DFD Sistem informasi pemesanan dan penjualan yang diusulkan terdiri dari beberapa bagian, berikut data flow diagram selengkapnya :

1. DFD Level 0

1 Pendaftaran 2 Login 3 Pengolahan data user 4 Pengolahan data master 5 Pembuatan laporan 6 Lihat history order pengunjung t_member Data pendaftaran Data pendaftaran Info pendaftaran Data pendaftaran Data login member Data login member member Data login t_admin admin Info login invalid Data login Info login invalid Data login admin Data login admin Data pengolahan user Info pengolahan data user Data member Data member t_pembayaran t_produk_kategori t_layanan_pengiriman t_produk_ukuran t_produk_gambar t_produk t_kota t_provinsi t_biaya_kirim t_testimonial t_retur t_order_detail t_order Data provinsi Data provinsi Data kota Data kota Data biaya kirim Data biaya kirim Data produk Data produk Data produk ukuran Data produk ukuran Data layanan pengiriman Data layanan pengiriman Data produk kategori Data produk kategori Info data master Data master 7 Order Data laporan Info laporan Aksi view history order Data history order Aksi view cari produk Data cari produk Data order Data order Data order Mail_server Info webmail Data webmail Data admin Data admin Data order Data order detail Data order detail Data order detail Data order detail 8 Retur Data retur Data retur Data testimonial Data testimonial Data produk gambar Data produk gambar Data pembayaran Data pembayaran 9 Konfirmasi pembayaran Data pembayaran Data pembayaran Mail_server Paypal_sistem Data webmail Info webmail Data paypal Info paypal Data return produk Info return produk Login member valid Login admin valid Login member valid Login member valid Login member valid Data konfirmasi pembayaran Info konfirmasi pembayaran Data order Data order Login admin valid Data webmail Info webmail Data retur Data retur Data produk Data produk Data retur Data retur kurs Info kurs Data kurs JNE Data JNE Info JNE Data JNE Info JNE Data webmail Info webmail Gambar III.5 - DFD Level 0 Proses Utama

2. DFD Level 1 Proses 1 Pendaftaran

1.1 Input data pendaftaran 1.2 Validasi data pendaftaran pengunjung 1.3 Simpan data pendaftaran 1.4 Konfirmasi pendaftaran t_kota t_provinsi Data pendaftaran Data provinsi Data provinsi Data kota Data kota Data pendaftaran Data pendaftaran valid Data pendaftaran invalid Info data pendaftaran t_member Data member Data member Data member Data member Data konfirmasi pendaftaran Info konfirmasi pendaftaran Mail_server Konfirmasi pendaftaran webmail Info konfirmasi pendaftaran webmail Gambar III.6 - DFD Level 1 Proses 1 Pendaftaran

3. DFD Level 1 Proses 2 Login

2.1 Verifikasi email dan password 2.2 Lupa password member admin t_member t_admin Info login invalid Data login member Data login member Data lupa password member Data lupa password member Data login admin Data login admin Data lupa password admin Data lupa password admin Data lupa password member Info lupa password member Data login member Data login admin Info login invalid Data lupa password admin Info lupa password admin Mail_server Data lupa password webmail Info lupa password webmail Login valid Gambar III.7 - DFD Level 1 Proses 2 Login

4. DFD Level 1 Proses 3 Pengolahan Data User

3.1 Pengolahan data member 3.2 Pengolahan data admin t_member t_admin admin Data olah member Info pengolahan data member Data member Data member Data admin Data admin Data olah admin Info pengolahan data admin Login admin valid Gambar III.8 - DFD Level 1 Proses 3 Pengolahan Data User

5. DFD Level 2 Proses 3.1 Pengolahan Data Member

3.1.1 Ubah profile member 3.1.2 Ganti password member member t_provinsi t_kota t_member Login member valid Data profile member Info profile member Data profile member Data profile member Data provinsi Data provinsi Data kota Data kota Data password baru member Info password baru member Data password baru member Data password baru member Gambar III.9 - DFD Level 2 Proses 3.1 Pengolahan Data Akun Member

6. DFD Level 2 Proses 3.2 Pengolahan Data Admin

3.2.1 Ubah profile admin 3.2.2 Ganti password admin admin t_provinsi t_kota t_admin Login admin valid Data profile admin Info profile admin Data profile admin Data profile admin Data provinsi Data provinsi Data kota Data kota Data password baru admin Info password baru admin Data password baru admin Data password baru admin Gambar III.10 - DFD Level 2 Proses 3.2 Pengolahan Data Akun Admin

7. DFD Level 1 Proses 4 Pengolahan Data Master

admin 4.1 Olah data produk gambar 4.2 Olah data produk ukuran 4.3 Olah data produk kategori 4.4 Olah data provinsi 4.5 Olah data testimonial 4.6 Olah data kota 4.7 Olah data produk 4.8 Olah data layanan pengiriman 4.9 Olah data biaya kirim t_produk_gambar t_produk_ukuran t_produk_kategori t_provinsi t_testimonial t_kota t_produk t_layanan_pengiriman t_biaya_kirim Login admin valid Data produk gambar Data produk gambar Data produk ukuran Data produk ukuran Data produk kategori Data produk kategori Data provinsi Data provinsi Data testimonial Data testimonial Data kota Data kota Data produk Data produk Data layanan pengiriman Data layanan pengiriman Data biaya kirim Data biaya kirim Data produk gambar Info produk gambar Data produk ukuran Info produk ukuran Data produk kategori Info produk kategori Data provinsi Info provinsi Data testimonial Info testimonial Data kota Info kota Data produk Info produk Data layanan pengiriman Info layanan pengiriman Data biaya kirim Info biaya kirim Data produk Data produk Data produk ukuran Data produk ukuran Data produk kategori Data produk kategori Data provinsi Data provinsi Data kota Data kota Data layanan pengiriman Data layanan pengiriman Facebook Info facebook Data facebook Gambar III.11 - DFD Level 1 Proses 4 Pengolahan Data Master

8. DFD Level 1 Proses 5 Pengolahan Pembuatan Laporan

5.1 View laporan 5.2 Cetak laporan admin t_order t_produk t_retur Login admin valid Login admin valid Data order Data order Data produk Data produk Data retur Data retur View laporan Info laporan Aksi cetak laporan Info laporan Data retur Data produk Data order kurs Info kurs Data kurs Gambar III.12 - DFD Level 1 Proses 5 Pengolahan Pembuatan Laporan

9. DFD Level 1 Proses 7 Order

member 7.1 Pilih produk 7.2 Ubah jumlah produk 7.3 Mengisi alamat pengiriman 7.4 Memilih layanan pengiriman 7.5 Konfirmasi data order 7.6 Simpan data order t_produk t_order t_layanan_pengiriman t_biaya_kirim t_order_detail Login member valid Data produk Data produk Info produk Data produk valid Data alamat pengiriman valid Data jasa pengiriman valid Data order valid Login member valid Login member valid Data order Data order Data layanan pengiriman Data layanan pengiriman Data biaya kirim Data biaya kirim Data order detail Data order detail Data order Data order Data produk Info produk Data ubah jumlah produk Info ubah jumlah produk Data alamat pengiriman Info alamat pengiriman Data layanan pengiriman Info layanan pengiriman Data order Info order Mail_server Info konfirmasi order webmail Data konfirmasi order webmail JNE kurs Info JNE Data JNE Info kurs Data kurs Gambar III.13 - DFD Level 1 Proses 7 Order

10. DFD Level 1 Proses 8 Retur

8.1 Ajukan retur 8.2 Konfirmasi retur t_retur_detail t_retur member Data retur Info retur Data retur detail Data retur detail Data retur Data retur Login member valid admin Data konfirmasi retur Info konfirmasi retur Info retur Data retur Mail_server Data konfirmasi retur webmail Info konfirmasi retur webmail t_produk Data produk Data produk Data produk Data produk Login admin valid Gambar III.14 - DFD Level 1 Proses 8 Retur

11. DFD Level 1 Proses 9 Konfirmasi Pembayaran

9.1 Pilih order 9.2 Memilih jenis pembayaran 9.3 Mengisi data konfirmasi pembayaran 9.4 Simpan pembayaran t_order t_pembayaran member Paypal_sistem Mail_server Login member valid Data member Data jenis pembayaran valid Data konfirmasi pembayaran valid Data order Info order Data jenis pembayaran Info jenis pembayaran Data konfirmasi pembayaran Info konfirmasi pembayaran Data pembayaran Info pembayaran Data order Data order Data pembayaran Data pembayaran Login member valid Login member valid Data konfirmasi pembayaran paypal Info konfirmasi pembayaran paypal Data konfirmasi pembayaran webmail Info konfirmasi pembayaran webmail Data pembayaran Data pembayaran kurs Data kurs Info kurs Gambar III.15 - DFD Level 1 Proses 9 Konfirmasi Pembayaran

12. DFD Level 2 Proses 4.1 Olah Data Produk Gambar

4.1.1 Tambah produk gambar 4.1.2 Edit produk gambar 4.1.3 Hapus produk gambar admin t_produk_gambar Data tambah produk gambar Info tambah produk gambar Data edit produk gambar Info edit produk gambar Hapus produk gambar Info hapus produk gambar Data produk gambar Data produk gambar Data produk gambar Data produk gambar Data produk gambar Data produk gambar Login admin valid Login admin valid Login admin valid Gambar III.16 - DFD Level 2 Proses 4.1 Olah Data Produk Gambar

13. DFD Level 2 Proses 4.2 Olah Data Produk Ukuran

4.2.1 Tambah ukuran produk 4.2.2 Edit produk ukuran 4.2.3 Hapus produk ukuran 4.2.4 Cari produk ukuran admin t_produk_ukuran Data produk ukuran Data produk ukuran Data produk ukuran Data produk ukuran Data produk ukuran Data produk ukuran Data produk ukuran Data produk ukuran Data tambah ukuran produk Info tambah ukuran produk Data edit ukuran produk Info edit ukuran produk Hapus ukuran produk Info hapus ukuran produk Cari ukuran produk Info cari ukuran produk t_produk Data produk Data produk Login admin valid Login admin valid Login admin valid Login admin valid Gambar III.17 - DFD Level 2 Proses 4.2 Olah Data Produk Ukuran

14. DFD Level 2 Proses 4.3 Olah Data Produk Kategori

4.3.1 Tambah produk kategori 4.3.3 Edit produk kategori 4.3.4 Hapus produk kategori admin t_produk_kategori t_produk Data tambah produk kategori Info tambah produk kategori Data edit produk kategori Info edit produk kategori Hapus produk kategori Info hapus produk kategori Data produk kategori Data produk kategori Data produk kategori Data produk kategori Data produk kategori Data produk kategori Data produk Data produk Login admin valid Login admin valid Login admin valid 4.3.2 Tambah produk subkategori Login admin valid Data tambah produk subkategori Info tambah produk subkategori Data produk subkategori Data produk subkategori Gambar III.18 - DFD Level 2 Proses 4.3 Olah Data Produk Kategori

15. DFD Level 2 Proses 4.4 Olah Data Provinsi

4.4.1 Tambah provinsi 4.4.2 Edit provinsi 4.4.3 Hapus provinsi 4.4.4 Cari provinsi admin t_provinsi Data provinsi Data provinsi Data provinsi Data provinsi Data provinsi Data provinsi Data provinsi Data provinsi Data tambah provinsi Info tambah provinsi Data edit provinsi Info edit provinsi Hapus provinsi Info hapus provinsi Cari provinsi Info cari provinsi t_kota Data kota Data kota Login admin valid Login admin valid Login admin valid Login admin valid Gambar III.19 - DFD Level 2 Proses 4.4 Olah Data Provinsi

16. DFD Level 2 Proses 4.5 Olah Data Testimonial

4.10.1 Olah testmonial 4.10.2 Isi data testimonial admin member t_testimonial Data testimonial yang akan diolah Info testimonial yang telah diolah Data testimonial Info testimonial Data testimonial Data testimonial Data testimonial Data testimonial Login admin valid Login member valid Gambar III.20 - DFD Level 2 Proses 4.5 Olah Data Testimonial

17. DFD Level 2 Proses 4.6 Olah Data Kota

4.6.1 Tambah kota 4.6.2 Edit kota 4.6.3 Hapus kota 4.6.4 Cari kota admin t_kota Data kota Data kota Data kota Data kota Data kota Data kota Data kota Data kota Data tambah kota Info tambah kota Data edit kota Info edit kota Hapus kota Info hapus kota Cari kota Info cari kota t_provinsi Login admin valid Login admin valid Login admin valid Login admin valid Data provinsi Data provinsi Gambar III.21 - DFD Level 2 Proses 4.6 Olah Data Kota

18. DFD Level 2 Proses 4.7 Olah Data Produk

4.7.1 Tambah produk 4.7.2 Edit produk 4.7.3 Hapus produk admin t_produk t_produk_gambar Data tambah produk Info tambah produk Data edit produk Info edit produk Hapus produk Info hapus produk Data produk gambar Data produk gambar Login admin valid Login admin valid Login admin valid Data produk Data produk Data produk Data produk Data produk Data produk t_produk_kategori Data produk kategori Data produk kategori Gambar III.22 - DFD Level 2 Proses 4.7 Olah Data Produk

19. DFD Level 2 Proses 4.8 Olah Data Layanan Pengiriman

4.8.1 Tambah layanan pengiriman 4.8.2 Edit layanan pengiriman 4.8.3 Hapus layanan pengiriman 4.8.4 Cari layanan pengiriman admin t_layanan_pengiriman Data layanan pengiriman Data layanan pengiriman Data layanan pengiriman Data layanan pengiriman Data layanan pengiriman Data layanan pengiriman Data layanan pengiriman Data layanan pengiriman Data tambah layanan pengiriman Info tambah layanan pengiriman Data edit layanan pengiriman Info edit layanan pengiriman Hapus layanan pengiriman Info hapus layanan pengiriman Cari layanan pengiriman Info cari layanan pengiriman Login admin valid Login admin valid Login admin valid Login admin valid Gambar III.23 - DFD Level 2 Proses 4.8 Olah Data Layanan Pengiriman

20. DFD Level 2 Proses 4.9 Olah Data Biaya Kirim

4.9.1 Tambah biaya kirim 4.9.2 Edit biaya kirim 4.9.3 Hapus biaya kirim 4.9.4 Cari biaya kirim admin t_biaya_kirim Data biaya kirim Data biaya kirim Data biaya kirim Data biaya kirim Data biaya kirim Data biaya kirim Data biaya kirim Data biaya kirim Data tambah biaya kirim Info tambah biaya kirim Data edit biaya kirim Info edit biaya kirim Hapus biaya kirim Info hapus biaya kirim Cari biaya kirim Info cari biaya kirim Login admin valid Login admin valid Login admin valid Login admin valid t_kota t_layanan_pengiriman Data kota Data kota Data layanan pengiriman Data layanan pengiriman Gambar III.24 - DFD Level 2 Proses 4.9 Olah Data Biaya Kirim

21. DFD Level 2 Proses 9.2 Memilih Jenis Pembayaran

member 9.2.1 Pembayaran via paypal 9.2.2 Konfirmasi pembayaran t_pembayaran admin Info pembayaran via paypal Data konfirmasi pembayaran Info konfirmasi pembayaran Data konfirmasi pembayaran Data pembayaran Data konfirmasi pembayaran webmail Info konfirmasi pembayaran webmail Info konfirmasi pembayaran Data pembayaran Info pembayaran via paypal Paypal_sistem Mail_server Data pembayaran via paypal Data pembayaran via paypal kurs Info kurs Data kurs Gambar III.25 - DFD Level 2 Proses 9.2 Memilih Jenis Pembayaran

22. DFD Level 3 Proses 9.2.1 Pembayaran Via Paypal

9.2.1.1 Pilih pembayaran 9.2.1.2 Login ke paypal 9.2.1.3 View order summary 9.2.1.4 Input jumlah pembayaran dan no rek paypal merchant member Info pilih pembayaran Data login ke paypal Info login ke paypal Data view order summary Info view order summary Data input jumlah pembayaran Dan no rek paypal merchant Info input jumlah pembayaran Dan no rek paypal merchant Paypal_sistem t_pembayaran Data login ke paypal sistem Info login ke paypal sistem Data view order summary Data input jumlah pembayaran Dan no rek paypal merchant Info jumlah pembayaran Dan no rek paypal merchant Data pembayaran t_order Data order Data order t_order_detail Data order detail Data order detail Info view order summary Data pembayaran Data pilih pembayaran kurs Info kurs Data kurs Gambar III.26 - DFD Level 3 Proses 9.2.1. Pembayaran Via Paypal III.2.4 Spesifikasi Proses Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD diatas akan dijelaskan pada tabel dibawah ini : Tabel III.6 - Spesifikasi Proses No Proses Keterangan 1 No. Proses 1 Nama Pendaftaran Source Pengunjung Input Data member Output Info data member Destination Pengunjung Logika proses 1. Pengunjung meng-klik link registrasi member atau memilih menu registrasi menu. 2. Sistem akan menampilkan form registrasi. 3. Pengunjung mengisi data member. 4. Apabila ada data yang tidak valid pengunjung harus mengisi kembali data yang tidak valid. 5. Apabila data valid maka sistem akan menyimpan data tersebut. 2 No. proses 2 Nama Login Source Member dan admin Input Data login member dan admin Output Info login member dan admin invalid Destination Member dan admin Logika proses 1. Member atau admin, memasukkan data login 2. Apabila username dan password yang diinputkan benar maka login valid. 3. Apabila username dan password yang diinputkan tidak benar maka akan ada informasi login invalid. 4. Apabila admin atau member lupa password , maka pemberitahuan passwordnya lewat email yang diinputkan setelah mengklik lupa password. 3 No. proses 4.6.1 Nama Menambah kota Source Admin Input Data kota Output Info data kota Destination Admin Logika proses 1. Admin memilih menu tambah kota untuk memunculkan form tambah kota. 2. Admin mengisi form tambah kota kemudian klik tombol simpan. 3. Apabila data tidak kosong maka data kota baru akan disimpan di dalam database. 4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong tersebut. 4 No. proses 4.6.2 Nama Edit kota Source Admin Input Data kota Output Info data kota Destination Admin Logika proses 1. Admin mengklik tombol ubah pada data yang akan diubah. 2. Admin mengisi data kota yang ingin diubah kemudian klik tombol ubah. 3. Apabila ada data yang diubah dan dan semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal diubah. 5 No. proses 4.6.3 Nama Hapus kota Source Admin Input Data kota Output Info data kota dihapus Destination Admin Logika proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Sistem akan menghapus data. 6 No. proses 4.6.4 Nama Cari data kota Source Admin Input Data kota Output Info kota yang dicari Destination Admin Logika proses 1. Admin mengisi field pencarian. 2. Sistem akan menampilkan data kota yang dicari. 7 No. proses 4.7.1 Nama Tambah produk Source Admin Input Data data produk Output Info data produk Destination Admin Logika proses 1. Admin memilih detail pada tabel jenis produk untuk memunculkan form tambah produk. 2. Admin mengisi form tambah produk kemudian klik tombol simpan. 3. Apabila data tidak kosong maka data detail produk baru akan disimpan didalam database . 4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan administrator harus mengisi data yang kosong tersebut. 8 No. proses 4.7.2 Nama Edit produk Source Admin Input Data produk Output Info data produk Destination Admin Logika proses 1. Admin mengklik tombol ubah pada data yang akan diubah. 2. Admin mengisi data produk yang ingin diubah kemudian klik tombol simpan. 3. Apabila ada data yang diubah dan semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal diubah. 9 No. proses 4.7.3 Nama Hapus produk Source Admin Input Data produk Output Info data produk yang dihapus Destination Admin Logika proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Sistem akan menghapus data. 10 No. proses 4.7.4 Nama Cari Data produk Source Admin Input Data produk Output Info produk yang dicari Destination Admin Logika proses 1. Admin mengisi field pencarian. 2. Sistem akan menampilkan data kota yang dicari. 11 No. proses 4.4.1 Nama Tambah provinsi Source Admin Input Data provinsi Output Info data provinsi Destination Admin Logika proses 1. Admin memilih menu tambah provinsi untuk memunculkan form tambah provinsi. 2. Admin mengisi form tambah provinsi kemudian klik tombol simpan. 3. Apabila data tidak kosong maka data kota baru akan disimpan didalam database. 4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong tersebut. 12 No. proses 4.4.2 Nama Edit provinsi Source Admin Input Data provinsi Output Info data provinsi Destination Admin Logika proses 1. Admin mengklik tombol ubah pada data yang akan diubah. 2. Admin mengisi data provinsi yang ingin diubah kemudian klik tombol ubah. 3. Apabila ada data yang diubah dan dan semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal diubah. 13 No. proses 4.4.3 Nama Hapus provinsi Source Admin Input Data provinsi Output Info data provinsi yang dihapus Destination Admin Logika proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Sistem akan menghapus data. 14 No. proses 4.4.4 Nama Cari data provinsi Source Admin Input Data provinsi Output Info provinsi yang dicari Destination Admin Logika proses 1. Admin mengisi field pencarian 2. Sistem akan menampilkan data provinsi yang dicari. 15 No. proses 4.8.1 Nama Tambah data layanan pengiriman Source Admin Input Data layanan pengiriman Output Info data layanan pengiriman Destination Admin Logika proses 1. Admin memilih menu tambah layanan cargo untuk memunculkan form tambah layanan pengiriman. 2. Admin mengisi form tambah data layanan penngiriman klik tombol simpan. 3. Apabila data tidak kosong maka data layanan pengiriman baru akan disimpan didalam database. 4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong 16 No. proses 4.8.2 Nama Edit data layanan pengiriman Source Admin Input Data layanan pengiriman Output Info data layanan pengiriman Destination Admin Logika proses 1. Admin mengklik tombol ubah pada data yang akan diubah. 2. Admin mengisi data layanan pengiriman yang ingin diubah kemudian klik tombol ubah. 3. Apabila ada data yang diubah dan dan semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal diubah. 17 No. proses 4.8.3 Nama Hapus layanan pengiriman Source Admin Input Data layanan pengiriman Output Info data layanan pengiriman yang dihapus Destination Admin Logika proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Sistem akan menghapus data. 18 No. proses 4.8.4 Nama Cari Data layanan pengiriman Source Admin Input Data layanan pengiriman Output Info layanan pengiriman yang dicari Destination Admin Logika proses 1. Admin mengisi field pencarian 2. Sistem akan menampilkan data layanan penngiriman yang dicari. 19 No. proses 4.9.1 Nama Tambah data biaya kirim Source Admin Input Data biaya kirim Output Info data biaya kirim Destination Admin Logika proses 1. Admin memilih menu tambah biaya pengiriman untuk memunculkan form tambah biaya kirim 2. Admin mengisi form tambah data biaya kirim klik tombol simpan. 3. Apabila data tidak kosong maka data biaya pengiriman baru akan disimpan didalam database . 4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong 20 No. proses 4.9.2 Nama Edit data biaya kirim Source Admin Input Data biaya kirim Output Info data biaya kirim Destination Admin Logika proses 1. Admin mengklik tombol ubah pada data yang akan diubah. 2. Admin mengisi data harga pengiriman yang ingin diubah kemudian klik tombol ubah. 3. Apabila ada data yang diubah dan dan semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal diubah. 21 No. proses 4.9.3 Nama Hapus biaya kirim Source Admin Input Data biaya kirim Output Info data biaya kirim yang dihapus Destination Admin Logika proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Sistem akan menghapus data. 22 No. proses 4.9.4 Nama Cari data biaya kirim Source Admin Input Data biaya kirim Output Info biaya kirim yang dicari Destination Admin Logika proses 1. Admin mengisi field pencarian 2. Sistem akan menampilkan data biaya pengiriman yang dicari. 23 No. proses 4.2.1 Nama Tambah data produk ukuran Source Admin Input Data produk ukuran Output Info data produk ukuran Destination Admin Logika proses 1. Admin memilih menu tambah produk ukuran untuk memunculkan form tambah produk ukuran 2. Admin mengisi form tambah data produk ukuran klik tombol simpan. 3. Apabila data tidak kosong maka data produk ukuran baru akan disimpan didalam database . 4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong 24 No. proses 4.2.2 Nama Edit data produk ukuran Source Admin Input Data produk ukuran Output Info data produk ukuran Destination Admin Logika proses 1. Admin mengklik tombol ubah pada data yang akan diubah. 2. Admin mengisi data produk ukuran yang ingin diubah kemudian klik tombol ubah. 3. Apabila ada data yang diubah dan dan semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diubah dan ada data yang kosong maka data gagal diubah. 25 No. proses 4.2.3 Nama Hapus produk ukuran Source Admin Input Data produk ukuran Output Info data produk ukuran yang dihapus Destination Admin Logika proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Sistem akan menghapus data. 26 No. proses 4.2.4 Nama Cari Data produk ukuran Source Admin Input Data produk ukuran Output Info produk ukuran yang dicari Destination Admin Logika proses 1. Admin mengisi field pencarian 2. Sistem akan menampilkan data produk ukuran yang dicari. 27 No. proses 7.1 Nama Pilih produk Source Member Input Data jenis produk, data produk, request data produk Output Info data jenis produk, info data produk Destination Member Logika proses 1. Member memilih produk yang ingin dipesan dengan mengklik image cart. 2. Maka data akan disimpan dalam shopping cart . 28 No. proses 7.2 Nama Ubah jumlah order Source Member Input Data jumlah order Output Info jumlah order Destination Member Logika proses 1. Member memilih menu shopping cart. 2. Setelah muncul data produk yang telah dipesan member dapat mengubah detail order dengan mengisi data jumlah, ataupun menghapus salah satu order dengan mengklik tombol hapus. 3. Apabila mengubah data jumlah maka klik tombol ubah, maka perubahan data akan disimpan. 29 No. proses 7.3 Nama Isi alamat pegiriman Source Member Input Data alamat pengiriman Output Info data pengiriman Destination Member Logika proses 1. Klik tombol bayar pada form shopping cart untuk mengisi data pembayaran. 2. Isi data pembayaran. 3. Kemudian untuk melihat konfirmasi pembayaran klik tombol lanjutkan. 30 No. proses 8 Nama Retur Source Member Input Pengajuan retur Output Konfirmasi retur Destination Admin Logika proses 1. Member mengklik link retur jika ada produk yang kondisinya tidak sesuai harapan. 2. Member mengisi form dan alasan retur dan mengirimkan ke admin. 3. Apabila retur tidak dikonfirmasi oleh admin, maka retur tidak disetujui. 4. Apabila retur yang diajukan dikonfirmasi oleh admin, maka retur disetujui. 31 No. proses 9 Nama Konfirmasi pembayaran Source Member Input Data konfirmasi pembayaran Output Info konfirmasi pembayaran Destination Member Logika proses 1. Member memilih menu konfimasi pembayaran 2. Sistem menampilkan data pesanan yang sudah dilakukan 3. Klik konfirmasi pada pesanan yang belum dibayar, kemudian memilih jenis konfirmasi 4. Melakukan pengisian data konfirmasi 5. Klik tombol konfirmasi untuk mengirimkan data konfirmasi ke admin dan melakukan proses penyimpanan ke database 32 No. proses 6 Nama Lihat history order Source Member Input Data transaksi Output Info data detail pembayaran, Info data pembayaran Destination Member Logika proses 1. Member memilih menu history. 2. Sistem akan memberikan semua data pembayaran yang pernah dilakukan oleh member . 33 No. proses 4.5.1 Nama Olah data testimonial Source Admin Input Olah data testimonial Output Info testimonial Destination Admin Logika proses 1. Admin mengolah data testimonial yang telah diinputkan oleh member. 2. Admin mengeluarkan output berupa testimonial dari member yang telah diolah sebelumnya oleh admin. 34 No. proses 4.5.2 Nama Isi testimonial Source Member Input Data testimonial Output Info testimonial Destination Member Logika proses 1. Member menulis testimonial tentang apa saja mengenai toko the baiya’s di proses testimonial. 2. Testimonial yang telah ditulis oleh member , akan tampil di halaman web. 35 No. proses 4.1.1 Nama Tambah data produk gambar Source Admin Input Data produk gambar Output Info data produk gambar Destination Admin Logika proses 1. Admin memilih menu tambah produk gambar untuk memunculkan form tambah produk gambar. 2. Admin mengisi form tambah produk gambar kemudian klik tombol simpan. 3. Apabila data tidak kosong maka data produk gambar baru akan disimpan di dalam database. 4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh kosong dan admin harus mengisi data yang kosong tersebut. 36 No. proses 4.1.2 Nama Edit data produk gambar Source Admin Input Data produk gambar Output Info data produk gambar Destination Admin Logika proses 1. Admin mengklik tombol edit pada data yang akan diedit. 2. Admin mengisi data gambar yang ingin diedit kemudian klik tombol edit. 3. Apabila ada data yang diedit dan semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diedit dan ada data yang kosong maka data gagal diedit. 37 No. proses 4.1.3 Nama Hapus data produk gambar Source Admin Input Data produk gambar Output Info data produk gambar Destination Admin Logika proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Sistem akan menghapus data. 38 No. proses 4.3.1 Nama Tambah data produk kategori Source Admin Input Data produk kategori Output Info data produk kategori Destination Admin Logika proses 1. Admin memilih menu tambah produk kategori untuk memunculkan form tambah produk kategori. 2. Admin mengisi form tambah produk kategori kemudian klik tombol simpan. 3. Apabila data tidak kosong maka data produk kategori baru akan disimpan di dalam database. 4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh ada yang kosong dan admin harus mengisi data yang kosong tersebut. 39 No. proses 4.3.2 Nama Tambah data produk subkategori Source Admin Input Data produk kategori Output Info produk kategori Destination Admin Logika proses 1. Admin memilih menu tambah produk subkategori untuk memunculkan form tambah produk subkategori. 2. Admin mengisi form tambah produk subkategori kemudian klik tombol simpan. 3. Apabila data tidak kosong maka data produk subkategori baru akan disimpan di dalam database. 4. Apabila data ada yang kosong maka akan ada informasi data tidak boleh ada yang kosong dan admin harus mengisi data yang kosong tersebut. 40 No. proses 4.3.3 Nama Edit data produk kategori Source Admin Input Data produk kategori Output Info data produk kategori Destination Admin Logika proses 1. Admin mengklik tombol edit pada data yang akan diedit. 2. Admin mengisi data kategori yang ingin diedit kemudian klik tombol edit. 3. Apabila ada data yang diedit dan semua data tidak ada yang kosong maka sistem akan menyimpan perubahan data. 4. Apabila tidak ada data yang diedit dan ada data yang kosong maka data gagal diedit. 41 No. proses 4.3.4 Nama Hapus data produk kategori Source Admin Input Data produk kategori Output Info data produk kategori Destination Admin Logika proses 1. Admin mengklik tombol hapus pada data yang akan dihapus. 2. Sistem akan menghapus data. 42 No. proses 9.2.1 Nama Pembayaran via paypal Source Member Input Data pembayaran Output Info pembayaran Destination Member Logika proses 1. Member memasukkan data pembayaran melalui paypal. 2. Sistem akan menampilkan informasi pembayaran yang dilakukan member. 43 No. proses 9.2.2 Nama Konfirmasi pembayaran Source Admin, member Input Data konfirmasi pembayaran Output Info konfirmasi pembayaran Destination Member Logika proses 1. Member mengkonfirmasi pembayaran. 2. Sistem akan mengecheck konfirmasi pembayaran member lewat webmail dan akan menghasilkan informasi. 3. Sistem mengeluarkan informasi tentang pembayaran yang dilakukan member. 4. Bagi yang membayar secara offline, admin akan memasukkan data konfirmasi pembayaran lewat sistem dan kemudian mengirimkan informasi tersebut kepada member . 44 No. proses 9.2.1.1 Nama Pilih pembayaran Source Member Input Data pilih pembayaran Output Info pilih pembayaran Desination Member Logika Proses 1. Member memilih jenis pembayaran dan memasukkan datanya. 2. Sistem akan memberikan konfirmasi pilihan pembayaran member. 45 No. proses 9.2.1.2 Nama Login ke paypal Input Data login member ke paypal. Output Info login member ke paypal. Destination Member Logika proses 1. Member memasukkan data login ke paypal. 2. Sistem akan memberikan informasi login ke paypal ke member. 46 No. Proses 9.2.1.3 Nama View order summary Input Data view order summary. Output Info view order summary. Destination Member Logika proses 1. Member mengklik view order summary. 2. Sistem akan menampilkan info view order summary kepada member. 47 No. Proses 9.2.1.4 Nama Input jumlah pembayaran dan no rek paypal merchant. Input Data input jumlah pembayaran dan no rek paypal merchant. Output Info input jumlah pembayaran dan no rek paypal merchant. Destination Member Logika proses 1. Member memasukkan data jumlah pembayaran dan no rek paypal merchant. 2. Sistem akan menampilkan info dari aksi member .. III.2.5 Kamus Data Kamus data merupakan deskripsi formal mengenai seluruh elemen yang tercakup dalam DFD. Kamus data untuk diagram alir data pada aplikasi e- commerce ini akan dijelaskan sebagai berikut : Tabel III.7 - Kamus Data Nama Aliran data Data pendaftaran Digunakan pada Pengunjung-proses 1 Proses 1- file member Deskripsi Berisi data pendaftaran yang digunakan untuk registrasi dan akan disimpan di dalam database. Struktur data nama_depan+nama_belakang+ jenis_kelamin+alamat +provinsi +kota + phone + kode_pos+ user_email + user_password + ulangi password nama_depan nama_belakang jenis_kelamin alamat provinsi kota phone kode_pos user_email user_password ulangi password [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [0-9] [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] Nama Aliran data Data login Digunakan pada Member dan admin-proses 2 Member dan admin-proses 2.1 Proses 2-file member Proses 2-file admin Proses 2.1-file member Proses 2.1-file admin Deskripsi Berisi data login member dan admin Struktur data email+password Email Password [A-Z|a-z|0-9] [A-Z|a-z|0-9] Nama Aliran data Data profil member Digunakan pada Member-proses 3.1 Proses 3.1- file member Deskripsi Berisi data profil member Struktur data Email+nama_lengkap+jenis_kelamin+alamat +provinsi +kota +phone+kode_pos Email nama_lengkap jenis_kelamin alamat provinsi kota phone kode_pos [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [0-9] [0-9] Nama Aliran data Data profil admin Digunakan pada admin-proses 3.2 Proses 3.2- file admin Deskripsi Berisi data akun admin Struktur data Email+user_name+nama_lengkap+jenis_kelami n+alamat +provinsi +kota +phone+kode_pos Email user_name [A-Z|a-z|0-9] [A-Z|a-z|0-9] nama_lengkap jenis_kelamin alamat provinsi kota phone kode_pos [A-Z|a-z|0-9] [A-Z|a-z] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [0-9] [0-9] Nama Aliran data Data provinsi Digunakan pada Admin -proses 4.4 Proses 4.4-file provinsi Deskripsi Berisi data provinsi Struktur data Nama_provinsi Nama_provinsi [A-Z|a-z|0-9] Nama Aliran data Data kota Digunakan pada Admin-proses 4.6 Proses 4.6-file kota Deskripsi Berisi data kota Struktur data Nama_kota + kab_kota+nama_provinsi Nama_kota kab_kota Nama_provinsi [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] Nama Aliran data Data produk ukuran Digunakan pada Admin -proses 4.2 Proses 4.2-file produk ukuran Deskripsi Berisi data produk ukuran Struktur data Kategori+ukuran Kategori Ukuran [A-Z|a-z|0-9] [A-Z|a-z|0-9] Nama Aliran data Data produk Digunakan pada Admin-proses 4.7 Proses 4.7-file produk Deskripsi Berisi data produk Struktur data Kategori+Nama_produk+Jenis_kelamin+Berat_ produk+Harga+Ringkasan_produk+Deskripsi_ produk+Warna+Diskon_produk Kategori Nama_produk Jenis_kelamin Berat_produk Harga Ringkasan_produk Deskripsi_produk Warna Diskon_produk [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z] [A-Z|a-z|0-9] [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [0-9] Nama Aliran data Data produk kategori Digunakan pada Admin-proses 4.3 Proses 4.3-file produk kategori Deskripsi Berisi data produk kategori Struktur data Kategori Kategori [A-Z|a-z|0-9] Nama Aliran data Data layanan pengiriman Digunakan pada Admin-proses 4.8 Proses 4.8-file layanan pengiriman Deskripsi Berisi data layanan pengiriman Struktur data nama_layanan+alamat_layanan+telepon Nama_layanan Alamat_layanan Telepon [A-Z|a-z|0-9] [A-Z|a-z|0-9] [0-9] Nama Aliran data Data biaya kirim Digunakan pada Admin-proses 4.9 Admin-proses 4.9.1 Admin-proses 4.9.2 Admin-proses 4.9.3 Admin-proses 4.9.4 Proses 4.9-file biaya kirim Proses 4.9.1-file biaya kirim Proses 4.9.2-file biaya kirim Proses 4.9.3-file biaya kirim Proses 4.9.4-file biaya kirim Deskripsi Berisi data biaya kirim Struktur data Id_biaya_kirim+id_admin+id_kota+id_layanan_ pengiriman+lama_pengiriman+biaya_kirim Id_biaya_kirim Id_admin Id_kota Id_layanan_pengiriman Biaya_kirim Lama_pengiriman [0-9] [0-9] [0-9] [0-9] [0-9] [A-Z|a-z|0-9] Nama Aliran data Data produk gambar Digunakan pada Admin-proses 4.1 Admin-proses 4.1.1 Admin-proses 4.1.2 Admin-proses 4.1.3 Proses 4.1-file produk gambar Proses 4.1.1-file produk gambar Proses 4.1.2-file produk gambar Proses 4.1.3-file produk gambar Deskripsi Berisi data produk gambar Struktur data id_produk+gambar id_produk [0-9] File_gambar [A-Z|a-z|0-9] Nama Aliran data Data order Digunakan pada Member proses 7 Proses 7-file order Deskripsi Berisi data order Struktur data id_order+id_member+id_admin+id_provinsi+id _biaya_kirim+biaya_pengiriman+order_status id_order id_member id_admin id_kota id_provinsi id_layanan_pengiriman biaya_pengiriman order_status [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [0-9] [A-Z|a-z|0-9] Nama Aliran data Data order detail Digunakan pada Member proses 6 Member proses 7 Proses 6-file order Proses 6-file history order Deskripsi Berisi data order detail Struktur data Id_order+qty+harga_produk+diskon_produk Id_order qty harga_produk diskon_produk [0-9] [0-9] [A-Z|a-z|0-9] [0-9] Nama Aliran data Data pembayaran Digunakan pada Admin-proses 7 Member-proses 7 Proses 7-file pembayaran Proses 7-file pembayaran Deskripsi Berisi data konfirmasi pembayaran Struktur data id_order+jenis_bayar+jumlah_bayar+konfirmasi +kode_transaksi+status_bayar id_order jenis_bayar jumlah_bayar konfirmasi kode_transaksi status_bayar [0-9] [A-Z|a-z|0-9] [0-9] [A-Z|a-z|0-9] [0-9] [A-Z|a-z|0-9] Nama Aliran data Data retur Digunakan pada Member-proses 8 Member-proses 6 Proses 8-file retur Proses 6-file lihat history order Deskripsi Berisi data retur produk Struktur data No_retur+id_order+status_retur+tanggal_retur+ no_resi No_retur id_order status_retur tanggal_retur no_resi [0-9] [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] III.2.6 Perancangan Basis Data Perancangan basis data adalah menciptakan atau merancang kumpulan data yang terhubung dan tersimpan secara bersama-sama. III.2.6.1 Skema Relasi Skema relasi menggambarkan hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom. t_produk PK id_produk FK1 id_produk_kategori FK2 id_produk_ukuran jenis_kelamin nama_produk deskripsi_produk harga_produk diskon_produk berat_produk stok warna ringkasan_produk tgl_produk dibeli dilihat hapus_produk t_produk_kategori PK id_produk_kategori nama kategori_seo parent_id hapus_kategori t_produk_gambar PK id_produk_gambar FK1 id_produk file_gambar hapus_gambar t_produk_ukuran PK id_produk_ukuran nama_ukuran hapus_ukuran t_order_detail PK id_order_detail FK1 id_produk FK2 id_order qty harga_produk diskon_produk t_member PK id_member FK1 id_kota email password nama_depan nama_belakang alamat kodepos telp aktif jk kode id_session t_testimonial PK id_testimonial FK1 id_member FK2 id_admin isi_testimonial tgl_testimonial status_testimonial nama_depan nama_belakang email t_admin PK id_admin FK1 id_kota nama_admin password alamat_lengkap kodepos telepon email status username t_retur PK no_retur FK1 id_order status_retur tanggal_retur no_resi t_retur_detail PK id_detail_retur FK1 no_retur FK2 id_order_detail alasan status_detail_retur t_order PK id_order FK1 id_member FK2 id_admin FK3 id_biaya_kirim status_order tanggal_order tanggal_kirim tanggal_batal nama_d_penerima nama_b_penerima alamat_penerima no_resi jam_order jam_kirim status_kirim email_penerima kodepos_penerima tlp_penerima biaya_pengiriman t_pembayaran PK id_pembayaran FK1 id_order status_bayar jenis_bayar jumlah_bayar tgl_bayar paypal_member konfirmasi kode_transaksi jam_bayar jumlah_bayar_dollar jumlah_bayar_rupiah bank norek atasnama kurs t_layanan_pengiriman PK id_layanan_pengiriman nama_layanan alamat_layanan telp_layanan hapus_layanan t_kota PK id_kota FK1 id_provinsi nama_kota kabkota hapus_kota t_provinsi PK id_provinsi nama_provinsi hapus_provinsi t_biaya_kirim PK id_biaya_kirim FK1 id_kota FK2 id_admin FK3 id_layanan_pengiriman lama_pengiriman biaya_kirim hapus_biayakirim t_rating_produk PK,FK1 id_produk FK2 id_order counter value Gambar III.27 - Skema Relasi III.2.6.2 Perancangan Struktur Tabel Tabel-tabel yang terdapat dalam basis data yang digunakan dalam sistem ini adalah sebagai berikut : Tabel III.8 - Member No Field Type Size Keterangan 1 Id_member Int 11 Primary key tabel member 2 Id_kota Int 11 Foreign key dari tabel kota Id_kota 3 Password Varchar 50 4 Nama_depan Varchar 50 5 Nama_belakang Varchar 50 6 Jk Enum ‘pria’,‘wantia’ 7 Email Varchar 100 Unique, not null 8 Alamat Text 9 Kodepos Char 5 10 Telepon Varchar 20 11 Aktif Tinyint 4 12 Id_session Varchar 100 Tabel III.9 - Produk Kategori No Field Type Size Keterangan 1 Id_kategori Int 5 Primary key tabel produk kategori 2 Nama Varchar 50 3 Hapus_kategori Enum ‘ya’,’tidak’ 4 Parent_id Int 5 5 Kategori_seo Varchar 20 Tabel III.10 - Produk No Field Type Size Keterangan 1 Id_produk Int 11 Primary key tabel produk 2 Id_produk_kategori Int 11 Foreign key dari tabel produk kategori Id_produk_kategori 3 Id_produk_ukuran Int 11 Foreign key dari tabel produk ukuran Id_produk_ukuran 4 Jenis_kelamin Enum ‘pria’,’wanita’, ’pria,wanita’ 5 Nama_produk Varchar 50 6 Ringkasan_produk Text 7 Deskripsi_produk Text 8 Harga_produk Decimal 10,0 9 Diskon_produk Float 10 Berat_produk Int 11 11 Stok Int 11 12 Tgl_produk Date 11 13 Warna Varchar 10 14 Dibeli Int 11 15 Dilihat Int 11 16 Hapus_produk Enum ‘ya’,’tidak’ Tabel III.11 - Produk Gambar No Field Type Size Keterangan 1 Id_produk_gambar Int 11 Primary key tabel produk gambar 2 Id_produk Int 11 Foreign key dari tabel produk Id_produk 3 File_gambar Varchar 100 4 Hapus_gambar Enum ‘ya’,’tidak’ Tabel III.12 - Produk Ukuran No Field Type Size Keterangan 1 Id_ukuran Int 11 Primary key tabel produk ukuran 2 Nama_ukuran Varchar 20 3 Hapus_ukuran Enum ‘ya’,’tidak’ Tabel III.13 - Admin No Field Type Size Keterangan 1 Id_admin Int 11 Primary key tabel admin 2 Id_kota Int 11 Foreign key dari tabel kota Id_kota 3 Nama_admin Varchar 50 4 Email Varchar 10 Unique, not null 5 Password Varchar 41 6 Status Enum ‘aktif’,’tidak aktif’ 7 Alamat_lengkap Text 8 Kodepos Char 5 9 Telepon Varchar 20 10 Username Varchar 30 Tabel III.14 - Pembayaran No Field Type Size Keterangan 1 Id_ pembayaran Int 11 Primary key tabel pembayaran 2 Id_order Int 11 Foreign key dari tabel order Id_order 3 Jenis_bayar Varchar 20 4 Status_bayar Enum ‘belum lunas’,’belum dikonfirmasi’,’lunas’ 5 Jumlah_bayar Decimal 10,0 6 Tgl_bayar Date 7 Paypal_member Varchar 100 8 Konfirmasi Text 9 Kode_transaksi Varchar 30 10 Jam_bayar Time 11 Jumlah_bayar_dollar Float 12 Jumlah_bayar_rupiah Decimal 10,0 13 Bank Varchar 10 14 Norek Int 11 15 Atasnama Varchar 50 16 Kurs Decimal 10,0 Tabel III.15 - Order No Field Type Size Keterangan 1 Id_order Int 11 Primary key tabel order 2 Id_member Int 11 Foreign key dari tabel member Id_member 3 Id_admin Int 11 Foreign key dari tabel admin Id_admin 4 Id_biaya_kirim Int 11 Foreign key dari tabel biaya kirim Id_biaya_kirim 5 Biaya_pengiriman Decimal 10,0 6 Status_order Enum ‘disetujui’,dibatalkan’ 7 Tanggal_order Date 8 Tanggal_kirim Date 9 Tanggal_batal Date 10 Nama_d_penerima Varchar 20 11 Nama_b_penerima Varchar 20 12 Alamat_penerima Text 13 No_resi Varchar 15 14 Jam_order Time 15 Jam_kirim Time 16 Status_kirim Enum ‘sedang diproses’, ’sedang dikirim’,’sudah diterima’ 17 Email_penerima Varchar 100 18 Tlp_penerima Varchar 20 19 Kodepos_penerima Varchar 6 Tabel III.16 - Order Detail No Field Type Size Keterangan 1 Id_order_detail Int 11 Primary key tabel order detail 2 Id_order Int 11 Foreign key dari tabel order Id_order 3 Id_produk Int 11 Foreign key dari tabel produk Id_produk 4 Qty Int 11 5 Harga_produk Decimal 10,0 6 Diskon_produk Float Tabel III.17 - Layanan Pengiriman No Field Type Size Keterangan 1 Id_layanan Int 11 Primary key tabel layanan pengiriman 2 Nama_layanan Varchar 10 3 Alamat_layanan Text 4 Telepon_layanan Varchar 20 5 Hapus_layanan Enum ‘ya’,’tidak’ Tabel III.18 - Biaya Kirim No Field Type Size Keterangan 1 Id_biaya_kirim Int 11 Primary key tabel biaya kirim 2 Id_layanan_pengiriman Int 11 Foreign key dari tabel layanan pengiriman Id_layanan_pengiriman 3 Id_admin Int 11 Foreign key dari tabel admin Id_admin 4 Id_kota Int 11 Foreign key dari tabel kota Id_kota 5 Lama_pengiriman Tinyint 4 6 biaya_kirim Decimal 10,0 7 Hapus_biaya_kirim Enum ‘ya’,’tidak’ Tabel III.19 - Kota No Field Type Size Keterangan 1 Id_kota Int 11 Primary key tabel kota 2 Id_provinsi Int 11 Foreign key dari tabel provinsi Id_provinsi 3 Nama_kota Varchar 50 4 Kabkota Varchar 20 5 Hapus_kota Enum ‘ya’,’tidak’ Tabel III.20 - Provinsi No Field Type Size Keterangan 1 Id_provinsi Int 10 Primary key tabel provinsi 2 Nama_provinsi Varchar 100 3 Hapus_provinsi Enum ‘ya’,’tidak’ Tabel III.21 - Retur No Field Type Size Keterangan 1 No_retur Int 11 Primary key tabel retur 2 Id_order Int 11 Foreign key dari tabel order Id_order 3 Status_retur Enum ‘sedang diproses’,’sudah diterima toko’,’sedang dikirim’,’sudah diterima customer’ 4 Tanggal_retur Date 5 No_resi Varchar 15 Tabel III.22 - Retur Detail No Field Type Size Keterangan 1 Id_ detail_retur Int 11 Primary key tabel retur detail 2 No_retur Int 11 Foreign key dari tabel retur No_retur 3 Id_order_detail Int 11 Foreign key dari tabel order_detail Id_order_detail 4 Id_produk_tukar Int 1 5 Alasan Varchar 100 6 Status_detail_retur Enum ‘disetujui’,’tidak disetujui’,’belum disetujui’,’tukar barang’ 7 Tds Text Tabel III.23 - Testimonial No Field Type Size Keterangan 1 Id_testimonial Int 11 Primary key tabel testimonial 2 Id_admin Int 11 Foreign key dari tabel admin Id_admin 3 Id_member Int 11 Foreign key dari tabel member Id_member 4 Isi_testimonial Text 50 5 Tanggal_testimonial Date 6 Status_testimonial Enum ‘tampil’,’tidak tampil’ 7 Nama_depan Varchar 50 8 Nama_belakang Varchar 50 9 Email Varchar 100 Unique, not null Tabel III.24 - Keranjang No Field Type Size Keterangan 1 Id_keranjang Int 11 Primary key tabel keranjang 2 Id_produk Int 11 Foreign key dari tabel produk Id_produk 3 Id_member Int 11 Foreign key dari tabel member Id_member 4 Jumlah Int 4 5 Id_session Varchar 100 6 Tgl_keranjang Date 7 Jam_keranjang Time 8 Gambar_temp Varchar 100 9 Ukuran_temp Int 4 10 Harga_temp Decimal 10,0 11 Stok_temp Int 11 12 Ip Varchar 15 13 Diskon_temp Int 11 Tabel III.25 - Rating Produk No Field Type Size Keterangan 1 Id_produk Int 11 Primary key dari tabel produk 2 Id_order Int 11 Foreign key dari tabel order Id_order 3 Counter Int 11 4 Value Int 11 III.3 Perancangan Arsitektur III.4 Perancangan struktur menu Perancangan struktur menu berisikan menu dan submenu yang berfungsi memudahkan user didalam menggunakan sistem. Menu-menu tersebut dibagi berdasarkan hak akses masing-masing user. Berikut ini gambaran mengenai struktur menu website penjualan online.

1. Struktur Menu Pengunjung

Beranda Semua Produk Panduan Belanja Kategori Panduan Pengiriman Panduan Pembayaran Panduan Retur Pendaftaran Login Gambar III.28 - Struktur Menu Pengunjung

2. Struktur Menu Member

Beranda Semua Produk Panduan Retur Panduan Belanja Kategori Panduan Pengiriman Panduan Pembayaran Profil Ubah Password Riwayat Pesanan Testimonial Logout Keranjang Belanja Gambar III.29 - Struktur Menu Member

3. Struktur Menu Admin

Perancangan struktur menu admin merupakan tampilan menu yang dapat diakses oleh administrator. Perancangan struktur menu admin pada halaman utama dapat ditunjukkan pada gambar III.30 : Account Dashboard Laporan Transaksi Data Master Retur Maintenance Gambar III.30 - Struktur Menu Admin Pada Halaman Utama Perancangan struktur menu admin pada data master dapat ditunjukkan pada gambar III.31 : Kota Data Provinsi Ukuran Kategori Produk Member Testimonial Biaya Pengiriman Paket Pengiriman III.31 - Struktur Menu Admin Pada Data Master Perancangan struktur menu admin pada data transaksi dapat ditunjukkan pada gambar III.32 : Belum Lunas Sudah Diterima Belum Dikonfirmasi Sedang Dikirim Dikonfirmasi III.32 - Struktru Menu Admin Pada Data Transaksi Perancangan pada struktur menu admin pada data retur dapat ditunjukkan pada gambar III.33 : Retur Diterima Costumer Retur Baru Retur Sedang Dikirim Retur Diterima Toko III.33 - Struktur Menu Admin Pada Data Retur Perancangan pada struktur menu admin pada data laporan dapat ditunjukkan pada gambar III.34 : Pengirima Penjualan Retur Produk III.34 - Struktur Menu Admin Pada Data Laporan Perancangan struktur menu admin pada data maintenance dapat ditunjukkan pada gambar III.35 : Restore Database Backup Database III.35 - Struktur Menu Admin Pada Data Maintenace Perancangan struktur menu admin pada data profil dapat ditunjukkan pada gambar III.36 : Logout Profil Ubah Password III.36 - Struktur Menu Admin Pada Data Profil III.4.1 Perancangan procedural Perancangan procedural digunakan sebagai algoritma dasar dalam langkah mengkodekan prosedur yang ada. Adapun perancangan procedural sistem informasi kualitas air adalah sebagai berikut : 1. Perancangan Prosedural Login Admin Mulai Masukkan email dan password Pengecekan Valid ? Selesai ya tidak Tampil halaman beranda admin Gambar III.37 - Perancangan Prosedural Login Admin 2. Perancangan Prosedural Login Member Mulai Masukkan email dan password Pengecekan Valid ? Selesai ya tidak Tampil halaman beranda member Gambar III.38 - Perancangan Prosedural Login Member 3. Perancangan Prosedural Tambah Data Mulai Input data Pengecekan Valid ? Selesai ya tidak Tampil data yang ditambahkan Gambar III.39 - Perancangan Prosedural Tambah Data 4. Perancangan Prosedural Edit Data Mulai Cari data yang akan diedit Pencarian Ketemu ? Selesai ya tidak Edit data Cek data yang akan diedit Edit data gagal Gambar III.40 - Perancangan Prosedural Edit Data 5. Perancangan Prosedural Hapus Data Mulai Cari data yang akan dihapus Pencarian Ketemu ? Selesai ya tidak Hapus data Cek data yang akan dihapus Hapus data gagal Gambar III.41 - Perancangan Prosedural Hapus Data 6. Perancangan Prosedural Pencarian Data Mulai Input cari data Pencarian Ketemu ? Selesai ya tidak Data yang dicari Gambar III.42 - Perancangan Prosedural Pencarian Data 7. Perancangan Prosedural order Mulai Pilih produk Pengecekan Tambah ? Pengecekan Input data pengiriman Valid ? Konfirmasi data order Sesuai ? Selesai tidak ya ya ya tidak tidak Gambar III.43 - Perancangan Prosedural Order 8. Perancangan Prosedural Pendaftaran Mulai Input data pendaftaran Pengecekan Valid ? Simpan data pendaftaran Selesai ya tidak Gambar III.44 - Perancangan Prosedural Pendaftaran 9. Perancangan Prosedural Pembayaran Mulai Input data pembayaran Pengecekan Valid ? Simpan data pembayaran Selesai ya tidak Gambar III.45 - Perancangan Prosedural Pembayaran 10. Perancangan Prosedural Pengiriman Mulai Input no resi Pengecekan Valid ? Selesai ya tidak Gambar III.46 - Perancangan Prosedural Pengiriman III.4.2 Perancangan antar muka Perancangan antar muka bertujuan untuk memberikan gambaran tentang aplikasi yang akan dibangun. Sehingga akan mempermudah dalam mengimplementasikan aplikasi. Berikut ini adalah tampilan antar muka yang dirancang pada website penjualan online The Baiya’s :

1. Perancangan Antarmuka Pengunjung

Antarmuka Home P01 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial IMAGE Produk Lainnya Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P01 Gambar III.47 - Antarmuka Home Antarmuka All Produk P02 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Mandiri BNI Paypal JNE Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P02 Gambar III.48 - Antarmuka All Produk Antarmuka Panduan Belanja P03 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial Teks Mandiri BNI Paypal JNE Cara Belanja Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P03 Gambar III.49 - Antarmuka Panduan Belanja Antarmuka Panduan Pembayaran P04 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial Teks Mandiri BNI Paypal JNE Pembayaran Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P04 Gambar III.50 - Antarmuka Panduan Pembayaran Antarmuka Panduan Pengiriman P05 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial Teks Mandiri BNI Paypal JNE Ketentuan Proses Pengiriman Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P05 Gambar III.51 - Antarmuka Panduan Pengiriman Antarmuka Panduan Retur P06 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial Teks Mandiri BNI Paypal JNE Panduan Retur Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P06 Gambar III.52 - Antarmuka Panduan Retur Antarmuka Pendaftaran P07 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Pendaftaran Daftar Nama Depan : Nama Belakang : Alamat : Kota : Provinsi : Telepon : Email : Password : Masukkan Kode : -- Pilih Provinsi -- ▼ -- Pilih KabupatenKota -- ▼ captcha Jenis Kelamin : Pria Wanita Kodepos : Keterangan : Harus Diisi Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P07 Gambar III.53 - Antarmuka Pendaftaran Antarmuka Login P08 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 11. Klik link “belum punya akun? Daftar sekarang” untuk menuju P07 12. Klik link “lupa password” untuk menuju M02 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Member Login Email Password Lupa Password ? Belum Punya Akun ? Daftar Sekarang Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Login Produk Lainnya Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon P08 Gambar III.54 - Antarmuka Login Antarmuka Kategori P09 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Kategori Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Produk Lainnya Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon P09 Gambar III.55 - Antarmuka Kategori Antarmuka Detail Produk P10 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Pendaftaran” untuk menuju P07 8. Klik tombol “Login” untuk menuju P08 9. Klik tombol “Kategori” untuk menuju P09 10. Klik tombol link “Nama Produk” untuk menuju P10 FOOTER HEADER LOGO Home | All Produk | Panduan | Pendaftaran | Login Semua Produk▼ Cari Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Detail Produk Keranjang Belanja Clien Area Browser : OS : IP : Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Produk Serupa Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Image Nama Produk IMAGE Add to Cart Harga Pokok : Diskon : Harga Diskon : Spesifikasi Produk Ukuran : Berat : Warna : Jenis Produk : Stok Deskripsi : Rating : 05 P10 Gambar III.56 - Antarmuka Detail Produk

2. Perancangan Antarmuka Member

Antarmuka Home M01 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial IMAGE Produk Lainnya Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout M01 Gambar III.57 - Antarmuka Home Antarmuka Lupa Password M02 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Produk Lainnya Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Lupa Password Email : Kirim Keterangan : Harus Diisi M02 Gambar III.58 - Antarmuka Lupa Password Antarmuka Profil M03 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 15. Klik tombol “edit” untuk menuju M08 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Produk Lainnya Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Profil Member Edit ID Member : Nama Depan : Nama Belakang : Jenis Kelamin : Alamat : Kodepos : Provinsi : Kota : Telepon : Email : M03 Gambar III.59 - Antarmuka Profil Antarmuka Ubah Password M04 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Produk Lainnya Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Ubah Password Password Lama : Ubah Password Baru : Re-type Password Baru : Keterangan : Harus Diisi Ulang M04 Gambar III.60 - Antarmuka Ubah Password Antarmuka Testimonial M05 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Produk Lainnya Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Testimonial Nama Depan Simpan Nama Belakang Email Ulang Komentar M05 Gambar III.61 - Antarmuka Testimonial Antarmuka Keranjang Belanja M06 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 15. Klik tombol “belanja lagi” untuk menuju P02 16. Klik tombol “checkout” untuk menuju M09 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Image Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Keranjang Belanja Produk Diskon Qty Harga Subtotal Edit Hapus Belanja Lagi Checkout Total Belanja Teks M06 Gambar III.62 - Antarmuka Keranjang Belanja Antarmuka Riwayat Pesanan M07 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 15. Klik link “bayar pesanan” untuk menuju M12 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial No Pesanan Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Tgl Expired Status Pesan Status Bayar Status Kirim Total Bayar Aksi Halaman : | Total Pesanan : Pesanan Gambar III.63 - Antarmuka Riwayat Pesanan Antarmuka Edit Profil M08 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Produk Lainnya Image Image Image Image Image Image Image Image Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Nama Produk Harga Asli Harga Diskon Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Profil Member Simpan ID Member : Nama Depan : Nama Belakang : Jenis Kelamin : Alamat : Kodepos : Provinsi : Kota : Telepon : Email : Pria Wanita ▼ ▼ Batal Keterangan : Harus Diisi M08 Gambar III.64 - Antarmuka Edit Profil Antarmuka Konfirmasi Pengiriman M09 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 15. Klik tombol “kembali” untuk menuju M06 16. Klik tombol “lanjutkan” untuk menuju M10 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Checkout Step 1 Alamat Pengiriman Alamat Lain Kembali Alamat Tujuan Nama Depan : Nama Belakang : Alamat : Kodepos : Provinsi : Kota : TeleponHP : Email : -- Pilih Tujuan Pengiriman -- ▼ -- Pilih Provinsi -- ▼ -- Pilih Kota -- ▼ Lanjutkan Keterangan : Harus Diisi Biaya Pengiriman Paket Pengiriman -- Pilih Paket Pengiriman -- ▼ Total Berat : Rp. Ongkos Kirim Per Kg : Rp. Ongkos Kirim : Rp. M09 Gambar III.65 - Antarmuka Konfirmasi Pengiriman Antarmuka Konfirmasi Pembelian M10 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 15. Klik tombol “kembali” untuk menuju M09 16. Klik tombol “selesai belanja” untuk menuju M11 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Konfirmasi Pembelian Alamat Pengiriman No Aturan, syarat dan ketentuan Nama Produk Ukuran Warna Berat Satuan Qty Harga Satuan Subtotal Total Sementara Rp. Total Berat Kg Nama Alamat Jenis Pengiriman yang digunakan Layanan Pengiriman yang digunakan : Tujuan : Biaya Pengiriman : Total Sementara : Biaya Pengiriman : Total Tagihan : Rp. Rp. Rp. Kembali Selesai Belanja Saya telah membaca dan menyetujui semua aturan, syarat dan ketentuan di atas M10 Gambar III.66 - Antarmuka Konfirmasi Pembelian Antarmuka Pembelian Selesai M11 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Pembelian Selesai Alamat Pengiriman No Nama Produk Ukuran Warna Berat Satuan Qty Harga Satuan Subtotal Total Sementara Rp. Total Berat Kg Nama Alamat Jenis Pengiriman yang digunakan Layanan Pengiriman yang digunakan : Tujuan : Biaya Pengiriman : Total Sementara : Biaya Pengiriman : Total Tagihan : Rp. Rp. Rp. Transfer Bank Paypal COD Invoice : Tanggal Order : Tanggal Expired : TEKS M11 Gambar III.67 - Antarmuka Pembelian Selesai Antarmuka Bayar Via Transfer Bank M12 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 15. Klik “COD” untuk menuju M13 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Bayar Via Transfer Bank COD Paypal No Pesanan : Jumlah yang Harus Dibayar : No Rekening : Nama Bank : Atas Nama : Kode Transaksi : Tanggal Pembayaran : -- Pilih Bank -- ▼ Jumlah Bayar : Keterangan : Harus Diisi Konfirmasi Contoh : 76250 M12 Gambar III.68 - Antarmuka Bayar Via Transfer Bank Antarmuka COD M13 Navigasi : 1. Klik tombol “Home” untuk menuju P01 2. Klik tombol “All Produk” untuk menuju P02 3. Klik tombol “Panduan-Belanja” untuk menuju P03 4. Klik tombol “Panduan- Pembayaran” untuk menuju P04 5. Klik tombol “Panduan- Pengiriman” untuk menuju P05 6. Klik tombol “Panduan-Retur” untuk menuju P06 7. Klik tombol “Kategori” untuk menuju P09 8. Klik tombol link “Nama Produk” untuk menuju P10 9. Klik link “profil” untuk menuju M03 10. Klik link “ubah password” untuk menuju M04 11. Klik link “testimonial” untuk menuju M05 12. Klik link “keranjang belanja” untuk menuju M06 13. Klik link “riwayat pesanan” untuk menuju M07 14. Klik link “logout” untuk menuju P01 FOOTER HEADER LOGO Home | All Produk | Panduan Semua Produk▼ Cari Kategori Customer Service Testimonial Mandiri BNI Paypal JNE Keranjang Belanja Clien Area Most View Product Best Selling Product Image Nama Produk Harga Asli Harga Diskon Image Nama Produk Harga Asli Harga Diskon Hallo, Nama Member Profil Ubah Password Testimonial Keranjang Belanja Riwayat Pesanan Logout Konfirmasi Pembayaran Terima kasih telah melakukan konfirmasi, secepatnya konfirmasi anda akan kami proses dahulu untuk di cek kebenarannya, tunggu konfirmasi dari kami selanjutnya. Agar konfirmasi anda segera kami proses, sebaiknya anda melakukan konfirmasi kepada kami melalui telepon atau via live chat. M13 Gambar III.69 - Antarmuka COD

3. Perancangan Antarmuka Administrator

Antarmuka Login A01 username password Username Password Login Lupa Password LOGO Gambar III.70 - Antarmuka Login Antarmuka Home A02 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Selamat datang admin di halaman petugas Toko The Baiyas Data Master Transaksi Belum lunas Kategori Ukuran Produk Provinsi Kota Produk gambar Layanan pengiriman Biaya pengiriman Testimonial Retur Retur baru Retur diterima toko Belum dikonfirmasi Lunas Sedang dikirim Sudah diterima Member Retur sedang dikirim Retur diterima customer Laporan Penjualan Produk Retur Pengiriman Maintenance Backup database Restore database Account Profil Ubah password Logout A02 Gambar III.71 - Antarmuka Home Antarmuka Kategori A03 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi KATEGORI Retur Laporan Maintenance Account Nama Hapus Pencarian Cari No Nama Kategori SEO Hapus Aksi Tambah Kategori Tambah Subkategori Kembali 1 | Berikutnya A03 Gambar III.72 - Antarmuka Kategori Antarmuka Ukuran A04 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 29. Klik tombol “tambah ukuran” untuk menuju A31 FOOTER HEADER LOGO Dashboard Data Master Transaksi UKURAN Retur Laporan Maintenance Account Ukuran Hapus Pencarian Cari No Ukuran Hapus Aksi Tambah Ukuran Kembali 1 | Berikutnya A04 Gambar III.73 - Antarmuka Ukuran Antarmuka Produk A05 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 29. Klik tombol “tambah produk” untuk menuju A32 FOOTER HEADER LOGO Dashboard Data Master Transaksi PRODUK Retur Laporan Maintenance Account Nama Produk Stok Pencarian Cari No Kategori Nama Produk Harga Tambah Produk Kembali 1 | Berikutnya Jenis Produk Ukuran Berat Diskon Stok Dibeli Dilihat Dihapus Aksi Harga Dihapus A05 Gambar III.74 - Antarmuka Produk Antarmuka Provinsi A06 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 29. Klik tombol “tambah provinsi” untuk menuju A33 FOOTER HEADER LOGO Dashboard Data Master Transaksi PROVINSI Retur Laporan Maintenance Account Provinsi Dihapus Pencarian Cari No ID Provinsi Dihapus Aksi Tambah Provinsi Kembali 1 | Berikutnya Provinsi A06 Gambar III.75 - Antarmuka Provinsi Antarmuka Kota A07 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 29. Klik tombol “tambah kota” untuk menuju A34 FOOTER HEADER LOGO Dashboard Data Master Transaksi KOTA Retur Laporan Maintenance Account Kota Dihapus Pencarian Cari No ID Kota Dihapus Aksi Tambah Kota Kembali 1 | Berikutnya Provinsi Kota Status Kota A07 Gambar III.76 - Antarmuka Kota Antarmuka Layanan Pengiriman A08 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 29. Klik tombol “tambah layanan pengiriman” untuk menuju A35 FOOTER HEADER LOGO Dashboard Data Master Transaksi LAYANAN PENGIRIMAN Retur Laporan Maintenance Account Nama Layanan Pengiriman Dihapus Pencarian Cari No ID Layanan Pengiriman Dihapus Aksi Tambah Layanan Pengiriman Kembali 1 | Berikutnya Layanan Pengiriman Alamat Layanan Telepon Layanan A08 Gambar III.77 - Antarmuka Layanan Pengiriman Antarmuka Biaya Pengiriman A09 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 29. Klik tombol “tambah biaya pengiriman” untuk menuju A36 FOOTER HEADER LOGO Dashboard Data Master Transaksi BIAYA PENGIRIMAN Retur Laporan Maintenance Account Kota Jasa Pengiriman Pencarian Cari No Layanan Pengiriman Lama Pengiriman Dihapus Tambah Ongkos Kirim Kembali 1 | Berikutnya Kota Kota Kabupaten Ongkos Kirim Ongkos Kirim Estimasi Pengiriman Dihapus Last Edit By Aksi A09 Gambar III.78 - Antarmuka Biaya Pengiriman Antarmuka Testimonial A10 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi TESTIMONIAL Retur Laporan Maintenance Account ID Member Email Pencarian Cari No ID Member Status Aksi Kembali 1 | Berikutnya Email Tanggal Tanggal Status A10 Gambar III.79 - Antarmuka Testimonial Antarmuka Member A11 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi MEMBER Retur Laporan Maintenance Account Nama Depan Nama Belakang Pencarian Cari No ID Member Alamat Aksi Kembali 1 | Berikutnya Nama Lengkap Jenis Kelamin Jenis Kelamin Email Telepon Email Status A11 Gambar III.80 - Antarmuka Member Antarmuka Transaksi Belum Lunas A12 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi ORDER BARU Retur Laporan Maintenance Account Cari Berdasarkan No Pesanan Cari No No Pesanan Nama Member Jam Order Total Tagihan Kembali 1 | Berikutnya Tanggal Order Status Aksi A12 Gambar III.81 - Antarmuka Transaksi Belum Lunas Antarmuka Transaksi Belum Dikonfirmasi A13 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi ORDER BELUM DIKONFIRMASI Retur Laporan Maintenance Account Cari Berdasarkan No Pesanan Cari No No Pesanan Nama Member Jam Order Total Tagihan Kembali 1 | Berikutnya Tanggal Order Status Aksi A13 Gambar III.82 - Antarmuka Transaksi Belum Dikonfirmasi Antarmuka Transaksi Lunas A14 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi ORDER DIKONFIRMASI Retur Laporan Maintenance Account Cari Berdasarkan No Pesanan Cari No No Pesanan Nama Member Jam Order Total Tagihan Kembali 1 | Berikutnya Tanggal Order Status Aksi A14 Gambar III.83 - Antarmuka Transaksi Lunas Antarmuka Transaksi Sedang Dikirim A15 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi ORDER DIKIRIM Retur Laporan Maintenance Account Cari Berdasarkan No Pesanan Cari No No Pesanan Nama Member Jam Order Total Tagihan Kembali 1 | Berikutnya Tanggal Order Status Aksi A15 Gambar III.84 - Antarmuka Transaksi Sedang Dikirim Antarmuka Transaksi Sudah Diterima A16 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi ORDER DITERIMA Retur Laporan Maintenance Account Cari Berdasarkan No Pesanan Cari No No Pesanan Nama Member Jam Order Total Tagihan Kembali 1 | Berikutnya Tanggal Order Status Aksi A16 Gambar III.85 - Antarmuka Transaksi Sudah Diterima Antarmuka Retur Baru A17 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi RETUR BARU Retur Laporan Maintenance Account Cari Berdasarkan No Retur Cari No No Retur No Pesanan Tanggal Retur Kembali 1 | Berikutnya Nama Member Status Retur Aksi A17 Gambar III.86 - Antarmuka Retur Baru Antarmuka Retur Diterima Toko A18 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi RETUR DITERIMA TOKO Retur Laporan Maintenance Account Cari Berdasarkan No Retur Cari No No Retur No Pesanan Tanggal Retur Kembali 1 | Berikutnya Nama Member Status Retur Aksi A18 Gambar III.87 - Antarmuka Retur Diterima Toko Antarmuka Retur Sedang Dikirim A19 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi RETUR DIKIRIM Retur Laporan Maintenance Account Cari Berdasarkan No Retur Cari No No Retur No Pesanan Tanggal Retur Kembali 1 | Berikutnya Nama Member Status Retur Aksi A19 Gambar III.88 - Antarmuka Retur Sedang Dikirim Antarmuka Retur Diterima Customer A20 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi RETUR DITERIMA CUSTOMER Retur Laporan Maintenance Account Cari Berdasarkan No Retur Cari No No Retur No Pesanan Tanggal Retur Kembali 1 | Berikutnya Nama Member Status Retur Aksi A20 Gambar III.89 - Antarmuka Retur Diterima Customer Antarmuka Laporan Penjualan A21 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi LAPORAN PENJUALAN Retur Laporan Maintenance Account Mulai Tanggal Cari Sampai Tanggal Status Bayar ---Pilihan--- ▼ Lunas Belum Lunas Belum Dikonfirmasi Dikonfirmasi Keterangan : Harus Diisi KAL KAL A21 Gambar III.90 - Antarmuka Laporan Penjualan Antarmuka Laporan Produk A22 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi LAPORAN PRODUK Retur Laporan Maintenance Account Mulai Tanggal Cari Sampai Tanggal Keterangan : Harus Diisi KAL KAL A22 Gambar III.91 - Antarmuka Laporan Produk Antarmuka Laporan Retur A23 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi LAPORAN RETUR Retur Laporan Maintenance Account Mulai Tanggal Cari Sampai Tanggal Status Retur ---Pilih Status--- Sedang Diproses Sudah Diterima Toko Sedang Dikirim Sudah Diterima Customer Keterangan : Harus Diisi KAL KAL A23 Gambar III.92 - Antarmuka Laporan Retur Antarmuka Laporan Pengiriman A24 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi LAPORAN PENGIRIMAN Retur Laporan Maintenance Account Mulai Tanggal Cari Sampai Tanggal Status Pengiriman ---Pilih Status--- ▼ Sedang Dikirim Sudah Diterima Keterangan : Harus Diisi KAL KAL A24 Gambar III.93 - Antarmuka Laporan Pengiriman Antarmuka Backup Database A25 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi BACKUP DATABASE Retur Laporan Maintenance Account Dump MySQL Nama Database : thebaiya_db Backup Data A25 Gambar III.94 - Antarmuka Backup Database Antarmuka Restore Database A26 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi RESTORE DATABASE Retur Laporan Maintenance Account Nama Database : thebaiya_db Browse Restore Data MySQL Restore A26 Gambar III.95 - Antarmuka Restore Database Antarmuka Profil A27 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 29. Klik tombol “edit” untuk menuju A37 FOOTER HEADER LOGO Dashboard Data Master Transaksi PROFIL ADMIN Retur Laporan Maintenance Account Edit Nama : Alamat : Kota : Kodepos : Email : Telepon : Status : Username : A27 Gambar III.96 - Antarmuka Profil Antarmuka Ubah Password A28 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi UBAH PASSWORD Retur Laporan Maintenance Account Password Lama : Update Password Baru : Re-type Password Baru : Keterangan : Harus Diisi Ulang A28 Gambar III.97 - Antarmuka Ubah Password Antarmuka Tambah Kategori A29 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi TAMBAH KATEGORI Retur Laporan Maintenance Account Simpan Kategori : Kategori SEO : Keterangan : Harus Diisi A29 Gambar III.98 - Antarmuka Tambah Kategori Antarmuka Tambah Subkategori A30 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi TAMBAH SUBKATEGORI Retur Laporan Maintenance Account Simpan -- Pilih Kategori -- ▼ Kategori : Subkategori : Keterangan : Harus Diisi Kategori SEO : A30 Gambar III.99 - Antarmuka Tambah Subkategori Antarmuka Tambah Ukuran A31 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi TAMBAH UKURAN Retur Laporan Maintenance Account Simpan Ukuran : Keterangan : Harus Diisi A31 Gambar III.100 - Antarmuka Tambah Ukuran Antarmuka Tambah Produk A32 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi TAMBAH PRODUK Retur Laporan Maintenance Account Simpan Kategori : Nama Produk : Jenis Produk : Ukuran : Harga Rp : Diskon : Berat gram : Stok : Warna : Deskripsi : Ringkasan : Keterangan : Harus Diisi Browse -- Pilih Kategori -- ▼ -- Pilih Ukuran -- ▼ -- Pilih Warna -- ▼ Pria Wanita Gambar : A32 Gambar III.101 - Antarmuka Tambah Produk Antarmuka Tambah Provinsi A33 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi TAMBAH PROVINSI Retur Laporan Maintenance Account Simpan Provinsi : Keterangan : Harus Diisi A33 Gambar III.102 - Antarmuka Tambah Provinsi Antarmuka Tambah Kota A34 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi TAMBAH KOTA Retur Laporan Maintenance Account Simpan Status Kota : Keterangan : Harus Diisi -- Pilih Provinsi -- ▼ Provinsi : Kota : Kabupaten Kota A34 Gambar III.103 - Antarmuka Tambah Kota Antarmuka Tambah Layanan Pengiriman A35 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi TAMBAH LAYANAN PENGIRIMAN Retur Laporan Maintenance Account Simpan Keterangan : Harus Diisi Nama Layanan Pengiriman : Alamat Layanan Pengiriman : Telepon Layanan Pengiriman : A35 Gambar III.104 - Antarmuka Tambah Layanan Pengiriman Antarmuka Tambah Biaya Pengiriman A36 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi TAMBAH BIAYA PENGIRIMAN Retur Laporan Maintenance Account Simpan Keterangan : Harus Diisi -- Pilih Provinsi -- ▼ Provinsi : -- Pilih Layanan Pengiriman -- ▼ Layanan Pengiriman : Biaya Pengiriman Rp : -- Pilih KabupatenKota -- ▼ Kota : Lama Pengiriman hari : 1 ▼ A36 Gambar III.105 - Antarmuka Tambah Biaya Pengiriman Antarmuka Edit Profil A37 Navigasi : 1. Klik tombol “Dashboard” untuk menuju halaman A02 2. Klik tombol Data Master “kategori” untuk menuju A03 3. Klik tombol Data Master “ukuran” untuk menuju A04 4. Klik tombol Data Master “produk” untuk menuju A05 5. Klik tombol Data Master “provinsi” untuk menuju A06 6. Klik tombol Data Master “kota” untuk menuju A07 7. Klik tombol Data Master “layanan pengiriman” untuk menuju A08 8. Klik tombol Data Master “biaya pengiriman” untuk menuju A09 9. Klik tombol Data Master “testimonial” untuk menuju A10 10. Klik tombol Data Master “member” untuk menuju A11 11. Klik tombol Transaksi “belum lunas” untuk menuju A12 12. Klik tombol Transaksi “belum dikonfirmasi” untuk menuju A13 13. Klik tombol Transaksi “lunas” untuk menuju A14 14. Klik tombol Transaksi “sedang dikirim” untuk menuju A15 15. Klik tombol Transaksi “sudah diterima” untuk menuju A16 16. Klik tombol Retur “retur baru” untuk menuju A17 17. Klik tombol Retur “retur diterima toko” untuk menuju A18 18. Klik tombol Retur “retur sedang dikirim” untuk menuju A19 19. Klik tombol Retur “retur diterima customer” untuk menuju A20 20. Klik tombol Laporan “penjualan” untuk menuju A21 21. Klik tombol Laporan “produk” untuk menuju A22 22. Klik tombol Laporan “retur” untuk menuju A23 23. Klik tombol Laporan “pengiriman” untuk menuju A24 24. Klik tombol Maintenance “backup database” untuk menuju A25 25. Klik tombol Maintenance “restore database” untuk menuju A26 26. Klik tombol Account “profil” untuk menuju A27 27. Klik tombol Account “ubah password” untuk menuju A28 28. Klik tombol Account “logout” untuk menuju A01 FOOTER HEADER LOGO Dashboard Data Master Transaksi PROFIL ADMIN Retur Laporan Maintenance Account Update ID Admin : Nama : Alamat : Kota : Kodepos : Email : Telepon : Status : Aktif Username : Password : Re-type Password : Keterangan : Harus Diisi Batal ▼ administrator A37 Gambar III.106 - Antarmuka Edit Profil III.4.3 Perancangan pesan Berikut ini adalah perancangan pesan yang ada pada website penjualan online The Baiya’s Surabaya.

1. Perancangan Pesan Pengunjung

P01 Nama Depan Harus Diisi Nama Belakang Harus Diisi Silahkan Isi Alamat Lengkap Anda Kodepos Harus Diisi Provinsi Belum Dipilih Kota Belum Dipilih Password Harus Diisi Kode Harus Diisi P02 Anda Sudah Terdaftar Sebagai Member P03 Email zzzzzz Sudah Terdaftar, Silahkan Ulangi Lagi P04 Gagal Melakukan Pendaftaran, Silahkan Ulangi Lagi P05 Gagal Mengirim Aktivasi Email P06 Pendaftaran Sukses Silahkan Melihat Email Anda Untuk Mengaktifkan Account. Apabila Tidak Ditemukan Balasan Ke Email Inbox Anda, Silahkan Cek Inbox Spam Email Anda... P07 Terima Kasih Telah Mengaktifkan Account Anda.. Selamat Berbelanja Gambar III.107 - Perancangan Pesan Pengunjung

2. Perancangan Pesan Member

M01 Email Atau Password yang Anda Masukkan Salah Belum Punya Account Member ? Silahkan Daftar Dulu Disini M03 Keranjang Belanja Anda Kosong M04 Password Lama Harus Diisi Password Baru Harus Diisi Re-type Password Harus Diisi M05 Nama Depan Harus Diisi Nama Belakang Harus Diisi Alamat Harus Diisi Kodepos Harus Diisi Provinsi Belum Dipilih Kota Belum Dipilih Email Harus Diisi M06 Alamat Tujuan Belum Dipilih Pilih Jasa Pengiriman Nama Depan Penerima Harus Diisi Nama Belakang Penerima Harus Diisi Isi Alamat Lengkap Pengiriman Provinsi Belum Dipilih Kota Belum Dipilih Kodepos Harus Diisi M07 Anda Belum Menyetujui Dengan Semua Syarat dan Ketentuan Toko The Baiyas M08 Jumlah Bayar Harus Diisi Nama Bank Harus Diisi Atas Nama Harus Diisi Kode Transaksi Harus Diisi Tanggal Pembayaran Belum Diisi M02 Password Baru Telah Dikirim ke Email Anda, Silahkan Cek Email, Untuk Keamanan Anda Silahkan Ubah Password Anda. M09 Password Baru Dengan ID Member : Telah Diubah Gambar III.108 - Perancangan Pesan Member III.4.4 Jaringan semantik Jaringan semantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya. Berikut adalah gambaran jaringan semantik yang ada pada website penjualan The Baiya’s.

1. Jaringan Semantik Pengunjung

P01 P02 P03 P04 P05 P06 P07 P08 P09 P10 Gambar III.109 - Jaringan Semantik Pengunjung

2. Jaringan Semantik Member

M01 M02 M03 M04 M05 M06 M07 M08 M09 M10 M11 M12 M13 Gambar III.110 - Jaringan Semantik Member

3. Jaringan Semantik Administrator

A02 A03 A04 A05 A06 A07 A08 A09 A10 A11 A13 A14 A15 A16 A17 A18 A19 A20 A21 A22 A23 A24 A25 A26 A27 A12 A28 A29 A30 A31 A32 A33 A34 A35 A36 A37 Gambar III.111 - Jaringan Semantik Admin 194

Bab IV IMPLEMENTASI DAN PENGUJIAN