E-COMMERCE KERAJINAN BAMBU PADA TOKO TUMBU LESTARI DI BUMDES GINTANGAN
E-COMMERCE BAMBOO CRAFT AT TUMBU LESTARI SHOP IN BUMDES GINTANGAN
Suaebatul Islamiyah
1,Muhamad Dedi
*2Solehatin
*31,2STIKOM PGRI Banyuwangi; Jl. Ahmad Yani, 80 Banyuwangi, Telp/Fax 0333 417902 e-mail: * [email protected], [email protected]
,
Abstrak
Sekarang ini Perkembangan teknologi dan informasi berkembang dengan sangat cepat, yang berdampak pada kemudahan dalam berbagai bidang pekerjaan salah satunya bidang penjualan.
Bumdes tumbu lestari merupakan badan usaha milik desa yang di kelola di desa gintangan yang diresmikan 9 januari 2017 lalu. Sebagian besar modal nya dimiliki oleh desa dan penyertaan langsung dari ekayaan desa. Tujuan penelitian ini untuk membuat sistem informasi penjualan online Kerajinan Bambu pada Toko Tumbu Lestari di bumdes Gintangan, yang nantinya bisa membantu penyajian informasi produk dan meningkatkan penjualan untuk memasarkan produk secara online.
Media online merupakan salah satu alat bantu pemasaran bagi pedagang untuk memuat informasi produk mereka agar dikenal oleh banyak orang dan mempermudah meningkatkan kegiatan usaha dalam pengolahan data. Namun di bumdes ini masih belum menggunakan metode media online sebagai pemasarannya. Perancangan website ini dibuat dengan menggunakan wordpress dan MySQL yang selanjutnya dilakukan uji coba dengan localhost dan Mozilla. Pembangunan website ini dapat membantu memberikan informasi penjualan dengan efektif. Dari hasil evaluasi di atas bisa menghasilkan sistem dengan fitur melakukan pencarian barang, pemesanan barang, dan laporan penjualan barang.
Kata kunci : Sistem Informasi, Berbasis Web, PHP, Wordpress, MySQL
Abstract
Currently, the development of technology and information is growing very quickly, which has an impact on the ease in various fields of work, one of which is in the field of sales. Bumdes Tumbu Lestari is a village-owned enterprise managed in Gintangan village which was inaugurated on 9 January 2017. Most of the capital is owned by the village and the direct investment comes from the village's wealth. The purpose of this research is to create an online sales information system for Bamboo Crafts at the Tumbu Lestari Store in the Gintangan bumdes, which can later help present product information and increase sales to market products online. Online media is one of the marketing tools for traders to load their product information to be known by many people and make it easier to increase business activities in data processing. However, this Bumdes still does not use online media methods as marketing. The design of this website was made using wordpress and MySQL which was then tested with localhost and Mozilla. The development of this website can help provide sales information effectively. From the evaluation results above, it can produce a system with features to search for goods, order goods, and report sales of goods
Keyword: Information System, Web Based, PHP, Wordpress, MySQL
1. PENDAHULUAN
E-Commerce merupakan Toko online yang cukup berkembang di internet karena menguntungkan banyak pihak seperti konsumen, produsen, maupun penjual. Online shop saat inipun
menjadi tren dikalangan remaja sampai orang tua karna kemudahan transaksinya yang cepat dan efisien.
E-Commerce salah satu pemanfaatan sistem yang dapat mengelola informasi dan data yang dibutuhkan. Toko Tumbu Lestari yang ada di desa Gintangan, kecamatan Blimbingsari, kabupaten Banyuwangi ini menyediakan berbagai jenis kerajinan alat-alat rumah tangga dan pajangan dinding.
Pembayaran yang selama ini digunakan yaitu pelanggan mengucapkan apa yang dibeli dan kasir menotal kan dengan kalkulator sambil mencatat barang apa saja yang dibeli dan mencatat manual stock barang di buku sehingga proses jual beli pun memerlukan waktu yang lama, konsumen yang datang pun masih terbatas area desa dan tetangga desa saja.
Oleh sebab itu melihat pangsa pasar dan peluang di era modern ini, penulis bertujuan membuat sistem informasi penjualan online yang semakin digemari oleh masyarakat. Selain itu bisa untuk meningkatkan penjualan kerajinan di Toko Tumbu Lestari Bumdes Gintangan.
Sebagai salah satu Toko yang menjual kerajinan Toko Tumbu Lestari ini masih menggunakan sistem penjualan secara konvesional atau transaksi yang hanya dilakukan ditoko, selain menjual kerajinan bamboo Tumbu Lestari juga menjual berbagai kebutuhan sembako dengan harga grosir untuk membantu masyarakat sekitar desa yang kurang mampu, dan koperasi simpan pinjam. Toko ini beralamat di Desa Gintangan, Kecamatan Blimbingsari, Kabupaten Banyuwangi yang di naungi oleh Bumdes Gintangan.
Menurut Sutarman (2011:5), dalam bukunya yang berjudul “Pengantar Teknologi Informasi”
Sistem adalah kumpulan elemen yang saling berinteraksi dalam suatu kesatuan untuk menjalankan suatu proses pencapaian suatu tujuan utama. Menurut Azhar Susanto (2013:22), dalam bukunya yang berjudul “Sistem Informasi Akuntansi” adalah kumpulan/group dari subsistem/bagian/komponen apapun baik fisik atau non fisik yang saling berhubungan satu sama lain dan berkerjasama secara harmonis untuk mencapai satu tujuan tertentu. Bedasarkan kedua pengertian di atas, dapat disimpulkan bahwa pengertian sistem adalah kumpulan objek yang memiliki keterkaitan satu sama lain.
E-Commerce adalah sebuah perdagangan barang atau jasa dengan sistem elektronik melalui internet. Dari beberapa perspektif dapat didefinisikan :
1. Perspektif Komunikasi, E-Commerce adalah sebuah proses pengiriman barang, layanan, informasi, atau pembayaran melalui jaringan komputer ataupun peralatan elektronik lainnya.
2. Perspektif Proses Bisnis, E-Commerce adalah aplikasi dari sebuah teknologi menuju otomatisasi dari transaksi bisnis dan aliran kerja.
3. Perspektif Layanan, E-Commerce adalah alat yang dapat memenuhi keinginan perusahaan, manajemen, dan konsumen untuk mengurangi biaya layanan (service cost) ketika meningkatkan kualitas barang dan meningkatkan kecepatan layanan pengiriman.
4. Perspektif Online, E-Commerce menyediakan kemudahan untuk menjual dan membeli produk serta informasi melalui layanan internet maupun sarana online lain.
XAMPP Merupakan web server open source yang berjalan pada sistem operasi Windows, Linux, dan MacOS. Apache, MySQL/MariaDB, PHP, dan Perl merupakan program yang tersedia di dalamnya, meskipun lengkap XAMPP merupakan web server yang sederhana dan ringan. XAMPP dipakai untuk membuat web server lokal di komputer yang memudahkan dalam mengembangkan, mendesain, dan keperluan testing website.
Biasanya XAMPP digunakan untuk mencoba berbagai tema dan plugin WordPress, menguji fitur-fiturnya, dan mempelajari dasar-dasar WordPress. Dengan XAMPP, tak perlu khawatir mengubah kode inti program. Jika ada error tidak akan muncul di website online.
Wordpress adalah platform pembuat website yang dapat digunakan tanpa harus memahami coding. WordPress merupakan CMS paling populer saat ini yang sudah digunakan oleh banyak orang.
Wordpress merupakan jenis open source software yang menyediakan plugin sehingga pengguna dapat lebih mudah untuk menggunakan dan menambah fitur di dalam website. CMS ini dapat digunakan siapa saja secara gratis dan pengguna pun bebas untuk melakukan modifikasi di dalamnya Diciptakan pada tahun 2003, wordpress dibuat oleh dua programmer yaitu Matt Mullenweg dan Mike Little.
Berawal dari inisiatif mereka untuk membuat software yang sama seperti yang dulu. mereka gunakan yakni sebuah software blogging b2/cafeblog yang sudah ditutup.
MySQL merupakan sistem manajemen database relasional open source yang didukung Oracle (Relation Database Management System) berdasarkan SQL. MySQL hamper berjalan disemua platform termasuk Linux, UNIX, dan Windows. Meskipun dapat digunakan dalam berbagai aplikasi, MySQL paling sering dikaitkan dengan aplikasi web dan online publishing.
MySQL adalah komponen penting dari open source enterprise stack yang disebut LAMP.
LAMP adalah platform pengembangan web yang menggunakan Linux sebagai sistem operasi, Apache sebagai server web, MySQL sebagai sistem manajemen database relasional, dan PHP sebagai bahasa scripting berorientasi objek. (Terkadang Perl atau Python digunakan sebagai pengganti PHP).
Awalnya disusun oleh perusahaan Swedia MySQL AB, MySQL diakuisisi oleh Sun Microsystems pada 2008 dan kemudian oleh Oracle ketika membeli Sun pada 2010. Pengembang dapat menggunakan MySQL di bawah GNU General Public License (GPL) tetapi perusahaan harus mendapatkan lisensi komersial dari Oracle. Saat ini, MySQL adalah RDBMS di belakang banyak situs web teratas di dunia dan banyak aplikasi berbasis web yang dihadapi oleh perusahaan dan konsumen, termasuk Facebook, Twitter, dan YouTube.
MySQL ditulis dalam C dan C ++ serta dapat diakses dan tersedia di lebih dari 20 platform, termasuk Mac, Windows, Linux, dan Unix. RDBMS mendukung database besar dengan jutaan catatan dan mendukung banyak tipe data termasuk bilangan bulat bertanda 1, 2, 3, 4, dan 8 byte yang ditandatangani atau tidak ditandatangani; FLOAT; DOUBLE; CHAR; VARCHAR; BINARY;
VARBINARY; TEXT; BLOB; DATE; TIME; DATETIME; TIMESTAMP; YEAR; SET; ENUM;
dan tipe spasial OpenGIS. Untuk keamanan, MySQL menggunaka hak akses dan sistem kata sandi terenkripsi yang memungkinkan verifikasi berbasis host. Klien MySQL dapat terhubung ke MySQL Server menggunakan beberapa protokol, termasuk soket TCP / IP pada platform apapun. MySQL juga mendukung sejumlah program klien dan utilitas, program command-line, dan alat administrasi seperti MySQL Workbench.
Beberapa kelebihan MySQL :
1. Memiliki tipe kolom yag sangat kompleks seperti signed/unsignedinteger, float, double, char, date, text, timestamp, dan masih banyak lagi.
2. Dapat digunakan oleh beberapa user secara bersamaan tanpa mengalami masalah.
3. Memiliki kecepatan yang bagus dalam menangani query sederhana, yaitu dapat memproses lebih banyak SQL per satuan waktu.
4. Memiliki keamanan yang bagus karena beberapa lapisan keamananseperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang lengkap serta sandi terenkripsi.
5. Dilengkapi dengan berbagai peralatan yang dapat digunakan untuk administrasi data, dan disetiap peralatan yang ada disediakan petunjuk on baris.
6. Didistribusikan secara Open source, dibawah lisensi GPL sehingga dapat digunakan secara gratis.
7. Dapat berjalan stabil pada berbagai sistem operasi.
8. Memiliki interface terhadap berbagai aplikasi dan bahasa pemrograman dengan fungsi API.
9. Dapat melakukan koneksi dengan klien menggunakan protocol TCP/IP, UNIX, NT.
10. Mampu menangani basis data dalam segala besar, dengan jumlah rekaman lebih dari 50 juta dan 60 ribu table serta 5 milyar garis. Selain itu batas index yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
UML mulai diperkenalkan oleh Object Management Group, Sebuah organisasi yang telah mengembangkan model,teknologi,dan standar OOP sejaktahun1980-an. Uml adlah sebuah bahasa yang sudah menjadistandar dalam industry untuk visualisai, merancang dan mendokumentasikan perangkat lunak.
Dengan menggunakan UML kita bisa membuat model untuk semua jenis perangkat lunak, dimana aplikasi tersebut bisa berjalan di perangkat keras, sistem operasi dan jaringan apapun, serta ditulis dengan bahasa pemrograman apapun.
Use case diagram adalah suatu urutan interaksi yang saling berkaitan antara sistem dan actor.
Use Case dijalankan melalui cara menggambarkan tipe interaksi antara user suatu program dengan sistemnya sendiri. Use case juga dipakai untuk membentuk perilaku (behaviour) sistem yang akan
dibuat. Sebuah use case menggambarkan sebuah interakasi antara pengguna (aktor) dengan sistem yang sudah ada.
Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri atar dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait).
Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu. Diawali dari apa yang men-trigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan. Masing-masing objek, termasuk aktor, memiliki lifeline vertikal.
Message digambarkan sebagai garis berpanah dari satu objek ke objek lainnya. Pada fase desain berikutnya, message akan dipetakan menjadi operasi/metoda dari class. Activation bar menunjukkan lamanya eksekusi sebuah proses, biasanya diawali dengan diterimanya sebuah message.
Gambar 1. simbol squence diagram
Class adalah sebuah spesifikasi yang jika diinstansiasi akan
menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi
objek. Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan
layanan untuk memanipulasi keadaan tersebut(metode/fungsi).
Gambar 2. simbol class diagram
Class diagram juga menjelaskan hubungan antar class dalam sebuah sistem yang sedang dibuat dan bagaimana caranya agar mereka saling berkolaborasi untuk mencapai sebuah tujuan. Class juga memiliki 3 area pokok (utama) yaitu : nama,atribut,dan operasi. Nama berfungsi untuk member identitas pada sebuah kelas, atribut fungsinya adalah untuk member karakteristik pada data yang dimiliki suatu objek di dalam kelas, sedangkan operasi fungsinya adalah memberikan sebuah fungsi ke sebuah objek . Dalam mendefinisikan metode yang ada di dalam kelas harus diperhatikan yang namanya Cohesion dan Coupling, Cohesion adalah ukuran keterkaitan sebuah instruksi di sebuah metode, Coupling adalah ukuran keterkaitan antar metode. Di dalam class diagram terdapat hubungan antar kelas secara konseptual, yang disebut Relasi antar Class, di UML disediakan macam-macam relasi antar Class, diantaranya: Asosiasi (Hubungan statis antar kelas),
Agregasi (hubungan dari keseluruhan objek), Generalisasi (relasi beberapa subkelas ke super kelas), Dependency (keterhubungan tiap kelas)
Activity diagram menggambarkan berbagai alur aktivitas dalam system yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir.
Activity diagram merupakan state diagram khusus,dimana sebagian besar state adalah action dan sebagian besar transisi di-trigger oleh selesainya state sebelumnya (internal processing). Oleh karena itu activity diagram tidak menggambarkan behaviour internal sebuah system dan interaksi antar sistem, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas dari level atas secara umum.
Gambar 3. simbol Activity diagram
2. METODE PERANCANGAN
Penelitian ini menggunakan menggunakan metode waterfall, yaitu metode yang proses pengerjaannya dilakukan dari atas kebawah secara berurutan.
Gambar 4. Metode Waterfall
Pengumpulan data adalah mempelajari teori – teori yang perlu dipahami dan mengumpulkan data – data untuk mendukung kelancaran penelitian seperti data barang, data stock barang, pemesanan, data laporan.
1. Analisis sistem dilakukan untuk mengetahui kebutuhan yang diperlukan oleh sistem untuk mengembangkan aplikasi. Setelah melakukan analisa pada toko Tumbu Lestari yang dibutuhkan yaitu data customer, stock barang yang tersisa, pemesanan, verifikasi pemesanan, upload barang yang dijual, dan perancangan sistem.
Pengumpulan Data
Analisa Sistem
Desain Sistem
Implementasi
Uji Coba dan Evaluasi
Penyusunan
Laporan
2. Desain sistem pada tahap ini bertujuan untuk menyampaikan gambaran sistem yang akan dikerjakan dan juga tampilan sistem yang akan dibuat agar memudahkan programmer dalam membuat siste. Perancangan sistem yang dibuat meliputi business process, use case diagram, activity diagram, class diagram, sequence diagram, struktur dari database yang akan dibuat meliputi desain admin : form tambah barang ,form data barang, form data customer. Sedangkan desain customer : form login, form register, form halaman pengunjung, form detail produk, dan form keranjang ku.
3.
Implementasi, Design yang sudah dibuat harus diimplementasikan ke dalam program perangkat lunak. Hasil pada tahap ini yaitu program komputer yang sesuai desaign yang sudah dibuat.
4. Pada tahap uji coba, yaitu tahap pengujian sistem yang sudah dibuat berdasarkan analisa masalah yang melewati tahap-tahap seperti desaign dan implementasi setelah itu masuk ke dalam uji coba sistem untuk mengetahui hasil kinerja dari sistem tersebut.
5. Penyusuna laporan dalam pembangunan sistem ini sangat penting, yang berguna sebagai dokumentasi dari proses-proses yang sudah dilewati dalam pembangunan sistem ini.
3.1. Bussiness Process
Business Process adalah suatu kumpulan aktivitas alur kerja terstruktur yang saling terkait untuk menyelesaikan suatu masalah tertentu atau yang menghasilkan produk atau layanan.alur kerja terstruktur yang saling terkait untuk menyelesaikan suatu masalah tertentu atau yang menghasilkan produk atau layanan.
Dibawah merupakan alur kerja dari proses pemesanan dan penjualan. Dimana pada saat customer melakukan order atau pesan, lalu membayar total biaya belanja, admin akan menerima pesanan dan juga bukti transfer jika sudah melakukan pembayaran. Selanjutnya admin akan melakukan proses pengiriman barang, saat barang sudah berada di tangan customer, customer akan melakukan konfirmasi jika barang sudah diterima.
Gambar 5. Bussiness Process Transaksi
Use Case diagram digunakan untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem dan siapa saja yang berhak menggunakan fungsi-fungsi tersebut.
Gambar 6. Use Case Diagram
Pada gambar 6 dijelaskan bahwa actor admin melakukan kegiatan upload barang, verifikasi customer, kelola barang berupa edit dan delete, sementara customer dapat melakukan pemilihan barang, melakukan proses beli barang dan upload bukti pembayaran, admin bertugas mengelola data customer.
Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
Ada beberapa bagian activity diagram dalam perancangan E-Commerce ini :
Activity Diagram Daftar Akun Customer
Gambar 7. Activity Diagram Daftar Akun Customer
Gambar 8. Activity Diagram Suplier
Pada squance diagram memiliki dua jenis yaitu sequence diagram admin dan squence diagram pengunjung. Squence diagram admin berfungsi untuk admin yang ingin mengisi data barang dan melihat data pesanan customer.
Customer diharuskan registrasi terlebih dahulu sebelum memasuki form login.
Gambar 10. Squence Diagram Customer
Berikut ini terdapat 6 class yang saling berkaitan, class admin berelasi dengan class data barang yang nantinya akan disimpan di database dan juga untuk menjadi katalog untuk customer, class customer berelasi dengan class pemesanan karena mengambil data dari class tersebut, class data barang berelasi dengan class pemesanan dan class detail pesan, sedangkan class pembayaran berelasi dengan class pemesanan.
Gambar 9 : Squence Diagram Admin
Gambar 11. Class Diagram
Pada desain tampilan login ini, ditujujukan untuk admin dengan cara memasukkan username dan password yang telah terdaftar lalu tekan sign in untuk masuk, jika username dan password tidak sesuai akan ada peringatan pesan bahwa data yang dimasukkan salah.
Pada desain tampillan halaman pengunjung ini, ditujukan untuk pengunjung. Pada halaman ini juga disajikan beberapa informasi yang berkaitan dengan produk yang dijual dan menu-menu yang ada seperti menu Home untuk bagian beranda, menu Shopping untuk produk-produk yang tersedia di toko, menu Cart untuk produk pilihan yang akan di order, menu checkout untuk bertransaksi setelah memilih barang yang diinginkan.
Pada desain tampilan detail produk, terdapat info tentang produk yang dijual oleh toko pada kolom produk adalah foto dari produk itu sendiri, kolom kategori ini berisi kategori produk, pada name product berisi nama produk, pada kolom description berisi deskripsi produk atau spesifikasi produk. Pada form ini tersedia button price atau harga produk lalu button buy atau beli untuk memasukkan produk ke keranjang.
Gambar 12. Form Login
Gambar 13. Halaman Pengunjung
Pada tampilan produk ini menunjukkan produk-produk apa saja yang tersedia di website ini dengan button add to cart untuk menambahkan produk yang ingin di beli ke keranjang yang nantinya akan masuk di menu checkout jika sudah mengisi data yang dibutuhkan.
Pada desain tampilan keranjang, berfungsi sebagai media untuk menyimpan produk yang sudah dibeli pada kotak produk yang kecil adalah gambar dari produk tersebut, lalu nama produk, harga produk, dan menentukan kuantitas atau jumlah produk yang akan dibeli pada masing-masing produk lalu subtotal harga semua pesanan jika sudah selesai dengan pesanan maka bisa menekan tombol proceed to checkot untu selanjutnya mengisi form data diri.
Gambar 14. Tampilan Detail Produk
Gambar 15. Tampilan Produk
Gambar 16. Tampilan Keranjang
Pada desain tampilan tambah data barang pada admin, ditujukan untuk admin bila ingin mengisi data barang seperti kolom nama produk, deskripsi spesifikasi produk, kurir pengiriman yang dipakai, kategori produk, harga produk, stock ketersedian produk, dan upload foto produk.
Pada data customer ditujukan untuk customer yang sudah selesai melalui tahap di form keranjang, yaitu mengisi form data diri seperti nama, alamat untuk mengirim barang yang dibeli, email aktif, serta nomor telpon yang dapat dihubungi jika sudah bisa menekan tombol next.
Tampilan checkout ini menunjukkan nomor rekening bank untuk pembayaran, pada
kolom product berisi rincian apa saja yang dibeli customer, pada kolom shipping berisi ekspedisi dan ongkos irim yang akan dipakai, payment method berisi metode pembayaran yang akan digunakan, pada kolom subtotal berisi total keseluruhan yang harus dibayarkan, lalu pada kolom data customer berisi data diri customer seperti alamat, nama, dan nomor telpon.
Gambar 17. Tambah Data Barang
Gambar 18. Tampilan Data Customer
3. HASIL DAN PEMBAHASAN
Skenario uji coba pada admin toko tumbu lestari dilakukan oleh pengguna dengan cara login untuk masuk ke dasbor admin. Selanjutnya admin dapat dapat mengelola data seperti menginputkan barang, transaksi, laporan, dan pengaturan yang ada di Toko Tumbu Lestari.
Skenario uji coba yang akan dilakukan oleh admin untuk form login yaitu : 1. Admin mengisikan Username dan Password lalu menekan tombol login 2. Jika salah akan muncul pesan peringatan bahwa data yang diinputkan salah 3. Jika benar maka akan masuk form admin
Skenario uji coba yang akan dilakukan admin untuk form pesanan customer yaitu : 1. Masuk ke menu dasbor
2. Klik menu order di menu woocomerce
3. Lalu akan muncul data pesanan yang telah dibuat customer
Skenario uji coba untuk form data edit produk yaitu : 1. Masuk ke dasbor
2. Klik menu product
3. Lalu klik all produk maka akan muncul form edit data produk
Skenario uji coba yang akan dilakukan untuk form tambah produk : 1. Masuk ke dasbor
2. Klik menu product
3. Klik “add new” maka akan muncul form tambah produk
Skenario uji coba yang akan dilakukan customer dengan cara membuka website toko tanpa perlu login karna website aplikasi ini bersifat terbuka jadi customer bebas melakukan transaksi pemesanan berdasarkan produk-produk yang tersedia di website lalu data-data tersebut akan diolah oleh admin.
Skenario yang dilakukan untuk form halaman awal yaitu : 1. Masuk ke aplikasi website toko tumbu lestari
2. Lalu akan muncul halaman awal dan menu-menu seperti home, belanja, dan keranjang 3. Lalu masukkan produk ke keranjang
Skenario yang dilakukan untuk form halaman detail produk yaitu : 1. Masuk ke menu belanja
2. Klik salah satu produk
Gambar 19. Tampilan Checkout
3. Lalu akan muncul keterangan atau deskripsi produk
Skenario uji coba yang akan dilakukan untuk form keranjang barang : 1. Customer memilih produk yang diinginkan
2. Lalu menekan tombol add to cart atau tambah ke keranjang 3. Customer mengisi data diri kemudian menekan tombol checkout
Skenario uji coba yang akan dilakukan untuk form selesai belanja yaitu : 1. Masuk ke menu keranjang
2. Lalu checkout produk yang telah dipesan
3. Setelah itu akan muncul form selesai belanja yang berisi nomor rekening dan jumlah yang harus dibayarkan.
Langkah-langkah admin untuk melakukan pembelian barang dan pembayaran.
Halaman Awal
Pada gambar diatas merupakan tampilan halaman awal yang berisi menu beranda home, belanja yang berisi produk-produk yang telah diaupload oleh admin, Pada halaman ini untuk customer bisa memulai menjelajah website untuk mencari produk yang ingin dibeli, menu keranjang dan menu checkout untuk transaksi customer tahap akhir.
Pada halaman detail produk berisi informasi tentang nama produk, harga produk, sisa stock produk, kategori produk, dan deskripsi produk yang tadinya telah di inputkan datanya oleh admin dari dasbor.
Gambar 20. Halaman Awal
Gambar 21. Halaman Detail Produk
Merupakan tampilan Halaman keranjang customer, pada halaman ini menjelaskan produk- produk yang telah dipilih customer yang dimasukan pada keranjang untuk wadah produk yang dibeli, seperti berapa macam produk yang akan di beli, jumlah dari masing- masing produk, harga masing-masing produk, lalu subtotal keseluruhan dengan ongkos kirim yang dipilih untuk melakukan checkout
Pada halaman ini menjelaskan tentang lanjutan proses dari keranjang belanja customer , pada halaman ini memberikan informasi jumlah yang harus dibayarkan customer dan informasi nomor rekening bank untuk metode pembayaran transfer antar bank.
Gambar 22. Halaman Keranjang Barang
Gambar 23. Halaman Selesai Belanja
Merupakan tampilan Halaman upload bukti pembayaran, pada halaman customer melakukan upload bukti pembayaran untuk menyelesaikan pembelian yang diarahkan langsung melalui chat Whatsup admin pada logo wa kanan dibawah.
Uji Coba Admin
Langkah – langkah admin untuk menerima order yang masuk.
Halaman login admin
Untuk masuk halaman admin harus menginputkan username dan password yang telah terdaftar di database jika benar akan langsung masuk ke dasbor jika salah akan ada peringatan bahwa username dan password yang di inputkan salah.
Gambar 24. Halaman Konfirmasi Pembayaran
Gambar 25. Halaman Login Admin
Pada gambar diatas adalah halaman orderan yang sudah tercatat di form order, disini admin bisa mengatur status orderan pembeli yang sudah checkout seperti konformasi pembayaran yang telah dilakukan, dan status barang yang telah dikirim atau yang belum dikirim bisa dirubah di form ini
Halaman diatas adalah untuk melihat data barang dan untuk mengedit barang pada kolom nama admin akan meninputkan nama produk, SKU yaitu kode produk untuk membedakan produk satu dengan yang lain, kolom price untuk menginputkan harga, serta kategori untuk membedakan macam-macam produk yang ada di Toko. Form ini berfungsi untuk mengedit inputan yang sudah ada.
Halaman diatas adalah untuk tambah produk, edit produk, foto produk, deskripsi produk dan kategori produk yang akan dijual agar bisa dilihat oleh calon pembeli.
4. KESIMPULAN
Dari hasil uji coba diatas dapat dihasilkan sebuah aplikasi e-commerce yang dapat membantu terwujudnya transaksi online dengan memilih barang, melakukan pembayaran, dan mengirim bukti pembayaran untuk meningkatkan penjualan toko tumbu lestari di bumdes gintangan. Dalam aplikasi e-commerce ini masih banyak kekurangan yaitu melakukan konfirmasi dengan langsung menggunakan email tanpa harus mengirim bukti transfer.
Diharapkan nantinya bisa dilakukan penelitian dengan lebih sempurna.
Gambar 26. Halaman Pesanan Customer
Gambar 27. Halaman Data Dan Edit Produk
Gambar 28. Halaman Tambah Produk
DAFTAR PUSTAKA
