Sistematika Penulisan Kesimpulan Pembangunan Sistem E-Commerce Di Jebgos Accessories

Operation and maintenace merupakan tahap mengoperasikan program dilingkungannya dan melakukan pemeliharaan, seperti penyesuaian atau perubahan karena adaptasi dengan situasi sebenarnya. Requirments analysis and definition System and software design Implementation and unit testing Integration and system testing Operation and maintenance Feedback Gambar 1.1 Model Waterfall

1.6 Sistematika Penulisan

Sistematika penulisan laporan skripsi ini disusun untuk memberikan gambaran umum tentang penelitian yang dilakukan. Adapun sistematika laporan skripsi ini adalah :

BAB 1 PENDAHULUAN

Bab 1 ini menguraikan tentang latar belakang, identifikasi masalah, maksud dan tujuan, batasan masalah, metodologi penelitian, serta sistematika penulisan. BAB 2 TINJAUAN PUSTAKA Membahas berbagai konsep dasar teori yang berkaitan dengan topik penelitian yang dilakukan dan hal-hal yang berguna dalam proses analisis permasalahan.

BAB 3 ANALISIS DAN PERANCANGAN

Bab 3 berisi tentang analisis dari keseluruhan sistem, yang mencakup analisis prosedur yang sedang berjalan, pengkodean, analisis kebutuhan non fungsional yang terdiri dari analisis perangkat keras, analisis perangkat lunak, analisis kebutuhan pengguna dan analisis basis data beserta solusi yang diberikan. Bab ini juga berisi tentang perancangan untuk sistem yang akan dibangun, berdasarkan data terstruktur yaitu menggunakan flowmap dengan tools yang digunakan yaitu ERD Entity Relationship Diagram dan DFD Data Flow Diagram.

BAB 4 IMPLEMENTASI DAN PENGUJIAN

Bab 4 berisi hasil implementasi dari hasil analisis dan perancangan yang telah dibuat disertai juga dengan hasil pengujian dengan menguji sistem dengan metode blackbox secara alpha yang berfokus pada persyaratan fungsional dan beta dengan kuesioner dari aplikasi yang dilakukan sehingga diketahui apakah sistem yang dibangun sudah memenuhi syarat sebagai aplikasi yang user-friendly.

BAB 5 KESIMPULAN DAN SARAN

Bab 5 berisi kesimpulan tentang keseluruhan dari pembangunan e-commerce dan saran untuk masa yang akan datang. 13 BAB 2 TINJAUAN PUSTAKA

2.1 Profil Perusahaan

Profil perusahaan membahasan bagaimana perusahaan ini berdiri dan berkembang hingga sampai sekarang ini. Ditinjau dari sejarah, struktur organisasi, deskripsi tugasnya di perusahaan dan lain sebagainya yang menjadi hal yang wajib ada

2.1.1 Sejarah Perusahaan

Awal mula didirikannya toko aksesoris yang sebagian barangnya dibuat sendiri ini adalah dari rasa penasaran pemilik toko untuk mencoba-coba membuat aksesoris yang unik, yang belum pernah ada. Dengan melihat model-model aksesoris yang sedang trend, sang pemilik memodifikasi dan mencoba membuat model baru dengan memperkerjakan ibu-ibu di sekitar rumah. Jebgos Accesories ini sendiri baru berdiri pada tahun 2004 dari seorang ibu Yenny H.Sihombing yang punya daya kreatif tinggi dalam menjadikan suatu barang yang dinilai tidak menarik, sehingga menjadi aksesoris yang luar biasa dan dapat diperjual- belikan ke masyarakat umum.

2.1.2 Tempat dan kedudukan perusahaan

JEBGOS ACCESORIES adalah salah satu toko aksesoris yang beralamatkan di Jl.Petak Baru Blok AA No.24 Pasar Pagi Lama Jakarta Kota.

2.1.3 Logo Jebgos Accessories

Gambar 2.1 Logo JEBGOS ACCESSORIES 2.1.4 Struktur Organisasi Perusahaan Organisasi adalah sekelompok orang yang bekerja sama untuk mencapai tujuan yang telah di Skenariokan, dari pengertian tersebut organisasi dapat di simpulkan sebagai kumpulan orang-orang yang bekerja sama dengan dasar persamaan tujuan. Organisasi perusahaan sangatlah penting didalam menjamin kelangsungan dan kelancaran mekanisme kerja perusahaan, adanya organisasi dapat menciptakan suatu sistem pembagian kerja atau tugas yang sesuai dengan kebutuhan perusahaan sehingga mempermudah kegiatan operasional perusahaan dalam mencapai tujuan. Struktur organisasi dapat dilihat pada Gambar 2.2 Pemilik toko Administrasi dan keuangan Storage Frontman Gambar 2.2 Struktur Organisasi JEBGOS ACCESORIES 2.1.5 Deskripsi Tugas Struktur organisasi dari toko JEBGOS ACCESORIES sebagi berikut : 1. Pemilik toko a. Bertanggung jawab atas keseluruhan hasil produksi perusahaan b. Memonitoring perkembangan produksi perusahaan 2. Administrasi dan keuangan a. Mengorganisasi serta memberikan tugas kepada bawahan b. Melakukan kontrol kualitas pelayanan yang diberikan c. Membuat laporan periodik serta melaporkan kepada pimpinan produksi d. Mengatasi semua masalah di bagian operasional e. Membuat anggaran pemasukan dan pengeluaran keuangan perusahaan 3. StorageBagian gudang a. Bertanggungjawab atas barang yang masuk dan keluar gudang b. Membuat laporan atas barang yang masuk dan keluar gudang 4. Frontman Penjaga toko Bertugas untuk melakukan pelayanan transaksi pembayaran dan pelunasan.

2.2 Landasan Teori

2.2.1 Sistem

Terdapat dua kelompok pendekatan di dalam mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya.

2.2.2 Sistem Informasi

Sistem Informasi adalah sekumpulan hardware, software, brainware, prosedur dan atau aturan yang diorganisasikan secara integral untuk mengolah data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusan [4] .

2.2.2.1 Komponen Sistem Informasi

Sistem informasi terdiri dari komponen-komponen yang disebutkan dengan istilah blok bangunan building blok, yaitu blok masukan input blok, blok model model block, blok keluaran output block, blok teknologi technology block, blok basis data database block dan blok kendali control block [7]. 1. Blok Masukan Input mewakili data yang masuk kedalam sistem informasi, input disini termasuk metode-metode da media untuk menangkap data yang akan dimasukan, yang dapat berupa dokumen-dokumen dasar.

2. Blok Model

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

3. Blok Keluaran

Produk 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 merupaka n “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 3 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 yang lainnya, tersimpan di perankat keras computer dan digunakn perangkat lunak untuk memanipulasinya. Organisasi basis data yang baik juga berguna untuk efisiensi kapasitas penyimpananny. Basis data diakses atau dimanipulasi dengan menggunakan perangkat lunak paket yang disebut dengan DBMS Database Management System. 6. Blok Kendali Beberapa pengendalian perlu dirancang dan ditetapkan untuk meyakinkan bahwa hal-hal yang dapat merisak sistem dapat dicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung diatasi

2.2.3 Internet

Internet merupakan jaringan global yang terdiri dari berbagai komputer yang saling berhubungan dan bekerjasama dengan cara berbagai informasi dan data. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio. Setiap komputer yang terhubung dengan jaringan tersebut, diberikan sebuah nomor yang unik, dan berkomunikasi satu sama lainnya dengan bahasa komunikasi yang sama. Bahasa komunikasi yang sama ini disebut protokol. Protokol yang digunakan di internet adalah TCPIP Transmission Control ProtocolInternet Protocol .

2.2.4 E-commerce

Electronic Commerce Perniagaan elektronik, sebagai bagian dari electronic business bisnis yang dilakukan dengan menggunakan electronic transmission, secara umum e-commerce dapat didefinisikan sebagai segala bentuk transaksi perdagangan atau perniagaan barang atau jasa trade of goods and service dengan mengunakan media elektronik. Sedangkan Onno W.Purbo dan Aang Wahyudi yang mengutip pendapatnya David Baum menyebutkan bahwa : “e-commerce is a dynamic set of technologies, application, and business process that link enterprise, consumers, and communities through electronic transaction and the electronic exchange of goods, services and information”. Bahwa e-commerce merupakan suatu set dinamis teknologi, aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen dan komunitas melalui transaksi elektronik dan perdagangan barang, pelayanan dan informasi yang dilakukan secara elektronik [8]. Model-model e-commerce sangat beraneka ragam yang terdiri dari : 1. Model Store Front Store Front ialah kombinasi proses transaksi, sekuriti, pembayaran secara online, serta penyimpanan informasi yang memungkinkan para pedagang untuk menjual dagangannya di internet melalui website. Store front merupakan konsep dasar perdagangan elektronik e- commerce dimana terjadi interaksi penjual dan pembeli secara langsung. 2. Model Lelang Model lelang berfungsi sebagai forum dimana para pengguna internetneter dapat memasuki web-web tertentu dan berperan sebagai penawar bidder atau penjual seller. 3. Model Portal Model portal merupakan bentuk lain dalam e-commerce. Portal berisi berbagai informasi meliputi mulai berita politik dan ekonomi, olahraa, teknologi sampai dengan berita-berita ringan mengenai kehidupan selebriti, gaya hidup, cerita bersambung dan lain-lain. 4. Model ”Dynamic Pricing” Model dynamic pricing atau penetapan harga merupakan model yang mengikuti pola mekanisme bisnis, yaitu bagaimana antara bisnis berlangsung dan produk-produk diberi harga. 5. Penyelenggara layanan dari dan untuk perusahaan Bussines To Bussines B2B B2B secara online merupakan bisnis perusahaan dengan perusahaan lainnya. Dengan kata lain, bisnis ini dilakukan dari dan untuk perusahaan, misalnya : PLN berbisnis dengan PT.Telkom. Tujuan B2B ialah membantu bisnis pihak lain untuk memperbaiki kebijakan, prosedur, layanan konsumen, dan operasi umum. 6. Model “ Online Trading “ Model “online trading” biasanya merupakan perdagangan elektronik dalam bentuk perdagangan sekuritas. Perdagangan saham secara online dilakukan oleh para broker yang mendapatkan komisi karena jasa para broker dalam mengatur jalannya perdagangan saham tersebut. 7. Model “Online Loan” Online loan atau pinjaman secara online merupakan salah satu bisnis online yang sudah cukup popular. Konsumen saat ini dapat mencari pinjaman dengan bunga rendah melalui internet. 8. Recruitment pekerjaan secara online Pencarian pekerjaan melalui internet saat ini mudah dilakukan. Situs- situs yang melakukan perekrutan pegawai menyediakan formulir elektronik bagi pencari pekerjaan untuk menulis lamaran dan memasang daftar riwayat hidup, kemudian situs tersebut akan mencarikan calon perusahaan yang sesuai dengan latar belakang dan keahlian si pelamar. 9. Layanan berita secara online Zaman teknologi informasi ini, peranan penyebarluasan informasi melalui website sudah semakin banyak, karena dari hari ke hari pencari informasi mealui internet terus bertambah, maka banyak situs-situs memberi layanan berita secara online. 10. Layanan perjalanan secara online Keuntungan memanfaatkan layanan perjalanan online ialah konsumen dapat memilih tempat wisata dan membandingkan dengan mudah melalui layer monitor komputer. 11. Layanan penjualan mobil secara online Situs-situs ini menyediakan simulasi cara memilih mobil dan cara menghitung cicilan, jika seseorang ingin membeli mobil secara kredit dan perhitungan bunganya. Jika sudah terdapat kesepakatan, maka konsumen tinggal memesan dan mobil akan dikirim ke alamat konsumen. 12. Belajar secara online elearning Teknologi internet dapat juga digunakan sebagai sarana belajar jarak jauh antara institusi penyelenggara pendidikan dengan para peserta didik yang tidak berada dalam suatu lokasi, baik dalam satu kota, negeri atau diluar negeri. 13. Business to costumer Business to costumer merupakan mekanisme toko online electronic shopping mall , yaitu transaksi antara e-merchant dengan e-costumer [6]. 2.2.4.1 Karakterisitik E-commerce Transaksi e-commerce memiliki beberapa karakteristik yang sangat khusus yaitu : 1. Transaksi tanpa batas : sebelum era internet, batas-batas geografi menjadi penghalang suatu perusahaan atau individu yang ingin go-international, sehinga hanya perusahaan atau individu dengan modal besar yang dapat memasarkan produknya ke luar negeri. Dewasa ini, dengan internet pengusaha kecil dan menengah dapat memasarkan produknya secara internasional cukup dengan membuat situs web atau dengan memasang iklan di situs-situs internet tanpa batas waktu 24 jam, dan tentu saja pelanggan dari seluruh dunia dapat mengakses situs tersebut dan melakukan transaksi secara online 2. Transaksi anonym : Para penjual dan pembeli dalam transaksi melalui internet tidak harus bertemu muka satu sama lainnya. Penjual tidak memerlukan nama dari pembeli sepanjang mengenai pembayarannya telah diotorisasi oleh penyedia sistem pembayaran yang ditentukan. 3. Produk digital dan non digital : Produk-produk digital seperti software komputer, musik dan produk lain yang bersifat digital dapat dipasarkan melalui internet dengan cara mendownload secara elektronik. Dalam perkembangannya objek yang ditawarkan melalui internet juga meliputi barang-barang kebutuhan hidup lainnya. 4. Produk barang tak berwujud : Banyak perusahaan yang bergerak dibidang ecommerce dengan menawarkan barang tak berwujud seperti data, software dan ide-ide yang dijual melalui internet [8].

2.2.4.2 Keuntungan E-commerce

Perdagangan secara elektronik e-commerce menawarkan kepada perusahaan keuntungan jangka pendek dan jangka panjang. Perdagangan elektronik tidak hanya membuka pasar baru bagi produk danatau jasa yang ditawarkan, mencapai konsumen baru, tetapi juga dapat mempermudah cara perusahaan melakukan bisnis [7]. Secara Umum ada berbagai manfaat lain yang didapat perusahaan. Beberapa manfaat itu adalah: 1. Keuntungan bagi perusahaan a. Memperpendek Jarak Perusahaan-perusahaan dapat lebih mendekatkan diri dengan konsumen. Dengan hanya mengklik link-link yang ada pada situs- situs, konsumen dapat menuju ke perusahaan dimana pun berada b. Perluasan Pasar Jangkauan pemasaran menjadi semakin luas dan tidak terbatas oleh area geografis perusahaan berada c. Perluasan Jaringan Mitra Bisnis Bagaimana pun juga, mitra kerja sangat penting untuk konsultasi dan kerjasama baik teknis maupun non-teknis d. Efisien E-commerce akan sangat memangkas biaya-biaya operasional, seperti menghemat kertas dalam hal pendokumentasian, transaksi, serta periklanan. Pencarian informasi dapat dilakukan lebih cepat dan lebih akurat. 2. Keuntungan bagi Konsumen a. Efektif Konsumen dapat memperoleh informasi tentang produkjasa yang dibutuhkan dan bertransaksi secara cepat dan murah b. Aman Secara Fisik Konsumen tidak perlu mendatangi toko tempat perusahaan menjajakan barangnya dan ini memungkinkan konsumen dapat bertaransaksi secara aman sebah di daerah-daerah mungkin sangat berbahaya jika berkendara dan membawa uang tunai dalam jumlah besar c. Fleksibel Konsumen dapat bertransaksi di berbagai lokasi, baik dari rumah, kantor, warnet, atau tempat-tempat lainnya[7]. 2.2.5 Website Website merupakan webpage beserta homepage, yang merupakan system yang luas dari server yang menawarkan informasi untuk semua orang melalui jaringan. Informasi tersebut tersebut berupa teks, gambar, suara, dan tipe data link, yang merupakan navigasi kehalaman lainnya hyperlink. Homepage merupakan halaman yang pertama kali muncul ketika pertama kali dibuka,sedang webpage adalah halaman yang ada pada website.

2.2.6 Secure Socket Layer SSL

SSL merupakan salah satu metode enkripsi dalam komunikasi data yang dibuat oleh Netscape Communication Corporation. SSL adalah Protokol berlapis. Dalam tiap lapisannya, sebuah data terdiri dari panjang, deskripsi dan isi. SSL mengambil data untuk dikirimkan, dipecahkan kedalam blok-blok yang teratur, kemudian dikompres jika perlu, menerapkan MAC, dienkripsi, dan hasilnya dikirimkan. Di tempat tujuan, data di-dekripsi, verifikasi, dekompres, dan disusun kembali. Hasilnya dikirimkan ke client di atasnya.

2.2.7 HTTPS

HTTPS singkatan dari HyperText Transport Protocol Secure, memiliki pengertian sama dengan HTTP tetapi dengan alasan keamanan security, HTTPS memberi tambahan Secure Socket Layer SSL. Umumnya website yang menggunakan HTTPS ini adalah website yang memiliki tingkat kerawanan tinggi yang berhubungan dengan masalah keuangan dan privacy dari pelanggannya seperti website perbankan dan investasi. Teknologi HTTPS protocol mencegah kemungkinan dicurinya informasi penting credit card adalah contoh yang paling sering disebut-sebut yang dikirimkan selama proses komunikasi berlangsung antara user dengan webserver atau sebaliknya. Secara teknis, website yang menggunakan HTTPS akan melakukan enkripsi terhadap informasi data menggunakan teknik enkripsi SSL. Dengan cara ini meskipun seseorang berhasil mencuri data tersebut selama dalam perjalanan user web server, orang tersebut tidak akan bisa membacanya karena sudah diubah oleh teknik enkripsi SSL.

2.2.8 Personal Home Page PHP

PHP adalah bahasa pemrograman yang paling banyak dipakai saat ini. PHP banyak dipakai untuk membuat program situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. Contoh terkenal dari aplikasi PHP adalah phpBB dan MediaWiki software di belakang Wikipedia. PHP juga dapat dilihat sebagai pilihan lain dari ASP.NETCVB.NET Microsoft, ColdFusion Macromedia, JSPJava Sun Microsystems, dan CGIPerl. Contoh aplikasi lain yang lebih kompleks berupa CMS yang dibangun menggunakan PHP adalah Mambo, Joomla, Postnuke, Xaraya, dan lain-lain [ 10 ].

2.2.9 Javascript

JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi obyek, sedangkan Script adalah serangkaian instruksi program. Dalam aplikasi client untuk Navigator, pernyataan Java Script yang tertulis dalam sebuah halaman web dapat mengetahui dan merespon perintah pemakai seperti gerakan mouse, input form, dan navigasi halaman HTML. Sebagai contoh, dalam menulis sebuah fungsi Java Script untuk memverifikasi bahwa seseorang telah benar menuliskan informasi yang cocok dalam sebuah form yang meminta diisi nomor telepon dan nomor kode pos. Tanpa transmisi jaringan apapun, sebuah halaman HTML yang dilengkapi dengan tulisan Java Script dapat menginterpretasikan teks yang dituliskan pada halaman tersebut dan memberikan tampilan teks dialog penolakan apabila teks yang dituliskan tadi salah. Atau dapat mempergunakan Java Script untuk memerintahkan sebuah aksi seperti memainkan file suara, mengeksekusi sebuah “applet” atau berkomunikasi dengan “plug-in” lain sebagai respon terhadap dibukanya sebuah halaman web atau penutupan halaman tersebut oleh pengguna internet.

2.2.10 PayPal

PayPal adalah salah satu alat pembayaran Payment procesors menggunakan internet yang terbanyak digunakan didunia dan teraman. Pengguna internet dapat membeli barang di ebay, lisensi software original, keanggotaan situs, urusan bisnis, mengirim dan menerima donasisumbangan, mengirim uang ke pengguna PayPal lain di seluruh dunia dan banyak fungsi lainnya dengan mudah dan otomatis menggunakan internet atau mobile. PayPal mengatasi kekurangan dalam pengiriman uang tradisional seperti Cek atau Money order yang prosesnya dapat memakan waktu PayPal seperti rekening bank, pertama konsumen membuat account, lalu dana akan ditarik langsung dari kartu kredit konsumen ke account tersebut atau dengan dana dari transfer account PayPal orang lain ke saldo Balance PayPal konsumen, dan konsumen sudah dapat menggunakan account PayPal untuk bertransaksi [ 9 ]. 2.2.11 Flow Map Flowmap adalah penggambaran secara grafik dari langkah-langkah dan urut- urutan prosedur dari suatu program. Merupakan suatu diagram yang menggambarkan sistem yang didalamnya terdapat subsistem-subsistem. Didalam subsistem-subsistem tersebut terdapat dokumen-dokumen yang mengalir yang menghubungkan antara subsistem-subsistem yang ada di sistem tersebut

2.2.11.1 Entity Relational Diagram ERD

ERD adalah model konseptual yang mendeskripsikan hubungan antara penyimpanan dalam DFD [5]. ERD digunakan untuk memodelkan struktur data dan hubungan antar data. Dengan ERD, model dapat diuji dengan mengabaikan proses yang dilakukan. ERD pertama kali dideskripsikan oleh Peter Chen yang dibuat sebagai bagian dari perangkat lunak Case.ERD merupakan penggabungan antar tabel-tabel yang ada, yang menggambarkan adanya relasi antar tabel tersebut. Kamus Data Merupakan katalogtempat penyimpanan dari elemen-elemen yang berada dalam suatu sistem. Kamus data mempunyai fungsi yang sama dalam pemodelan sistem dan juga berfungsi membantu pelaku sistem untuk mengerti aplikasi secara detail dan mengorganisasi semua elemen data yang digunakan dalam sistem sehingga pemakai dan penganalisa sistem punya dasar pengertian yang sama tentang masukan, keluaran, penyimpanan dan proses [5]. 2.2.12 Diagram Konteks Diagram konteks adalah diagram tingkat atas, dan merupakan diagram dari sebuah sistem yang menggambarkan aliran-aliran data yang masuk dan keluar dari sistem dan yang masuk dan keluar dari entitas Diagram konteks menyoroti sejumlah karakteristik 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 ke dunia luar. 4. Penyimpanan data storage, yaitu digunakan secara bersamaan antara sistem dengan terminator. Data ini dibuat oleh sistem dan digunakan oleh lingkungan atau sebaliknya. Hal ini berarti pembuatan simbol data storage dalam diagram konteks dibenarkan, dengan syarat simbol tersebut merupakan bagian dari dunia diluar sistem. 5. Batasan, antara sistem dan lingkungan. Simbol yang digunakan dalam diagram konteks, antara lain : a. Persegi panjang, untuk berkomunikasi langsung dengan sistem melalui aliran data. b. Lingkaran, untuk menunjukan adanya kegiatan proses dalam sistem.

