penjualan pakaian berbasis web pada toko astroboy

15
Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa Pemograman Php Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa Pemograman Php Ibnu Hidayat 1 , Dr. Lulu Mawaddah Wisudawati 2 1 Mahasiswa Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Gunadarma 2 Dosen Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Gunadarma [email protected] 1 , [email protected] 2 Abstrak - Penggunaan internet yang menjurus pada dunia bisnis mulai memanfaatkan internet sebagai media penjualan dan pembelian. Toko Asrtroboy merupakan perusahaan yang bergerak dalam bidang pakaian, yang mana pembelian produk dari konsumen dilakukan dengan langsung datang ke toko Astroboy. Untuk memberikan solusi maka dibuatlah aplikasi web ini yang mana konsumen dapat melakukan pembelian produk dengan mudah tanpa harus datang ke toko, serta toko Astroboy lebih mudah memberikan informasi kepada konsumen yang nanti berpengaruh bagi daya jual. Dalam pengembangan penjualan aplikasi web ini penulis menggunakan perancangan permodelan flowchart, struktur navigasi dan erd, sedangkan dalam membuat web ini penulis menggunakan bahasa pemrograman PHP, menggunakan Framework Codeigniter dan PhpMyadmin sebagai media data basenya. Dari hasil pengujian dapat diambil kesimpulan, yaitu aplikasi ini dapat berjalan dengan baik dan membantu konsumen dalam mencari informasi atau membeli produk pada toko Astroboy tanpa harus datang ke tokonya langsung. Kata kunci : Aplikasi, E-commerce, Codeigniter, Php PENDAHULUAN Dalam memasuki dunia globalisasi, manusia mengenal teknologi yang semakin maju untuk mempermudah melakukan berbagai kegiatan dalam berbagai aspek kehidupan. Kemajuan di bidang teknologi internet merupakan salah satunya yang mengalami perkembangannya. Dengan internet semua orang dapat dengan mudah melakukan aktifitas jual beli, tanpa harus bertatap muka secara langsung dengan penjual, hal ini sangat berdampak pada kemajuan perekonomian yang didukung teknologi internet. Hal ini sangat menguntungkan kedua belah pihak baik penjual mau pun pembeli, hanya dengan mengakses internet keduanya mendapatkan apa yang mereka inginkan. bagi pihak pembeli, mereka secara mudah dapat memilih berbagai produk yang mereka inginkan dan hanya perlu mengakses internet, dan melakukan pembayaran, maka barang yang mereka inginkan akan segera mereka dapatkan. Sedangan di pihak penjual, mereka hanya perlu mengakses internet, untuk menunggu pesanan dari pembeli, tanpa harus bermodalkan toko/kios, di

Upload: others

Post on 24-Oct-2021

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

Ibnu Hidayat1, Dr. Lulu Mawaddah Wisudawati2

1 Mahasiswa Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas

Gunadarma

2 Dosen Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Gunadarma

[email protected], [email protected]

Abstrak - Penggunaan internet yang menjurus pada dunia bisnis mulai memanfaatkan internet sebagai media penjualan dan pembelian. Toko Asrtroboy merupakan perusahaan yang bergerak dalam bidang pakaian, yang mana pembelian produk dari konsumen dilakukan dengan langsung datang ke toko Astroboy. Untuk memberikan solusi maka dibuatlah aplikasi web ini yang mana konsumen dapat melakukan pembelian produk dengan mudah tanpa harus datang ke toko, serta toko Astroboy lebih mudah memberikan informasi kepada konsumen yang nanti berpengaruh bagi daya jual. Dalam pengembangan penjualan aplikasi web ini penulis menggunakan perancangan permodelan flowchart, struktur navigasi dan erd, sedangkan dalam membuat web ini penulis menggunakan bahasa pemrograman PHP, menggunakan Framework Codeigniter dan PhpMyadmin sebagai media data basenya. Dari hasil pengujian dapat diambil kesimpulan, yaitu aplikasi ini dapat berjalan dengan baik dan membantu konsumen dalam mencari informasi atau membeli produk pada toko Astroboy tanpa harus datang ke tokonya langsung.

Kata kunci : Aplikasi, E-commerce, Codeigniter, Php

PENDAHULUAN

Dalam memasuki dunia globalisasi, manusia mengenal teknologi yang semakin maju

untuk mempermudah melakukan berbagai kegiatan dalam berbagai aspek kehidupan.