2.2.13 Data Flow Diagram DFD

DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut akan disimpan. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur. Sedangkan arti dari DFD tersebut adalah merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program, ataupun dapat diartikan sebagai penggambaran arus data dari suatu sistem informasi, baik sistem lama maupun sistem baru secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut berada. Diagram ini menjelaskan bagaimana data masukan diubah menjadi keluaran, dimana setiap bagian pada diagram menjelaskan proses transformasi yang berbeda. DFD dapat digunakan untuk menggambarkan sistem atau perangkat lunak pada banyak tingkatan dari suatu abstraksi

2.2.13.1 Komponen-Komponen dalam DFD Data Flow Diagram

a. External entity kesatuan Luar atau boundary batas sistem. Setiap sistem pasti memiliki batas sistem boundary yang memisahkan suatu sistem dengan lingkungan luarnya. Kesatuan luar external entity merupakan kesatuan di lingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainya yang berada di lingkungan luarnya yang memberikan input atau menerima output dari sistem. b. Data Flow Arus Data Arus data di DFD diberi simbol panah. Arus data ini mengalir diantara proses, simpanan, dan kesatuan luar. c. Process Proses Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus data yang akan keluar dari proses. d. Data Store Penyimpanan Data Penyimpanan data data store merupakan simpanan dari data yang dapat berupa suatu file atau database di komputer, suatu arsip atau catatan manual dan lain sebagainya. 33 BAB 3 ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem

Analisis sistem merupakan penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan- hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya. Hal-hal yang akan dianalisis pada tahap analisis sistem ini adalah analisis prosedur sistem yang sedang berjalan, analisis aliran informasi, analisis pengkodean, analisis basis data, dan analisis kebutuhan non- fungsional.

3.1.1 Analisis Masalah

Sebelum melakukan perancangan suatu sistem, terlebih dahulu melakukan tahap analisis. Dari tiap analisis dapat diketahui dengan jelas masalah-masalah apa saja yang muncul, dan bagaimana user yang menggunakan sistem yang sedang berjalan sampai solusi yang dapat diajukan untuk memecahkan masalah tersebut. Berdasarkan hasil penelitian yang dilakukan, didapatkan bahwa pengolahan data penjualan dan pengadaan barang barang di JEBGOS ACCESORIES masih dilakukan secara manual, sehingga pendokumentasian data masih berbentuk berkas yang mengakibatkan terjadinya penumpukan berkas-berkas.

3.1.2 Analisis Prosedur Sistem yang Sedang Berjalan

Prosedur adalah kumpulan dari proses dalam suatu sistem yang saling terkait antara satu dengan yang lainnya untuk mencapai tujuan yang telah diterapkan. Sistem yang ada saat ini memiliki tiga prosedur yaitu prosedur pengadaan barang, prosedur penjualan dan prosedur pelaporan.

3.1.2.1 Prosedur Pengadaan Barang Baru

Prosedur penjualan adalah tahap-tahap yang harus dilalui oleh pelanggan dalam membeli barang, memilih barang, membayar sampai proses penerimaan barang oleh pelanggan. Prosedur penjualan pada JEBGOS ACCESORIES ini terdiri dari beberapa urutan proses Gambar 3.1, sebagai berikut: 1. Pelanggan memberikan daftar barang yang akan dibeli ke frontman 2. Frontman menerima daftar barang yang akan dibeli dari pelanggan, kemudian di cek apakah barang yang akan dibeli tersedia atau tidak. Jika barang yang dibeli tersedia, maka frontman akan membuat nota. Jika tidak tersedia maka diinformasikan ke pelanggan mengenai ketidak-tersediaan barang. 3. Frontman mencatat data penjualan kedalam buku penjualan dan buku stok barang. Flow Map Prosedur Penjualan Frontman Pelanggan Daftar Barang yang akan dibeli Daftar Barang yang akan dibeli Pengecekan persediaan barang Buku stok barang A1 tersedia Daftar Barang yang tersedia Pembuatan nota Nota Nota Pencatatan data penjualan Buku penjualan Buku stok barang A1 A3 Ya Daftar barang yang tidak tersedia Tidak 2 1 1 A1 = Arsip produk stok barang A3 = Arsip penjualan Gambar 3.1 Flow Map Prosedur Penjualan

3.1.2.2 Prosedur Pengadaan Barang Lama

Prosedur pengadaan barang merupakan proses penyediaan barang yang rutin dilakukan setiap seminggu sekali oleh bagian produksi ke bagian gudang. Prosedur pengadaan barang pada JEBGOS ACCESORIES saat ini terdiri dari beberapa urutan proses Gambar 3.2, sebagai berikut : 1. Penjaga Toko bagian penjualan memberikan daftar barang yang tidak tersedia kepada bagian gudang storage Bagian gudang storage menerima daftar barang yang tidak tersedia dari bagian penjualan 2. Bagian gudang menerima daftar pengadaan barang purchase order yang ditujukan kepada bagian produksi 3. Bagian produksi menerima daftar pengadaan barang purchase order yang dipesan dari bagian gudang. 4. Bagian produksi memberikan daftar barang yang diproduksi kepada bagian gudang. 5. Bagian gudang menerima daftar barang yang diproduksi dari bagian produksi 6. Setelah menerima daftar barang yang diproduksi, bagian gudang melakukan pengecekan jumlah dan kondisi barang yang diproduksi tersebut, jika daftar barang yang diproduksi jumlah dan kondisi barangnya tidak sesuai maka daftar barang yang diproduksi tersebut akan dikembalikan kepada bagian produksi, jika daftar barang yang diproduksi jumlah dan kondisi barangnya sesuai maka bagian gudang membuat faktur penerimaan barang yang diproduksi. 7. Faktur penerimaan barang yang diproduksi tersebut dibuat rangkap sebanyak 2 dua rangkap. Rangkap pertama akan dibuatkan arsip dan rangkap kedua akan diberikan kepada bagian produksi sebagai bukti penerimaan barang yang diproduksi. 8. Selanjutnya bagian gudang melakukan pencatatan data barang di arsip produk stok barang. Prosedur Pengadaan Barang Bag.Gudang Bag.Produksi Bag.Penjualan Buku stok barang Daftar barang yang tidak tersedia Pembuatan daftar pengadaan barang Daftar pengadaan barang Daftar pengadaan barang Daftar barang yang di produksi Pengecekan jumlah dan kondisi barang yang diproduksi Sesuai ? Daftar barang yang diproduksi jumlah dan kondisi barang tidak sesuai Daftar barang yang diproduksi jumlah dan kondisi barang tidak sesuai tidak Daftar barang yang diproduksi jumlah dan kondisi barang sesuai Pembuatan nota penerimaan barang nota penerimaan barang yang diproduksi Buku stok barang ya Nota penerimaan barang yang diproduksi Nota penerimaan barang yang diproduksi 1 2 2 A1 A1 A2 Pencatatan barang baru A1 = Arsip produk stok barang A2 = Arsip nota pengadaan barang Daftar barang yang di produksi Daftar barang yang tidak tersedia Pendataan barang yang habis Gambar 3.2 Flow Map prosedur pengadaan barang lama

3.1.2.3 Prosedure Pelaporan

Prosedur pelaporan ini meliputi barang apa saja yang telah dibeli, sehingga dari data pembelian barang dapat dijadikan evaluasi untuk mengetahui jenis barang apa yang paling disenangi oleh pelanggan. Prosedur pelaporan pada FEBGOS ACCESORIES ini terdiri dari beberapa urutan proses Gambar 3.3, sebagai berikut : a. Frontman membuat laporan penjualan dari produk penjualan dan produk stock barang. b. Laporan penjualan dibuat dua rangkap. Rangkap pertama diberikan kepada pimpinan perusahaan dan rangkap ke dua dijadikan arsip. c. Pimpinan perusahaan menerima laporan penjualan per hari dari frontman . d. Laporan tersebut dicek dan disahkan oleh pimpinan perusahaan kemudian ditandatangani. Flow Map Prosedure Pelaporan Pimpinan Perusahaan Frontman A3 A1 Buku Penjualan Buku stok barang Laporan penjualan Laporan penjualan Laporan penjualan yang telah ditanda tangani Pembuatan laporan Pengesahan A5 A4 2 1 Laporan penjualan yang telah ditanda tangani 1 A1 = Arsip produk stok barang A3 = Arsip penjualan A4 = Arsip laporan Penjualan untuk pimpinan perusahaan A5 = Arsip laporan untuk frontman Gambar 3.3 Flow Map prosedur Pelaporan

3.1.3 Aturan Bisnis

Sistem yang akan dibangun memiliki aturan bisnis sebagai berikut: 1. Sistem yang dibangun memberikan layanan pencarian pemesanan. 2. Pemesan dapat memilih barang sesuai contoh di katalog. 3. Pemesan harus melakukan daftar terlebih dahulu dan melakukan verifikasi sebelum bisa melakukan pemesanan. 4. Jangka waktu untuk pembayaran yakni 2 hari setelah pemesanan 5. Pembayaran harus sesuai dengan harga total pembayaran yang dapat dilakukan melalui transfer via bank atau melalui Paypal. 6. Untuk memasarkan sistem ini, maka dilakukan promosi melalui website social network. 7. Stok akan berkurang pada saat pelanggan melakukan pemesanan. 8. Pengiriman dilakukan oleh jasa pengiriman Paket JNE dan paket pos. Karena dengan paket itu, pelanggan dapat memantau barang yang dikirim melalui internet. 9. Pengembalian barang tidak lebih dari 2 hari setelah barang sampai ke pembeli. 10. Pengembalian barang bisa dilakukan jika perusahaan salah mengirimkan barang. 11. Pengembalian barang tidak berlaku jika kerusakan barang disebabkan oleh pembeli. 12. pengembalian barang tidak berlaku jika kerusakan disebabkan oleh jasa pengiriman pada saat barang dikirim.

3.1.4 Spesifikasi Kebutuhan Perangkat Lunak SKPL

Spesifikasi kebutuhan perangkat lunak untuk sistem ecommerece yang akan dibangun adalah : 1. Pendaftaran Member, digunakan untuk memasukkan data registrasi pengunjung yang ingin menjadi member. Didalam pendaftaran member terdapat 2 proses yaitu : a. Input data Registrasi Input data registrasi digunakan untuk mengisi biodata yang akan menjadi member. b. Aktivasi Akun Akun digunakan untuk mengaktifkan akun dan menghindari spam atau email yang tidak terdaftar. 2. Login a. Verifikasi Login Verifikasi Login digunakan Untuk memeriksa aku login pelanggan, petugas, dan admin agar bisa masuk ke dalam aplikasi. b. Lupa password Lupa password digunakan untuk member, petugas, dan admin yang lupa password. 3. Pengolahan Data User, digunakan untuk mengolah data member, petugas, dan admin yang dimana terdiri dari : a. Ubah profil User Untuk mengubah profil data member, petugas, dan admin. b. Lupa password Lupa password digunakan untuk member, petugas, dan admin yang lupa password. c. Tambah petugas Untuk melakukan penambahan petugas yang dilakukakn oleh admin. d. Hapus petugas Untuk menghapus data petugas yang dilakukan oleh admin. 4. Pengolahan Data master, digunakan untuk mengolah data yang terdapat di dalam aplikasi. Pengolahan data master terdiri dari : a. Pengolahan data barang 1. Tambah barang, digunakan untuk menambah data barang yang akan di jual. 2. Ubah barang, digunakan untuk mengubah data barang yang sudah ada. 3. Cari barang, digunakan untuk mencari barang yang diinginkan. 4. Hapus barang, digunakan untuk menghapus data barang yang ada. 5. Detail barang : a. Tambah detail barang, digunakan untuk menambah detail pada barang. b. Ubah detail barang, digunakan untuk mengubah detail barang. c. Hapus detail barang, digunakan untuk menghapus detail pada barang. b. Pengolahan data kategori Digunakan untuk menambah, mengubah, dan mencari kategori c. Pengolahan data kota Digunakan untuk menambah, mengubah, dan mencari data kota. d. pengolahan data provinsi digunakan untuk menambah, mengubah, mencari data provinsi. e. pengolahan data jasa pengiriman digunakan untuk menambah data jasa pengiriman. 5. Pengolahan Data transaksi, digunakan untuk mengolah data penjualan yang terdiri dari : a. Pengolahan Data keranjang, digunakan untuk menyimpan barang yang sudah yang dipilih oleh member b. Pengolahan Data pesanan, digunakan untuk menampilkan data pesanan yang telah dilakukan oleh member c. Pengolahan Data pembayaran, digunakan untuk mengolah data pembayaran pesanan. d. Pengolahan Data pengiriman, digunakan untuk mengolah data pengiriman pesanan yang telah dibayar oleh member. e. Pengolahan Data retur, digunakan untuk mengolah data retur barang. 6. Lihat History Pomeranian, digunakan oleh member untuk menampilkan pesanan yang pernah dilakukan oleh member. 7. Lihat barang, digunakan untuk melihat barang yang dipilih terdiri dari a. Tampil barang, untuk menampilkan barang yang ditawarkan. b. Pengolahan komentar, untuk menyeleksi komentar dari member. c. hapus komentar, untuk menghapus komentar yang diberikan member. 8. Pembuatan laporan, digunakan oleh petugas untuk membuat laporan. 9. Tracking barang, untuk menampilkan tracking barang yang dikirim. 10. Backup, digunakan untuk menyimpan atau membuat salinan data yang ada. 11. Logout, Digunakan untuk member,petugas, dan admin untuk keluar dari aplikasi

3.1.5 Analisis Basis Data

Basis data merupakan kumpulan data terhubung interelated data yang disimpan secara bersama-sama pada suatu media, tanpa mengatap satu sama lain atau tidak perlu suatu kerangkapan data kalaupun ada maka kerangkapan data, data tersebut harus seminimal mungkin dan terkontrol, data disimpan dengan ciri-ciri tertentu sehingga mudah untuk digunakan atau ditampilkan kembali, data dapat digunakan oleh satu atau lebih program-program aplikasi secara optimal, data disimpan tanpa mengalami ketergantungan dengan program yang akan menggunakannya, data disimpan sedemikian rupa sehingga proses penambahan, pengambilan dan modifikasi data dapat dilakukan dengan mudah [3]. Basis data dapat digambarkan dengan menggunakan Entity Relationship Diagram ERD. Entity Relationship Diagram ERD yang akan dibuat untuk membantu dalam pengolahan data transaksi penjualan yaitu entitas member, entitas produk, entitas kategori dan entitas user. Entity Relationship Diagram ERD yang ada pada system di JEBGOS ACCESSORIES dapat dilihat pada gambar 3.4. pelanggan membeli 1 N kategori status_bayar id_kategori status_kirim Id_detail Id_barang total_bayar id_pembelian stok N nama_barang Tgl_upload lihat diskon berat harga nama_gbr nama_kategori memiliki 1 N tgl_beli penerima email kodepos nama id_pembelian tgl_daftar password alamat no_telp memiliki Komentar status Nomor_komentar komentar N Petugas nama_petugas telepon username email password alamat keterangan Mengolah Mengolah 1 1 N N id_keranjang qty Pembayaran no_pembayaran jumlah no_rek melakukan 1 1 memberikan Rating N N N 1 N Kota id_kota id_jasa nama_kota jasa memilki N 1 ongkir N Paket N memilki Jasa N 1 id_paket nama_paket bagian N Provinsi 1 id_provinsi provinsi memiliki Detail retur id_detail_retur jumlah N alasan Retur id_retur status 1 tgl_retur melakukan 1 1 Barang Mengolah 1 Mengolah 1 memilki 1 N kurs 1 memiliki N total_nilai email id_rating pembelian Keranjang N N alamat_kirim N 1 Komentar Keranjang Gambar 3.4 ERD pada system JEBGOS ACCESSORIES

3.1.6 Analisis Kebutuhan Non Fungsional

Analisis kebutuhan non-fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem [5]. Spesifikasi ini juga meliputi elemen- elemen atau komponen-komponen apa saja yang dibutuhkan untuk system yang akan dibangun sampai dengan sistem tersebut diimplementasikan. Analisis kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang dibutuhkan untuk mengolah masukan sehingga menghasilkan suatu keluaran yang diinginkan. Kebutuhan non-fungsional terbagi menjadi beberapa analisis yaitu analisis perangkat keras, perangkat lunak dan analisis pengguna..

3.1.6.1 Analisis Perangkat Keras

Analisis perangkat keras dibagi menjadi 2 bagian yaitu analisis perangkat keras yang sudah ada dan yang dibutuhkan. Untuk analisis perangkat keras yang sudah ada, saat ini pihak perusahaan belum sama sekali memiliki perangkat keras. Untuk analisis perangkat keras yang dibutuhkan memiki Spesifikasi minimum perangkat keras yang dibutuhkan, yaitu: 1. Prosesor Intel Pentium 4 atau yang setara, dengan kecepatan 800 MHz 2. RAM 1024 Mb 3. Harddisk dengan ruang kosong 1 Gb 4. VGA Card shared 256 Mb 5. Monitor dengan resolusi 1024 x 768 pixels 6. Kartu jaringan, HUBSwitch, Router atau modem untuk koneksi internet. Setelah menganalisis perangkat keras yang sudah ada maupun yang dibutuhkan, dapat disimpulkan bahwa saat ini perusahaan belum memilki perangkat keras, oleh karena itu perusahaan membutuhkan perangkat keras yang telah direkomendasikan.

3.1.6.2 Analisis Perangkat Lunak

Analisis perangkat lunak dibagi menjadi 2 bagian yaitu analisis perangkat lunak yang sudah ada dan yang dibutuhkan untuk membangun aplikasi. Untuk analisis perangkat lunak yang sudah ada, saat ini pihak perusahaan belum sama sekali memiliki perangkat keras. Untuk analisis perangkat lunak yang dibutuhkan memiki Spesifikasi minimum perangkat lunak yang dibutuhkan untuk membangun aplikasi, yaitu: 1. Sistem operasi Windows XP. 2. Macromedia Dreamweaver 8 sebagai tool pembangun aplikasi. 3. WampServer 2.0 sebagai web server saat pembangunan aplikasi. 4. Basis data menggunakan MySQL. 5. Bahasa pemrograman yang digunakan adalah PHP dan untuk optimalisasi tampilannya menggunakan CSS. 6. Browser seperti google chrome 5, Mozilla Firefox 3.6 atau Opera 10 untuk mengakses aplikasi. Setelah menganalisis perangkat lunak yang sudah ada maupun yang dibutuhkan, dapat disimpulkan bahwa saat ini perusahaan belum memilki perangkat lunak, oleh karena itu perusahaan membutuhkan perangkat lunak yang telah direkomendasikan.

3.1.6.3 Analisis Pengguna

Analisis pengguna terbagi menjadi dua analisis yaitu analisis pengguna pada sistem yang sedang berjalan dan analisis sistem yang dibutuhkan. Karakteristik pengguna sistem yang sedang berjalan dapat dilihat pada tabel 3.1 Tabel 3.1 Karakterisitik pengguna sistem yang sedang berjalan Pengguna Pengalaman Tingkat Pendidikan Tingkat Keterampilan Pemilik Pernah menggunakan aplikasi berbasis desktop Sarjana S1 Mampu menggunakan perangkat lunak office dan menggunakan internet Petugas Gudang Pernah menggunakan aplikasi berbasis desktop SMA Mampu menggunakan perangkat lunak office Petugas Toko Pernah menggunakan aplikasi berbasis desktop SMA Mampu menggunakan perangkat lunak office Untuk karakteristik pengguna sistem yang dibutuhkan dapat dilihat pada tabel 3.2 Tabel 3.2 Karakterisitik pengguna system yang dibutuhkan Pengguna Admin Petugas Member Pengunjung Tanggung jawab Mengolah data petugas dan member Mengolah data yang terdapat dalam aplikasi Melakukan Pemesanan - Hak Akses Melakukan pengolahan data petugas dan data member Melakukan pengolahan data barang, data transaksi penjualan, dan membuat rekapitulasi penjualan Melakukan Pemesanan, mengubah data pribadi, dan melihat histori pembelian Hanya dapat melihat katalog barang Tingkat Pendidikan Minimal SMA Minimal SMA - - Tingkat Keterampilan Menguasai penggunaan komputer, mengerti cara penggunaan aplikasi berbasis web, dan menggunakan internet Menguasai penggunaan komputer, mengerti cara penggunaan aplikasi berbasis web, dan menggunakan internet Dapat menggunakan komputer dan dapat menggunakan internet untuk browsing Dapat menggunakan komputer dan dapat menggunakan internet untuk browsing Pengalaman - - Pernah melakukan transaksi pembelian secara online - Jenis Pelatihan Cara menggunakan aplikasi website E- Commerce Cara menggunakan aplikasi website E- Commerce - - Setelah menganalisis pengguna, dapat disimpulkan bahwa kemampuan yang ada sudah cukup untuk bisa memahahmi aplikasi berbasis web, tapi harus dilakukan pelatihan untuk menggunakan aplikasi Website e-commerce untuk mendapatkan seorang admin

3.1.7 Analisis Kebutuhan Fungsional

Analisis fungsional adalah suatu analisis yang menjelaskan bagaimana terjadinya suatu sistem yang sedang berjalan saat ini seperti analisis prosedur dan dokumen sistem.

3.1.7.1 Diagram konteks

Diagram Konteks menjelaskan hubungan dari entitas-entitas yang ada dalam sistem. Diagram konteks pada sistem e-commerce di JEBGOS ACCESORIES dapat dilihat pada gambar 3.5 Website E-Commerce JEBGOS ACCESSORIES Admin Petugas Pengunjung Member Mail Server Paypal info registrasi member Info pengaktifan akun Info password Info Pemesanan Info Pembayaran Info Retur Social network Info barang Data pembayaran Info pembayaran Data pembayaran Data login member Data lupa password Data barang Data id_barang Data keranjang Data retur Data komentar Data rating Data no resi Data member Data logout Invalid login pelanggan Info pembayaran Info login member Info password baru Info barang Info id_barang Info keranjang Info retur Info komentar Info rating Info no resi Info member Invalid login Info password info barang Info kategori Info kota Info komentar info status bayar Info laporan penjualan info laporan stok barang Info detail barang Info pengiriman info petugas ubah info provinsi Data login Data petugas Data admin Data backup Data restore Data aktif member Data barang Data d_barang Data registrasi Data pengaktifan account Info registrasi Info barang Info pengaktifan account berhasil Data barang Data login petugas Data kategori Data detail barang Data kota Data provinsi Data komentar Data pembayaran Data laporan Data pemesanan Data laporan penjualan Data lupa password Data logout Data Hapus Barang Info barang Info invalid login petugas Info kategori Info detail barang Info pesanan Info kota Info provinsi Info komentar Info pembayaran Info laporan Info pemesanan Info laporan penjualan Info konfirmasi logout Info hapus barang Web JNE Data resi Info resi Info invalid login admin Info petugas Info admin Info backup Info restore Info aktif member Info konfirmasi logout Gambar 3.5 Diagram Konteks pada sistem JEBGOS ACCESSORIES

3.1.8 DFD Level 1 website E-Commerce Jebgos Accessories

Pa y p a l P e tu g a s Ad m in M e m b e r Pe n g u n ju n g M a il S e rv e r 1 Pendaftaran member 2 Login 5 Pengolahan Data Transaksi 4 Pengolahan data master 6 Lihat history pesanan 7 Lihat barang 8 Pembuatan Laporan 3 Pengolahan data user m e m b e r Data registrasi member D a ta lo gi n m e m b e r In fo inv a lid lo gi n m e m b e r p e tugas Data member Dat a lo g in p e tuga s Inf o inv al id lo gi n p e tuga s Data petugas Da ta lo gi n ad m in Inf o inv al id lo gi n ad m in Data password baru Inf o da ta m e m b e r Data member yang diubah Data petugas yang diubah b a ra n g Login valid Data barang Data barang ka tegor i ko ta p ro v in si Data kota Info data kota Data provinsi Info data kategori Data kategori Data kota Info data kota Data provinsi Info data provinsi Data keranjang Info data keranjang Data barang Info data barang Data pembayaran Info data pembayaran k e ran ja ng p e m b ay ar a n p e n ju al a n Data barang Login valid ko m ent ar rat ing Info data barang 11 Logout 9 Tracking Barang W e b J N E Inf o p assw o rd b a ru D a ta p assw o rd b a ru In fo u b ah p e tuga s Dat a ub a h p etu g a s D a ta lu pa p assw o rd Da ta lup a pa ssw o rd Data lu p a p a ssw o rd In fo R e tur 10 Backup ku rs Dat a H a p usP etu gas Inf o H ap u s P e tuga s Inf o da ta P etu g a s D a ta P e tuga s Da ta M em b e r Data Petugas Data Member Inf o P assw o rs M em ber D a ta p ass w o rd M e m b e r In fo P engak ti fa n ak un Data provinsi Data kota Dat a P enga kti fan ac co un t In fo P enga kti fa n ac co u n t B e rha si l Dat a reg ist rasi In fo r e gi st ra si Data member Data hapus barang Info hapus barang Data barang Info data barang Data kategori Info data kategori Data detail barang Info detail barang Info data provinsi Data cari barang Info cari barang Data cari kategori Info cari kategori Data cari kota Info cari kota Data cari provinsi Info cari provinsi Info cari barang Data cari barang Info cari barang Data cari barang Info data retur Data retur Info kurs Login Valid Lo g in v a lid Info status bayar Data Status Bayar Info data keranjang Data keranjang Data p e m esan a n In fo st at us pem ba ya ra n Info data penjualan Data penjualan Data pembayaran Info data pembayaran Data Keranjang Info data Keranjang Data pesanan Info data pesanan Data keranjang Data barang Data id_barang Data id_barang Info data barang Data komentar Info data komentar Data rating Info data rating Data komentar Info data komentar Data rating Info data rating Data tampil komentar Info tampil komentar Data hapus komentar Info hapus komentar Data barang Data pembayaran Data penjualan Data laporan penjualan Info laporan penjualan Login valid Info no resi Data no resi Data no resi Info no resi Data logout Info konfirmasi logout Info data provinsi Data provinsi Info data kota Data kota Info data kategori Data kategori Data petugas Data petugas Info data keranjang Data keranjang Info data pembayaran Data pembayaran Info data penjualan Data penjualan Info data komentar Data komentar Info data rating Data rating Data backup Info backup Data restore Info restore Info konfirmasi logout Data logout Data logout Info konfirmasi logout In fo R e gi st ra si In fo p em esan a n In fo p a ssw o rd In fo p em b ay ar a n o ng k ir Info ongkir Gambar 3.6 DFD Level 1 Website E-Commerce Jebgos Accessories 55

3.1.9 DFD Level 2 Daftar Member

Diagram alir data pada level 2 proses 1 Daftar Member dapat dilihat pada Gambar 3.7 1.2 Aktivasi Account Pengunjung 1.1 Input Data Registrasi Kota Member Mail server Provinsi In fo P eng ak ti fan A c c o unt Data Provinsi Data Kota Info R egi s tr as i Data Re gi s tras i Inf o P en gak ti fan A c c oun t Berha s il Data P eng ak ti fa n A c c o unt D at a R egi s tra s i M e m b er Data Re gi s tras i M em be r Da ta A k ti v as i M em be r Data A k ti v as i M em ber Gambar 3.7 DFD Level 2 Daftar Member 3.1.10 DFD Level 2 Login Diagram alir data pada level 2 proses 2 Login dapat dilihat pada Gambar 3.8 56 Info login member invalid 2 .1 ve ri fika s i lo g in 2 .2 L u p a p a ss w o rd Me mb e r Pe tu g a s a d m in me mb e r p e tu g a s Data login member Ma il S e rve r Info login administrator invalid Data login administrator Info login petugas invalid Data login petugas Info password Data lupa password Data lupa password Data lupa password Data password Data password Data login member Data login petugas login valid login valid login valid login valid login valid G a m b ar 3.8 D FD Le ve l 2 P ros es L ogin

3.1.11 DFD

L eve l 2 P en golah an Dat a Use r Dia gr am ali r da ta p ada le ve l 2 pr oses 3 pe n g olah an da ta user da p at dil ihat pa da Ga mb ar 3.9 3.1 Ubah profil user 3.2 Ubah password Member Admin member petugas Data member Info member Data password member Info password member Data ubah petugas Info ubah petugas Data password member Data password member Data member Data member Password admin, petugas Password admin, petugas Data petugas Data petugas Info login valid Info login valid 3.3 Tambah petugas Data petugas Info petugas Data petugas Data petugas Info login valid 3.4 Hapus petugas Info login valid Data hapus petugas Info hapus petugas Data hapus petugas Data petugas Gambar 3.9 DFD Level 2 Pengolahan Data User

3.1.12 DFD Level 2 Proses Pengolahan Data Master

Diagram alir data pada level 2 proses 4pengolahan data master dapat dilihat pada Gambar 3.10 Petugas 4.2 Pengolahan data kategori 4.4 Pengolahan data provinsi 4.1 Pengolahan data barang 4.3 Pengolahan data kota D ata k at e g o ri In fo lo gi n v al id In fo l o gi n val id In fo k ate g o ri D ata b ar an g In fo b ar an g In fo p ro v in si Dat a p ro v in si In fo l o gi n v al id D ata k ot a In fo k o ta In fo l o gi n v al id Dat a c ar i k at e go ri In fo c ar i k ate gor i D ata c ar i b ar an g In fo c ar i b ar an g D ata c ar i k o ta In fo c ar i k o ta Dat a c ar i p ro v in si In fo c ar i p ro v in si Pengunjung Member D a ta c a ri b a ra n g In fo c a ri b a ra n g D a ta c a ri b a ra n g In fo c a ri b a ra n g 4.5 Pengolahan data detail barang Da ta d e tai l b ar an g In fo d e tai l b ar an g Gambar 3.10 DFD Level 2 Proses Pengolahan Data Master 3.1.13 DFD Level 2 Proses Pengolahan Data Transaksi Diagram alir data pada level 2 proses 5pengolahan data transaksi dapat dilihat pada Gambar 3.11 59 5. 1 P e n go la h a n d a ta k e ra n ja n g 5 .2 P e n go la h a n d a ta p e sa n a n 5 .3 P e n go la h a n d a ta p e m b a y a ra n P e tu g a s M e m b e r P e n g u n ju n g Pa y p a l p e m b a y a ra n k e ra n ja n g p e n ju a la n Info login valid D a ta k e ra n ja n g Data keranjang Info keranjang Data ubah keranjang Info ubah keranjang Data selesai belanja Data keranjang Data status pembelian Data pembelian Info pembelian Data pembayaran In fo l o gi n v a lid Data penerima Info penerima Info pembelian Info detail pembelian Data konfirmasi pembayaran Data pelanggan Data retur barang Info retur barang Data pembelian Data pesanan Info login valid Data pembayaran paypal Data pembayaran transfer Info konfirmasi pembayaran D a ta p e m b a y a ra n p a y p a l D a ta p e m b a y a ra n tra n sfe r In fo p e m b a y a ra n Data keranjang Info keranjang Data ubah keranjang Info ubah keranjang Data pembelian Data keranjang M a il S e rv e r In fo p e sa n a n Data status pengiriman 5 .4 P e n g o la h a n d a ta p e n g ir im a n Info status pengiriman Data status pengiriman Data status pengiriman Info status pengiriman Info status pengiriman k u rs In fo k u rs d e ta il b a ra n g Data detail barang G a m b ar 3.11 D FD Le ve l 2 P ros es P en golah an Dat a Tran sak si

3.1.14 DFD Level 2 Proses 7 Lihat Barang

Diagram alir data pada level 2 proses 7 Lihat Barang dapat dilihat pada Gambar 3.12 7.1 Tampil barang 7.2 pengolahan komentar rating kategori barang komentar D a ta i d_ b a ra n g Member Petugas Pengunjung D a ta t a m p il k o m e n ta r In fo t a m p il k o m e n ta r Data komentar Data komentar D a ta b a ra n g D a ta k a te g o ri D a ta r a ti n g D a ta k o m e n ta r In fo b a ra n g D a ta r a ti n g D a ta k u n ju n g a n in fo r a ti n g In fo k o m e n ta r Data komentar Info komentar In fo k u n ju n g a n In fo k u n ju n g a n In fo b a ra n g D a ta k u n ju n g a n D a ta i d_ b a ra n g D a ta k o m e n ta r 7.3 hapus komentar D a ta h a p u s k o m e n ta r In fo h a p u s k o m e n ta r D a ta k o m e n ta r D a ta k o m e n ta r Gambar 3.12 DFD Level 2 Proses 7 Lihat Barang 3.1.15 DFD Level 3 Proses 4.1 Kelola Data Barang Diagram alir data pada level proses 4.1 kelola data barang dapat dilihat pada Gambar 3.13 4.1.1 Tambah barang 4.1.2 Ubah barang kategori Data kategori Petugas barang Info data barang Data barang Data barang Data barang Data barang Data barang Data barang Info data barang Info login valid Info login valid 4.1.3 Cari barang Info login valid Data cari barang Info cari barang Data barang 4.1.4 Hapus barang Data hapus barang Info hapus barang Data hapus barang Data barang Info login valid Member Pengunjung Data cari barang Info cari barang Data cari barang Info cari barang gambar Data gambar Info gambar Data gambar Info gambar Data gambar Data gambar Data hapus gambar 4.1.5 Pengolahan data detail barang 4.1.5 Pengolahan data detail barang Data detail barang Info detail barang Data detail barang Info detail barang Gambar 3.13 DFD Level 3 Proses 4.1 Kelola Data Barang 3.1.16 DFD Level 3 Proses 4.2 Pengolahan Data Kategori Diagram alir data pada level 3 proses 4.2 kelola data kategori dapat dilihat pada Gambar 3.14 4.2.1 Tambah kategori 4.2.2 Ubah kategori Petugas kategori Data kategori Data kategori Data kategori Info data kategori Data kategori Data kategori Data kategori Info data kategori Info login valid Info login valid 4.2.3 Cari kategori Info login valid Data cari kategori Info cari kategori Data kategori 4.2.4 Hapus kategori Data hapus kategori Info hapus kategori Info login valid Data hapus kategori Data hapus kategori Gambar 3.14 DFD Level 3 Proses 4.2 Pengolahan Data Kategori 3.1.17 DFD Level 3 Proses 4.3 Pengolahan Data Kota Diagram alir data pada level 3 proses 4.3 kelola data kota dapat dilihat pada Gambar 3.15 4.3.1 Tambah kota 4.3.2 Ubah kota provinsi Data provinsi Petugas kota Info data kota Data kota Data kota Data kota Data kota Data kota Data kota Info data kota Info login valid Info login valid 4.3.3 Cari kota Info login valid Data ongkir Info ongkir Data kota 4.3.4 Tambah ongkir ongkir Gambar 3.15 DFD Level 3 Proses 4.1 Pengolahan Data Kota 3.1.18 DFD Level 3 Proses 4.3 Pengolahan Data Provinsi Diagram alir data pada level 3 proses 4.3 kelola data Provinsi dapat dilihat pada Gambar 3.16 4.4.1 Tambah provinsi 4.4.2 Ubah provinsi Petugas provinsi Data provinsi Data provinsi Data provinsi Info data provinsi Data provinsi Data provinsi Data provinsi Info data provinsi Info login valid Info login valid 4.4.3 Cari provinsi Info login valid Data cari provinsi Info cari provinsi Data provinsi Gambar 3.16 DFD Level 3 Proses 4.3 Pengolahan Data Provinsi 3.1.19 DFD Level 3 Proses 4.1.5 Pengolahan Data Detail Barang Diagram alir data pada level 4 proses 4.1.5 kelola data detail barang dapat dilihat pada Gambar 3.17 4.1.5.1 Tambah detail barang 4.1.5.2 Ubah detail barang Petugas detail barang Info data detail barang Data detail barang Data detail barang Data detail barang Data detail barang Data detail barang Data detail barang Info data detail barang Info login valid Info login valid 4.1.5.4 Hapus detail barang Data hapus detail barang Info hapus detail barang Data hapus detail barang Data detail barang Info login valid barang Data barang Gambar 3.17 DFD Level 3 Pengolahan Data Detail Barang 3.1.20 Spesifikasi Proses Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat dalam DFD. Spesifikasi proses dari DFD diatas akan dijelaskan pada Tabel 3.3 Tabel 3.3 Spesifikasi Proses No Proses Keterangan 1 No. Proses 1 Nama Proses Pendaftaran member Source Pengunjung Input Data registrasi Output Info data registrasi Destination Pengunjung Logika Proses 1. Pengunjung memasukan data registrasi 2. Sistem memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap, maka sistem akan memberitahu pengunjung 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 2 No. Proses 1.1 Nama Proses Input data registrasi Source Pengunjung Input Data registrasi Output Info data registrasi Destination Pengunjung dan Mail Server Logika Proses pengunjung memasukan data registrasi Sistem memeriksa kelengkapan dan ketepatan data Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu pengunjung Jika data lengkap dan tepat, maka data akan disimpan kedalam database Lalu sistem akan mengirimkan data pengaktifan ke Mail Server Tabel 3.4 Spesifikasi Proses Lanjutan 1 3 No. Proses 1.2 Nama Proses Aktivasi Account Source Pengunjung dan Mail Server Input Data pengaktifan account Output Info pengaktifan account berhasil Destination Pengunjung dan Mail Server Logika Proses 1. Sistem akan memberikan data pengaktifan member ke Mail Server 2. Pengunjung akan memverifikasi pengaktifan ke dalam system yang di cek dengan data di database 3. Sistem akan mengaktifkan data member 4 No. Proses 2 Nama Proses Login Source Member, Admin dan Petugas Input Data login member, Data login admin, Data login petugas Output Login valid, Login invalid Destination Member, Admin dan Petugas Logika Proses 1. Member memasukan data login kedalam sistem 2. Sistem akan memeriksa validitas data login 3. Jika data login valid, Member, Admin atau Petugas masuk kedalam sistem 4. Jika data login invalid, sistem akan memunculkan pesan data login invalid 5 No. Proses 2.2 Nama Proses Verifikasi login Source Member, Admin dan Petugas Input Data login member, Data login admin, Data login petugas Output Login valid, Login invalid Destination Masuk kedalam sistem Logika Proses 1. Member memasukan data login kedalam sistem 2. Sistem akan memeriksa validitas data login 3. Jika data login valid, Member, Admin atau Petugas masuk kedalam sistem 4. Jika data login invalid, sistem akan memunculkan pesan data login invalid Tabel 3.5 Spesifikasi Proses Lanjutan 2 6 No. Proses 2.3 Nama Proses Lupa password Source Member, Admin dan Petugas Input Data password Output Info password Destination Mail Server Logika Proses 1. Member, Admin atau Petugas merequest data password 2. Sistem akan memberikan verifikasi ubah password ke Mail Server 3. Member,Admin, atau petugas memasukkan data password baru ke sistem 7 No. Proses 3 Nama Proses Pengolahan data user Source Member dan Admin Input Data member, data petugas Output Info member, info petugas Destination Member dan Admin Logika Proses 1. Member atau Admin memasukan data user 2. Sistem akan memeriksa kesesuaian data 3. Jika data sesuai, maka data akan disimpan 4. Jika data tidak sesuai, maka sistem akan memberitahu kesalahnnya 8 No. Proses 3.1 Nama Proses Ubah profile user Source Member dan Admin Input Data member, data petugas Output Info member, info petugas Destination Member dan Admin Logika Proses 1. Member atau Admin memasukan data profile user yang akan diubah 2. Sistem akan memeriksa kesesuaian data 3. Jika data sesuai, maka data akan disimpan 4. Jika data tidak sesuai, maka sistem akan memberitahu kesalahnnya Tabel 3.6 Spesifikasi Proses Lanjutan 3 9 No. Proses 3.2 Nama Proses Ubah password Source Member dan Admin Input Data password member, Data password petugas, Data password admin Output Info password member, Info password petugas, Info password admin Destination Member dan Admin Logika Proses 1. Member atau petugas memasukan data password lama dan data password baru kedala sistem 2. Sistem akan memeriksa kesesuaian data password yang diinputkan user dengan yang ada dalam database 3. Jika data sesuai, maka data akan disimpan 4. Jika data tidak sesuai, maka sistem akan memberitahu kesalahnnya 10 No. Proses 3.3 Nama Proses Tambah petugas Source Admin Input Data petugas Output Info petugas Destination Admin Logika Proses 1. Admin memasukan data petugas baru 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu admin 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database No. Proses 3.2 Nama Proses Ubah password Source Member dan Admin Input Data password member, Data password petugas, Data password admin Output Info password member, Info password petugas, Info password admin Destination Member dan Admin Logika Proses 5. Member atau petugas memasukan data password lama dan data password baru kedala sistem 6. Sistem akan memeriksa kesesuaian data password yang diinputkan user dengan yang ada dalam database 7. Jika data sesuai, maka data akan disimpan 8. Jika data tidak sesuai, maka sistem akan memberitahu kesalahnnya No. Proses 3.3 Nama Proses Tambah petugas Source Admin Input Data petugas Output Info petugas Destination Admin Logika Proses 5. Admin memasukan data petugas baru 6. Sistem akan memeriksa kelengkapan dan ketepatan data 7. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu admin 8. Jika data lengkap dan tepat, maka data akan disimpan kedalam database Tabel 3.7 Spesifikasi Proses Lanjutan 4 11 No. Proses 3.4 Nama Proses Hapus petugas Source Admin Input Data hapus petugas Output Info hapus petugas Destination Admin Logika Proses 1. Admin memilih data petugas yang akan dihapus 2. Sistem akan memberikan konfirmasi sebelum data dihapus 3. Jika admin menyetujui, maka data petugas akan dihapus 4. Jika admin tidak menyetujui, maka data petugas tidak dihapus 12 No. Proses 4 Nama Proses Pengolahan data master Source Petugas Input Data barang, Data kategori, Data kota, Data provinsi Output Info barang, Info kategori, Info kota, Info provinsi Destination Petugas Logika Proses 1. Petugas memasukan data barang, kategori, kota atau provinsi 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 13 No. Proses 4.1 Nama Proses Pengolahan data barang Source Petugas Input Data barang Output Info barang Destination Petugas Logika Proses 1. Petugas memasukan data barang 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database Tabel 3.8 Spesifikasi Proses Lanjutan 5 14 No. Proses 4.1.1 Nama Proses Tambah barang Source Petugas Input Data barang Output Info barang Destination Petugas Logika Proses 1. Petugas memasukan data barang baru 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 15 No. Proses 4.1.2 Nama Proses Ubah barang Source Petugas Input Data barang Output Info barang Destination Petugas Logika Proses 1. Petugas memasukan data barang yang diubah 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 16 No. Proses 4.1.3 Nama Proses Cari barang Source Petugas, Member dan Pengunjung Input Data cari barang Output Info cari barang Destination Petugas, Member dan Pengunjung Logika Proses 1. Petugas, Member atau Pengunjung memasukan data barang yang dicari 2. Sistem akan mencari data barang dalam database 3. Jika data tidak ditemukan, maka sistem akan memberitahu petugas bahwa data tidak ada 4. Jika data ada, maka data akan ditampilkan Tabel 3.9 Spesifikasi Proses Lanjutan 6 17 No. Proses 4.1.4 Nama Proses Hapus barang Source Petugas Input Data hapus barang Output Info hapus barang Destination Menghapus data barang Logika Proses 1. Petugas memilih data barang yang akan dihapus 2. Sistem akan memberikan konfirmasi sebelum data dihapus 3. Jika petugas menyetujui, maka data barang akan dihapus 4. Jika petugas tidak menyetujui, maka data barang tidak dihapus 18 No. Proses 4.1.5 Nama Proses Pengolahan data detail barang Source Petugas Input Data detail barang Output Info detail barang Destination Petugas Logika Proses 1. Petugas memasukan data detail barang 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 19 No. Proses 4.2 Nama Proses Pengolahan data kategori Source Petugas Input Data kategori Output Info kategori Destination Petugas Logika Proses 1. Petugas memasukan data kategori 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database Tabel 3.10 Spesifikasi Proses Lanjutan 7 17 No. Proses 4.1.4 Nama Proses Hapus barang Source Petugas Input Data hapus barang Output Info hapus barang Destination Menghapus data barang Logika Proses 5. Petugas memilih data barang yang akan dihapus 6. Sistem akan memberikan konfirmasi sebelum data dihapus 7. Jika petugas menyetujui, maka data barang akan dihapus 8. Jika petugas tidak menyetujui, maka data barang tidak dihapus 18 No. Proses 4.1.5 Nama Proses Pengolahan data detail barang Source Petugas Input Data detail barang Output Info detail barang Destination Petugas Logika Proses 5. Petugas memasukan data detail barang 6. Sistem akan memeriksa kelengkapan dan ketepatan data 7. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 8. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 19 No. Proses 4.2 Nama Proses Pengolahan data kategori Source Petugas Input Data kategori Output Info kategori Destination Petugas Logika Proses 5. Petugas memasukan data kategori 6. Sistem akan memeriksa kelengkapan dan ketepatan data 7. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 8. Jika data lengkap dan tepat, maka data akan disimpan kedalam database Tabel 3.11 Spesifikasi Proses Lanjutan 8 20 No. Proses 4.2.1 Nama Proses Tambah kategori Source Petugas Input Data kategori Output Info kategori Destination Petugas Logika Proses 1. Petugas memasukan data kategori baru 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 21 No. Proses 4.2.2 Nama Proses Ubah kategori Source Petugas Input Data kategori Output Info kategori Destination Petugas Logika Proses 1. Petugas memasukan data kategori yang diubah 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 22 No. Proses 4.2.3 Nama Proses Cari kategori Source Petugas Input Data cari kategori Output Info cari kategori Destination Petugas Logika Proses 1. Petugas memasukan data kategori yang dicari 2. Sistem akan mencari data kategori dalam database 3. Jika data tidak ditemukan, maka sistem akan memberitahu petugas bahwa data tidak ada 4. Jika data ada, maka data akan ditampilkan Tabel 3.12 Spesifikasi Proses Lanjutan 9 23 No. Proses 4.2.4 Nama Proses Hapus kategori Source Petugas Input Data hapus kategori Output Info hapus kategori Destination Menghapus kategori Logika Proses 9. Petugas memilih kategori yang akan dihapus 10. Sistem akan memberikan konfirmasi sebelum kategori dihapus 11. Jika petugas menyetujui, maka kategori akan dihapus