Kemajuan di bidang teknologi internet merupakan salah satunya yang mengalami

perkembangannya. Dengan internet semua orang dapat dengan mudah melakukan aktifitas

jual beli, tanpa harus bertatap muka secara langsung dengan penjual, hal ini sangat

berdampak pada kemajuan perekonomian yang didukung teknologi internet. Hal ini sangat

menguntungkan kedua belah pihak baik penjual mau pun pembeli, hanya dengan

mengakses internet keduanya mendapatkan apa yang mereka inginkan. bagi pihak pembeli,

mereka secara mudah dapat memilih berbagai produk yang mereka inginkan dan hanya

perlu mengakses internet, dan melakukan pembayaran, maka barang yang mereka inginkan

akan segera mereka dapatkan. Sedangan di pihak penjual, mereka hanya perlu mengakses

internet, untuk menunggu pesanan dari pembeli, tanpa harus bermodalkan toko/kios, di

Page 2: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

tambah lagi penjual tidak perlu membuang waktu untuk pergi membuka toko dan

menghabiskan biaya transportasi, penjual dapat menyiapkan barang di rumah tanpa harus

membuang waktu dijalan.

Teknologi internet sudah terbukti merupakan salah satu media informasi yang efektif

dan efisien dalam penyebaran informasi yang dapat diakses oleh siapa saja, kapan saja dan

dimana saja. Teknologi internet mempunyai efek yang sangat besar pada perdagangan atau

bisnis. Hanya dari rumah atau ruang kantor, calon pembeli dapat melihat produk – produk

pada layar komputer atau pun melalui smartphone, untuk mengakses informasinya,

memesan dan membayar dengan pilihan yang tersedia. Calon pembeli dapat menghemat

waktu dan biaya karena tidak perlu datang ke toko atau tempat transaksi sehingga dari

tempat duduk mereka dapat mengambil keputusan dengan cepat. Transaksi secara online

dapat menghubungkan antara penjual dan calon pembeli secara langsung tanpa dibatasi

oleh suatu ruang dan waktu. Itu berarti transaksi penjualan secara online mempunyai calon

pembeli yang potensial dari seluruh dunia.

E-commerce sebagai salah satu bentuk aktifitas transaksi perdagangan melalui

sarana internet. Dengan memanfaatkan e-commerce, para penjual dapat menawarkan

produknya secara online sehingga memberikan kemudahan berbelanja, bertransaksi, dan

pengiriman secara efektif dan efisien. Mengunakan website e-commerce sebagai salah satu

media penjualan akan memperluas daerah pemasaran produk dan memudahkan pembeli

untuk memilih dan memesan produk tersebut sehingga dapat meningkatkan omset

penjualan toko tersebut.

Untuk memberikan solusi atas masalah tersebut penulis mencoba memberikan solusi

dengan membangun aplikasi web e-commerce yang dapat diperbaharui dan berguna bagi

pembeli untuk mengetahui informasi penjualan produk yang dijual pada toko pakaian. Hal

inilah yang mendorong penulis untuk melakukan penulisan ilmiah yang berjudul

“PENJUALAN PAKAIAN BERBASIS WEB PADA TOKO ASTROBOY

MENGGUNAKAN FRAMEWORK CODEIGNITER DAN BAHASA

PEMROGRAMAN PHP”.

METODOLOGI PENELITIAN

A. Perencanaan

Penelitian ini dibuat dengan menggunakan perangkat keras dan perangkat lunak.

Perangkat keras yang digunakan adalah satu unit komputer atau laptop dengan Sistem

Operasi Windows 10 home Single Language dengan Processor Intel(R) Core(TM) i5-

7200U CPU @ 2.50GHz 2.70 GHz.

Perangkat lunak yang dibutuhkan adalah CodeIgniter, XAMPP Control V3.22,

Mozilla FireFox, Sublime Text serta aplikasi pendukung lainnya seperti Microsoft Office

dan aplikasi edit lainnya.

B. Perancangan

Proses perancangan aplikasi ini adalah dengan pembuatan flowchart, struktur

navigasi, dan Erd.

C. Implementasi

Penulis mengimplementasikan hasil rancangan ke dalam koding bahasa pemrograman

PHP dengan media Sublime Text sebagai text editornya, sedangkan software yang

digunakan yaitu CodeIgniter. Pada saat pengetesan kesuksesan aplikasi, digunakan data

Page 3: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