1. Jika petugas tidak menyetujui, maka kategori tidak

24 No. Proses 4.3 Nama Proses Pengolahan data kota Source Petugas Input Data kota Output Info kota Destination Petugas Logika Proses 1. Petugas memasukan data kota 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 25 No. Proses 4.3.1 Nama Proses Tambah kota Source Petugas Input Data kota Output Info kota Destination Petugas Logika Proses 2. Petugas memasukan data kota baru 3. Sistem akan memeriksa kelengkapan dan ketepatan data 4. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 5. Jika data lengkap dan tepat, maka data akan disimpan kedalam database Tabel 3.13 Spesifikasi Proses Lanjutan 10 23 No. Proses 4.2.4 Nama Proses Hapus kategori Source Petugas Input Data hapus kategori Output Info hapus kategori Destination Menghapus kategori Logika Proses 12. Petugas memilih kategori yang akan dihapus 13. Sistem akan memberikan konfirmasi sebelum kategori dihapus 14. Jika petugas menyetujui, maka kategori akan dihapus

6. Jika petugas tidak menyetujui, maka kategori tidak

24 No. Proses 4.3 Nama Proses Pengolahan data kota Source Petugas Input Data kota Output Info kota Destination Petugas Logika Proses 5. Petugas memasukan data kota 6. Sistem akan memeriksa kelengkapan dan ketepatan data 7. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 8. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 25 No. Proses 4.3.1 Nama Proses Tambah kota Source Petugas Input Data kota Output Info kota Destination Petugas Logika Proses 7. Petugas memasukan data kota baru 8. Sistem akan memeriksa kelengkapan dan ketepatan data 9. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 10. Jika data lengkap dan tepat, maka data akan disimpan kedalam database Tabel 3.14 Spesifikasi Proses Lanjutan 11 29 No. Proses 4.4.1 Nama Proses Tambah provinsi Source Petugas Input Data provinsi Output Info provinsi Destination Petugas Logika Proses 1. Petugas memasukan data provinsi baru 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 30 No. Proses 4.4.2 Nama Proses Ubah provinsi Source Petugas Input Data provinsi Output Info provinsi Destination Petugas Logika Proses 1. Petugas memasukan data provinsi yang diubah 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 31 No. Proses 4.4.3 Nama Proses Cari provinsi Source Petugas Input Data cari provinsi Output Info cari provinsi Destination Petugas Logika Proses 1. Petugas memasukan data provinsi yang dicari 2. Sistem akan mencari data kategori dalam database 3. Jika data tidak ditemukan, maka sistem akan memberitahu petugas bahwa data tidak ada 4. Jika data ada, maka data akan ditampilkan Tabel 3.15 Spesifikasi Proses Lanjutan 12 32 No. Proses 4.5 Nama Proses Pengolahan data detail barang Source Petugas Input Data detail barang Output Info detail barang Destination Petugas Logika Proses 9. Petugas memasukan data detail barang 10. Sistem akan memeriksa kelengkapan dan ketepatan data 11. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 12. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 33 No. Proses 4.5.1 Nama Proses Tambah detail barang Source Petugas Input Data detail barang Output Info detail barang Destination Petugas Logika Proses 1. Petugas memasukan data detail barang baru 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database 34 No. Proses 4.5.2 Nama Proses Ubah detail barang Source Petugas Input Data detail barang Output Info detail barang Destination Petugas Logika Proses 1. Petugas memasukan data detail barang yang diubah 2. Sistem akan memeriksa ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberitahu petugas 4. Jika data lengkap dan tepat, maka data akan disimpan kedalam database Tabel 3.16 Spesifikasi Proses Lanjutan 13 35 No. Proses 4.5.3 Nama Proses Hapus detail barang Source Petugas Input Data hapus detail barang Output Info hapus detail barang Destination Menghapus data detail barang Logika Proses 15. Petugas memilih datadetail barang yang akan dihapus 16. Sistem akan memberikan konfirmasi sebelum data dihapus 17. Jika petugas menyetujui, maka data dihapus 18. Jika petugas tidak menyetujui, maka data tidak dihapus 36 No. Proses 5 Nama Proses Pengolahan data transaksi Source Petugas, Member, Mail Server, Paypal, Pengunjung Input Data pembelian, Data pembayaran, Data keranjang, Data retur, Data status pembayaran, Data status pengiriman Output Info pembelian, Info pembayaran, Info keranjang, Info retur, Info status pembayaran, Info status pengiriman Destination Petugas, Member, Mail Server, Paypal, Pengunjung Logika Proses 1. Petugas, Member, Mail Server, Pengunjung atau Paypal memasukan Data pembelian, Data pembayaran, Data keranjang, atau Data retur. 2. Sistem akan memeriksa kelengkapan dan ketepatan data 3. Jika data tidak lengkap atau tidak tepat, maka sistem akan memberi peringatan 4. Jika data lengkap dan tepat, maka data akan diproses dan disimpan kedalam database 37 No. Proses 5.1 Nama Proses Pengolahan data keranjang Source Pengunjung dan Member Input Data keranjang, Data ubah keranjang Output Info keranjang, Info ubah keranjang Destination Pengunjung dan Member Logika Proses 1. Pengunjung atau Member memilih barang yang akan dibeli kedalam keranjang 2. Jika data tidak jadi dibeli atau tidak sesuai Pengunjung atau Member merubah data di dalam keranjang 3. Jika sesuai Pengunjung atau Member melakukan check out Tabel 3.17 Spesifikasi Proses Lanjutan 14 38 No. Proses 5.2 Nama Proses Pengolahan data pesanan Source Petugas, Member, Mail Server, Paypal Input Data pembelian, Data member, Data penerima, Data konfirmasi pembayaran, Data status pembelian, Data keranjang, Data retur barang Output Info pembelian, Info member, Info penerima, Info detail pembelian, Info retur barang, Info pesanan Destination Petugas, Member, Mail Server, Paypal Logika Proses 1. Member memasukan data penerima, member, data konfirmasi pembayaran dan data keranjang dari proses pengolahan keranjang 2. Lalu petugas memeriksa data-data yang dimasukan oleh member 3. Jika data sudah benar, maka petugas memproses data tersebut dengan memasukan data status pembelian 4. Jika ada data yang kurang, maka petugas akan menghubungi member 5. Jika member menggunakan paypal, maka sistem akan meneruskan data pembelian ke paypal, lalu petugas akan memproses pemesanan 39 No. Proses 5.3 Nama Proses Pengolahan data pembayaran Source Member dan Paypal Input Data pesanan, Data pembayaran transfer, Data pembayaran paypal Output Info pembayaran Destination Member dan Paypal Logika Proses 1. Member memasukan data pembayaran transfer kedalam sistem 2. Jika data benar, maka data akan diproses sistem bersama dengan data pesanan dari proses pengolahan pesanan 3. Jika data salah, maka sistem akan memberi tahu kesalahannya 4. Jika pembayaran menggunakan paypal total pembayaran akan akan dikalikan nilai yang telah disimpan di tabel kurs lalu mengirimnya ke paypal, paypal akan memberikan data pembayaran menggunakan paypal Tabel 3.18 Spesifikasi Proses Lanjutan 15 40 No. Proses 5.4 Nama Proses Pengolahan data pengiriman Source Member dan Petugas Input Data status pengiriman Output Info status pengiriman Destination Member dan Petugas Logika Proses 1. Petugas memasukan data ststus pengiriman kedalam database 2. Member bisa melihat status pengiriman dari data yang dimasukan oleh petugas 41 No. Proses 6 Nama Proses Lihat history pesanan Source Member Input Data pesanan Output Info pesanan Destination Member Logika Proses 1. Member melakukan request data pesanan yang telah dilakukan 2. Sistem akan memproses data request, lalu menampilkan data pesanan yang telah dilakukan 42 No. Proses 7 Nama Proses Lihat barang Source Member, Pengunjung dan Petugas Input Data id_barang, data rating, data komentar, Data tampil komentar, Data hapus komentar Output Info barang, info rating, info komentar, Info tampil komentar, Info hapus komentar Destination Member, Pengunjung dan Petugas Logika Proses 1. Member atau Pengunjung memasukan data id_barang, data rating atau data komentar 2. Sistem memeriksa kesesuaian data 3. Jika data sesuai, maka data akan diproses 4. Jika data tidak sesuai maka sistem akan memberi peringatan 5. Untuk data komentar, petugas akan memeriksa isi komentar. 6. Jika layak tampil, maka petugas akan menampilkan komentar tersebut 7. Jika tidak layak, maka petugas tidak akan menampilkan komentar tersebut Tabel 3.19 Spesifikasi Proses Lanjutan 16 43 No. Proses 7.1 Nama Proses Tampil barang Source Member dan Pengunjung Input Data id_barang, data rating, data komentar, Data tampil komentar Output Info barang, info rating, info komentar, Info tampil komentar Destination Member dan Pengunjung Logika Proses 1. Member atau Pengunjung memasukan data id_barang, data rating atau data komentar 2. Sistem memeriksa kesesuaian data 3. Jika data sesuai, maka data akan diproses 4. Jika data tidak sesuai maka sistem akan memberi peringatan 44 No. Proses 7.2 Nama Proses Pengolahan komentar Source Member dan Petugas Input Data komentar, Data tampil komentar Output Info komentar, Info tampil komentar Destination Member dan Petugas Logika Proses 1. Member memasukan data komentar kedalam sistem 2. Sistem akan memeriksa kesesuaian data 3. Jika data sesuai, maka data akan diproses 4. Jika data tidak sesuai maka sistem akan memberi peringatan 5. Petugas akan memeriksa isi komentar. 6. Jika layak tampil, maka petugas akan menampilkan komentar tersebut 7. Jika tidak layak, maka petugas tidak akan menampilkan komentar tersebut 45 No. Proses 7.3 Nama Proses Hapus komentar Source Petugas Input Data hapus komentar Output Info hapus komentar Destination Petugas Logika Proses 1. Petugas memilih data komentar yang akan dihapus 2. Sistem akan memberikan konfirmasi sebelum data dihapus 3. Jika petugas menyetujui, maka data komentar akan dihapus 4. Jika petugas tidak menyetujui, maka data komentar tidak dihapus Tabel 3.20 Spesifikasi Proses Lanjutan 17 46 No. Proses 8 Nama Proses Pembuatan Laporan Source Petugas Input Data laporan penjualan Output Info laporan penjualan Destination Petugas Logika Proses 1. Petugas memasukan data laporan penjualan 2. Sistem akan membuatkan laporan berdasarkan data yang diminta oleh petugas 3. Sistem menampilkan laporan penjualan 47 No. Proses 9 Nama Proses Tracking barang Source Web JNE Input Data no resi Output Info no resi Destination Member Logika Proses 1. Member memasukan no resi 2. Sistem akan mengirimkan no resi ke Web JNE 3. Web JNE akan memproses no resi dan mengirim hasilnya ke sistem 4. Sistem menampilkan data tracking dair Web JNE 48 No. Proses 10 Nama Proses Backup Source Admin Input Data barang, Data kategori, Data kota, Data kategori, Data provinsi, Data pembelian, Data pembayaran, Data komentar, Data rating Output Infobarang, Info kategori, Info kota, Info kategori, Info provinsi, Info pembelian, Info pembayaran, Info komentar, Info rating Destination Admin Logika Proses 1. Admin memilih tabel yang akan di backup 2. Sistem akan memproses masukan data tabel yang dipilih 3. Sistem mengeluarkan hasil backup Tabel 3.21 Spesifikasi Proses Lanjutan 18 49 No. Proses 11 Nama Proses Logout Source Member, Admin, Petugas Input Data logout Output Info konfirmasi logout Destination Member, Admin, Petugas Logika Proses 1. Member, Admin atau Petugas memasukan data logout 2. Sistem akan memproses masukan data logout 3. Sistem menampilkan pesan logout berhasil

3.1.21 Kamus Data

Kamus data merupakan sebuah daftar dari elemen data yang berhubungan dengan sistem. Kamus data dibuat berdasarkan arus data pada Data Flow Diagram DFD. Berikut ini kamus data yang di ambil dari data flow diagram Aplikasi E-Commerce yang diusulkan dapat dilihat pada tabel 3.22 Tabel 3.22 Kamus Data Nama Aliran Data Data member Digunakan pada Pengunjung Proses 1, Proses 1.1 Deskripsi Berisi data member yang digunakan untukregistrasi dan akan disimpan didalamdatabase. Struktur data email+password+nama+alamat+no_telp+ kodepos+id_kota+status+tgl_daftar email password nama alamat no_telp kodepos id_kota status tgl_daftar username {A..Z|a..z|0..9} {A..Z|a..z|0..9} {A..Z|a..z} {A..Z|a..z|0..9} {0..9} {0..9} {0..9} {A..Z|a..z} {A..Z|a..z|0..9} {A..Z|a..z|0..9} Nama Aliran Data Data login member Digunakan pada Member Proses 2, Proses 2.1, Proses 2.2 Deskripsi Berisi data login member. Struktur data email+password email password {A..Z|a..z|0..9} {A..Z|a..z|0..9} Nama Aliran Data Data login admin Digunakan pada Admin Proses 2, Proses 2.1, Proses 2.2 Deskripsi Berisi data login admin. Struktur data userid+password username password {A..Z|a..z|0..9} {A..Z|a..z|0..9} Nama Aliran Data Data login petugas Digunakan pada Petugas Proses 2, Proses 2.1, Proses 2.2 Deskripsi Berisi data login petugas. Struktur data userid+password username password {A..Z|a..z|0..9} {A..Z|a..z|0..9} Nama Aliran Data Data petugas Digunakan pada Admin Proses 3, Proses 3.1, Proses 3.3 Deskripsi Berisi data petugas yang akan disimpan didalamdatabase. Struktur data id_petugas+nama_petugas+username+email +password+telepon+alamat username nama_petugas email password telepon alamat ket {A..Z|a..z|0..9} {A..Z|a..z|0..9} {A..Z|a..z|0..9} {A..Z|a..z|0..9} {0..9} {A..Z|a..z|0..9} {A..Z|a..z|0..9} Nama Aliran Data Data barang Digunakan pada Petugas Proses 4, Proses 4.1, Proses 4.1.1, Proses 4.1.2 Deskripsi Berisi data barang Struktur data id_barang+nama_barang+harga+detail +stok+diskon+id_kategori+tgl_upload id_barang nama_barang harga diskon id_kategori tgl_upload username {A..Z|a..z|0..9} {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} Nama Aliran Data Data kategori Digunakan pada Petugas Proses 4, Proses 4.2, Proses 4.2.1, Proses 4.2.2 Deskripsi Berisi data kategori. Struktur data id_kategori+nama_kategori id_kategori nama_kategori {A..Z|a..z|0..9} {A..Z|a..z|0..9} Nama Aliran Data Data kota Digunakan pada Petugas Proses 4, Proses 4.3, Proses 4.3.1, Proses 4.3.2 Deskripsi Berisi data kota. Struktur data id_kota+nama_kota+ongkos_kirim +id_provinsi id_kota nama_kota ket id_provinsi {0..9} {A..Z|a..z|0..9} {A..Z|a..z|0..9} {0..9} Nama Aliran Data Data provinsi Digunakan pada Petugas Proses 4, Proses 4.4, Proses 4.4.1, Proses 4.4.2 Deskripsi Berisi data provinsi. Struktur data id_provinsi+nama_prov id_provinsi nama_prov {0..9} {A..Z|a..z|0..9} Nama Aliran Data Data keranjang Digunakan pada Member Proses 5, Proses 5.1, Proses 5.2 Deskripsi Berisi data keranjang. Struktur data id_keranjang+id_barang+jumlah+tgl+email id_keranjang id_barang jumlah email {0..9} {A..Z|a..z|0..9} {0..9} {A..Z|a..z|0..9} Nama Aliran Data Data pembelian Digunakan pada Member Proses 5, Proses 5.2, Proses 5.3 Deskripsi Berisi data pembelian. Struktur data no_pesan+email+tgl+id_keranjang +total_bayar+status_bayar no_pesan email tgl id_keranjang total_bayar ststus_bayar status_kirim alamat_kirim username {0..9} {A..Z|a..z|0..9} {A..Z|a..z|0..9} {0..9} {0..9} {A-Z|a-z} {A-Z|a-z} {A..Z|a..z|0..9} {A..Z|a..z|0..9} id_ongkos penerima_barang {0..9} {A-Z|a-z} Nama Aliran Data Data retur Digunakan pada Member Proses 5, Proses 5.1 Deskripsi Berisi data retur. Struktur data id_retur+id_barang+jumlah+tgl_retur+alasam id_retur id_barang jumlah tgl_retur alasan {0..9} {A..Z|a..z|0..9} {0..9} {0..9} {A..Z|a..z|0..9} Nama Aliran Data Data komentar Digunakan pada Member Proses 7, Proses 7.1, Proses 7.2 Deskripsi Berisi data komentar. Struktur data no_komentar+id_barang+komentar+email no_komentar id_barang komentar status email username {0..9} {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} Nama Aliran Data Data rating Digunakan pada Member Proses 7, Proses 7.1 Deskripsi Berisi data rating. Struktur data id_rating+id_barang+total_rating+email id_rating id_barang total_rating email {0..9} {A..Z|a..z|0..9} {0..9} {A..Z|a..z|0..9}

3.2 Perancangan Basis Data

Perancangan basis data yaitu menciptakan atau merancang data yang terhubung dan disimpan secara bersamasama. Untuk menggambarkannya digunakanlah skema relasi dan struktur file. Dari dua hasil tersebut, implementasi basis data akan bisa dikerjakan.

3.2.1 Diagram Relasi

Diagram relasi menggambarkan hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom pada gambar 3. tb_pembelian PK id_pembelian total_bayar status_bayar penerima alamat_kirim tgl_kirim no_resi kodepos id_ongkos email username tb_keranjang id_keranjang id_barang harga qty diskon id_pembelian tb_barang PK id_barang nama_barang detail nama_gbr lihat tgl_upload id_kategori username stok harga diskon berat tb_kategori PK id_kategori nama_kategori tb_pembayaran PK no_pembayaran id_pembelian no_rekening no_transaksi tgl_bayar tb_petugas PK username nama_petugas email password telepon alamat ket tb_komentar no_komentar komentar status email id_barang username tb_rating PK id_rating total_rating email id_barang tb_retur id_retur tgl_retur tgl_kirim no_resi status alasan_invalid id_pembelian tb_detail_retur id_detail_retur id_retur id_barang jumlah alasan id_keranjang tb_jasa PK id_jasa jasa tb_paket PK id_paket nama_paket id_jasa tb_ongkir PK id_ongkos ongkos_kirim id_kota id_paket tb_member PK email password nama alamat kodepos no_telp id_kota aktivasi status tgl_daftar username tb_kota PK id_kota nama_kota id_provinsi tb_provinsi PK id_provinsi nama_provinsi FK2 FK2 FK1 FK1 FK1 FK1 FK1 FK1 FK1 FK1 FK1 FK1 FK1 FK2 FK2 FK2 FK2 FK3 FK3 FK2 FK1 FK2 FK1 FK2 FK3 FK1 FK3 FK2 FK1 FK1 FK2 FK1 FK2 FK1 FK2 FK1 FK1 FK2 FK1 FK2 FK1 FK1 Gambar 3.18 Diagram Relasi Jebgos Accessories

3.2.2 Struktur tabel