acak yang dimasukkan ke dalam program untuk mengecek apakah program berjalan

dengan baik atau terdapat eror sebelum dijadikan aplikasi penjualan pakaian toko Astroboy.

D. Pemeliharaan

Proses pemeliharaan merupakan proses yang ada dari hasil implementasi. Setelah

aplikasi dicek dengan data acak, selanjutnya dilakukan koreksi akhir apakah aplikasi sudah

layak digunakan oleh customer atau masih perbaikan.

DASAR TEORI

A. E-commerce

E-commerce adalah sistem pemasaran yang mencakup distribusi, penjualan

ataupun pembelian produk yang dilakukan dalam sistem elektronika seperti internet

atau jaringan komputer. E-commerce dan kegiatan yang terkait melalui internet

dapat menjadi penggerak untuk memperbaiki ekonomi dan mempercepat integrasi

dengan kegiatan produksi global. [1]

B. Jenis-jenis E-commerce

E-commerce dapat dibagi menjadi beberapa jenis yang memiliki karakteristik

berbeda-beda. Adapun jenis–jenis transaksi e–commerce, diantaranya sebagai berikut:

a) Collaborative Commerce(C-Commerce) Yaitu kerjasama secara elektronik antara

rekan bisnis. Kerjasama ini biasanya terjadi antara rekan yang berada pada jalur

penyedian barang (supplay chain).

b) Business to Business (B2B) E–Commerce tipe ini meliputi transaksi antar

organisasi yang dilakukan di electronic market.

c) Bussines to Consumer (B2C) Business-to-Consumer yaitu penjual adalah suatu

organisasi dan pembeli adalah individu

d) Consumer to Bussines (C2B) Konsumen memberitahukan kebutuhan atas suatu

produk atau jasa tertentu, dan para pemasok bersaing utuk menyediakan produk

atau jasa tersebut.

e) Customer to Customer(C2C) C2C yaitu konsumen menjual secara langsung ke

konsumen lain atau mengiklankan jasa pribadi di internet. Dalam C2C seorang

menjual produk atau jasa ke orang lain. Dapat juga disebut sebagai pelanggan ke

pelanggan, yaitu orang yang menjual produk dan jasa ke satu sama lain. [1]

C. PHP

PHP merupakan salah satu bahasa pemrograman yang biasa digunakan secara luas

dalam penanganan pembuatan dan pengembangan sebuah situs web maupun aplikasi web.

PHP diciptakan oleh Dr. Leonardo Bernart pertama kali pada tahun 1994. Pada awalnya

PHP merupakan suatu singkatan dari "Personal Home Page Tools". Sejak versi 3.0, nama

bahasa pemograman PHP diubah kepanjangannya menjadi "PHP: Hypertext Preprocessor"

dengan singkatannya "PHP". [6]

D. PhpMyadmin

Page 4: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

PhpMyAdmin adalah aplikasi manajemen database server MySQL berbasis

web. Dengan aplikasi phpMyAdmin kita bisa mengelola database sebagai root

(pemilik server) atau juga sebagai user biasa, kita bisa membuat database baru,

mengelola database dan melakukan operasi perintah perintah database secara

lengkap. PhpMyAdmin adalah interface web yang dibuat untuk mengelola database

MySQL.

PhpMyAdmin dibuat menggunakan bahasa PHP dan bersifat open source.

Dengan phpmyadmin, administrator web server bisa mengelola database tanpa

harus menguasai perintah berbasis baris teks (command line) dari SQL (Structure

Query Language). Phpmyadmin sering digunakan pengembang web untuk

menyiapkan database dari aplikasi web seperti CMS, Blog dsb. Beberapa fitur

penting dari phpmyadmin antara lain:

1) membuat, menghapus dang mengedit baik database, tabel, record, struktur.

2) Membuat pencarian sederhana dan kompleks

3) Inport CVS (bisa digunakan untuk menimport data spreedsheet)

4) Eksport ke CVS, XML, Pdf, spreedsheet.

E. Struktur Navigasi

Struktur navigasi adalah alur yang digunakan dalam aplikasi yang dibuat. Sebelum

menyusun aplikasi multimedia kedalam sebuah software, kita harus menentukan terlebih

dahulu alur apa yang akan digunakan dalam aplikasi yang dibuat. Bentuk dasar dari struktur

navigasi yang biasa digunakan dalam proses pembuatan aplikasi multimedia ada empat