Struktur tabel adalah spesifikasi file dari tiap tabel yang digunakan dalam sistem yang akan dibangun. Struktur tabel dari sistem yang dibangun adalah sebagai berikut: 1. Tabel Petugas Tabel ini adalah perancangan untuk tabel petugas yang akan digunakan pada pembangunan sistem. Struktur tabel petugas dijelaskan pada tabel 3.23 Tabel 3.23 Tabel Petugas No Nama Field Tipe data Size Keterangan 1 username varchar 30 Primary Key, Not Null 2 password varchar 50 Not Null 3 nama_petugas varchar 30 Not Null 4 email varchar 30 Not Null 5 alamat varchar 160 Not Null 6 telepon varchar 15 Not Null 7 ket varchar 10 Not Null 2. Tabel Member Tabel ini adalah perancangan untuk tabel member yang akan digunakan pada pengembangan sistem. Struktur tabel member dijelaskan pada tabel 3.24 Tabel 3.24 Tabel Member No Field Type Size Keterangan 1 email varchar 30 Primary Key, Not Null 2 password varchar 50 Not Null 3 nama varchar 30 Not Null 4 alamat varchar 160 Not Null 5 kodepos varchar 5 Not Null 6 no_telp varchar 15 Not Null 7 id_kota int Foreign Key, Referance tb_kotaid_kota 8 tgl_daftar datetime Not Null 9 status varchar 15 Not Null 10 aktivasi varchar 100 Not Null 11 username varchar 30 Foreign Key, Referance tb_petugasusername 3. Tabel Kategori Tabel ini berfungsi untuk mengelompokan setiap barang ke dalam kategori. Struktur tabel kategori dijelaskan pada tabel 3.25 Tabel 3.25 Kategori No Field Type Size Keterangan 1 id_kategori varchar 5 Primary Key, Not Null 2 nama_kategori varchar 20 Not Null 4. Tabel Barang Tabel ini berfungsi untuk menyimpan data barang. Struktur tabel barang dijelaskan pada tabel 3.26. Tabel 3.26 Tabel Barang No Field Type Size Keterangan 1 id_barang varchar 10 Primary Key, Not Null 2 Nama_barang varchar 30 Not Null 3 detail varchar 160 Not Null 4 nama_gbr varchar 30 Not Null 5 lihat int Not Null, Default 0 6 tgl_upload datetime Not Null 7 id_kategori varchar 10 Foreign Key, Referance tb_kategoriid_kategori 8 username varchar 30 Foreign Key, Referance tb_petugasusername 9 harga int 11 Not Null 10 diskon float Not Null 11 berat float Not Null 12 stok int Not Null 5. Tabel provinsi Tabel ini berfungsi untuk menyimpan data provinsi. Struktur tabel provinsi dijelaskan pada tabel 3.27. Tabel 3.27 Tabel provinsi No Field Type Size Keterangan 1 id_provinsi int Primary Key, Not Null, Auto Increment 2 nama_prov varchar 30 Not Null 6. Tabel kota Tabel ini berfungsi untuk menyimpan data kota. Struktur tabel kota dijelaskan pada tabel 3.28. Tabel 3.28 Tabel Kota No Field Type Size Keterangan 1 id_kota int Primary Key, Not Null, Auto Increment 2 nama_kota varchar 30 Not Null 3 id_provinsi int Foreign Key, Referance tb_provinsiid_provinsi 7. Tabel Kurs Tabel ini berfungsi untuk menyimpan data nilai tukar rupia. Struktur tabel rating dijelaskan pada tabel 3.29. Tabel 3.29 Tabel Kurs No Field Type Size Keterangan 1 id_kurs varchar 5 Primary Key, Not Null, Auto Increment 2 asal varchar 5 Not Null 3 nilai_tukar int Not Null 8. Tabel rating Tabel ini berfungsi untuk menyimpan data rating. Struktur tabel rating dijelaskan pada tabel 3.30. Tabel 3.30 Tabel Rating No Field Type Size Keterangan 1 id_rating int Primary Key, Not Null, Auto Increment 2 total_nilai int Not Null 3 email varchar 30 Foreign Key, Referance tb_memberemail 4 id_barang varchar 10 Foreign Key, Referance tb_barangid_barang 9. Tabel Komentar Tabel ini berfungsi untuk menyimpan data komentar. Struktur tabel komentar dijelaskan pada tabel 3.31 Tabel 3.31 Tabel komemtar No Field Type Size Keterangan 1 nomor int Unique Key, Not Null, Auto Increment 2 komentar varchar 160 Not Null 3 status varchar 30 Not Null 4 email varchar 30 Foreign Key, Referance tb_memberemail 5 id_barang varchar 10 Foreign Key, Referance tb_barangid_barang 6 username varchar 30 Foreign Key, Referance tb_petugasusername 10. Tabel Keranjang Tabel ini berfungsi untuk menyimpan data keranjang. Struktur tabel keranjang dijelaskan pada tabel 3.32 Tabel 3.32 Tabel Keranjang No Field Type Size Keterangan 1 id_keranjang int Unique Key, Not Null, Auto Increment 2 id_barang varchar 10 Foreign Key, Referance tb_barangid_barang 3 harga int Not Null 4 qty Int Not Null 5 diskon float Not Null 6 id_pembelian int Foreign Key, Referance tb_pembelianid_pembelian 11. Cart Tabel ini berfungsi untuk menyimpan data keranjang sementara sebelum dimasukan kedalam tabel keranjang. Struktur tabel pembelian dijelaskan pada tabel 3.33 Tabel 3.33 Tabel Cart No Field Type Size Keterangan 1 id_cart int Primary Key, Not Null, Auto Increment 2 id_barang varchar 10 Foreign Key, Referance tb_barangid_barang 3 harga int Not Null 5 qty Int Not Null 6 diskon float Not Null 7 tgl_cart datetime Not Null 8 id_session varchar 40 Not Null 12. Tabel Pembayaran Tabel ini berfungsi untuk menyimpan data pembayaran. Struktur tabel pembayaran dijelaskan pada tabel 3.34. Tabel 3.34 Tabel pembayaran No Field Type Size Keterangan 1 no_pembayaran int Primary Key, Not Null, Auto Increment 2 no_rekening varchar 20 Not Null 3 tgl_bayar Datetime Not Null 4 id_pembelian int Foreign Key, Referance tb_pembelianid_pembelian 5 jumlah_transfer varchar 12 6 bank varchar 32 13. Tabel Retur Tabel ini berfungsi untuk menyimpan data retur. Struktur tabel retur dijelaskan pada tabel 3.35 Tabel 3.35 Tabel Retur No Field Type Size Keterangan 1 id_retur int Unique Key, Not Null, Auto Increment 2 id_pembelian int Foreign Key, Referance tb_pembelianid_ pembelian 3 tgl_retur datetime Not Null 4 tgl_kirim datetime Null 5 status varchar 20 Not Null, Default Retur 6 no_resi varchar 15 Not Null, Default 0 7 alasan_invalid varchar 160 Not Null, Default Tidak Ada 14. Tabel Detail Retur Tabel ini berfungsi untuk menyimpan data retur. Struktur tabel retur dijelaskan pada tabel 3.36. Tabel 3.36 Tabel Detail Retur No Field Type Size Keterangan 1 id_detail_retur int Unique Key, Not Null, Auto Increment 2 id_keranjang int Foreign Key, Referance tb_keranjangid_keranjang 3 id_retur int Not Null 4 jumlah int Not Null 5 alasan varchar 160 Null 15. Tabel Pembelian Tabel ini berfungsi untuk menyimpan data pembelian. Struktur tabel pembelian dijelaskan pada tabel 3.37. Tabel 3.37 Tabel Pembelian No Field Type Size Keterangan 1 id_pembelian int Primary Key, Not Null, Auto Increment 2 tgl_beli datetime Not Null 3 total_bayar int 10 Not Null 4 status_bayar varchar 20 Not Null, Default Belum Dibayar 5 status_kirim varchar 20 Not Null, Default Belum Dikirim 6 tgl_kirim datetime Null 7 penerima varchar 20 Not Null 8 alamat_kirim varchar 160 Not Null 9 kodepos varchar 10 Not Null 10 id_ongkos int Foreign Key, Referance tb_ongkirid_ongkos 11 paket varchar 6 Not Null 12 no_resi varchar 25 Null 13 email varchar 30 Foreign Key, Referance tb_memberemail 14 username varchar 30 Foreign Key, Referance tb_petugasusername 16. Tabel Paket Tabel ini berfungsi untuk menyimpan data paket. Struktur tabel paket dijelaskan pada tabel 3.38 Tabel 3.38 Tabel Paket No Field Type Size Keterangan 1 id_paket int Primary Key, Not Null, Auto Increment 2 nama_paket varchar 10 Not Null 3 id_jasa varchar 10 Foreign Key, Referance tb_jasaid_ jasa 17. Tabel Ongkir Tabel ini berfungsi untuk menyimpan data ongkos kirim. Struktur tabel ongkos kirim dijelaskan pada tabel 3.39. Tabel 3.39 Tabel Ongkir No Field Type Size Keterangan 1 id_ongkos int Primary Key, Not Null, Auto Increment 2 ongkos_kirim int Not Null 3 id_paket int Foreign Key, Referance tb_paketid_ paket 4 id_kota int Foreign Key, Referance tb_kotaid_ kota 18. Tabel jasa Tabel ini berfungsi untuk menyimpan data ongkos kirim. Struktur tabel ongkos kirim dijelaskan pada tabel 3.40. Tabel 3.40 Tabel jasa Nama Field Tipe Data Panjang Kunci id_jasa int 11 Primary Key nama_jasa int 30 url varchar 100

3.3 Perancangan Antar Muka

Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user. Perancangan interface untuk aplikasi E-Commerce di Jebgos Accessories terdiri dari perancangan tampilan dan perancangan pesan.

3.3.1 Perancangan Struktur Menu

Perancangan Struktur menu menggambarkan keterkaitan setiap menu yang bisa di akses oleh user yang digambarkan sebagai berikut:

1. Struktur Menu Pengunjung

Struktur menu pengunjung yang ada di e-commerce Jebgos Accessories dapat dilihat pada Gambar 3.19. Produk Jebgos Daftar Keranjang Home Cari Menu Aplikasi Gambar 3.19 Struktur Menu Pengunjung

2. Struktur Menu Member

Struktur menu member yang ada di website E-Commerce Jebgos Accessories dapat dilihat pada Gambar 3.20. Produk Jebgos Data User Keranjang Home Cari Login Logout Profile Histori Pembelian Ganti Password Gambar 3.20 Struktur Menu Member

2. Struktur Menu Petugas

Struktur menu petugas yang ada di website e-commerce Jebgos Accessories dapat dilihat pada Gambar 3.21. Login Transaksi Master Logout Home Laporan Keranjang Pesanan Provinsi Pengiriman kota Pembayaran Kategori Barang Edit Tambah Cari Hapus Gambar 3.21 Struktur Menu Petugas

3. Struktur Menu Admin

Struktur menu operator yang ada di website e-commerce Jebgos Accessories dapat dilihat pada Gambar 3.22. Edit Cari Aktivasi Hapus Tambah Cari Data User Data Pelanggan Login Gambar 3.22 Struktur Menu Admin 3.3.2 Perancangan Antar Muka 3.3.2.1.1 Perancangan Antarmuka Pengunjung Perancangan antarmuka untuk pengunjung dari aplikasi E-Commerce di Jebgos Accessories adalah sebagai berikut: 1. Perancangan antarmuka menu beranda F02 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Daftar Jepitan Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Lain-lain · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik Gambar Produk menuju F08 · Klik tombol Masukkan Keranjang menuju F03 · Klik tombol Detail menuju F08 Nama Layer : F02 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background :Abu-Abu Jepitan Bando Bros Kategori Masuk E-mail Kata Kunci Login Isi Keranjang Gambar 3.23 Perancangan Antarmuka Beranda 2. Perancangan Antarmuka Produk F02 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Daftar Jepitan Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Lain-lain · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik Gambar Produk menuju F08 · Klik tombol Masukkan Keranjang menuju F03 · Klik tombol Detail menuju F08 Nama Layer : F02 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Jepitan Bando Bros Kategori Masuk E-mail Kata Kunci Login Isi Keranjang Gambar 3.24 Perancangan Antarmuka Cara Pemesanan 3. Perancangan Antarmuka Keranjang F03 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Daftar Nama Layer : F03 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Jepitan Bando Bros Kategori Masuk E-mail Kata Kunci Masuk Isi Keranjang Keranjang Kode Barang Harga Disc Qty Subtotal Hapus Total Harga Belanja Lagi Kosongkan Keranjang Perbarui Keranjang SELESAI · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik tombol Belanja Lagi menuju F01 · Klik tombol Hapus untuk menghapus barang dari keranjang · Klik tombol Kosongkan Keranjang untuk mengosongkan keranjang · Klik tombol SELESAI menuju F11 Gambar 3.25 Perancangan Antarmuka Keranjang Perancangan Antarmuka Tentang F04 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Daftar Nama Layer : F04 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Jepitan Bando Bros Kategori Masuk E-mail Kata Kunci Masuk Isi Keranjang · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 Jebgos Tentang JEBGOS Gambar 3.26 Perancangan Antar Muka tentang 4. Perancangan Antarmuka Cari F05 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Daftar Nama Layer : F05 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Jepitan Bando Bros Kategori Masuk E-mail Kata Kunci Masuk Isi Keranjang Cari Barang Nama Barang Cari berdasarkan Jepitan Semua Bros Bando Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik Gambar Produk Menuju F08 · Klik tombol Masukkan Keranjang menuju F03 · Klik tombol Detail menuju F08 · Klik tombol Cari untuk mencari barang Gambar 3.27 Perancangan Antar Muka Cari 5. Perancangan Antarmuka Daftar F06 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Daftar Nama Layer : F06 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik tombol Daftar untuk mendaftar menjadi anggota · Klik tombol Reset untuk mereset isian Registrasi E- Mail Password Nama Alamat Kode Pos Kota No Telp Daftar Reset Jepitan Bando Bros Kategori Masuk E-mail Kata Kunci Masuk Isi Keranjang Gambar 3.28 Perancangan Antar Muka Daftar 6. Perancangan Antarmuka Kategori F07 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Daftar Nama Kategori · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik Gambar Produk Menuju F08 · Klik tombol Masukkan Keranjang menuju F03 · Klik tombol Detail menuju F08 Nama Layer : F07 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Jepitan Bando Bros Kategori Masuk E-mail Kata Kunci Masuk Isi Keranjang Gambar 3.29 Perancangan Antar Muka Kategori 7. Perancangan Antarmuka Detail Produk F08 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Home Produk Keranjang Jebgos Cari Daftar Nama Barang · Klik tombol Home menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik tombol Masukkan Keranjang menuju F03 Nama Layer : F08 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Masukkan Keranjang Gambar Produk Keterangan Barang Rating Komentar Jepitan Bando Bros Kategori Masuk E-mail Kata Kunci Masuk Isi Keranjang Gambar 3.30 Perancangan Antar Muka Detail Produk 8. Perancangan Antarmuka Checkout F09 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Daftar Nama Layer : F09 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Jepitan Bando Bros Kategori Masuk E-mail Kata Kunci Masuk Isi Keranjang · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 Maaf, Anda harus login atau daftar terlebih dahulu untuk dapat melanjutkan proses belanja ini Gambar 3.31 Perancangan Antar Muka Checkout

3.3.2.2 Perancangan Antarmuka Member

Perancangan antarmuka untuk member setelah login dari aplikasi E- Commerce di Jebgos Accessories adalah sebagai berikut: 1. Perancangan Antarmuka Menu Utama Beranda F01 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Baru Banyak Dilihat · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik Gambar Produk menuju F08 · Klik tombol Masukkan Keranjang menuju F03 · Klik tombol Detail menuju F08 Nama Layer : F01 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Jepitan Bando Bros Kategori Data Pengguna Nama E-mail Profil Isi Keranjang Terlaris Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Gambar 3.32 Perancangan Antar Muka Menu Utama Beranda 2. Perancangan Antarmuka Produk F02 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Jepitan Lain-lain · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik Gambar Produk menuju F08 · Klik tombol Masukkan Keranjang menuju F03 · Klik tombol Detail menuju F08 Nama Layer : F02 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Jepitan Bando Bros Kategori Data Pengguna Nama E-mail Profil Isi Keranjang Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Gambar 3.33 Perancangan Antar Muka Produk 3. Perancangan Antarmuka Keranjang F03 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F03 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Keranjang Kode Barang Harga Disc Qty Subtotal Hapus Total Harga Belanja Lagi Kosongkan Keranjang Perbarui Keranjang SELESAI · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik tombol Belanja Lagi menuju F01 · Klik tombol Hapus untuk menghapus barang dari keranjang · Klik tombol Perbarui Keranjang untuk mengubah data keranjang · Klik tombol Kosongkan Keranjang untuk mengosongkan keranjang · Klik tombol SELESAI menuju F11 Jepitan Bando Bros Kategori Data Pengguna Nama E-mail Profil Isi Keranjang Gambar 3.34 Perancangan Antar Muka Keranjang 4. Perancangan Antarmuka Tentang F04 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F04 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 Jepitan Bando Bros Kategori Data Pengguna Nama E-mail Profil Isi Keranjang Jebgos Tentang JEBGOS Gambar 3.35 Perancangan Antar Muka Tentang 5. Perancangan Antarmuka Cari F05 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F05 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Cari Barang Nama Barang Cari berdasarkan Jepitan Semua Bros Bando Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Daftar menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik Gambar Produk Menuju F08 · Klik tombol Masukkan Keranjang menuju F03 · Klik tombol Detail menuju F08 · Klik tombol Cari untuk mencari barang Jepitan Bando Bros Kategori Data Pengguna Nama E-mail Profil Isi Keranjang Gambar 3.36 Perancangan Antar Muka Cari 6. Perancangan Antarmuka My Menu F06 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F06 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Profil menuju F06 · Klik tombol Pembelian menuju F11 · Klik tombol Ganti Kata Kunci menuju F12 · Klik tombol Ubah menuju F13 Data Pengguna E- Mail Nama Alamat Kode Pos Kota No Telp Ubah Profil Pembelian Ganti Kata Kunci Menu Saya Data Pengguna Nama E-mail Profil Isi Keranjang Gambar 3.37 Perancangan Antar Muka My Menu 7. Perancangan Antarmuka Kategori F07 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Kategori · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik Gambar Produk Menuju F08 · Klik tombol Masukkan Keranjang menuju F03 · Klik tombol Detail menuju F08 Nama Layer : F07 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Masukkan Keranjang Detail Gambar Produk Jepitan Bando Bros Kategori Data Pengguna Nama E-mail Profil Isi Keranjang Gambar 3.38 Perancangan Antar Muka Kategori 8. Perancangan Antarmuka Detail F08 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Barang · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik tombol Masukkan Keranjang menuju F03 Nama Layer : F08 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Masukkan Keranjang Gambar Produk Keterangan Barang Rating Komentar Jepitan Bando Bros Kategori Data Pengguna Nama E-mail Profil Isi Keranjang Gambar 3.39 Perancangan Antar Muka Detail 9. Perancangan Antarmuka PraCheckout F09 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F09 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 · Klik tombol Lanjut menuju F10 · Klik tombol Batal untuk membatalkan · Klik tombol Reset untuk mengosongkan isian Kode Barang Harga Disc Qty Subtotal Total Harga Nama Alamat Pembayaran Paypal Transfer Bank Masukan data pengiriman Lanjut Reset Batal Jepitan Bando Bros Kategori Data Pengguna Nama E-mail Profil Isi Keranjang Gambar 3.40 Perancangan Antar Muka PraCheckout 10. Perancangan Antarmuka Checkout F10 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F10 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Pesanan Anda telah kami proses, anda akan menerima e-mail konfirmasi pesanan. Setelah Kami menerima pembayaran dari Anda produk akan langsung dikirim ke alamat anda. Terima Kasih __________________________________________________________________ · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Jepitan menuju F07 · Klik tombol Bando menuju F07 · Klik tombol Bros menuju F07 Jepitan Bando Bros Kategori Data Pengguna Nama E-mail Profil Isi Keranjang Gambar 3.41 Perancangan Antar Muka Checkout 11. Perancangan Antarmuka History Pemesanan F11 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F11 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Pembelian menuju F11 · Klik tombol Ganti Kata Kunci menuju F12 · Klik tombol Ubah Profil menuju F13 · Klik tombol Bayar untuk menuju F14 · Klik tombol Detail untuk menuju F15 Pembelian ID Pembelian Tanggal Beli Status Bayar Status Kirim Bayar Detail Profil Pembelian Ganti Kata Kunci Menu Saya Data Pengguna Nama E-mail Profil Isi Keranjang Gambar 3.42 Perancangan Antar Muka History Pemesanan 12. Perancangan Antarmuka Ganti Password F12 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F12 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Pembelian menuju F11 · Klik tombol Ganti Kata Kunci menuju F12 · Klik tombol Ubah Profil menuju F13 · Klik tombol Simpan untuk mengubah password · Klik tombol Reset untuk mengembalikan nilai isian ke keadaan awal Profil Pembelian Ganti Kata Kunci Menu Saya Data Pengguna Nama E-mail Profil Isi Keranjang Ganti Password Password Lama : Confirm Password Lama : Password Baru : Confirm Password Baru : Reset Simpan Gambar 3.43 Perancangan Antar Muka Ganti Password 13. Perancangan Antarmuka Ubah Profile F13 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F13 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Pembelian menuju F11 · Klik tombol Ganti Kata Kunci menuju F12 · Klik tombol Ubah Profil menuju F13 · Klik tombol Simpan untuk mengubah data profil · Klik tombol Reset untuk mengembalikan nilai isian ke keadaan awal Profil Pembelian Ganti Kata Kunci Menu Saya Data Pengguna Nama E-mail Profil Isi Keranjang Ubah Data Simpan Reset Nama E-mail Alamat Kode Pos Kota No Telepon Gambar 3.44 Perancangan Antar Muka Ubah Profile 14. Perancangan Antarmuka Bayar F14 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F14 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Pembelian menuju F11 · Klik tombol Ganti Kata Kunci menuju F12 · Klik tombol Ubah Profil menuju F13 · Klik tombol Bayar untuk menyimpan data Profil Pembelian Ganti Kata Kunci Menu Saya Data Pengguna Nama E-mail Profil Isi Keranjang Bayar Pesanan Bayar Masukkan No Rekening Masukkan No Transaksi Gambar 3.45 Perancangan Antar Muka Bayar 15. Perancangan Antarmuka Detail Pesanan F15 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Gambar Beranda Produk Keranjang Jebgos Cari Keluar Nama Layer : F15 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu · Klik tombol Beranda menuju F01 · Klik tombol Produk menuju F02 · Klik tombol Keranjang menuju F03 · Klik tombol Jebgos menuju F04 · Klik tombol Cari menuju F05 · Klik tombol Keluar untuk keluar · Klik tombol Profil menuju F06 · Klik tombol Pembelian menuju F11 · Klik tombol Ganti Kata Kunci menuju F12 · Klik tombol Ubah Profil menuju F13 Profil Pembelian Ganti Kata Kunci Menu Saya Data Pengguna Nama E-mail Profil Isi Keranjang Kode Barang Harga Disc Qty Subtotal Total Harga Detail Pesanan Gambar 3.46 Perancangan Antar Muka Detail Pesanan