macam, yaitu. [2]

Struktur Navigasi Linear

Struktur navigasi linier merupakan struktur yang mempunyai satu rangkaian cerita

berurutan. Struktur ini menampilkan satu demi satu tampilan layer secara berurutan

menurut aturannya.

Gambar 1: Struktur Navigasi Linear

Struktur Navigasi Non-Linear

Struktur navigasi non linier (tidak terurut) merupakan pengembangan dari struktur

navigasi linier, hanya saja pada struktur ini diperkenankan untuk membuat percabangan.

Percabangan pada struktur non linier memiliki kedudukan layer yang sama.

Gambar 2: Struktur Navigasi Non-Linear

Struktur Navigasi Hierarki

Page 5: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

Struktur navigasi hierarki sering disebut struktur navigasi bercabang, Percabangan

pada struktur navigasi hierarki tidak seperti struktur navigasi non linear, dimana tiap layer

berada pada level yang sama. Pada struktur navigasi hierarki tiap layer berada pada

kedudukan tertentu yang terstruktur berdasarkan kriteria tertentu.

Gambar 3: Struktur Navigasi Hierarki

Struktur Navigasi Campuran

Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya

yaitu linier, non-linier dan hirarki.

Gambar 4: Struktur Navigasi Campuran

F. Diagram Alur Flowchart

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan

hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol.

Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan

antar proses digambarkan dengan garis penghubung. Flowchart ini merupakan langkah

awal pembuatan program. [3]

G. Entity Relationship Diagram

Entity Relationship Diagram (ERD) merupakan suatu model data yang

dikembangkan berdasarkan objek. Dapat disimpulkan bahwa ERD merupakan suatu model

rancangan dari sebuah objek yang sedang atau akan dikembangkan untuk mempermudah

dalam pembuatannya. [9]

H. Black Box Testing

Black box testing adalah melakukan pengujian terhadap apa yang dilakukan oleh

sistem, khususnya perilaku dan juga masalah bisnis. Black box testing bertujuan untuk

mengidentifikasikan bug-bug yang ada pada hasil, kinerja dan juga perilaku sistem.

Pengujian ini biasanya dilakukan oleh pihak penguji ketika integration test, system test,

dan acceptance test, tetapi juga berguna untuk tahap yang lebih awal untuk membantu

membangun unit test case dan component test case yang lebih baik. [7]

PEMBAHASAN

Page 6: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

Gambaran Umum Website

Website yang dibuat pada penulisan ini merupakan website yang berfungsi sebagai

media informasi tentang produk pakaian sebagaimana customer yang ingin mengetahui

produk pakaian AstroBoy Store tanpa harus survey ke lokasi tokonya , selain berfungsi

sebagai media informasi penulisan web ini juga berfungsi sebagai media membeli secara

online untuk customer yang ingin memesan produk pakaian Toko Astroboy yang telah

tersedia . Penjualan pakaian toko Astroboy ini terdiri dari dua bagian, yaitu bagian

BackEnd untuk Admin dan bagian FrontEnd untuk Customer yang ingin membeli produk

pakaian. Dalam pembuatan web ini terdapat beberapa menu pada bagian FrontEnd

diantaranya adalah Dashboard, Kategori seperti kaos, jaket, sweater, kemeja, sepatu, jeans

dan pada bagian BackEnd hanya terdapat menu Dashboard, Data Barang, dan Invoices.

Dapat dilihat pada gambar 5.

Gambar 5: Gambaran Umum

Perancangan Aplikasi

Perancangan aplikasi bertujuan untuk menentukan rancangan website. Perancangan

sistem dimulai dengan perancangan Struktur Navigasi, Flowchart, Entity Relationship

Diagram

Pada pembuatan aplikasi ini, spesifikasi perangkat keras yang digunakan sebagai

berikut:

• Processor Intel(R) Core(TM) i5-7200U CPU @ 2.50GHz 2.70 GHz

• RAM (Random Access Memory) sebesar 4GB.

Spesifikasi perangkat lunak yang digunakan sebagai berikut:

• Codeigniter

• XAMPP

• Sublime Text

Page 7: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

• Browser (Google chrome)

• Microsoft office 2013

• Windows 10 Home Single Language

Struktur Navigasi Admin

Admin adalah pengelola web yang memepunyai hak penuh terhadap seluruh data

yang ada di dalam web. Pengelolaan data yang diperlukan dalam web menjadi tanggung