3.3.2.3 Perancangan Antarmuka Petugas

Perancangan antarmuka untuk petugas dari aplikasi E-Commerce di Jebgos Accessories adalah sebagai berikut:

1. Perancangan Antarmuka Login

P01 Copyrigth © 2011 Jebgos Accessories · Klik tombol Login menuju P02 Nama Layer : P01 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-Abu Login Username Password Login Gambar 3.47 Perancangan Antar Muka Login

2. Perancangan Antarmuka Home

P02 Copyrigth © 2011 Jebgos Accessories Master · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik Gambar Master menuju P03 · Klik Gambar Master menuju P04 · Klik tombol Logout untuk keluar menuju P01 Nama Layer : P02 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih Transaksi Home Logout Menu Petugas Master Gambar Master Taransaksi Gambar Transaksi Penjelasan Penjelasan JEBGOS ACCESSORIES Laporan Gambar 3.48 Perancangan Antar Muka Home 3. Perancangan Antarmuka Pengolahan Data Barang P03 Copyrigth © 2011 Jebgos Accessories Master · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Barang menuju P03 · Klik tombol Kategori menuju P05 · Klik tombol Kota menuju P06 · Klik tombol Provinsi menuju P07 · Klik tombol Jasa Pengiriman menuju P16 · Klik tombol Cari untuk mencari data Nama Layer : P03 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih Transaksi Home Logout JEBGOS ACCESSORIES Cari Barang Cari ID Barang Nama Harga Detail Katego ri Stok Detail Edit Hapus Laporan Barang Data Master Kategori Kota Provinsi Jasa Pengiriman Gambar 3.49 Perancangan Antar Muka Pengolahan Data Barang

4. Perancangan Antarmuka Pengolahan Data Pesanan

P04 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Pemesanan menuju P04 · Klik tombol Pengiriman menuju P09 · Klik tombol Retur menuju P10 · Klik tombol Detail menuju P10 · Klik tombol Kirim menuju P11 · Klik tombol Cari untuk mencari data Nama Layer : P04 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Cari Pesanan Cari ID Pesan Nama Alamat Total Bayar Status Bayar Tanggal Beli Status Kirim Detail Kirim Master Transaksi Home Logout Laporan Pemesanan Data Transaksi Pembayaran Pengiriman Retur Gambar 3.50 Perancangan Antar Muka Pengolahan Data Pesanan 5. Perancangan Antarmuka Pengolahan Data Kategori P05 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Barang menuju P03 · Klik tombol Kategori menuju P05 · Klik tombol Kota menuju P06 · Klik tombol Provinsi menuju P07 · Klik tombol Jasa Pengiriman menuju P16 · Klik tombol Cari untuk mencari data Nama Layer : P05 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Cari Kategori Cari ID Barang Nama Kategori Edit Master Transaksi Home Logout Laporan Barang Data Master Kategori Kota Provinsi Jasa Pengiriman Gambar 3.51 Perancangan Antar Muka Pengolahan Data Kategori

6. Perancangan Antarmuka Pengolahan Data Kota

P06 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Barang menuju P03 · Klik tombol Kategori menuju P05 · Klik tombol Kota menuju P06 · Klik tombol Provinsi menuju P07 · Klik tombol Jasa Pengiriman menuju P16 · Klik tombol Cari untuk mencari data Nama Layer : P06 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Cari Kota Nama Kota Nama Nama Paket Ongkos Hapus Edit Tambah Master Transaksi Home Logout Laporan Barang Data Master Kategori Kota Provinsi Jasa Pengiriman Gambar 3.52 Perancangan Antar Muka Pengolahan Data Kota 7. Perancangan Antarmuka Pengolahan Data Provinsi P07 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Barang menuju P03 · Klik tombol Kategori menuju P05 · Klik tombol Kota menuju P06 · Klik tombol Provinsi menuju P07 · Klik tombol Jasa Pengiriman menuju P16 · Klik tombol Cari untuk mencari data Nama Layer : P07 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Cari Provinsi Nama Provinsi ID Provinsi Nama Edit Tambah Master Transaksi Home Logout Laporan Barang Data Master Kategori Kota Provinsi Jasa Pengiriman Gambar 3.53 Perancangan Antar Muka Pengolahan Data Provinsi

8. Perancangan Antarmuka Pengolahan Data Pembayaran

P08 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Pemesanan menuju P04 · Klik tombol Pengiriman menuju P09 · Klik tombol Retur menuju P10 Nama Layer : P08 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Pembayaran Tanggal Bayar ID Pesan Nama No Rekening Status Total Bayar Status Kirim Validasi Master Transaksi Home Logout Laporan Pemesanan Data Transaksi Pembayaran Pengiriman Retur Gambar 3.54 Perancangan Antar Muka Pengolahan Data Pembayaran 9. Perancangan Antarmuka Pengolahan Data Pengiriman P09 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Pemesanan menuju P04 · Klik tombol Pengiriman menuju P09 · Klik tombol Retur menuju P10 · Klik Proses Menuju P11 Nama Layer : P09 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Pengiriman ID Pesan No Resi Penerima Alamat Penerima Barang Tanggal Kirim Tanggal Terima Status Proses Kirim Proses Master Transaksi Home Logout Laporan Pemesanan Data Transaksi Pembayaran Pengiriman Retur Gambar 3.55 Perancangan Antar Muka Pengolahan Data Pengiriman

10. Perancangan Antarmuka Pengolahan Data Retur

P10 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Pemesanan menuju P04 · Klik tombol Pengiriman menuju P09 · Klik tombol Retur menuju P10 Nama Layer : P10 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Retur Barang ID Pesan No Resi Nama Alamat Tanggal Beli Tanggal Retur Status Detail Master Transaksi Home Logout Laporan Barang Data Master Kategori Kota Provinsi Jasa Pengiriman Gambar 3.56 Perancangan Antar Muka Pengolahan Data Retur 11. Perancangan Antarmuka Tambah Barang P12 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Barang menuju P03 · Klik tombol Kategori menuju P05 · Klik tombol Kota menuju P06 · Klik tombol Provinsi menuju P07 · Klik tombol Jasa Pengiriman menuju P16 · Klik tombol Choose File untuk memasukkan gambar · Klik tombol Tambah untuk menyimpan data · Klik tombol Kembali untuk kembali ke halaman sebelumnya Nama Layer : P12 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Tambah Barang Tambah Kategori Nama Harga Kembali Detail No.telepon No.telepon No.telepon Choose File No file Chosen lusin KG Master Transaksi Home Logout Laporan Barang Data Master Kategori Kota Provinsi Jasa Pengiriman Gambar 3.57 Perancangan Antar Muka Tambah Barang

12. Perancangan Antarmuka Tambah Kategori

P13 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Barang menuju P03 · Klik tombol Kategori menuju P05 · Klik tombol Kota menuju P06 · Klik tombol Provinsi menuju P07 · Klik tombol Jasa Pengiriman menuju P16 · Klik tombol Choose File untuk memasukkan gambar · Klik tombol Tambah untuk menyimpan data · Klik tombol Kembali untuk kembali ke halaman sebelumnya Nama Layer : P13 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Tambah Kategori Tambah ID Kategori Nama Kembali Master Transaksi Home Logout Laporan Barang Data Master Kategori Kota Provinsi Jasa Pengiriman Gambar 3.58 Perancangan Antar Muka Tambah Kategori 13. Perancangan Antarmuka Tambah Kota P14 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Barang menuju P03 · Klik tombol Kategori menuju P05 · Klik tombol Kota menuju P06 · Klik tombol Provinsi menuju P07 · Klik tombol Jasa Pengiriman menuju P16 · Klik tombol Tambah untuk menyimpan data · Klik tombol Kembali untuk kembali ke halaman sebelumnya Nama Layer : P14 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Tambah Kota Tambah Nama Provinsi Kembali Kota Kabupaten Master Transaksi Home Logout Laporan Barang Data Master Kategori Kota Provinsi Jasa Pengiriman Paket Jasa Pengiriman Pilih Jasa Harga KabupatenKota Pilih Paket Gambar 3.59 Perancangan Antar Muka Tambah Kota

14. Perancangan Antarmuka Tambah Provinsi

P15 Copyrigth © 2011 Jebgos Accessories · Klik tombol Home menuju P02 · Klik tombol Master menuju P03 · Klik tombol Transaksi menuju P04 · Klik tombol Logout untuk keluar menuju P01 · Klik tombol Barang menuju P03 · Klik tombol Kategori menuju P05 · Klik tombol Kota menuju P06 · Klik tombol Provinsi menuju P07 · Klik tombol Jasa Pengiriman menuju P16 · Klik tombol Tambah untuk menyimpan data · Klik tombol Kembali untuk kembali ke halaman sebelumnya Nama Layer : P15 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Putih JEBGOS ACCESSORIES Kota Provinsi Tambah Kota Tambah ID Provinsi Nama Kembali Master Transaksi Home Logout Laporan Barang Data Master Kategori Kota Provinsi Jasa Pengiriman Gambar 3.60 Perancangan Antar Muka Tambah Provinsi 3.3.2.4 Perancangan Antarmuka Admin Perancangan antarmuka untuk admin dari aplikasi E-Commerce di Jebgos Accessories adalah sebagai berikut:

1. Perancangan Antarmuka Login

A01 Copyrigth © 2011 Jebgos Accessories · Klik tombol Login menuju A02 Nama Layer : A01 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-abu Login Username Password Login Gambar 3.61 Perancangan Antar Muka Login 2. Perancangan Antarmuka Pengolahan Data Petugas A01 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Home · Klik tombol Petugas menuju A02 · Klik tombol Ganti Password menuju A03 · Klik tombol Tambah menuju A04 Nama Layer : A02 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-abu Logout Petugas Data Petugas Ganti Paswword Cari Petugas Cari Username Email Alamat Telepon Edit Keterangan Hapus Tambah Gambar 3.62 Perancangan Antar Muka Pengolahan Data Petugas 3. Perancangan Antarmuka Ganti Password A03 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Home · Klik tombol Petugas menuju A02 · Klik tombol Ganti Password menuju A03 · Klik tombol Ganti untuk mengganti data password · Klik tombol Reset untuk mengembalikan nilai masukan Nama Layer : A03 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-abu Logout Petugas Data Petugas Ganti Paswword Ganti paswword Ganti Password Lama Confirm Password Lama Password Baru Confirm Password Baru Reset Gambar 3.63 Perancangan Antar Muka Ganti Password 4. Perancangan Antarmuka Tambah Petugas A04 Copyrigth © 2011 Jebgos Accessories JEBGOS ACCESSORIES Home · Klik tombol Petugas menuju A02 · Klik tombol Ganti Password menuju A03 · Klik tombol Ganti untuk mengganti data petugas · Klik tombol Reset untuk mengembalikan nilai masukan Nama Layer : A04 Ukuran Layer : 800 pixel x 600 pixel Font : Arial, Sans-serif, BankGothic Md BT Background : Abu-abu Logout Petugas Data Petugas Ganti Paswword Petugas Ganti Username Password Nama Petugas E-mail Reset Alamat No.telepon Keterangan Petugas Admin Gambar 3.64 Perancangan Antar Muka Tambah Petugas

3.3.3 Jaringan Semantik

Aliran menu yang ada di program akan dijelaskan pada jaringan semantik berikut :

1. Jaringan Semantik Pengunjung

F01 F02 F03 F04 F05 F06 F09 F08 F07 Gambar 3.65 Jaringan Semantik Pengunjung 2. Jaringan Semantik Member F01 F02 F03 F04 F05 F06 F09 F08 F07 F11 F12 F13 F14 F10 F15 Gambar 3.66 Jaringan Semantik Member 3. Jaringan Semantik Petugas P01 P02 P03 P05 P06 P07 P04 P08 P09 P10 P15 P14 P13 P12 P11 Gambar 3.67 Jaringan Semantik Petugas

4. Jaringan Semantik Admin

A01 A01 A01 A01 Gambar 3.68 Jaringan Semantik Admin

3.3.4 Perancangan Prosedural

Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan ke dalam suatu program. Perancangan prosedural pada Aplikasi E-Commerce Jebgos Accessories digambarkan dengan menggunakan flowchart. Adapun penjelasan beserta gambaran dari masing-masing flowchart yang ada adalah sebagai berikut :

3.3.4.1 Flowchart Login

Flowchart Login menggambarkan langkah-langkah yang dilakukan oleh user untuk masuk kedalam sistem. Adapun gambaran flowchart dari proses penambahan data dapat dilihat pada Gambar 3.69 Validasi username password Masuk Ke Menu Utama Database Login Benar Login Salah Selesai Tampilkan Pesan Kesalahan Mulai Memasukkan Username dan Password Gambar 3.69 Flowchart login

3.3.4.2 Flowchart Tambah Data

Flowchart tambah data menggambarkan langkah-langkah yang dilakukan oleh admin untuk melakukan penambahan data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses penambahan data dapat dilihat pada Gambar 3.70 Validasi inputan Proses Penyimpanan Data benar berhasil Mulai Menampilkan Pesan Data berhasil disimpan Selesai salah Menampilkan Pesan kesalahan Memasukkan data Penyimpanan Berhasil? gagal Database berhasil Gambar 3.70 Flowchart Tambah Data

3.3.4.3 Flowchart Ubah Data

Flowchart ubah data menggambarkan langkah-langkah yang dilakukan oleh admin untuk melakukan perubahan data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses perubahan data dapat dilihat pada Gambar 3.71 Validasi inputan Proses Ubah Data benar Mulai Menampilkan Pesan Data berhasil diubah Selesai salah Menampilkan Pesan Kesalahan Input data yang akan diubah Ubah Data berhasil? berhasil gagal berhasil Database Gambar 3.71 Flowchart Ubah Data

3.3.4.4 Flowchart Cari Data

Flowchart cari data menggambarkan langkah-langkah yang dilakukan oleh admin untuk melakukan pencarian data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses pencarian data dapat dilihat pada Gambar 3.72 Validasi inputan Proses Pencarian Database benar Mulai Menampilkan Data Selesai salah Data Ditemukan ? ya tidak Menampilkan Pesan Kesalahan Menampilkan Pesan Data tidak Ditemukan Input data cari Gambar 3.72 Flowchart Cari Data

3.3.4.5 Flowchart Hapus Data

Flowchart hapus data menggambarkan langkah-langkah yang dilakukan oleh admin untuk melakukan penghapusan data pada aplikasi yang dibangun. Validasi inputan Proses Hapus Data benar Mulai Menampilkan Pesan Data berhasil dihapus Selesai salah Menampilkan Pesan kesalahan Input data yang akan dihapus Database Hapus Data berhasil? berhasil gagal berhasil Gambar 3.73 Flowchart hapus data 141

BAB 4 IMPLEMENTASI DAN PENGUJIAN

Bagian ini menjelaskan tentang implementasi terhadap website e-commerce yang dibangun. Tahapan ini mengimplementasikan perancangan yang telah disusun yang selanjutnya akan diimplementasikan dalam betuk bahasa pemrograman atau coding. Setelah dilakukan pengujian maka selanjutnya akan dilakukan pengujian agar dapat mengetahui hal yang harus dikoreksi untuk pengembangan sistem selanjutnya.

4.1 Implementasi

Tahapan implementasi merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan tahapdimana sistem siap untuk dioperasikan yang terdiri dari penjelasan mengenai lingkungan implementasi dan implementasi program.

4.1.1 Implementasi Perangkat Keras Yang Digunakan

Spesifikasi perangkat keras minimal yang dibutuhkan untuk mengimplementasikan perangkat keras antara lain terdapat pada tabel 4.1 Tabel 4.1 Perangkat Keras Yang Digunakan No Perangkat Keras Spesifikasi 1 Prosessor Intel Pentium 4 2.0 GHz 2 Monitor LCD 14” 3 VGA VGA Card On-Board 256 Mb 4 Memori DDR2 1024 Mb 5 Modem Wired 6 Keyboard Keyboard 7 Mouse Mouse 8 Printer Printer 9 Harddisk 80Gb

4.1.2 Implementasi Perangkat Lunak Yang Digunakan

Spesifikasi perangkat lunak yang dibutuhkan untuk mengimplementasikan perangkat lunak antara lain terdapat pada tabel 4.2 sebagai berikut. Tabel 4.2 Perangkat Lunak Yang Digunakan No Perangkat Lunak Keterangan 1 Sistem Operasi Windows XP 2 Web browser Mozilla Firefox, Google Chrome 3 Code editor Macromedia Dreamweaver 8 4 Database MySQL 5.1

4.2 Implementasi Database

Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL . Implementasi database dalam bahasa SQL adalah sebagai berikut:

4.2.1 Implementasi Tabel Barang

Tabel 4.3 Implementasi Tabel Barang CREATE TABLE `tb_barang` `id_barang` varchar10 NOT NULL, `nama_barang` varchar30 NOT NULL, `detail` varchar160 NOT NULL, `nama_gbr` varchar30 NOT NULL, `id_kategori` varchar10 NOT NULL, `lihat` int11 NOT NULL default 0, `tgl_upload` datetime NOT NULL, `username` varchar30 default NULL, `harga` int11 NOT NULL, `diskon` float NOT NULL, `berat` float NOT NULL, `stok` int11 NOT NULL, PRIMARY KEY `id_barang`, KEY `id_kategori` `id_kategori`, KEY `username` `username` ENGINE=MyISAM DEFAULT CHARSET=utf8;;

4.2.2 Implementasi Tabel Detail Retur

Tabel 4.4 Implementasi Tabel Detail Retur CREATE TABLE IF NOT EXISTS `tb_detail_retur` `id_detail_retur` int11 NOT NULL AUTO_INCREMENT, `id_retur` int11 NOT NULL, `id_barang` varchar10 NOT NULL, `jumlah` int11 NOT NULL, `alasan` varchar160 DEFAULT NULL, UNIQUE KEY `id_detail_retur` `id_detail_retur`, KEY `fkdr` `id_retur` ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=9 ;

4.2.3 Implementasi Tabel Kategori

Tabel 4.5 Implementasi Tabel Kategori CREATE TABLE IF NOT EXISTS `tb_kategori` `id_kategori` varchar10 NOT NULL, `nama_kategori` varchar30 NOT NULL, PRIMARY KEY `id_kategori` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.4 Implementasi Tabel Keranjang

Tabel 4.6 Implementasi Tabel Keranjang CREATE TABLE IF NOT EXISTS `tb_keranjang` `id_keranjang` int11 NOT NULL auto_increment, `id_barang` varchar10 NOT NULL, `harga` int11 NOT NULL, `qty` int11 NOT NULL, `diskon` float NOT NULL, `id_pembelian` int11 default NULL, UNIQUE `id_keranjang`, CONSTRAINT FOREIGN KEY `id_barang` REFERENCES tb_barang `id_barang`, CONSTRAINT FOREIGN KEY `id_pembelian` REFERENCES tb_pembelian`id_pembelian` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.5 Implementasi Tabel Komentar

Tabel 4.7 Implementasi Tabel Komentar CREATE TABLE IF NOT EXISTS `tb_keranjang` `id_keranjang` int11 NOT NULL AUTO_INCREMENT, `id_barang` varchar8 NOT NULL, `ukuran` varchar10 NOT NULL DEFAULT All Size, `harga` int11 NOT NULL, `qty` int11 NOT NULL, `diskon` float NOT NULL, `id_pembelian` int11 DEFAULT NULL, UNIQUE KEY `id_keranjang` `id_keranjang`, KEY `id_barang` `id_barang`, KEY `id_pembelian` `id_pembelian` ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=67 ;

4.2.6 Implementasi Tabel Kota

Tabel 4.8 Implementasi Tabel Kota CREATE TABLE IF NOT EXISTS `tb_kota` `id_kota` int11 NOT NULL auto_increment, `nama_kota` varchar30 NOT NULL, `id_provinsi` int11 NOT NULL, `ket` varchar10 NOT NULL, PRIMARY KEY `id_kota`, CONSTRAINT FOREIGN KEY `id_provinsi` REFERENCES tb_provinsi`id_provinsi` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.7 Implementasi Tabel Kurs

Tabel 4.9 Implementasi Tabel Kurs CREATE TABLE IF NOT EXISTS `tb_member` `email` varchar30 NOT NULL, `kata kunci` varchar50 NOT NULL, `nama` varchar30 NOT NULL, `alamat` varchar160 NOT NULL, `kodepos` varchar5 NOT NULL, `no_tlp` varchar15 default NULL, `id_kota` int11 NOT NULL, `aktivasi` varchar100 NOT NULL, `status` varchar15 NOT NULL default Tidak Aktif, `tgl_daftar` varchar30 NOT NULL, `username` varchar30 NOT NULL, PRIMARY KEY `email`, CONSTRAINT FOREIGN KEY `id_kota` REFERENCES tb_kota`id_kota`, CONSTRAINT FOREIGN KEY `username` REFERENCES tb_petugas`username` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.8 Implementasi Tabel Pembayaran

Tabel 4.10 Implementasi Pembayaran CREATE TABLE IF NOT EXISTS `tb_pembayaran` `no_pembayaran` int11 NOT NULL auto_increment, `id_pembelian` int11 NOT NULL, `no_rekening` varchar20 NOT NULL, `tgl_bayar` datetime NOT NULL, PRIMARY KEY `no_pembayaran`, COSNATRAINT FOREIGN KEY `id_pembelian` REFERENCES tb_pembelian`id_pembelian` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.9 Implementasi Tabel Pembelian