jawab admin. Dimana admin bisa mengupdate item, mengedit, menghapus item, dan admin

bisa melihat secara keseluruhan invoice pemesannya.

Gambar 6: Struktur Navigasi Admin

Struktur Navigasi User

User merupakan seseorang yang berinteraksi dengan aplikasi atau website tersebut

bagaimana informasi yang ditampilkan pada layarnya dengan adanya user ini sangat

penting untuk menjadi salah satu faktor yang menentukan peningkatan traffic website kita.

Pada halaman awal terdapat login yang dimana user harus login terlebih dahulu

setelah itu terdapat ada 7 menu terdiri dari kaos, jaket, sweater, kemeja, sepatu,

jeans,keranjang belanja, yang masing-masing memiliki fungsi tersendirinya dimana pada

menu kaos, jaket, sweater, kemeja, sepatu, jeans, dan keranjang belanja langsung saling

terhubung pada halaman login.

Gambar 7: Struktur Navigasi User

Page 8: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

Diagram Alur Flowchart

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan-urutan dan

hubungan antar proses beserta instruksinya. Saat pertama kali menjalankan aplikasi user

langsung berada pada halaman awal dan bisa melihat produk-produk yang ditawarkan juga

terdapat opsi untuk pilih tambah keranjang, detail, dan login tetapi jika user langsung

memilih tambah keranjang maka user diharuskan login terlebih dahulu jika sudah memiliki

akun dan jika belum memiliki akun user dapat mendaftar. Ketika berhasil login maka user

akan berpindah ke halaman beranda atau dashboard yang dimana terdapat 6 menu yaitu

kaos, jaket, sweater, kemeja, sepatu, dan jeans. Pada 6 menu tersebut jika di klik fungsinya

akan sama yaitu akan menampilkan produk yang user cari, sebagai contoh user akan

mencari produk pakaian kemeja maka akan menampilkan kemeja saja. Ketika user klik

tambah keranjang maka akan menampilkan informasi secara detail dari produk tersebut.

Gambar 8: Flowchart Memilih Produk

Entity Relationship Diagram

Entity relationship diagram (ERD) merupakan notasi-notasi grafik untuk

penggambaran model data konseptual untuk memfasilitasi perancangan basis data. Model

data ini merupakan sekumpulan konsep yang mendeskripsikan hubungan antara entitas dan

hubungan antara objek-objek. ERD digunakan untuk memodelkan struktur data hubungan

antar data, karena hal ini relatif kompleks. Dengan ERD kita dapat menguji model dengan

mengabaikan proses yang harus dilakukan.

Entitas (entity) adalah suatu objek di dunia nyata yang memiliki atribut atau hal-hal

yang berkaitan yang dapat dijadikan sebuah data. Hubungan (relationship) adalah aliran

antar entitas yang didefinisikan untuk menyatakan keterhubungan satu entitas dengan

entitas lainnya.

Page 9: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

Gambar 9: Proses Erd

Rancangan Tampilan User

Rancangan ini merupakan halaman awal beranda saat user mengunjungi web maka

akan tampil halaman awalnya, dan merupakan suatu informasi agar user berminat untuk

mengunjungi dan membeli produk yang tersedia.

Gambar 10: Halaman Awal Web

Page 10: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

Rancangan Tampilan Admin

Pada halaman tampilan Data Barang admin bisa menambahkan barang, mengedit

barang, menghapus barang dan juga terlihat informasi secara detail dari produk-produk

tersebut. Dan Pada halaman menu invoice admin dapat melihat semua pesanan yang di

pesan oleh customer dari nama pemesan, alamat pengiriman, tanggal pemesanan, batas

pembayaran, dan terdapat detail pada aksi jika di klik maka akan menampilkan secara detail

apa saja yang di pesan oleh customer dengan id invoice nya

Gambar 11: Halaman Admin

Implementasi

Tahap implementasi merupakan tahap realisasi aplikasi berdasarkan pada rancangan

yang telah dibuat. Berikut adalah aplikasi penjualan pakaian toko astroboy:

1. Tampilan Login

Tampilan Menu Login adalah yang muncul pada saat ingin masuk sebagai admin,

menu login ini juga satu form ketika user ingin login dimana jika user belum

mempunyai akun maka tidak akan bisa masuk ke dalam aplikasi web tersebut dan

diharuskan registrasi terlebih dahulu.

Gambar 12: Tampilan Login

2. Tampilan Awal Web

Tampilan Dashboard ketika user sudah berhasil login dimana user bisa melihat ada

menu kategori dari mulai kaos sampai jeans dan menu tersebut mempunyai

fungsinya masing-masing atau seperti memfilter jika user mengklik kaos maka

akan menampilkan kaos saja, pada halaman dashboard ini terdapat juga fitur

tambah keranjang dan detail dimana jika user mengklik tambah keranjang maka

Page 11: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

item nya langsung masuk ke keranjang belanja, sedangkan jika user mengklik

detail maka user akan melihat informasi produk tersebut secara detail

Gambar 13: Tampilan Awal Web

3. Tampilan Halaman Detail

Tampilan halaman pada Detail dari penjualan pakaian toko Astroboy yang

dilakukan oleh user ketika memilih opsi detail, didalam opsi detail ini terlihat detail

produk secara keseluruhan dari nama produk sampai dengan harga produk dan juga

terdapat fitur tambah keranjang dan kembali, jika user mengklik tambah keranjang

maka tampil ke halaman keranjang belanja dan jika user mengklik kembali maka

akan tampil ke halaman awal produk.

Gambar 14: Tampilan Detail

4. Tampilan Keranjang Belanja

Tampilan Keranjang Belanja dari penjualan pakaian toko Astroboy dimana ketika

user sudah selesai memilih item yang ingin dibeli maka user akan masuk

kehalaman keranjang belanja ini, halaman ini terdapat fitur hapus keranjang,

lanjutkan belanja, dan pembayaran. Jika user mengklik hapus keranjang maka item

nya akan hilang atau terhapus, jika lanjutkan belanja maka akan kembali

kehalaman produk, jika user mengklik pembayaran maka akan masuk ke proses

check out.

Page 12: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

Gambar 15: Tampilan Keranjang Belanja

5. Tampilan Pembayaran

Tampilan pada proses Pembayaran dari penjualan pakaian toko astroboy dimana

fitur pembayaran ini adalah langkah terakhir user ketika membeli produk pada toko

astroboy yang dimana user diminta untuk mengisikan data seperti nama lengkap,

alamat lengkap, no telp, jasa pengiriman, dan pilih bank dan ketika selesai mengisi

data lalu pilih opsi pesan maka akan tampil notif “Selamat Pesanan Anda Berhasil

Diproses”.

Gambar 16: Tampilan Pembayaran

Uji Coba Aplikasi

Uji coba aplikasi ini menggunakan metode blackbox testing yang berguna untuk

mengetes kesusesan dari aplikasi yang tengah dikembangkan dan metode ini dicoba pada

perangkat Personal Computer.

Page 13: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

Tabel 1: Blackbox Testing

No Fungsi Masukan Hasil yang

Diharapkan

Keluaran Hasil

1 Kaos User meng-

klik menu

Kaos

Menampilkan

produk Kaos

yang tersedia

Menampilkan

produk Kaos

yang tersedia

Sukses /

Berhasil

2 Jaket User meng-

klik menu

Jaket

Menampilkan

produk Jaket

yang tersedia

Menampilkan

produk Jaket

yang tersedia

Sukses /

Berhasil

3 Sweater User meng-

klik menu

Sweater

Menampilkan

produk

Sweater yang

tersedia

Menampilkan

produk

Sweater yang

tersedia

Sukses /

Berhasil

4 Kemeja User meng-

klik menu

Kemeja

Menampilkan

produk

Kemeja yang

tersedia

Menampilkan

produk

Kemeja yang

tersedia

Sukses /

Berhasil

5 Sepatu User meng-

klik menu

Sepatu

Menampilkan

produk Sepatu

yang tersedia

Menampilkan

produk Sepatu

yang tersedia

Sukses /

Berhasil

6 Jeans User meng-

klik menu

Jeans

Menampilkan

produk Jeans

yang tersedia

Menampilkan

produk Jeans

yang tersedia

Sukses /

Berhasil

7 Tambah

Keranjang

User meng-

klik tombol

tambah

keranjang

Tampil

dikeranjang

belanja

Tampil

dikeranjang

belanja

Sukses /

Berhasil

8 Detail User meng-

klik tombol

Detail

Menampilkan

informasi

produk dan

opsi tambah

Menampilkan

informasi

produk dan

opsi tambah

Sukses /

Berhasil

Page 14: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