Tabel 4.11 Implementasi Tabel Pembelian CREATE TABLE IF NOT EXISTS `tb_pembelian` `id_pembelian` int11 NOT NULL auto_increment, `tgl_beli` datetime NOT NULL, `total_bayar` int11 NOT NULL, `penerima` varchar30 NOT NULL, `alamat_kirim` varchar160 NOT NULL, `kodepos` varchar10 NOT NULL, `id_ongkos` int11 NOT NULL, `paket` varchar6 NOT NULL, `status_bayar` varchar20 NOT NULL default Belum Dibayar, `status_kirim` varchar20 NOT NULL default Belum Dikirim, `tgl_kirim` datetime default NULL, `no_resi` varchar25 default NULL, `email` varchar30 default NULL, `username` varchar30 default NULL, PRIMARY KEY `id_pembelian`, CONSTRAINT FOREIGN KEY `id_ongkos` REFERENCES tb_ongkir`id_ongkos`, CONSTRAINT FOREIGN KEY `email` REFERENCES tb_member`email`, CONSTRAINT FOREIGN KEY `username` REFERENCES tb_petugas`username` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.10 Implementasi Tabel Member

Tabel 4.12 Implementasi Tabel Member CREATE TABLE IF NOT EXISTS `tb_member` `email` varchar30 NOT NULL, `kata kunci` varchar50 NOT NULL, `nama` varchar30 NOT NULL, `alamat` varchar160 NOT NULL, `kodepos` varchar5 NOT NULL, `no_tlp` varchar15 default NULL, `id_kota` int11 NOT NULL, `aktivasi` varchar100 NOT NULL, `status` varchar15 NOT NULL default Tidak Aktif, `tgl_daftar` varchar30 NOT NULL, `username` varchar30 NOT NULL, PRIMARY KEY `email`, CONSTRAINT FOREIGN KEY `id_kota` REFERENCES tb_kota`id_kota`, CONSTRAINT FOREIGN KEY `username` REFERENCES tb_petugas`username` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.11 Implementasi Tabel Petugas

Tabel 4.13 Implementasi Tabel Petugas CREATE TABLE IF NOT EXISTS `tb_petugas` `username` varchar30 NOT NULL, `kata kunci` varchar50 NOT NULL, `nama_petugas` varchar30 NOT NULL, `email` varchar30 NOT NULL, `alamat` varchar160 NOT NULL, `telepon` varchar15 NOT NULL, `ket` varchar10 NOT NULL, PRIMARY KEY `username` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.12 Implementasi Tabel Provinsi

Tabel 4.14 Implementasi Tabel Provinsi CREATE TABLE IF NOT EXISTS `tb_provinsi` `id_provinsi` int11 NOT NULL auto_increment, `nama_prov` varchar30 NOT NULL, PRIMARY KEY `id_provinsi` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.13 Implementasi Tabel Rating

Tabel 4.15 Implementasi Tabel Rating CREATE TABLE IF NOT EXISTS `tb_rating` `id_rating` int11 NOT NULL auto_increment, `email` varchar30 NOT NULL, `total_nilai` int11 NOT NULL default 0, `id_barang` varchar10 NOT NULL, PRIMARY KEY `id_rating`, CONSTRAINT FOREIGN KEY `id_barang` REFERENCES tb_barang `id_barang`, CONSTRAINT FOREIGN KEY `email` REFERENCES tb_member`email` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.14 Implementasi Tabel Retur

Tabel 4.16 Implementasi Retur CREATE TABLE IF NOT EXISTS `tb_retur` `id_retur` int11 NOT NULL auto_increment, `tgl_retur` datetime NOT NULL, `tgl_kirim` datetime default NULL, `no_resi` varchar15 NOT NULL default 0, `status` varchar20 NOT NULL default Retur, `alasan_invalid` varchar160 NOT NULL default Tidak Ada, `id_pembelian` int11 NOT NULL, UNIQUE KEY`id_retur`, CONSTRAINT FOREIGN KEY `id_pembelian` REFERENCES tb_pembelian`id_pembelian` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.15 Implementasi Tabel Paket

Tabel 4.17 Implementasi Tabel Paket CREATE TABLE IF NOT EXISTS `tb_paket` `id_paket` int11 NOT NULL auto_increment, `nama_paket` varchar10 NOT NULL, PRIMARY KEY `id_paket`, CONSTRAINT FOREIGN KEY `id_jasa` REFERENCES tb_jasa`id_jasa` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.16 Implementasi Tabel Ongkir

Tabel 4.18 Implementasi Tabel Ongkir CREATE TABLE IF NOT EXISTS `tb_ongkir` `id_ongkos` int11 NOT NULL auto_increment, `ongkos_kirim` varchar2 NOT NULL, `id_kota` int11 NOT NULL, `id_paket` int11 NOT NULL, PRIMARY KEY `id_ongkos`, CONATRAINT FOREIGN KEY `id_kota` REFERENCES tb_kota`id_kota`, CONATRAINT FOREIGN KEY `id_paket` REFERENCES tb_paket`id_paket` ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.2.17 Implementasi Tabel Jasa

Tabel 4.19 Implementasi Tabel Jasa CREATE TABLE IF NOT EXISTS `tb_jasa` `id_jasa` int11 NOT NULL auto_increment, `jasa` varchar10 NOT NULL, PRIMARY KEY `id_jasa`, ENGINE=InnoDB DEFAULT CHARSET=utf8;

4.3 Implementasi Antarmuka

Implementasi antarmuka merupakan tampilan dari aplikasi yang dibangun. Aplikasi pengolahan data proses memilki beberapa bagian tampilan menu.

4.3.1 Implementasi Antarmuka Admin

Berikut merupakan tabel dari implementasi antarmuka untuk admin Tabel 4.20 . Tabel 4.20 Implementasi Antarmuka Admin Menu Deskripsi Nama File login Digunakan sebagai halaman login admin login.php Home Admin Digunakan sebagai halaman beranda admin dan terdapat beberapa menu diantaranya menu data member dan data petugas menu_admin.php Menu Member Halaman yang digunakan untuk member.php menampilkan dan aktivasi data member Data Petugas Digunakan untuk melihat, menambah, dan merubah data petugas petugas.php Backup Digunakan untuk membuat cadangan database backup.php Logout Digunakan admin untuk keluar dari aplikasi. logout.php

4.3.2 Implementasi Antarmuka Petugas

Berikut merupakan tabel dari implementasi antarmuka untuk petugas Tabel 4.21. Tabel 4.21 Implementasi Antarmuka Petugas Menu Deskripsi Nama File login Digunakan sebagai halaman login petugas login.php Home Petugas Digunakan sebagai halaman beranda petugas dan terdapat beberapa menu diantaranya menu data master , data transaksi, dan data laporan home.php Data Master Halaman yang digunakan untuk menampilkan, menambah dan mengubah data master yang diantaranya data barang, data kategori, data kota dan data kategori master.php Data Barang Halaman yang digunakan untuk menampilkan, menambah dan mengubah data barang produk.php Tambah Barang Halaman yang digunakan untuk menampilkan, menambah dan mengubah data barang produk_tambah. php Ubah Barang Halaman yang digunakan untuk mengubah data barang produk _edit.php Hapus Barang Halaman yang digunakan untuk menghapus data barang produk_hapus.ph p Data Transaksi Halaman yang digunakan untuk menampilkan, menambah dan mengubah data transaksi yang diantaranya data pesanan, data pembayaran, data pengiriman dan data retur transaksi.php Data Pesanan Halaman yang digunakan untuk menampilkan data pesanan pesanan.php Data Pembayaran Halaman yang digunakan untuk menampilkan data pembayaran lihatpembayaran. php Data Pengiriman Halaman yang digunakan untuk menampilkan data pengiriman lihatpengiriman. php Data Retur Halaman yang digunakan untuk menampilkan data retur retur.php Data Laporan Halaman yang digunakan untuk memberikan informasi mengenai laporan pesanan, laporan penjualan, laporan produk. laporan.php Logout Digunakan User untuk keluar dari aplikasi. Logout.php

4.3.3 Implementasi Antarmuka Pengunjung

Berikut ini merupakan implementasi antarmuka untuk Pengunjung Tabel 4.22. Tabel 4.22 Implementasi Antarmuka Pengunjung Menu Deskripsi Nama File Home Digunakan sebagai halaman login admin login.php Produk Digunakan sebagai halaman beranda dan terdapat beberapa menu diantaranya menu produk, keranjang, cari dan daftar index.php Detail Produk Halaman yang digunakan untuk menampilkan data produk yang tersedia produk.php Keranjang Halaman yang digunakan untuk menampilkan dan mengubah data produk yang akan dibeli keranjang_belanja.p hp Cari Halaman yang digunakan untuk mencari data produk yang tersedia produkcari.php Daftar Halaman yang digunakan untuk mendaftarkan diri menjadi member register.php

4.3.4 Implementasi Antarmuka Member

Berikut ini merupakan implementasi antarmuka untuk Member Tabel 4.23. Tabel 4.23 Implementasi Antarmuka member Menu Deskripsi Nama File Login Digunakan sebagai halaman login Member login.php Login gagal Digunakan sebagai halaman konfirmasi bila member gagal login logingagal.php Home Digunakan sebagai halaman beranda pelanggan dan terdapat beberapa menu diantaranya menu produk, keranjang, cari dan daftar index.php Ganti Kata kunci Halaman yang digunakan untuk mengganti kata kunci member gantikata kunci.php Histori Pembeian Halaman yang digunakan untuk menampilkan data pembelian yang telah dilakukan history.php Produk Halaman yang digunakan untuk menampilkan data produk yang tersedia produk.php Detail Produk Halaman yang digunakan untuk menampilkan data detail produk yang dipilih detailproduk.php Keranjang Halaman yang digunakan untuk menampilkan dan mengubah data produk yang akan dibeli keranjang_belanja.p hp Alamat Kirim Halaman yang digunakan untuk memasukan data alamat kirim barang alamat_kirim.php Cari Halaman yang digunakan untuk mencari data produk yang tersedia produkcari.php Lupa Kata kunci Halaman yang digunakan untuk mengirimkan kata kunci baru ke member lupakata kunci.php

4.4 Pengujian Perangkat Lunak

Agar hasil implementasi benar-benar memenuhi kebutuhan maka dilakukan pengujian terhadap sistem. Pengujian dilakukan dengan metode pengujian black box yang berfokus pada persyaratan fungsional perangkat lunak. Pengujian dengan metode blackbox dibagi menjadi 2 bagian : 1. Pengujian Alpha 2. Pengujian Beta

4.4.1 Pengujian Alpha

4.4.1.1 Skenario Pengujian Alpha

Skenario pengujian alpha di Jebgos Accessories terdiri dari empat pelaku sistem diantaranya admin, operator petugas, pengunjung dan member. Skenario pengujian alpha yang akan dilakukan dengan menguji sistem dengan menggunakan metode black box. Adapun Pengujian alpha ini yaitu pengujian sebagai pengguna. 1. Skenario pengujian halaman admin Skenario pengujian halaman admin terdiri dari 3 kelas uji dan beberapa butir uji. Adapun jenis pengujiannya menggunakan metode Black Box untuk lebih jelasnya dapat dilihat pada Tabel 4.24. Tabel 4.24 Skenario Pengujian Halaman Admin Kelas Uji Butir Uji Jenis Pengujian Login Isi data login Black Box Validasi username and kata kunci Black Box Verifikasi kata kunci Black Box Pengolahan Data Petugas Tampil Data Petugas Black Box Tambah Data Petugas Black Box Ubah Data Petugas Black Box Hapus Data Petugas Black Box Pengolahan Data Member Tampil Data Member Black Box Aktivasi Data Member Black Box Logout Menghapus session admin Black Box 2. Skenario pengujian halaman petugas. Skenario pengujian halaman petugas terdiri dari 14 kelas uji dan beberapa butir uji. Adapun jenis pengujiannya menggunakan metode Black Box untuk lebih jelasnya dapat dilihat pada Tabel 4.25. Tabel 4.25 Skenario Pengujian Petugas Kelas Uji Butir Uji Jenis Pengujian Login Isi data login Black Box Validasi username and kata kunci Black Box Pengolahan Data Master Pengolahan Data Barang Black Box Pengolahan Data Kategori Black Box Pengolahan Data Kota Black Box Pengolahan Data Provinsi Black Box Pengolahan Data Transaksir Pengolahan Data Pesanan Black Box Pengolahan Data Pembayaran Black Box Pengolahan Data Pengiriman Black Box Pengolahan Data Retur Black Box Pengolahan Data Laporan Laporan Pesanan Black Box Laporan Penjualan Black Box Laporan Produk Black Box Pengolahan Data Barang Tampil Data Barang Black Box Tambah Data Barang Black Box Ubah Data Barang Black Box Hapus Data Barang Black Box Cari Data Barang Black Box Pengolahan Data Kategori Tampil Data Kategori Black Box Tambah Data Kategori Black Box Ubah Data Kategori Black Box Cari Data Kategori Black Box Pengolahan Data Kota Tampil Data Kota Black Box Tambah Data Kota Black Box Ubah Data Kota Black Box Hapus Data Kota Black Box Cari Data Kota Black Box Pengolahan Data Provinsi Tampil Data Provinsi Black Box Tambah Data Provinsi Black Box Ubah Data Provinsi Black Box Cari Data Provinsi Black Box Pengolahan Data Pesanan Tampil Data Pesanan Black Box Tampil Data Detail Pesanan Black Box Kirim Pesanan Black Box Pengolahan Data Pembayaran Tampil Data Pembayaran Black Box Validasi Pembayaran Black Box Pengolahan Data Pengiriman Tampil Data Pengiriman Black Box Pengolahan Data Retur Tampil Data Retur Black Box Tampil Data Detail Retur Black Box Kirim Retur Black Box Laporan Tampil Data Laporan Pesanan Black Box Tampil Data Laporan Penjualan Black Box Tampil Data Laporan Produk Black Box Logout Menghapus session admin Black Box 3. Skenario pengujian halaman Pengunjung Skenario pengujian halaman pengunjung dapat dilihat pada tabel 4.26. Tabel 4.26 Skenario Pengujian Halaman Pengunjung Kelas Uji Butir Uji Jenis Pengujian Daftar Member Menampilkan form pendaftaran member Black Box Isi form pendaftaran Black Box Simpan data baru Black Box Menu Produk Menampilkan Data Produk Black Box Menu Keranjang Menampilkan Data Keranjang Black Box Mengubah Data Keranjang Black Box Menu Cari Menampilkan Data Cari Produk Black Box 4. Skenario pengujian halaman Member Skenario pengujian halaman member dapat dilihat pada Tabel 4.27. Tabel 4.27 Skenario Pengujian Halaman Member Kelas Uji Butir Uji Jenis Pengujian Daftar Member Menampilkan form pendaftaran member Black Box Isi form pendaftaran Black Box Simpan data baru Black Box Menu Produk Menampilkan Data Produk Black Box Menu Keranjang Menampilkan Data Keranjang Black Box Mengubah Data Keranjang Black Box Menu Cari Menampilkan Data Cari Produk Black Box

4.4.1.2 Kasus dan Hasil Pengujian

Berdasarkan Skenario pengujian yang disusun, maka dilakukan pengujian sebagai berikut : 1. Pengujian login Pengujian login dapat dilihat pada Tabel 4.28. Tabel 4.28 Pengujian Login Kasus dan Hasil Uji Benar Data Benar Data Masukan Yang diharapkan Pengamatan Kesimpulan Memasukan alamat email: zelstheinbataksgmail.com Mengisikan data alamat email pada field alamat email Dapat mengisi field alamat email pada field alamat email [v ] Diterima [ ] Ditolak Memasukan Kata kunci : 123456 Mengisikan data kata kunci pada field kata kunci Mengisikan data kata kunci pada field kata kunci [v ] Diterima [ ] Ditolak Kasus dan Hasil Uji salah Data Salah Memasukan data email dan kata kunci yang tidak sesuai Tampilkan pesan kesalahan “E- mail atau kata kunci salah” Dapat menampilka n pesan kesalahan “E-mail atau kata kunci salah” [v ] Diterima [ ] Ditolak Memasukan data email atau kata kunci yang tidak terdaftar Tampilkan pesan kesalahan “E- mail atau kata kunci salah” Dapat menampilka n pesan kesalahan “E-mail atau kata kunci salah” [v ] Diterima [ ] Ditolak Mengosongkan data email atau kata kunci Tampilkan pesan kesalahan “E- Mail dan Kata kunci tidak boleh kosong.” Dapat menampilka n pesan kesalahan “E-Mail dan Kata kunci tidak boleh kosong.” [v ] Diterima [ ] Ditolak 2. Pengujian Daftar Pengujian daftar dapat dilihat pada Tabel 4.29 Tabel 4.29 Pengujian Daftar Kasus dan Hasil Uji Benar Data Benar Data Masukan Yang diharapkan Pengamatan Kesimpulan Mengisi data daftar pelanggan contoh : Jika semua field terisi atau benar dalam pengisian, maka akan dapat melanjutkan proses registrasi Form registrasi terisi atau benar dalam pengisian, maka akan dapat melanjutkan proses registrasi [v ] Diterima [ ] Ditolak Email: zelstheinbataksgmail.co m Kata kunci: 123456 Re-Kata kunci : 123456 Nama Lengkap : Zelsthein Pasaribu Alamat : Jl. Dago Bangbayang 27 D Provinsi : Jawa Barat Kota : Bandung Kode Pos : 40291 Klik tombol reset setelah mengisi form daftar pelanggan dengan benar Menghilangka n data yang telah dimasukkan ke form daftar pelanggan Dapat menghilangk an data yang telah dimasukkan ke form daftar pelanggan [v ] Diterima [ ] Ditolak Kasus dan Hasil Uji SalahData Salah Data Masukan Yang diharapkan Pengamatan Kesimpulan Mengisi email yang sudah terdaftar Menampilkan form pelangganbaru Dapat menampilkan form pelangganbar u [v ] Diterima [ ] Ditolak Mengisi email dengan format yang tidak valid contoh: Jika semua field terisi atau benar dalam pengisian, maka akan dapat melanjutkan proses registrasi Form registrasi terisi atau benar dalam pengisian, maka akan dapat melanjutkan proses registrasi [v ] Diterima [ ] Ditolak Email: zelstheinbataksplasa.co m Mengisi kata kunci yang berbeda dengan re-kata kunci, contoh Kata kunci: 123456 Tampilkan pesan kesalahan Kata kunci da Re-kata kunci tidak sama Dapat menampilkan pesan kesalahan Kata kunci da Re-kata kunci tidak sama [v ] Diterima [ ] Ditolak Re-Kata kunci : 777777 3. Pengujian Pencarian Barang Pengujian Pencarian barang dapat dilihat pada Tabel 4.30. Tabel 4.30 Pengujian Pencarian Barang Kasus dan Hasil Uji Benar Data Benar Data Masukan Yang diharapkan Pengamatan Kesimpulan Mengisi data pada form menu pencarian, contoh : nama barang : jepitan Menampilkan barang sesuai dengan pencarian barang yang dimasukkan dapat menampilkan barang sesuai dengan pencarian barang yang dimasukkan [v ] Diterima [ ] Ditolak 4. Pengujian Keranjang Belanja Pengujian keranjang belanja dapat dilihat pada tabel 4.31 Tabel 4.31 Pengujian Keranjang Belanja Kasus dan Hasil Uji Benar Data Benar Data Masukan Yang diharapkan Pengamatan Kesimpulan Memasukkan data jumlah barang pada record barang yang dipilih. Misal : 3 Tercantum pada text box jumlah pada record barang yang dipilih Dapat tercantum pada text box pada record barang yang dipilih [√ ] Diterima [ ] Ditolak Jumlah barang yang dimasukkan ke keranjang belanja melebihi stok barang. Misal : 10 Stok barang yang tersedia 9 barang Mengambil stok maksimal pada stok barang dan menampilkan pesan kesalahan ”kolom jumlah yang berwarna merah merupakan batas maksimal sto k” Dapat mengambil stok maksimal pada stok barang dan dapat menampilkan pesan kesalahan ”kolom jumlah yang berwarna merah merupakan batas maksimal stok” [√ ] Diterima [ ] Ditolak Mengisi jumlah nol pada record barang yang dipilih Menghapus record barang yang dipilih Dapat menghapus record barang yang dipilih [√ ] Diterima [ ] Ditolak 5. Pengujian Alamat Kirim Pengujian alamat kirim dapat dilihat pada Tabel 4.32 Tabel 4.32 Pengujian Alamat Kirim Kasus dan Hasil Uji Benar Data Benar Data Masukan Yang diharapkan Pengamatan Kesimpulan Nama : Menampilkan data masukkan field masing- masing Dapat menampilkan data masukkan field masing- masing [v ] Diterima Zelsthein Pasaribu [ ] Ditolak Alamat : Jl. Dago Bangbayang 27 D Provinsi : Jawa Barat Kota : Bandung Kode Pos : 40291 Kasus dan Hasil Uji Salah Data Salah Memasukkan data kosong Menampilkan Pesan kesalahan Nama Anda belum diisi,anda harus mengisikan alamat anda,Silahkan pilih kota anda,silahkan isi kode pos. Dapat menampilkan Pesan kesalahan Nama Anda belum diisi,anda harus mengisikan alamat anda,Silahkan pilih kota anda,silahkan isi kode pos. [v ] Diterima [ ] Ditolak 6. Pengujian Form Pembayaran Pengujian form pembayaran dapat dilihat pada Tabel 4.33 Tabel 4.33 Pengujian Form Pembayaran Kasus dan Hasil Uji Benar Data Benar Data Masukan Yang diharapkan Pengamatan Kesimpulan Mengisi form pembayaran via transfer bank, contoh : Mengisi form pembayaran via transfer bank dengan benar Dapat mengisi form pembayaran via transfer bank dengan benar [√ ] Diterima [ ] Ditolak No rekening: 0108995947 Tanggal Bayar : 30062011 Total Bayar : 200000 7. Pengujian Ganti Kata Kunci Pengujian pengolahan data barang dapat dilihat pada Tabel 4.34 Tabel 4.34 Pengujian Ganti Kata Kunci Kasus dan Hasil Uji Benar Data Benar Data Masukan Yang diharapkan Pengamatan Kesimpulan Mengisi field dengan benar, contoh : Mengisi field dengan benar pada data yang akan dirubah Dapat mengisi field dengan benar pada data yang akan dirubah [√ ] Diterima [ ] Ditolak Kata kunci sekarang : zeloo Kata kunci baru : samsul Konfirmasi kata kunci : samsul Kasus dan Hasil Uji Salah Data Salah Data kata kunci sekarang tidak sesuai dengan database Menampilkan pesan kesalahan “kata kunci tidak valid” Dapat menampilkan pesan kesalahan ”kata kunci tidak valid” [√ ] Diterima [ ] Ditolak Data kata kunci baru dan data konfirmasi kata kunci tidak sama Menampilkan pesan kesalahan “konfirmasi kata kunci harus sama dengan kata kunci baru” Dapat menampilkan pesan kesalahan ” konfirmasi kata kunci harus sama dengan kata kunci baru” 8. Pengujian Login Admin atau Petugas Pengujian login admin atau petugas dapat dilihat pada Tabel 4.35. Tabel 4.35 Pengujian Login Admin atau Petugas Kasus dan Hasil Uji Benar Data Benar Data Masukan Yang diharapkan Pengamatan Kesimpulan Memasukkan data login, contoh : Username : edwin Kata kunci : mehonk182 Memasukkan data login dengan benar Dapat memasukka n data login dengan benar [√ ] Diterima [ ] Ditolak Kasus dan Hasil Uji Salah Data Salah Memasukan data username dan kata kunci yang tidak sesuai Tampilkan pesan kesalahan “username atau kata kunci salah” Dapat menampilka n pesan kesalahan “username atau kata kunci salah” [√ ] Diterima [ ] Ditolak Memasukan data username atau kata kunci yang tidak terdaftar Tampilkan pesan kesalahan “username atau kata kunci salah” Dapat menampilka n pesan kesalahan “username atau kata kunci salah”