keranjang atau

kembali

keranjang atau

kembali

9 Keranjang

Belanja

User meng-

klik tombol

Keranjang

Belanja

Melanjutkan

ke proses

pembayaran

Melanjutkan

ke proses

pembayaran

Sukses /

Berhasil

10 Pembayaran User meng-

klik tombol

pembayaran

Menampilkan

isi data dan

proses check

out

Menampilkan

isi data dan

proses check

out

Sukses /

Berhasil

11 Lanjut belanja User meng-

klik Lanjut

Berbelanja

Tampil ke

halaman

beranda awal

Tampil ke

halaman

beranda awal

Sukses /

Berhasil

12 Hapus

Keranjang

User meng-

klik tombol

Harus

Keranjang

Tampil ke

halaman

beranda awal

Tampil ke

halaman

beranda awal

Sukses /

Berhasil

13 Logout User meng-

klik tombol

Logout

Menampilkan

ke halaman

Login

Menampilkan

ke halaman

Login

Sukses /

Berhasil

14 Data Barang Admin

mengklik

menu Data

Barang

Menampilkan

menu Data

Barang

Menampilkan

menu Data

Barang

Sukses/

Berhasil

15 Invoice Admin

mengklik

menu

Invoice

Menampilkan

Invoice

pemesanan

produk

Menampilkan

Invoice

pemesanan

produk

Sukses/

Berhasil

KESIMPULAN DAN SARAN

Berdasarkan analisa dan implementasi website Toko Astroboy pada bab-bab

sebelumnya, maka dapat ditarik kesimpulan yaitu telah berhasil dibangun Penjualan

Pakaian Toko Astroboy berbasis web menggunakan Framework Codeigniter dan Bahasa

Pemograman PHP. Aplikasi website Toko Astroboy ini juga dapat memberikan kemudahan

bagi konsumennya untuk tidak lagi perlu datang ke tokonya langsung, tetapi sekarang bisa

Page 15: Penjualan Pakaian Berbasis Web Pada Toko Astroboy

Penjualan Pakaian Berbasis Web Pada Toko Astroboy Menggunakan Framework Codeigniter Dan Bahasa

Pemograman Php

membeli produk melalui web. Dan website Toko Astroboy ini juga menampilkan kepada

konsumennya produk yang ditawarkan beserta harganya dan detail produknya tanpa harus

membuka situs lain.

Saran untuk aplikasi penjualan ini tidak tertutup kemungkinan untuk dikembangkan

menjadi lebih baik lagi dan saran yang dapat diberikan untuk penelitian kedepannya yaitu

aplikasi ini web e-commerce dapat dikembangkan lagi ke sistem android ataupun yang

lainnya. Dan pengembangan system dengan fitur yang lebih menarik seperti fitur COD,

rekening virtual dan lainnya.

DAFTAR PUSTAKA

[1] (Ahmadi, Candra dan Dadang Hermawan.E-Business & E-

Commerce,Yogyakarta:AndiOffset, 2013.

[2] (Alit, 2016) Mahendra, Alit. 2016. Struktur Navigasi. URL:

http://www.academia.edu/7809939/Alit_Mahendra_alit. Diakses 12 Juli 2019

[3] (Anonim, 2015) Edrawsoft. (n.d.). 2015. Standard Flowchart Symbols. URL:

https://www.edrawsoft.com/flowchart-symbols.php. Diakses 12 Juli 2019.

[4] (Yuniar, 2018) Supardi, Yuniar dan Hermawan, Ading. 2018. Semua Bisa Menjadi

Programmer CodeIgniter Basic. Jakarta : Elexmedia Komputindo

[5] Saputra, Agus dan Feni Agustin. Membangun Sistem Aplikasi E-

CommercedanSMS. Jakarta : Elex Media Kompitindo, 2012

[6] (Jubilee, 2018) Jubilee Enterprise. 2018. HTML, PHP, dan MySQL untuk Pemula.

Jakrta : Elexmedia Komputindo

[7] (Pressman, R.S. 2010), Software Engineering : a practitioner’s approach,McGraw-

Hill, New York

[8] (Nugroho, Bunafit. 2013). Dasar Pemograman Web PHP – MySQL dengan

Dreamweaver. Yogyakarta : Gava Media

[9] (Edhy, 2011) Sutanta, Edhy. 2011. Basis Data Dalam Tinjauan Konseptual.

Yogyakarta : ANDI