4.4.1.3 Kesimpulan Pengujian Alpha

Berdasarkan hasil pengujian sistem yang telah dilakukan secara keseluruhan mendapat kesimpulan bahwa pada proses pada situs e-commerce telah melalui tahap perbaikan dan sudah dimaksimalkan terhadap proses-proses tersebut dan secara fungsional sistem sudah dapat digunakan dan menghasilkan output yang diharapkan.

4.4.2 Pengujian Beta

4.4.2.1 Skenario Pengujian Beta

Pengujian beta merupakan pengujian yang dilakukan secara objektif dimana diuji secara langsung ke lapangan yaitu instansi yang bersangkutan mengenai kepuasan user dengan kandungan poin yaitu pemenuhan kebutuhan dari tujuan awal pembangunan website e-commerce dan tampilan antarmuka dari website e-commerce tersebut. Pengujian beta dilakukan melalui wawancara dan pembagian kuesioner. Pengujian beta melalui wawancara dilakukan langsung kepada 2 orang user yakni admin dan petugas. Pengujian beta melalui kuesioner dilakukan dengan membuat kuesioner mengenai kepuasan user yang dimana user tersebut adalah member dan pengunjung dengan kandungan poin syarat user friendly untuk selanjutnya dibagikan kepada sebagian user dengan mengambil sample sebanyak 10 orang yang terdiri dari 5 orang member dan 5 orang pelanggan. Dari hasil kuesioner tersebut akan dilakukan perhitungan untuk dapat diambil kesimpulan terhadap penilaian penerapan sistem yang baru. Pengujian beta ini dilakukan dengan cara melakukan pengujian langsung di tempat penelitian. Penelitian ini dilakukan di dua lingkungan : 1. Lingkungan Penjualan Jebgos Accessories Penelitian di lingkungan penjual di jebgos Accessories dilakukan supaya dapat mengetahui sejauh mana sistem yang dibangun dapat menjadi alternatif penyelesaian permasalahan yang telah dijelaskan di awal. 2. Lingkungan Masyarakat Umum Penelitian di lingkungan pada masyarakat umum khususnya yang sudah terbiasa dengan teknologi internet, dilakukan supaya dapat mengetahui sejauh mana sistem yang dibangun dapat memberikan kemudahan masyarakat umum untuk melakukan transaksi pemesanan dan pembelian barang secara online.

4.4.2.2 Wawancara Pengguna

Wawancara dilakukan dengan menggunakan teknik kualitatif melalui pertanyaan terbuka. Wawancara mengenai halaman administrator dilakukan kepada 1 orang yaitu pemilik Jebgos Accessories, sedangkan untuk wawancara mengenai halaman operator dilakukan terhadap 1 orang yaitu pegawai toko Jebgos accessories. Dari hasil wawancara tersebut akan dilakukan pengambilan kesimpulan terhadap penilaian penerapan sistem yang baru. Wawancara terdiri dari 5 pertanyaan terbuka yang akan ditanyakan kepada narasumber.

4.4.2.2.1 Wawancara Pengujian Beta Untuk Administrator

Wawancara dilakukan untuk pengujian beta terhadap website e-commerce Jebgos Accessories kepada pemilik toko dengan total narasumber sebanyak 1 orang. Berikut ini adalah masing-masing jawaban dari pertanyaan hasil wawancara tersebut. 1. Menurut Anda, apakah halaman administrator pada website e-commerce Jebgos Accessories ini sudah mampu memenuhi kebutuhan Anda dalam pengolahan data ? Jawaban: Website E-Commerce ini sudah mampu memenuhi kebutuhan dalam pengolahan data, dengan adanya halaman administrator ini saya merasa terbantu. Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa halaman administrator pada website e-commerce Jebgos Accessories sudah mampu memenuhi kebutuhan administrator dalam mengolah data. 2. Menurut Anda, apakah cara pemasaran barang yang diterapkan di websit e- commerce ini dapat memperluas cakupan pemasaran Jebgos Accessories ? Jawaban: Bisa saja, karena konsumen yang jauh dari toko pun dapat mengakses website Jebgos Accessories sehingga dapat memperluas cakupan pemasaran Jebgos Accessories. Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa cara pemasaran barang yang diterapkan di website e-commerce ini dapat memperluas cakupan pemasaran Jebgos Accessories. 3. Menurut Anda, apakah halaman administrator dalam website ini dapat membantu Anda dalam mengelola data member ? Jawaban: Selama ini data pelanggan tidak dikelola di sini, tapi dengan adanya website ini yang menyediakan pengelolaan data pelanggan, kami dapat mengetahui jumlah member Jebgos Accessories dan memudahkan dalam pengelolaannya. Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa halaman administrator dalam website ini dapat membantu administrator dalam mengelola data member. 4. Menurut Anda, apakah halaman administrator dalam website ini dapat membantu Anda dalam mengelola data petugas ? Jawaban: Ya, dengan adanya website ini saya dapat dengan mudah mengelola data petugas yang menangani penjualan melalui website. 5. Menurut Anda, apakah fungsionalitas dari halaman administrator ini mudah dipahami dan digunakan ? Jawaban: Secara keseluruhan halaman administrator ini mudah dipahami dan digunakan sehingga mempermudah saya dalam melakukan proses pengelolaan data. Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa fungsionalitas dari halaman administrator ini mudah dipahami dan.

4.4.2.2.2 Wawancara Pengujian Beta Untuk Petugas

Wawancara dilakukan untuk pengujian beta terhadap website e-commerce Jebgos Accessories kepada pegawai toko dengan total narasumber sebanyak 1 orang Berikut ini adalah masing-masing jawaban dari pertanyaan hasil wawancara tersebut. 1. Menurut anda apakah halaman petugas pada website e-commerce Jebgos Accessories ini sudah mampu memenuhi kebutuhan Anda dalam pengelolaan data ? Jawaban: Ya, dengan adanya halaman petugas ini saya merasa terbantu untuk mengelola berbagai macam data yang ada. Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa halama petugas pada website e-commerce Jebgos Accessories ini sudah mampu memenuhi kebutuhan petugas dalam pengelolaan data. 2. Menurut pendapat Anda, apakah halaman petugas dalam website ini dapat membantu Anda dalam mengelola data barang ? Jawaban: Bisa, data barang di Jebgos Accessories jumlahnya cukup banyak maka dengan adanya website ini sangat membantu dalam proses pengelolaan datanya. Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa halaman petugas dalam website ini dapat membantu petugas dalam mengelola data barang. 3. Menurut pendapat Anda, apakah halaman petugas dalam website ini dapat membantu Anda dalam mengelola data penjualan secara online ? Jawaban: Ya, halaman petugas dalam website ini sangat membantu dalam mengelola data penjualan secara online. Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa halaman petugas dalam website ini dapat membantu petugas dalam mengelola data penjualan secara online. 4. Menurut pendapat Anda, apakah halaman operator dalam website ini dapat membantu Anda dalam pembuatan laporan penjualan ? Jawaban: Ya, dengan website ini membatu saya dalam pembuatan laporan penjualan. Membuat laporan menjadi lebih mudah. Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa halaman petugas dalam website ini dapat membantu petugas dalam pembuatan laporan penjualan. 5. Menurut pendapat Anda, apakah fungsionalitas dari halaman petugas ini mudah dipahami dan digunakan ? Jawaban: Saya tidak banyak menemukan kesulitan dalam mengoprasikan halaman petugas ini, penjelasannya pun mudah dimengerti. Berdasarkan hasil wawancara diatas maka dapat disimpulkan bahwa fungsionalitas dari halaman petugas ini mudah dipahami dan digunakan.

4.4.2.3 Kuesioner Pengguna

Kuesioner disebarkan menggunakan teknik sampling yaitu Simple Random sampling yang disebarkan secara acak sehingga menghasilkan 5 orang Member dan 5 orang pengunjung. Dari hasil kuesioner tersebut akan dilakukan perhitungan agar dapat diambil kesimpulan terhadap penilaian penerapan sistem yang baru. Kuesioner ini terdiri dari 5 pertanyaan contoh kuesioner dapat dilihat pada lampiran sebagai berikut :

4.4.2.3.1 Kuesioner Pengujian Beta Untuk Member

1. Menurut anda, apakah website e-commerce Jebgos Accessories ini sudah mampu memenuhi keinginan pelanggan dalam pelayanan transaksi jual- beli secara online ? 1. A. Sangat Mampu 2. D. Kurang Mampu 3. B. Mampu 4. E. Tidak Mampu 5. C. Cukup Mampu 6. 2. Menurut anda, apakah dengan adanya website e-commerce ini pemilik dapat memperluas cakupan pemasarannya ? 7. A. Sangat Setuju 8. D. Kurang Setuju 9. B. Setuju 10. E. Tidak Setuju 11. C. Cukup Setuju 12. 3. Menurut anda, apakah dengan adanya website e-commerce ini dapat memudahkan anda untuk melakukan pembelian barang tanpa harus datang langsung ke Jebgos Accessories ? 13. A. Sangat Setuju 14. D. Kurang Setuju 15. B. Setuju 16. E. Tidak Setuju 17. C. Cukup Setuju 18. 4. Menurut anda, apakah website e-commerce ini dapat membantu anda untuk mendapatkan informasi tentang produk terbaru yang ada pada Jebgos Accessories ? 19. A. Sangat Setuju 20. D. Kurang Setuju 21. B. Setuju 22. E. Tidak Setuju 23. C. Cukup Setuju 24. 5. Menurut anda, apakah tampilan website e-commerce toko Jebgos Accessories cukup menarik dan mudah dipahami ? 25. A. Sangat Setuju 26. D. Kurang Setuju 27. B. Setuju 28. E. Tidak Setuju 29. C. Cukup Setuju 30. Berdasarkan data hasil kuesioner tersebut, dapat dicari prosentase masing- masing jawaban dengan menggunakan rumus : 1 Keterangan : P = Banyaknya jawaban responden tiap soal. Q = Jumlah responden Y = Nilai persentase Berikut ini adalah hasil persentase masing-masing jawaban yang sudah dihitung nilainya dengan menggunakan rumus diatas. Kuesioner ini diujikan kepada 5 orang 1. Menurut anda, apakah website e-commerce Jebgos Accessories ini sudah mampu memenuhi keinginan pelanggan dalam pelayanan transaksi jual-beli secara online ? Tabel 4.36 Hasil Pengujian Kuesioner Soal No 1 Pertanyaan No. Keterangan Responden Prosentase 1 1 Cukup Mampu 1 20 2 Mampu 3 60 3 Cukup Mampu 1 20 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.36 maka dapat disimpulkan sebanyak 1 atau 20 menyatakan sangat mampu, 3 atau 60 menyatakan mampu dan 1 atau 20 menyatakan cukup mampu bahwa website e-commerce Jebgos Accessories ini sudah mampu memenuhi keinginan pelanggan dalam pelayanan transaksi jual-beli secara online.. 2. Menurut anda, apakah dengan adanya website e-commerce ini pemilik dapat memperluas cakupan pemasarannya ? Tabel 4.37 Hasil Pengujian Kuesioner No 2 Pertanyaan No. Keterangan Responden Prosentase 2 1 Cukup Mampu 2 40 2 Mampu 2 40 3 Cukup Mampu 1 20 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.37 maka dapat disimpulkan sebanyak 2 orang atau 40 menyatakan sangat setuju, 2 orang atau 40 menyatakan setuju dan 1 orang atau 20 menyatakan cukup setuju bahwa dengan adanya website e-commerce ini dapat memperluas cakupan pemasarannya.. 3. Menurut anda, apakah dengan adanya website e-commerce ini dapat memudahkan anda untuk melakukan pembelian barang tanpa harus datang langsung ke Jebgos accessories ? Tabel 4.38 Hasil Pengujian Kuesioner No 3 Pertanyaan No. Keterangan Responden Prosentase 3 1 Cukup Mampu 3 60 2 Mampu 2 40 3 Cukup Mampu 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.38 maka dapat disimpulkan sebanyak 3 atau 60 menyatakan sangat setuju dan 2 orang atau 40 menyatakan setuju bahwa website e-commerce ini dapat mempermudah pelanggan dalam melakukan pembelian barang tanpa harus datang langsung ke Jebgos Accessories. 4. Menurut anda, apakah website e-commerce ini dapat membantu anda untuk mendapatkan informasi tentang produk terbaru yang ada pada Jebgos ? Tabel 4.39 Hasil Pengujian Kuesioner No 4 Pertanyaan No. Keterangan Responden Prosentase 4 1 Cukup Mampu 3 60 2 Mampu 2 40 3 Cukup Mampu 1 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.39 maka dapat disimpulkan sebanyak 3 orang atau 60 menyatakan sangat setuju dan 2 orang atau 40 menyatakan setuju bahwa website e-commerce ini dapat membantu untuk mendapatkan informasi tentang produk terbaru yang ada pada Jebgos Accessories. 5. Menurut anda, apakah tampilan website e-commerce toko Jebgos Accessories cukup menarik dan mudah dipahami ? Tabel 4.40 Hasil Pengujian Kuesioner No 5 Pertanyaan No. Keterangan Responden Prosentase 5 1 Cukup Mampu 2 Mampu 3 60 3 Cukup Mampu 2 40 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.40 maka dapat disimpulkan sebanyak 3 orang atau 60 menyatakan setuju dan 2 orang atau 40 menyatakan cukup setuju bahwa tampilan website e-commerce Jebgos Accessories cukup menarik dan mudah dipahami.

4.4.2.3.2 Kuesioner Pengujian Beta Untuk Pengunjung

1. Menurut anda, apakah dengan adanya website e-commerce ini pemilik dapat memperluas cakupan pemasarannya ? 31. A. Sangat Setuju 32. D. Kurang Setuju 33. B. Setuju 34. E. Tidak Setuju 35. C. Cukup Setuju 36. 2. Menurut anda, apakah website e-commerce Jebgos Accessories sudah dapat menyajikan informasi barang sesuai dengan yang dibutuhkan ? 37. A. Sangat Setuju 38. D. Kurang Setuju 39. B. Setuju 40. E. Tidak Setuju 41. C. Cukup Setuju 42. 3. Menurut anda, apakah dengan adanya website e-commerce ini dapat memudahkan anda untuk melakukan pembelian barang tanpa harus datang langsung ke Toko Jebgos Accessories ? 43. A. Sangat Setuju 44. D. Kurang Setuju 45. B. Setuju 46. E. Tidak Setuju 47. C. Cukup Setuju 48. 4. Menurut anda, apakah website e-commerce ini dapat membantu anda untuk mendapatkan informasi tentang produk terbaru yang ada pada Jebgos Accessories ? 49. A. Sangat Setuju 50. D. Kurang Setuju 51. B. Setuju 52. E. Tidak Setuju 53. C. Cukup Setuju 54. 5. Menurut anda, apakah tampilan website e-commerce toko Jebgos Accessories cukup menarik dan mudah dipahami ? 55. A. Sangat Setuju 56. D. Kurang Setuju 57. B. Setuju 58. E. Tidak Setuju 59. C. Cukup Setuju 60. Berdasarkan data hasil kuesioner tersebut, dapat dicari prosentase masing- masing jawaban dengan menggunakan rumus 1. Berikut ini adalah hasil persentase masing-masing jawaban yang sudah dihitung nilainya dengan menggunakan rumus diatas. Kuesioner ini diujikan kepada 5 orang. 1. Menurut anda, apakah dengan adanya website e-commerce ini pemilik dapat memperluas cakupan ? Tabel 4.41 Hasil Pengujian Kuesioner No 1 Pertanyaan No. Keterangan Responden Prosentase 1 1 Cukup Mampu 3 60 2 Mampu 2 40 3 Cukup Mampu 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.41 maka dapat disimpulkan sebanyak 3 orang atau 60 menyatakan sangat setuju dan 2 orang atau 40 menyatakan bahwa dengan adanya website e-commerce ini dapat memperluas cakupan pemasarannya. 2. Menurut anda, apakah website e-commerce Jebgos Accessories sudah dapat menyajikan informasi barang sesuai dengan yang dibutuhkan ? Tabel 4.42 Hasil Pengujian Kuesioner No 2 Pertanyaan No. Keterangan Responden Prosentase 2 1 Cukup Mampu 2 40 2 Mampu 2 40 3 Cukup Mampu 1 20 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.42 maka dapat disimpulkan sebanyak 2 orang atau 40 menyatakan sangat setuju, 2 orang atau 40 menyatakan setuju dan 1 orang atau 20 menyatakan cukup setuju bahwa website e-commerce ini dapat menyajikan informasi barang sesuai dengan yang dibutuhkan. 3. Menurut anda, apakah dengan adanya website e-commerce ini dapat memudahkan anda untuk melakukan pembelian barang tanpa harus datang langsung ke Jebgos Accessories ? Tabel 4.43 Hasil Pengujian Kuesioner No 3 Pertanyaan No. Keterangan Responden Prosentase 3 1 Cukup Mampu 4 80 2 Mampu 1 20 3 Cukup Mampu 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.43 maka dapat disimpulkan sebanyak 4 atau 80 menyatakan sangat setuju dan 1 orang atau 20 menyatakan setuju bahwa website e-commerce ini dapat mempermudah pelanggan dalam melakukan pembelian barang tanpa harus datang langsung ke Jebgos Accessories. 4. Menurut anda, apakah website e-commerce ini dapat membantu anda untuk mendapatkan informasi tentang produk terbaru yang ada pada Jebgos Accessories ? Tabel 4.44 Hasil Pengujian Kuesioner No 4 Pertanyaan No. Keterangan Responden Prosentase 4 1 Cukup Mampu 2 40 2 Mampu 3 60 3 Cukup Mampu 1 20 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.44 maka dapat disimpulkan sebanyak 2 orang atau 40 menyatakan sangat setuju dan 3 orang atau 60 menyatakan setuju bahwa website e-commerce ini dapat membantu untuk mendapatkan informasi tentang produk terbaru yang ada pada Jebgos Accessories.. 5. Menurut anda, apakah tampilan website e-commerce toko Jebgos Accessories cukup menarik dan mudah dipahami ? Tabel 4.45 Hasil Pengujian Kuesioner No 5 Pertanyaan No. Keterangan Responden Prosentase 5 1 Cukup Mampu 2 Mampu 2 40 3 Cukup Mampu 3 60 4 Kurang Mampu 5 Tidak Mampu Jumlah 5 100 Berdasarkan hasil prosentase pada Tabel 4.45 maka dapat disimpulkan sebanyak 2 orang atau 40 menyatakan setuju dan 3 orang atau 60 menyatakan cukup setuju bahwa tampilan website e-commerce Jebgos Accessories cukup menarik dan mudah dipahami.

4.4.2.4 Kesimpulan Pengujian Beta

Berdasarkan hasil wawancara dan kuesioner yang didapatkan dari pengujian beta pengguna administrator, petugas, member dan pengunjung, maka sistem penerapan e-commerce untuk sistem penjualan ini sudah sesuai dengan tujuan yaitu untuk memenuhi tuntutan ekonomi digital sehingga dapat meningkatkan pelayanan kepada konsumen, memperluas cakupan pemasaran Jebgos Accessories, memudahkan konsumen untuk melakukan pembelian barang tanpa harus datang langsung ke Jebgos Accessories dan mempermudah Jebgos Accessories dalam mempromosikan produk-produk kepada konsumen tanpa harus membangun cabang-cabang baru yang memakan banyak biaya. 179

BAB 5 KESIMPULAN DAN SARAN

Pada bab ini akan diulas tentang kesimpulan yang berisi hasil-hasil yang diperoleh setelah dilakukan analisis, desain, dan implementasi dari perancangan perangkat lunak yang dibangun dan telah dikembangkan serta saran-saran yang akan memberikan catatan penting dan kemungkinan perbaikan yang perlu dilakukan untuk pembangunan perangkat lunak selanjutnya.

5.1 Kesimpulan

Berdasarkan hasil yang didapat dalam pembuatan tugas akhir ini, maka dapat ditarik kesimpulan sebagai berikut : 1. Sistem Penerapan E-Commerce untuk Sistem Penjualan ini dapat berjalan sesuai dengan tujuannya, yaitu membantu dalam memasarkan barangnya secara online dan menambah popularitas barang. 2. Pihak toko dapat mengefektifan waktu dan biaya sehingga proses pembelian dapat berjalan dengan baik, cepat, dan murah 3. Aplikasi E-Commerce memberikan kemudahan kepada pembeli yang berada di daerah yang jauh untuk membeli produk, tanpa harus datang langsung ke toko. 4. Membantu penjualan produk yang tidak dibatasi oleh satu tempat atau waktu saja, tapi juga proses perdagangan dapat dilakukan setiap saat. Karena akses internet penggunaannya 24 jam. 5. Bisa mengimplementasikan alat pembayaran yang bersifat global dan terjaminnya keamanan pada saat bertransaksi atau bertukar data.

5.2 Saran