Post on 12-Feb-2020
PERANCANGAN E-COMMERCE PENJUALAN SOUVENIR
PADA KULIKIN STORE
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III
GUNAWAN
11140671
Program Studi Komputerisasi Akuntansi
AMIK BSI Jakarta
Jakarta
2017
vi
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Tuhan yang Maha Esa atas rahmat,
hikmat dan karunia-Nya, sehingga penulis dapat menyelesaikan penulisan tugas
akhir dengan baik. Tugas akhir ini penulis sajikan dalam bentuk laporan melalui
buku yang sederhana dengan judul tugas akhir ialah, “Perancangan E-Commerce
Penjualan Souvenir pada Kulikin Store”.
Tujuan dari penulisan tugas akhir ini adalah sebagai salah satu syarat
kelulusan Program Diploma Tiga (D.III) di Akademi Bina Sarana Informatika
jurusan Komputer Akuntansi. Sumber bahan penulisan diambil berdasarkan
sumber literatur, observasi, serta penelitian yang diperlukan. Penulis menyadari
bahwa tanpa bimbingan, dorongan motivasi, serta pengajaran-pengajaran yang
penulis belum ketahui, maka penulisan tugas akhir ini tidak akan maksimal. Oleh
karena itu pada kesempatan ini, penulis menyampaikan ucapan terima kasih
kepada :
1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana
Informatika karena telah memberikan kesempatan penulis untuk berkuliah
di Bina Saran Informatika.
2. Ketua Program Studi Komputerisasi Akuntansi AMIK BSI karena telah
memberikan kesempatan kepada penulis belajar, sampai kepada tahap
Tugas Akhir ini.
3. Ibu Wina Widiati selaku Dosen Pembimbing Tugas Akhir, yang
memberikan arahan, pengajaran, dan motivasi sehingga penulis dapat
menyelesaikan Tugas
vii
Akhir.
4. Dosen, staff dan karyawan di lingkungan Akademi BSI yang membantu
penulis dalam segi administratif hingga pelayanan selama di Akademi
BSI.
5. Michael Gunawan dan Yakubi selaku pemilik Kulikin yang telah
memperbolehkan penulis menggunakan Kulikin sebagai bahan tugas akhir
6. Orang tua dan keluarga yang terkasih yang memberikan semangat dalam
penulisan tugas akhir
7. Abraham Fernando yang telah membantu dalam pengerjaan kode program
sehingga penulis bisa melakukan improvisasi dalam penulisan tugas akhir
8. David Erdi, Nathania Kosuhary, Indriana Osyana Sitorus, Hilman Giri
Surya, Hana yang tak henti memberikan dukungan kepada penulis
9. Bapak David Sulaiman selaku Ketua Yayasan Kesuma Abdi Nusa yang
telah mengijinkan penulis menyisihkan sedikit waktu membuat Tugas
Akhir.
10. Rekan-rekan mahasiswa kelas 11.6D.07
Serta semua pihak yang tidak dapat penulis sebutkan satu persatu yang
telah mendukung proses penyelesaian penulisan ini. Penulis menyadari bahwa
tugas akhir ini masih sangat sederhana, maka dari itu penulis mohon kritik dan
saran yang bersifat membangun untuk menyempurnakan penulisan dimasa
yang akan datang dan mampu menjadi bahan pembelajaran bagi mahasiswa
selanjutnya dalam pembuatan karya ilmiah.
Demikian dari penulis, semoga tugas akhir ini dapat berguna bagi
penulis dan khususnya bagi para pembaca.
ix
ABSTRAKSI
Gunawan (11140671), Perancangan E-Commerce Penjualan Souvenir Pada
Kulikin Store
Berkembang pesatnya teknologi informasi membuat persaingan usaha
semakin fleksibel. Metode penjualanpun telah berubah menjadi sangat dinamis
dan memanjakan pelanggannya. Saat ini penggunaan e-commerce dalam
penjualan sangat menjanjikan, karena teknologi yang pesat memudahkan penjual
dan pembeli untuk melakukan transaksi jual beli.Kulikin Store membutuhkan
suatu media sebagai sarana penjualan souvenir untuk meningkatkan pemasaran
tanpa harus mengeluarkan biaya pemasaran yang tinggi. Penggunaan media sosial,
penyedia jual beli on-line dirasa belum cukup dan tidak mampu menjadikan
menggambarkan citra diri Kulikin, penyesuaian inovasi yang diharapkan dan
branding usaha yang kreatif. Pada Saat ini Kulikin menyediakan penjualan
produk katalog dan penjualan produk khusus (custom). Pada penjualan produk
khusus, dikarenakan keterbatasan penyedia jasa jual-beli on-line, sehingga
pelanggan mengirimkan desain produk melalui media komunikasi seperti Line,
Whatsapp maupun Email. Hal ini akan mengurangi efisiensi, efektifitas, dan
meningkatkan resiko kehilangan data akibat tidak terstukturnya data transaksi.
Dengan menggunakan E-Commerce Kulikin sebagai situs resmi penjualan
kulikin, akan lebih mudah megolah data transaksi, data barang, dengan kebebasan
untuk inovasi branding yang unik sehingga mampu memberikan gambaran yang
berbeda kepada masyarakat umum.
Kata Kunci : Perancangan E-Commerce, Souvenir, website
x
ABSTRACT
Gunawan (11140671), Design E-Commerce Sales Souvenirs in Kulikin Store
The growing information technology make business competition more
flexible. Also method of sales have turned into very dynamic and indulgent
customers. Now the use of e-commerce in selling very promising, this is because
of technology a rapid progress facilitate the seller and buyer to do transaction.
Kulikin stores need a medium as a means of the sale of souvenirs to increase
marketing without having to pay for the cost of marketing a high. The use of
social media, providers of buying and selling online felt to be not enough and are
not able to make describe themselves kulikin image, the adjustment of innovation
that is expected and branding creative business. At the moment kulikin provide the
sale of catalog and the sale of specifically ( customize ).On the sale of special,
because limited trade online service providers, so customers send design a
product through media of communication as line, whatsapp and email.That this
will reduce efficiency, the effectiveness of, and increase the risk loss of data due to
structured transaction data. By the use of e-commerce Kulikin as the official site
of the sale of Kulikin, can be more easily process transaction data, goods data,
with freedom to innovation unique branding so it could give a different image to
the general public.
Keyword : Design E-Commerce, Souvenir, Website
xi
DAFTAR ISI
Lembar Judul Tugas Akhir ..................................................................................... i
Lembar Pernyataan Keaslian Tugas Akhir ............................................................ ii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ..................................... iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ............................................... iv
Lembar Konsultasi Tugas Akhir ............................................................................ v
Kata Pengantar ...................................................................................................... vi
Abstraksi ............................................................................................................... ix
Daftar Isi ............................................................................................................... xi
Daftar Simbol ...................................................................................................... xiii
Daftar Gambar ...................................................................................................... xv
Daftar Tabel ....................................................................................................... xvii
Daftar Lampiran ................................................................................................ xviii
BAB I PENDAHULUAN .......................................................................... 1
1.1. Latar Belakang ........................................................................ 1
1.2. Maksud dan Tujuan ................................................................. 2
1.3. Metode Penelitian .................................................................... 3
1.3.1. Metode Pengumpulan Data ........................................... 3
1.3.2. Metode Pengembangan Perangkat Lunak ..................... 3
1.4. Ruang Lingkup ........................................................................ 4
BAB II LANDASAN TEORI ..................................................................... 6
2.1. Konsep Dasar Web .................................................................. 6
2.2. Peralatan Pendukung ............................................................... 8
BAB III PEMBAHASAN .......................................................................... 21
3.1. Tinjauan Perusahaan ............................................................. 21
3.1.1. Sejarah Perusahaan ...................................................... 21
3.1.2. Struktur Organisasi dan Fungsi ................................... 21
3.2. Tinjauan Kasus ...................................................................... 24
3.2.1. Dokumen Masukan ..................................................... 24
3.2.2. Dokumen Keluaran ..................................................... 25
3.3. Analisa Kebutuhan Software ................................................. 27
3.3.1. Analisa Kebutuhan ...................................................... 27
3.3.2. Use Case Diagram ....................................................... 30
3.3.3. Activity Diagram ......................................................... 36
3.4. Desain .................................................................................... 47
3.4.1. Struktur Navigasi ........................................................ 47
3.4.2. Entity Relationship Diagram (ERD) ........................... 49
3.4.3. Logical Record Structure (LRS) ................................. 50
3.4.4. Spesifikasi File ........................................................... 51 3.4.5. User Interface ............................................................. 57
3.5. Implementasi ......................................................................... 72
3.5.1. Implementasi Perangkat Lunak ................................... 73
3.5.2. Implementasi Perangkat Keras .................................... 73
3.6. Testing ................................................................................... 74
xii
BAB IV PENUTUP .................................................................................... 89
4.1. Kesimpulan ............................................................................ 89
4.2. Saran ...................................................................................... 90
DAFTAR PUSTAKA .......................................................................................... 91
DAFTAR RIWAYAT HIDUP ............................................................................. 92
SURAT KETERANGAN RISET ....................................................................... 93
LAMPIRAN-LAMPIRAN ................................................................................... 94
xiii
DAFTAR SIMBOL
Daftar Simbol Use Case Diagram
Simbol Nama Simbol Keterangan
Aktor Orang, proses, atatu sistem lain
yang berinteraksi dengan sistem
informasi yang akan dibuat diluar
sistem informasi yang akan dibuat
sendiri, jadi walaupun Cuma
simbol dari aktor adalah gambar
oraang, tapi aktor belum tentu
merupakan orang; biasanya
dinyatakan menggunakan kata
benda di awal fase nama aktor.
Use Case Fungsionalitas yang disediakan
sistem sebagai unit-unit yang saling
bertukar pesan antar unit atau
aktor; biasanya dinyatakan dengan
menggunakan kata kerja di awal
frase nama use case
Include dan uses Relasi use case tambahan ke
sebuah use case dimana use case
yang ditambahkan memerlukan use
case ini untuk menjalankan
fungsinya atau sebagai syarat
dijalankan case ini.
Include berarti use case yang
ditambahkan akan selalu dipanggil
saat use case tambahan dijalankan
Asosiasi Komunikasi antara aktor dan use
case yang berpartisipasi pada use
case atau use case memiliki
interaksi dengan aktor
Daftar Simbol Activity Diagram
Simbol Nama Simbol Keterangan
Initial state Status awal aktivitas sistem.
Sebuah diagram aktivitas memiliki
sebuah status awal.
Final state Status akhir yang dilakukan sistem.
Sebuah diagram aktivitas memiliki
status akhir
Activity Aktivitas yang dilakukan sistem,
aktivitas biasanya diawal dengan
xiv
kata kerja
Decision Merupakan asosiasi percabangan
dimana jika ada pilihan aktivitas
lebih dari satu.
Fork Digunakan untuk menunjukan
kegiatan yang dilaksanakan secara
pararel atau untuk menggabungkan
dua atau lebih kegiatan pararel
menjadi satu
Daftar Simbol ERD (Entity Relation Diagram)
Simbol Nama Simbol Keterangan
Entity Entitas merupakan data inti yang akan
disimpan; bakal tabel pada basis data;
benda yang memiliki data dan harus
disimpan datanya agar dapat diakses
oleh aplikasi komputer; penamaan
entitas biasanya lebih ke kata benda dan
belum merupakan nama tabel
Attribute Attribute atau kolom data yang butuh
disimpan dalam suatu entitas
Relasi Relasi yang menghubungkan antar
entitas; biasanya diawali dengan kata
kerja
Asosiasi Penghubung antara relasi dan entitas
dimana di kedua ujungnya memiliki
multiplicity kemungkinan jumlah
pemakaian Kemungkinan jumlah
maksimum keterhubungan antara entitas
satu dengan entitas yang lain disebut
dengan kardinalitas. Misalkan ada
kardinalitas 1 ke N atau sering
disebut dengan one to many
manghubungkan entitas A dan entitas B
xv
DAFTAR GAMBAR
Gambar II.1 Struktur Navigasi Linier .................................................................. 19
Gambar II.2 Struktur Navigasi Hirarki ................................................................ 19
Gambar II.3 Struktur Navigasi Tidak Berurut (Non-Linier) ................................ 20
Gambar II.4 Struktur Navigasi Campuran (Composite) ...................................... 20
Gambar III.1 Struktur Organisasi Kulikin ........................................................... 22
Gambar III.2 Use Case Diagram Pengunjung (non-member) .............................. 31
Gambar III.3 Use Case Diagram Pelanggan (member) ....................................... 32
Gambar III.3 Use Case Diagram Admin .............................................................. 33
Gambar III.4 Use Case Diagram Pemilik............................................................. 34
Gambar III.5 Activity Diagram Pengunjung ........................................................ 36
Gambar III.6 Activity Diagram Pelanggan Login ................................................ 37
Gambar III.7 Activity Diagram Pelanggan Reset Password ................................ 38
Gambar III.8 Activity Diagram Pelanggan Pemesanan Barang ........................... 39
Gambar III.9 Activity Diagram Pelanggan Pemesanan Khusus .......................... 40
Gambar III.10 Activity Diagram Pelanggan Konfirmasi Pesanan ....................... 41
Gambar III.11 Activity Diagram Pelanggan Konfirmasi Transfer ...................... 42
Gambar III.12 Activity Diagram Admin Penghargaan Produk Custom .............. 43
Gambar III.13 Activity Diagram Admin Validasi Konfirmasi Transfer .............. 44
Gambar III.14 Activity Diagram Admin Penjualan ............................................. 45
Gambar III.15 Activity Diagram Admin Pengiriman Barang .............................. 46
Gambar III.16 Struktur Navigasi Pengunjung (non-member) .............................. 47
Gambar III.17 Struktur Navigasi Pelanggan ........................................................ 47
Gambar III.18 Struktur Navigasi Admin ............................................................. 48
Gambar III.19 Entity Relationship Diagram (ERD) ............................................ 49
Gambar III.20 Logical Record Structure (LRS) .................................................. 50
Gambar III.21 Tampilan Halaman Utama/Beranda ............................................. 58
Gambar III.22 Halaman Daftar ............................................................................ 58
Gambar III.23 Halaman Reset Password awal .................................................... 59
Gambar III.24 Halaman Reset Password akhir .................................................... 59
Gambar III.25 Tampilan Halaman Log-In ........................................................... 60
Gambar III.26 Tampilan Halaman Panduan Pembelian ...................................... 60
Gambar III.27 Tampilan Halaman Panduan Pembayaran .................................... 61
Gambar III.28 Tampilan Halaman Katalog Produk .............................................62
Gambar III.29 Halaman Detil Produk .................................................................. 62
Gambar III.30 Halaman Custom Product(Produk Khusus) ................................. 63
Gambar III.31 Halaman Detil Produk Khusus .................................................... 64
Gambar III.32 Halaman Keranjang belanja ......................................................... 64
Gambar III.33 Halaman CheckOut ...................................................................... 65
Gambar III.34 Halaman Konfirmasi Checkout .................................................... 65
Gambar III.35 Halaman List Transaksi ................................................................ 66 Gambar III.36 Halaman List Transaksi ................................................................ 67
Gambar III.37 Halaman Profil ............................................................................. 67
Gambar III.38 Halaman Profil- Ganti Alamat ..................................................... 68
Gambar III.39 Halaman Log-in Admin ............................................................... 68
Gambar III.40 Halaman Beranda Admin ............................................................. 69
xvi
Gambar III.41 Halaman Data Barang Admin ...................................................... 69
Gambar III.42 Halaman Penghargaan Produk Khusus Admin ............................ 70
Gambar III.43 Halaman Konfirmasi Transfer ...................................................... 70
Gambar III.44 Halaman List Nota Penjualan Admin ........................................... 71
Gambar III.45 Halaman Detil Nota Penjualan Admin ......................................... 71
Gambar III.46 Halaman List Pengirirman Barang Admin ................................... 72
Gambar III.47 Halaman Detil Pengiriman Barang Admin .................................. 72
xvii
DAFTAR TABEL
Tabel II.1 Daftar Simbol Use Case ...................................................................... 29
Tabel II.2 Daftar Simbol Activity Diagram ......................................................... 12
Tabel II.3 Daftar Simbol Entity Relationship Diagram ....................................... 14
Tabel III.1 Narasi Use Case Pengunjung ............................................................. 31
Tabel III.2 Narasi Use Case Pelanggan ............................................................... 32
Tabel III.3 Narasi Use Case Admin ..................................................................... 33
Tabel III.4 Narasi Use Case Pemilik .................................................................... 34
Tabel III.5 Spesifikasi file Tabel data_admin ...................................................... 51
Tabel III.6 Spesifikasi file Tabel data_barang2 ................................................... 52
Tabel III.7 Spesifikasi file Tabel data_kurir ........................................................ 52
Tabel III.8 Spesifikasi file Tabel data_pelanggan ................................................ 53
Tabel III.9 Spesifikasi file Tabel detail_pesanan ................................................. 54
Tabel III.10 pesifikasi file Tabel pembayaran ...................................................... 55
Tabel III.11 Spesifikasi file Tabel penjualan ....................................................... 55
Tabel III.12 Spesifikasi file Tabel pesanan .......................................................... 56
Tabel III.13 Spesifikasi file Tabel pesanan_khusus ............................................. 57
Tabel III.14 Hasil Pengujian Black Box Testing Halaman Login Pelanggan ...... 74
Tabel III.15 Hasil Pengujian Black Box Testing Halaman Detail Katalog ......... 75
Tabel III.16 Hasil Pengujian Black Box Testing Halaman Detail Khusus ......... 75
Tabel III.17 Hasil Pengujian Black Box Testing Halaman Keranjang Belanja ... 76
Tabel III.18 Hasil Pengujian Black Box Testing Halaman Checkout ................. 77
Tabel III.19 Hasil Pengujian Black Box Testing Halaman Konfirmasi Transfer 80
Tabel III.20 Hasil Pengujian Black Box Testing Halaman Login Admin ........... 81
Tabel III.21 Hasil Pengujian Black Box Testing Halaman Custom .................... 83
Tabel III.22 Hasil Pengujian Black Box Testing Halaman Konfirmasi Transfer 84
Tabel III.23 Hasil Pengujian Black Box Testing Halaman Nota Penjualan ........ 84
Tabel III.24 Hasil Pengujian Black Box Testing Halaman Pengiriman Barang .. 85
xviii
DAFTAR LAMPIRAN
Lampiran A-1 Konfirmasi Pesanan ...................................................................... 94
Lampiran A-2 Desain Produk .............................................................................. 95
Lampiran A-3 Bukti Pengiriman Barang ............................................................. 96
Lampiran B-1 Tanda Bukti Transfer .................................................................... 97
Lampiran B-2 Nota Penjualan ............................................................................. 98
Lampiran B-3 Laporan Penjualan ........................................................................ 99
1
BAB I
PENDAHULUAN
1.1 Latar belakang
Berkembang pesatnya teknologi informasi membuat persaingan usaha di jaman
ini semakin fleksibel, ketat, dan inovatif. Berbagai wirausaha menawarkan produk dan
pelayanan yang semakin kreatif, mudah, dan memanjakan. Dan dari semua itu, salah
satu masalah dalam setiap usaha ialah cara memasarkan produknya kepada masyarakat
secara efektif dan efisien.
Kulikin Store adalah salah satu dari perusahaan yang mengalami masalah yang
serupa. Dengan teknologi informasi, Kulikin berhasil beroperasi dengan modal secara
minim, yaitu dengan pembuatan produk dalam ruang kerja (workshop) dan penjualan
melalui media sosial, dan jasa daring(online) seperti Tokopedia, dan Bukalapak. Di
sisi lain, Kulikin Store mengalami kendala akan sistem penjualan yang berbeda, yaitu
sistem pesanan khusus (custom) akan satu produk yang diinginkan oleh pelanggan.
Kulikin juga memiliki kendala akan memasarkan kembali produk dengan desain
khusus yang di pesan oleh pelanggan dikarenakan hak cipta.
Solusi yang diajukan untuk mengatasi masalah Kulikin Store untuk
mengembangkan bisnis penjualan secara khusus(custom) yaitu dengan program
berbasis web. Dengan menggunakan fitur upload file desain, akan mempermudah
pelanggan maupun admin penjualan. Di sisi lain, dengan penambahan fitur secara
2
spesifik, akan memberikan solusi penjualan produk dengan desain dari pelanggan lain
tanpa melanggar hak cipta.
Dari permasalahan dan solusi yang digagaskan oleh penulis, maka penulis
mengambil judul Tugas Akhir “PERANCANGAN E-COMMERCE PENJUALAN
SOUVENIR PADA KULIKIN STORE”
1.2 Maksud dan Tujuan
Dalam melaksanakan penulisan laporan tugas akhir ini penulis mempunyai maksud
dan tujuan sebagai berikut :
1. Membangun situs pada Perancangan penjualan Custom Souvenir.
2. Menyediakan desain produk yang bervariasi, dari desain yang dibuat oleh tim
kreatif kulikin, maupun yang telah dibuat pelanggan
3. Menjadi salah satu sarana dimana hasil karya pelanggan apresiasi secara sosial
maupun finansial
4. Memungkinkan pelanggan untuk melakukan pemesanan custom souvenir kapan
saja dalam waktu yang tidak ditentukan
5. Membangun sebuah sistem pengarsipan data secara terstruktur, efektif dan efisien
dalam pemesanan
Sedangkan tujuan dari penulisan tugas akhir ini adalah sebagai salah satu syarat
untuk kelulusan pada Program Diploma Tiga (D.III) pada Program Studi
Komputerisasi Akuntansi di Akademi Manajemen Informatika dan Komputer Bina
Sarana Informatika(AMIK BSI)
3
1.3 Metode Penelitian
Dalam penyusunan dan penulisan Tugas Akhir, Penulis menggunakan metode
sebagai berikut:
1.3.1 Metode Pengumpulan Data
1. Pengamatan langsung(observasi)
Penulis melakukan observasi secara online berberapa situs-situs penjualan
atau yang disebut online shop(toko secara daring), baik yang melalui jasa penyalur,
maupun situs resmi.
2. Wawancara(interview)
Penulis melakukan wawancara kepada pemilik dan tim kreatif Kulikin Store
untuk menggali informasi akan proses kegiatan, serta kendala yang dialami.
3. Studi Pustaka
Penulis membaca buku-buku, berberapa Tugas Akhir mengenai
perancangan program berbasis web, dan mengenai e-commerce(perdagangan
elektronik) sebagai referensi dalam penyusunan Tugas Akhir.
1.3.2 Metode Pengembangan Perangkat Lunak
1. Analisa kebutuhan software
Dari hasil analisa penulis, Kulikin Store memiliki kebutuhan akan satu situs
resmi dimana seluruh pemesanan yang dilakukan secara online(daring) dapat
terarsip secara terstuktur dan otomatis.
2. Desain
Menurut pandangan Penulis, kebutuhan sistem database yang dibutuhkan
menggunakan MySql, penggunaan model Unified Modelling Language (UML) dengan
4
interface yang ramah.
3. Code Generation
Dalam perancangan program penjualan, penulis menggunakan bahasa
pemogramman HTML, PHP, Java Script dan, CSS sebagai pendukung tampilan
web. Rancangan program yang dibuat termasuk kedalam pemograman berbasis
objek.
4. Testing
Dalam perancangan program, penulis menguji setiap fungsi program sesuai
dengan yang dirancang menggunakan Black box testing(pengujian kotak hitam),
dimana pengujian tersebut menitikberatkan pada kesesuaian suatu komponen
terhadap spesifikasi
5. Support
Penulis melakukan upaya pengembangan software yang sedang dibuat
dalam mengantisipasi perubahan hardware dan software yang digunakan dengan
menggunakan versi bahasa pemograman yang kompatibel dengan seluruh browser,
penggunaan password untuk meningkatkan pengamanan serta perbaikan kode
program yang tidak sesuai dengan fungsi nya.
1.4 Ruang Lingkup
Batasan masalah dari program web yang Penulis usulkan yaitu dimulai dari
pihak Pelanggan(member) tersedia Home sebagai tampilan awal, log-in/log-out sebagai
masuk maupun keluar, Daftar untuk melakukan pendaftaran akan pelanggan baru,
Produk Detail sebagai masukan barang, Profile(profil) sebagai data diri pelanggan,
riwayat transaksi, dan konfirmasi transfer. Bantuan sebagai penyedia informasi singkat
5
mengenai Kulikin, cara pemesanan, pembayaran maupun seputar pertanyaan yang
umum ditanyakan, dan Cart(keranjang belanja) sebagai konfirmasi akan transaksi yang
telah diinput. Untuk pihak Admin tersedia Home sebagai tampilan awal,Menu Master
Data untuk mengolah data-data produk, pelanggan, dan pengirim. Menu Transaksi
untuk melakukan proses transaksi yang terjadi, dan menu laporan untuk menampilkan
laporan seputar aktivitas transaksi.
6
BAB II
Landasan Teori
2.1 Konsep Dasar Web
Menurut Kustiyahningsih dan Anamisa (2011:4) :
World Wide Web (WWW), lebih dikenal dengan web yang merupakan salah
satu layanan yang didapat oleh pemakai computer yang terhubung ke internet
dengan fasilitas hypertext untuk menampilkan data berupa teks, gambar, suara,
animasi dan data multimedia lainnya. Sehingga awalanya adalah ruang
informasi dalam internet, dengan menggunakan teknologi hypertext, pemakai
dituntun menemukan informasi dengan mengikuti link yang disediakan dalam
dokumen web yang ditampilkan dalam web browser.
A. Jenis-Jenis Web
Menurut Hidayat (2010:3) dalam pengelompokan jenis web “Seiring dengan
perkembangan teknologi informasi yang begitu cepat, website juga mengalami
perkembangan yang sangat berarti. Dalam pengelompokan jenis web, lebih
diarahkan kepada fungsi, sifat dan bahasa pemrograman yang digunakan. “
Adapun jenis-jenis web menurut Hidayat (2010:3) yaitu:
1. Jenis-jenis web berdasarkan sifat atau style:
1. Website Dinamis, merupakan sebuah website yang menyediakan konten
atau isi yang selalu berubah-ubah setiap saat. Bahasa pemrograman yang
digunakan antara lain PHP, ASP, .NET dan memanfaatkan database
MySQL atau MS SQL.
2. Website Statis, merupakan website yang kontennya sangat jarang berubah.
Bahasa pemrograman yang digunakan adalah HTML dan belum
7
memanfaatkan database.
2. Berdasarkan pada fungsinya, website terbagi atas:
1. Personal website, website-website yang berisi informasi pribadi.
2. Commercial website, website yang dimiliki oleh sebuah perusahaan yang
bersifat bisnis.
3. Government website, website yang dimiliki oleh instansi pemerintah,
pendidikan, yang bertujuan memberikan pelayanan kepada pengguna.
4. Non-profit Organization website, dimiliki oleh organisasi yang bersifat
non-profitatau tidak bersifat bisnis.
3. Dari segi bahasa pemrograman yang digunakan, website terbagi atas:
1. Server Side, merupakan website dengan menggunakan bahasa
pemrograman yang tergantung kepada tersedianya server. Seperti PHP,
ASP, .NET dan lain sebagainya. Jika tidak ada server, website yang
dibangun menggunakan bahasa pemrograman di atas tidak akan berfungsi
sebagaimana mestinya.
2. Client Side, adalah website yang tidak membutuhkan server dalam
menjalankannya, cukup diakses melalui browser saja. Misalnya, HTML.
B. Aplikasi Web
Menurut Kustiyahningsih dan Anamisa (2011:10):
Aplikasi berbasis web tidak perlu di instal di masing-masing client pengakses
aplikasi karena aplikasi cukup dikonfigurasi di server. Kemudian, client
mengakses dari browser seperti Internet Explorer, Opera, Firefox. Eksekutor
aplikasi dilakukan oleh web server seperti Apache, US, Xitami, dan lain
sebagainya.
Berikut berberapa aplikasi berbasis web:
8
1. Web Browser
Menurut Kustiyahningsih dan Anamisa (2011:8), “Web Browser adalah
software yang digunakan untuk menampilkan informasi dari server web.
Software ini telah dikembangkan dengan menggunakan user interface grafis,
sehingga user dapat melakukan ‘point and click’ untuk pindah antar dokumen.”
2. Web Server
Menurut Kustiyahningsih dan Anamisa (2011:9), “Web Server adalah
komputer yang digunakan untuk menyimpan dokumen-dokumen web.”
Komputer ini akan melayani permintaan dokumen web dari kliennya,
Web Browser seperti explorer atau navigator berkomunikasi melalui jaringan
termasuk jaringan internet dengan web server. Menggunakan HTTP Browser
akan mengirimkan request ke server untuk meminta dokumen tertentu atas
layanan lain yang disediakan oleh server. Server memberikan dokumen atau
layanannya jika tersedia juga dengan menggunakan protocol HTTP.
2.2 Peralatan Pendukung
Merupakan alat yang digunakan untuk menggambarkan bentuk logika model
dari suatu program yang dirancang dengan menggunakan simbol-simbol, lambang-
lambang, diagram-diagram yang menunjukan secara tepat arti dan fungsinya. Adapun
peralatan pendukung (tools system) yang dijelaskan sebagai perancangan program
yang akan dirancang adalah sebagai berikut:
A. Unified Modelling Language (UML)
Menurut Nugroho (2010:6), ”UML (Unified Modeling Language) adalah
bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma
9
(berorientasi objek).”
Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan
permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih
mudah dipelajari dan dipahami.
Berdasarkan pendapat yang dikemukakan di atas dapat ditarik kesimpulan
bahwa UML adalah sebuah bahasa yang berdasarkan grafik atau gambar untuk
menvisualisasikan, menspesifikasikan, membangun dan pendokumentasian dari
sebuah sistem pengembangan perangkat lunak berbasis Objek (Object Oriented
programming).
Berikut ini adalah definisi mengenai 5 diagram UML yaitu:
1. Use Case Diagram
Use Case Diagram merupakan inti fungsionalitas koheren yang
diekspresikan sebagai transaksi-transaksi yang terjadi antara aktor dan
sistem.
2. Class Diagram
Menggambarkan struktur objek sistem. Diagram ini menunjukkan class
object yang menyusun sistem dan juga hubungan antara class object
tersebut.
3. Sequence Diagram
Secara grafis menggambarkan bagaimana objek berinteraksi dengan satu
sama lain melalui pesan pada sekuensi sebuah use case atau operasi.
4. State Chart Diagram
Digunakan untuk memodelkan behaviour(perilaku) objek khusus yang
10
dinamis. Diagram ini mengilustrasikan siklus hidup objek berbagai keadaan
yang dapat diasumsikan oleh objek dan event-event (kejadian) yang
menyebabkan objek beralih dari satu state ke state yang lain.
5. Activity Diagram
Secara grafis digunakan untuk menggambarkan rangkaian aliran aktivitas
baik proses bisnis maupun use case. Activity diagram dapat juga digunakan
untuk memodelkan action(aksi) yang akan dilakukan saat sebuah operasi
dieksekusi, dan memodelkan hasil dari action tersebut.
Sementara itu, Ada 4 (empat) macam relationship dalam Unified Modeling
Language (UML) yaitu:
1. Pengklasifikasian (Classifier)
Pengklasifikasi (classifier) pada prinsipnya merupakan konsep diskret
dalam model yang memiliki identitas (identity), state, perilaku
(behavior), serta relasi dengan mengklasifikasi yang lainnya
(relationship).
2. Asosiasi
Asosiasi (asociation) pada dasarnya mendeskripsikan koneksi diskret
antara objek atau antar instance lain dalam sistem atau perangkat lunak
yang sedang dikembangkan.
3. Generalisasi
Menggambarkan hubungan antara use case yang bersifat umum dengan
use case-use case yang bersifat lebih spesifik.
11
4. Realisasi
Relasi realisasi (realitation) menghubungkan elemen-elemen model,
misalnya kelas, ke elemen-elemen model lainnya, seperti suatu
antarmuka, yang menyediakan spesifikasi perilaku tetapi bukan
strukturnya atau implementasinya.
Menurut Sukamto dan Shalahuddin (2011:122) simbol-simbol use case
diagram digambarkan sebagai berikut :
Tabel II.1 Daftar Simbol Use Case
Simbol Nama Simbol Keterangan
Aktor Orang, proses, atatu sistem lain yang
berinteraksi dengan sistem informasi
yang akan dibuat diluar sistem
informasi yang akan dibuat sendiri, jadi
walaupun Cuma simbol dari aktor
adalah gambar oraang, tapi aktor belum
tentu merupakan orang; biasanya
dinyatakan menggunakan kata benda di
awal fase nama aktor.
Use Case Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
pesan antar unit atau aktor; biasanya
dinyatakan dengan menggunakan kata
kerja di awal frase nama use case
Include dan uses Relasi use case tambahan ke sebuah
use case dimana use case yang
ditambahkan memerlukan use case ini
untuk menjalankan fungsinya atau
sebagai syarat dijalankan case ini.
Include berarti use case yang
ditambahkan akan selalu dipanggil saat
use case tambahan dijalankan
Asosiasi Komunikasi antara aktor dan use case
yang berpartisipasi pada use case atau
use case memiliki interaksi dengan
aktor
12
Menurut Sukamto dan Shalahuddin (2011:134) simbol-simbol Activity
diagram digambarkan sebagai berikut :
Tabel II.2 Daftar Simbol Activity Diagram
Simbol Nama Simbol Keterangan
Initial state Status awal aktivitas sistem. Sebuah
diagram aktivitas memiliki sebuah
status awal.
Final state Status akhir yang dilakukan sistem.
Sebuah diagram aktivitas memiliki
status akhir
Activity Aktivitas yang dilakukan sistem,
aktivitas biasanya diawal dengan kata
kerja
Decision Merupakan asosiasi percabangan
dimana jika ada pilihan aktivitas lebih
dari satu.
Fork Digunakan untuk menunjukan kegiatan
yang dilaksanakan secara pararel atau
untuk menggabungkan dua atau lebih
kegiatan pararel menjadi satu
B. ERD (Entity Relationship Diagram)
Menurut Sutanta (2011:91), “Entity Relationship Diagram (ERD)
merupakan suatu model data yang dikembangkan berdasarkan objek.”
Entity Relationship Diagram (ERD) digunakan untuk menjelaskan
hubungan antar data dalam basis data kepada pengguna secara logis. Entity
Relationship Diagram (ERD) didasarkan pada suatu persepsi bahwa real world
terdiri atas obyek-obyek dasar tersebut. Penggunaan Entity Relationship
Diagram (ERD) relatif mudah dipahami, bahkan oleh para pengguna yang
awam. Bagi perancang atau analis sistem, Entity Relationship Diagram (ERD)
berguna untuk memodelkan sistem yang nantinya, basis data akan di
13
kembangkan. Model ini juga membantu perancang atau analis sistem pada saat
melakukan analis dan perancangan basis data karena model ini dapat
menunjukkan macam data yang dibutuhkan dan kerelasian antardata
didalamnya.
Komponen Entity Relationship Diagram menurut Sutanta (2011:91)
adalah sebagai berikut :
1. Entitas
Entitas merupakan suatu objek yang dapat dibedakan dari
lainnya yang dapat diwujudkan dalam basis data. Objek dasar dapat
berupa orang, benda, atau hal yang keterangannya perlu disimpan
didalam basis data. Untuk menggambarkan sebuah entitas digunakan
aturan sebagai berikut :
a) Entitas dinyatakan dengan simbol persegi panjang.
b) Nama entitas dituliskan didalam simbol persegi panjang.
c) Nama entitas berupa kata benda, tunggal.
d) Nama entitas sedapat mungkin menggunakan nama yang mudah
dipahami dan dapat menyatakan maknanya dengan jelas.
2. Atribut
Atribut merupakan keterangan-keterangan yang terkait pada
sebuah entitas yang perlu disimpan dalam basis data. Atribut berfungsi
sebagai penjelas pada sebuah entitas. Untuk menggambarkan atribut
digunakan aturan sebagai berikut:
a) Atribut digambarkan dengan simbol ellips.
14
b) Nama atribut dituliskan didalam simbol ellips.
c) Nama atribut merupakan kata benda, tunggal.
d) Nama atribut sedapat mungkin menggunakan nama yang mudah
dipahami dan dapat menyatakan maknanya dengan jelas.
Menurut Sukamto dan Shalahuddin(2014:50) simbol-simbol Entity
Relationship Diagram digambarkan sebagai berikut :
Tabel II.3 Daftar Simbol Entity Relationship Diagram
Simbol Nama Simbol Keterangan
Entity Entitas merupakan data inti yang akan
disimpan; bakal tabel pada basis data;
benda yang memiliki data dan harus
disimpan datanya agar dapat diakses oleh
aplikasi komputer; penamaan entitas
biasanya lebih ke kata benda dan belum
merupakan nama tabel
Attribute Attribute atau kolom data yang butuh
disimpan dalam suatu entitas
Relasi Relasi yang menghubungkan antar entitas;
biasanya diawali dengan kata kerja
Asosiasi Penghubung antara relasi dan entitas
dimana di kedua ujungnya memiliki
multiplicity kemungkinan jumlah
pemakaian Kemungkinan jumlah
maksimum keterhubungan antara entitas
satu dengan entitas yang lain disebut
dengan kardinalitas. Misalkan ada
kardinalitas 1 ke N atau sering
disebut dengan one to many
manghubungkan entitas A dan entitas B
C. LRS (Logical Record Structure)
Menurut Hasugian dan Shidiq (2012:608) memberikan batasan bahwa
LRS adalah “sebuah model sistem yang digambarkan dengan sebuah diagram-
15
ER akan mengikuti pola atau aturan permodelan tertentu dalam kaitanya
dengan konvensi ke LRS”.
Perubahan yang terjadi yaitu mengikuti aturan-aturan sebagai berikut :
1. Setiap entitas akan diubah kebentuk kotak.
2. Sebuah atribut relasi disatukan dalam sebuah kotak bersama entitas jika
hubungan yang terjadi pada diagram-ER 1:M (relasi bersatu dengan
cardinalitas M) atau tingkat hubungan 1:1 (relasi bersatu dengan
cardinalitas yang paling membutuhkan referensi).
3. Sebuah relasi dipisah dalam sebuah kotak tersendiri (menjadi entitas
baru) jika tingkat hubunganya M:M (many to many) dan memiliki
foreign key sebagai primary key yang diambil dari kedua entitas yang
sebelumnya saling berhubungan.
D. Netbean IDE 8.1
Menurut Mulkan Syarief (2012:4) “IDE NetBeans merupakan aplikasi
yang powerfull untuk mengembangkan berbagai aplikasi GUI dan Console
berbasis Java secara cepat dan mudah, tanpa terbebani oleh berbagai source
code yang harus ditulis secara manual.”
NetBeans IDE sebuah kakas untuk pemrogram menulis, mengompilasi,
mencari kesalahan dan menyebarkan program. Netbeans IDE ditulis dalam
Java - namun dapat mendukung bahasa pemrograman lain. Terdapat banyak
modul untuk memperluas Netbeans IDE. Netbeans IDE adalah sebuah produk
bebas dengan tanpa batasan bagaimana digunakan.
16
Kedua produk adalah kode terbuka (open source) dan bebas (free) untuk
penggunaan komersial dan non komersial. Kode sumber tersedia untuk guna
ulang dengan lisensi Common Development and Distribution License (CDDL).
E. XAMPP
Menurut Riyanto (2010:21)” XAMPP merupakan paket PHP dan
MySQL berbasis open source, yang dapat digunakan sebagai tool pembantu
pengembangan aplikasi berbasis PHP, XAMPP mengkombinasikan beberapa
paket perangkat lunak berbeda kedalam satu paket.”
Fungsi XAMPP sendiri adalah sebagai server yang berdiri sendiri
(localhost), yang terdiri beberapa program antara lain : Apache HTTP Server,
MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman PHP dan Perl. Nama XAMPP sendiri merupakan singkatan dari
X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini
tersedia dalam GNU General Public License dan bebas, merupakan web server
yang mudah untuk digunakan yang dapat menampilkan halaman web yang
dinamis.
F. JDK (Java Development Kit)
Menurut Charibaldi(2010:11) :
Untuk membuat program di java, kita terlebih dahulu memiliki JDK
(Java Development Kit). JDK berisi compiler dan JVM (Java Virtual
Machine). Compiler akan bekerja untuk mengkompilasi program-
program java berupa file sehingga menjadi bytecode sebelum interface
program java ditampilkan. Bytecode ini yang akan dijalankan oleh
JVM.
17
G. Black box testing (pengujian Black box)
Menurut Sukamto dan Shalahuddin (2011:189), “black box testing
adalah menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji
desain dan kode program”.
Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi,
masukan, dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang
dibutuhkan. Pengujian kotak hitam dilakukan dengan membuat kasus uji yang
bersifat mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai
dengan spesifikasi yang dibutuhkan. Kasus uji yang dibuat untuk melakukan
pengujian black box testing harus dibuat dengan kasus benar dan kasus salah.
Pada umumnya dalam pengujian black box, pengetahuan khusus dari
kode aplikasi / struktur internal dan pengetahuan pemrograman pada umumnya
tidak diperlukan. Uji kasus dibangun di sekitar spesifikasi dan persyaratan,
yakni, aplikasi apa yang seharusnya dilakukan. Menggunakan deskripsi
eksternal perangkat lunak, termasuk spesifikasi, persyaratan, dan desain untuk
menurunkan uji kasus. Tes ini dapat menjadi fungsional atau non-fungsional,
meskipun biasanya fungsional. Perancang uji memilih input yang valid dan
tidak valid dan menentukan output yang benar. Tidak ada pengetahuan tentang
struktur internal benda uji itu.
Metode uji dapat diterapkan pada semua tingkat pengujian perangkat
lunak: unit, integrasi, fungsional, sistem dan penerimaan. Ini biasanya terdiri
dari kebanyakan jika tidak semua pengujian pada tingkat yang lebih tinggi,
tetapi juga bisa mendominasi unit testing juga.
18
Pengujian pada Black Box berusaha menemukan kesalahan seperti:
1. Fungsi-fungsi yang tidak benar atau hilang
2. Kesalahan interface
3. Kesalahan dalam struktur data atau akses database eksternal
4. Kesalahan kinerja
5. Inisialisasi dan kesalahan terminasi
H. Struktur Navigasi
Menurut Binanto (2010:268) “Struktur navigasi adalah gabungan dari
struktur referensi informasi situs web dan mekanisme link yang
mendukung pengunjung untuk melakukan penjelajahan situs”
Menurut Binanto (2010:268), ada empat macam bentuk dasar struktur
navigasi yaitu:
1. Struktur Navigasi Linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita
yang berurut yang menampilkan satu demi satu tampilan layar
secara berurut menurut urutannya. Tampilan yang dapat
ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya
atau satu halaman sesudahnya, tidak dapat dua halaman
sebelumnya atau dua halaman sesudahnya, pengguna akan
melakukan navigasi secara berurutan, dalam frame atau byte
informasi satu ke yang lainnya
19
Gambar II.1 Struktur Navigasi Linier
2. Struktur Navigasi Hirarki
Struktur dasar ini disebut juga struktur linier dengan percabangan
karena pengguna melakukan navigasi disepanjang cabang pohon
struktur yang terbentuk oleh logika isi.
Gambar II.2 Struktur Navigasi Hirarki
3. Struktur Navigasi Tidak Berurut (Non-Linier)
Struktur navigasi non-linier merupakan pengembangan dari
struktur navigasi linier. Pada struktur ini diperkenankan membuat
navigasi bercabang. Percabangan yang dibuat pada struktur non-
linier ini berbeda dengan percabangan pada struktur hirarki, karena
pada percabangan non-linear ini walaupun terdapat percabangan
tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu
tidak ada Master Page dan Slave Page, pengguna akan melakukan
navigasi dengan bebas melalui isi proyek dengan tidak terikat
dengan jalur yang sudah ditentukan sebelumnya.
20
Gambar II.3 Struktur Navigasi Tidak Berurut (Non-Linier)
4. Struktur Navigasi Campuran (Composite)
Struktur navigasi pengguna akan melakukan navigasi dengan bebas
(secara non-linier), tetapi terkadang dibatasi presentasi linier film
atau informasi penting dan pada data yang paling terorganisasi
secara logis pada suatu hirarki.
Gambar II.4 Struktur Navigasi Campuran (Composite)
21
BAB III
PEMBAHASAN
3.1 Tinjauan Perusahaan
3.1.1 Sejarah Perusahaan
Kulikin didirikan pada bulan November 2015 oleh Michael
Gunawan dan Yakubi Wahyu Antino. Kulikin bergerak dalam kerajinan
tangan bidang kayu, akrilik, dan stiker. Pada awal sebelum dibentuknya
Kulikin, tujuan awal dari kegiatan kerajinan ialah mengembangkan hobi, dan
meningkatkan keterampilan dalam bidang seni. Kegiatan yang dilakukan
yaitu berupa proyek kecil yang dipercayakan dari beberapa kerabat. Namun
setelah melihat perkembangan kegiatan tersebut, mereka menilai bahwa ada
potensi yang besar dalam wirausaha.
Dalam perkembangan Kulikin, operasional produksi dilakukan
digarasi rumah yang dijadikan sebagai workshop(lokakarya). Berbekal
dengan sisa-sisa dari pengerjaan usaha kayu setempat sebagai bahan dan
media sosial sebagai sarana pemasaran, dapat menekan biaya operasional
serta mampu mengembangkan usaha kerajinan. Dan kini Kulikin sedang
dalam proses perkembangan lebih lanjut sebagai satu usaha yang profesional
di bidang kerajinan.
3.1.2 Struktur Organisasi dan Tanggung Jawab
Struktur adalah suatu bentuk diagram yang menunjukkan aspek-
aspek
22
perusahaan yang meliputi fungsi-fungsi utama dan hubungan masing-masing
saluran wewenang, tanggung jawab, dan tugas mulai dari setiap pimpinan dan
karyawan.
Gambar III.1 Struktur Organisasi Kulikin
1. Tanggung jawab Owner
A. Bertanggung jawab atas kelangsungan perusahaan
B. Memberikan keputusan akan proyek yang akan di jalankan
C. Memberikan keputusan atas produk baru yang akan
dikeluarkan
D. Berkomunikasi dan menangani kebutuhan pelanggan atas
keluhan khusus
2. Tanggung jawab Bagian Keuangan
A. Bertanggung jawab terhadap Laporan Keuangan perusahaan
B. Melakukan pencatatan setiap penjualan, pembelian, serta
proses
produksi yang terjadi
23
C. Membuat laporan keuangan secara periodik kepada Owner
dengan parameter aktivitas yang telah dilakukan oleh
perusahaan
D. Melakukan penilaian atas harga jual produk yang diajukan
oleh Tim Kreatif
E. Melakukan pembelian bahan baku untuk penambahan yang
dibutuhkan Tim Produksi
3. Tanggung jawab Tim Kreatif
A. Membuat desain Produk Baru
B. Berkomunikasi dan menangani kebutuhan pelanggan dalam
produk custom(khusus)
C. Memberikan perkiraan harga jual dari pesanan khusus
D. Mempersiapkan bahan produksi
E. Merancang dan mengarahkan Tim Produksi mengenai
rancangan produk yang akan dibuat
4. Tanggung jawab Tim Produksi
A. Membuat produk yang telah di arahkan oleh Tim Kreatif
B. Bertanggung jawab akan kualitas produk yang telah dibuat
5. Tanggung jawab Tim Marketing
A. Melakukan update katalog barang pada e-commerce pihak
ketiga (bukalapak, tokopedia) dan media sosial (instagram).
B. Melayani pertanyaan, penjualan, dan keluhan dalam aktivitas
transaksi.
24
C. Menyiapkan dan Melakukan aktivitas administratif yang
dibutuhkan atas penjualan kepada pelanggan dan melakukan
follow up kepada Tim Kreatif.
D. Melakukan aktivitas administratif dalam bentuk pencatatan
penjualan, pemesanan khusus
E. Melaporkan data yang memiliki unsur keuangan kepada
Bidang Keuangan dalam bentuk rekap dalam periode telah
ditentukan
3.2 Tinjauan Kasus
3.2.1 Dokumen Masukan
A. Konfirmasi Pesanan
Nama Dokumen : Konfirmasi Pesanan
Fungsi : Untuk mengetahui barang yang dipesan
Sumber : Pelanggan
Tujuan : Tim Marketing – Tim Kreatif
Media : Data Komputer
Jumlah : 1 Rangkap
Frekuensi : Setiap menerima pembelian produk
Format : Lampiran A1
B. Desain Produk
Nama Dokumen : Desain Produk
Fungsi : Untuk mengetahui spesifikasi pesanan
khusus yang dipesan oleh pelanggan
Sumber : Pelanggan
25
Tujuan : Tim Marketing
Media : Data Komputer
Jumlah : 1 Rangkap
Frekuensi : Setiap melakukan pengiriman produk
Format : Lampiran A2
C. Bukti Pengiriman Barang
Nama Dokumen : Bukti Pengiriman Barang
Fungsi : Sebagai bukti pengiriman produk atas
pesanan
Sumber : Provider Ekspedisi
Tujuan : Tim Marketing
Media : Kertas
Jumlah : 1 Rangkap
Frekuensi : Setiap melakukan pengiriman produk
Format : Lampiran A3
3.2.2 Dokumen Keluaran
A. Tanda Bukti Transfer
Nama Dokumen : Tanda Bukti Transfer
Fungsi : Sebagai bukti penerimaan bukti transfer
oleh pelanggan atas pemesanan produk
Sumber : Kulikin
Tujuan : Pelanggan
Media : Data Komputer
Jumlah : 1 Rangkap
26
Frekuensi : Setiap penerimaan bukti transfer dari
pelanggan
Format : Lampiran B1
B. Nota Penjualan
Nama Dokumen : Nota Penjualan
Fungsi : Sebagai tanda bukti atas penjualan
kepada pelanggan
Sumber : Tim Marketing
Tujuan : Pelanggan
Media : Data Komputer
Jumlah : 1 Rangkap
Frekuensi : Setiap melakukan pengiriman produk
Format : Lampiran B2
C. Laporan Penjualan
Nama : Laporan Penjualan
Fungsi : Sebagai rekapitulasi dan laporan atas
aktivitas penjualan
Sumber : Tim Marketing
Tujuan : Bagian Keuangan
Media : Data Komputer
Jumlah Rangkap : 1 Rangkap
Frekuensi : Setiap akhir periode operasional
Format : Lampiran B3
27
3.3 Analisa Kebutuhan Software
3.3.1 Analisa Kebutuhan
Mengidentifikasikan kebutuhan yang diperlukan berdasarkan
kebutuhan pengguna dan kebutuhan sistem
A. Analisa Kebutuhan Pengunjung
1. Input
Pengunjung dapat melakukan pembuatan akun untuk menjadi pelangan
2. Proses
Pelanggan dapat mengakses dan melakukan pengisian ataupun untuk
melakukan pendaftaran akun
3. Output
A. Sistem dapat menampilkan data Produk dengan kategori yang
ditentukan.
B. Sistem dapat menampilkan kepada Pengunjung form pendaftaran
C. Sistem dapat menampilkan kepada Pengunjung menu bantuan
4. Performa
A. Sistem dapat melakukan proses pendafataran yang dilakukan oleh
user
B. Sistem memberikan informasi lengkap mengenai produk, mulai dari
gambar produk, spesifikasi produk, harga, dan informasi lainnya
tanpa harus datang ke workshop melihat barang secara langsung.
B. Analisa Kebutuhan Pelanggan
1. Input
A. Pelanggan dapat memasukan data order produk kedalam
28
keranjang belanja dan dapat memasukan lebih dari satu jenis produk.
B. Pelanggan dapat mengupload gambar rancangan sebagai pemesanan
khusus yang kemudian masuk kedalam keranjang belanja
2. Proses
A. Setiap Pelanggan baru diwajibkan melakukan registrasi dengan
menentukan 1 username yang berbeda dengan user lainnya dan 1
katakunci yang telah didaftarkan sebelumnya untuk masuk kedalam
pemesanan
B. Pelanggan dapat mengakses dan melakukan pengisian ataupun
perubahan data pribadi
C. Sistem memproses login untuk akses cek pesanan dan melakukan
pemesaran baru
D. Sistem melakukan logout untuk keamanan data user setelah
menggunakan website
3. Output
A. Sistem dapat menampilkan data Produk dengan kategori yang
ditentukan.
B. Sistem dapat menampilkan data pelanggan
C. Sistem dapat menampilkan kepada pelanggan data pesanan yang
telah dibuat oleh pelanggan sebelumnya
4. Performa
A. Sistem dapat melakukan penyimpanan data meggunakan database
agar tersimpan dengan baik sehingga, mengurangi kemungkinan
29
terjadinya redudansi, kerusakan, maupun kehilangan data serta,
menambah keakuratan informasi yang dihasilkan
B. Sistem dapat melakukan proses data order yang dilakukan oleh
pelanggan
C. Sistem memberikan informasi lengkap mengenai produk, mulai dari
gambar produk, spesifikasi produk, harga, dan informasi lainnya
tanpa harus datang ke workshop melihat barang secara langsung.
D. Sistem memungkinkan konsumen untuk melakukan pemesanan
setiap saat dan dimana saja.
C. Analisa Kebutuhan Admin
1. Input
A. Admin dapat memasukan data barang, pengirim dalam master data
B. Admin dapat membuat nota penjualan berdasarkan data transaksi
dan bukti pembayaran yang telah sesuai
2. Proses
A. Sistem melakukan logout untuk keamanan data admin setelah
menggunakan website
B. Admin dapat memproses validasi konfirmasi transfer, melakukan
penghargaan pesanan khusus dan memproses nota penjualan.
3. Output
A. Sistem dapat menampilkan data Produk dengan kategori
yang
ditentukan.
B. Sistem dapat menampilkan data pelanggan
30
C. Sistem dapat menampilkan kepada pelanggan data pesanan yang
telah dibuat oleh pelanggan sebelumnya
D. Sistem dapat menampilkan kepada Admin data pesanan pelanggan
E. Sistem dapat menampilkan data Pelanggan, data barang, dan laporan
penjualan
4. Performa
A. Sistem memberikan informasi kepada Admin data konfirmasi
transfer yang telah diinput oleh pelanggan untuk di verifikasi.
B. Sistem memberikan informasi lengkap kepada Admin mengenai
pesanan pelanggan mulai dari identitas pelanggan, tujuan
pengiriman, data barang, dan rincian tagihan.
C. Sistem memungkinkan Admin memproses data pesanan pelanggan
setiap saat dan dimana saja.
D. Analisa Kebutuhan Software
1. Operating System: Microsoft Windows 7 Professional 64-bit Service
Pack 1
2. Laptop : Intel I3 Processor & AMD Radeon Graphics
3. Apache : PhpMyAdmin
4. Browser : Google Chrome versi 58.0.3029.110
31
3.3.2 Use Case Diagram
A. Use Case Diagram Pengunjung(non-member)
Gambar III.2 Use Case Diagram Pengunjung (non-member)
Tabel III.1 Narasi Use Case Pengunjung
Use Case Narative Login
Tujuan Aktor dapat mendaftarkan akun, melihat data
produk dalam katalog dan mendapatkan
informasi bantuan
Deskripsi Sistem memungkinkan Aktor untuk mengakses
sistem untuk pengunjung
Skenario Utama
Aktor Pengunjung yang tidak memiliki akun
Kondisi Awal Aktor mengakses halaman web Kulikin
Aksi Aktor Reaksi Sistem
1. Aktor memilih
Daftar Akun
2. Aktor memilih
Katalog Barang
3. Aktor memilih
Menu bantuan
Sistem menampilkan form pengisian data untuk
pembuatan akun
Sistem akan menampilkan halaman katalog
barang dengan kategori yang diinginkan
Sistem akan menampilkan informasi bantuan
dengan kebutuhan yang telah disediakan
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam halaman user dan melakukan aktivitas
dalam sistem
32
B. Use Case Diagram Pelanggan(member)
Gambar III.3 Use Case Diagram Pelanggan (member)
Tabel III.2 Narasi Use Case Pelanggan
Use Case Narative Login
Tujuan Aktor dapat melakukan pemesanan barang,
konfirmasi, input pembayaran, serta melakukan
update profil
Deskripsi Sistem memungkinkan Aktor untuk mengakses
sistem pelanggan
Skenario Utama
Aktor Pelanggan / Pengunjung yang memeiliki akun
Kondisi Awal Aktor mengakses halaman web Kulikin dan
telah login
Aksi Aktor Reaksi Sistem
1. Aktor memesan
barang katalog
2. Aktor memesan
pesanan khusus
3. Aktor mengakses
menu bantuan
4. Aktor mengkonfir-
masi pesanan
5. Aktor menginput
data pembayaran
Sistem akan menyimpan data barang yang telah
tersedia dalam data barang kedalam keranjang
belanja
Sistem akan menyimpan data barang yang telah
diinput oleh pelanggan secara spesifik
Sistem akan menampilkan informasi bantuan
dengan kebutuhan yang telah disediakan
Sistem akan menyimpan data transaksi dengan
data barang yang telah dipesan sebelumnya
Sistem akan menyimpan data pembayaran
33
6. Aktor Mengupdate
data profil
Sistem akan menyimpan pembaharuan data
pribadi yang di input sebelumnya
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam halaman user dan melakukan aktivitas
dalam sistem
C. Use Case Diagram Admin
Gambar III.3 Use Case Diagram Admin
Tabel III.3 Narasi Use Case Admin
Use Case Narative Login
Tujuan Aktor dapat mengelola data master, mengelola
data penjualan, melihat inforamsi data dan
mencetak laporan
Deskripsi Sistem memungkinkan Aktor untuk mengakses
sistem Admin
Skenario Utama
Aktor Admin web Kulikin
Kondisi Awal Aktor mengakses halaman web Kulikin dan
telah login
34
Aksi Aktor Reaksi Sistem
1. Aktor mengelola
data master
2. Aktor mengelola
data transaksi
3. Aktor mengakses
informasi data
4. Aktor mencetak
laporan
Sistem akan menampilkan data master sesuai
dengan pilihan sub menu data master dan aktor
dapat melakukan aktivitas dalam sistem
Sistem akan menampilkan data penjualan sesuai
sumber data dari pelanggan dan aktor
melakukan aktivitas pengolahan dalam sistem
Sistem akan menampilkan informasi data secara
spesifik dari kriteria data yang telah ditentukan
aktor
Sistem akan menampilkan laporan dari hasil
data penjualan dengan jangka waktu yang
ditentukan
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam halaman admin dan melakukan
aktivitas dalam sistem
D. Use Case Diagram Pemilik
Gambar III.4 Use Case Diagram Pemilik
Tabel III.4 Narasi Use Case Pemilik
Use Case Narative Login
Tujuan Aktor dapat mengelola data Admin, melihat data
Pelanggan, Transaksi, Data Produk, dan Laporan
Deskripsi Sistem memungkinkan Aktor untuk mengakses
sistem Pemilik
Skenario Utama
Aktor Pemilik web Kulikin
35
Kondisi Awal Aktor mengakses halaman web Kulikin dan telah
login
Aksi Aktor Reaksi Sistem
1. Aktor mengelola
data Admin
2. Aktor melihat data
Pelanggan
3. Aktor melihat data
Produk Katalog
4. Aktor mencetak
laporan
Sistem akan menampilkan data admin dan Aktor
dapat melakukan aktivitas pengolahan data admin
Sistem akan menampilkan data pelanggan dan
Aktor dapat melihat secara detil data pelanggan
Sistem akan menampilkan data Produk Katalog
dan Aktor dapat melihat secara detil data produk
katalog
Sistem akan menampilkan laporan dari hasil data
operasional dengan kategori dan jangka waktu
yang ditentukan
Kondisi Akhir Jika perintah sesuai maka sistem akan masuk
kedalam halaman pemilik dan melakukan
aktivitas dalam sistem
36
3.3.3 Activity Diagram
A. Activity Diagram Pengunjung
Gambar III.5 Activity Diagram Pengunjung
37
B. Activity Diagram Pelanggan
1. Activity Diagram Login
Gambar III.6 Activity Diagram Pelanggan Login
38
2. Activity Diagram Reset Password
Gambar III.7 Activity Diagram Pelanggan Reset Password
39
4. Activity Diagram Pemesanan Barang
Gambar III.8 Activity Diagram Pelanggan Pemesanan Barang
40
4. Activity Diagram Pemesanan Khusus (custom)
Gambar III.9 Activity Diagram Pelanggan Pemesanan Khusus
41
5. Activity Diagram Konfirmasi Pesanan
Gambar III.10 Activity Diagram Pelanggan Konfirmasi Pesanan
42
6. Activity Diagram Konfirmasi Transfer
Gambar III.11 Activity Diagram Pelanggan Konfirmasi
Transfer
43
C. Activity Diagram Admin
1. Activity Diagram Penghargaan Produk Custom
Gambar III.12 Activity Diagram Admin
Penghargaan Produk Custom
44
2. Activity Diagram Validasi Konfirmasi Transfer
Gambar III.13 Activity Diagram Admin
Validasi Konfirmasi Transfer
45
3. Activity Diagram Penjualan
Gambar III.14 Activity Diagram Admin Penjualan
46
4. Activity Diagram Pengiriman Barang
Gambar III.15 Activity Diagram Admin Pengiriman Barang
47
3.4 Desain
3.4.1 Struktur Navigasi
A. Struktur Navigasi Linier halaman Penunjung (non-member)
Gambar III.16 Struktur Navigasi Pengunjung (non-member)
B. Strukur Navigasi Linier Pelanggan
Gambar III.17 Struktur Navigasi Pelanggan
48
C. Struktur Navigasi Linier Admin
Gambar III.18 Struktur Navigasi Admin
49
3.4.2 Entity Relationship Diagram (ERD)
Gambar III.19 Entity Relationship Diagram (ERD)
50
3.4.3 Logical Record Structure(LRS)
Gambar III.20 Logical Record Structure (LRS)
51
3.4.4 Spesifikasi File
1. Spesifikasi file data_admin
Nama Database : kulikin
Nama file : data_admin
Akronim : data_admin.MYD
Fungsi : untuk menyimpan data admin
Tipe File : Master
Organisasi File : Indexed Sequential
Akses file : Random
Media : Harddisk
Panjang record : 78 karakter
Kunci field : kode_admin
Software : Mysql
Tabel III.5 Spesifikasi file Tabel data_admin
No Nama Type Panjang Keterangan
1 kode_admin varchar 3 Primary Key
2 username varchar 15
3 password varchar 15
4 nama varchar 30
5 jabatan varchar 15
2. Spesifikasi file data_barang2
Nama Database : kulikin
Nama file : data_barang2
Akronim : data_barang2.MYD
Fungsi : untuk menyimpan data barang katalog
Tipe File : Master
52
Organisasi File : Indexed Sequential
Akses file : Random
Media : Harddisk
Panjang record : 67.109.167 karakter
Kunci field : kode_barang
Software : Mysql
Tabel III.6 Spesifikasi file Tabel data_barang2
No Nama Type Panjang Keterangan
1 kode_barang varchar 9 Primary Key
2 nama_barang varchar 20
3 golongan varchar 20
4 kategori varchar 20
5 qty int 3
6 harga_pokok int 6
7 total_harga_pokok int 8
8 harga_jual int 6
9 deskripsi varchar 100
10 spesifikasi varchar 100
11 foto_1 mediumblob 16.777.215
12 foto_2 mediumblob 16.777.215
13 foto_3 mediumblob 16.777.215
14 foto_4 mediumblob 16.777.215
15 kreator varchar 15
3. Spesifikasi file data_kurir
Nama Database : kulikin
Nama file : data_kurir
Akronim : data_kurir.MYD
Fungsi : untuk menyimpan data kurir
Tipe File : Master
Organisasi File : Indexed Sequential
53
Akses file : Random
Media : Harddisk
Panjang record : 61 karakter
Kunci field : kode_kurir
Software : Mysql
Tabel III.7 Spesifikasi file Tabel data_kurir
No Nama Type Panjang Keterangan
1 kode_kurir varchar 5 Primary Key
2 provider_kurir varchar 15
3 paket varchar 1
4 kota varchar 20
5 provinsi varchar 15
6 harga int 5
4. Spesifikasi file data_pelanggan
Nama Database : kulikin
Nama file : data_pelanggan
Akronim : data_pelanggan.MYD
Fungsi : untuk menyimpan data pelanggan
Tipe File : Master
Organisasi File : Indexed Sequential
Akses file : Random
Media : Harddisk
Panjang record : 16.777.456 karakter
Kunci field : id_pelanggan
Software : Mysql
54
Tabel III.8 Spesifikasi file Tabel data_pelanggan
No Nama Type Panjang Keterangan
1 id_pelanggan varchar 8 Primary Key
2 email varchar 40
3 password varchar 15
4 nama_depan varchar 20
5 nama_belakang varchar 20
6 no_telp varchar 15
7 foto mediumblob 16.777.215
8 alamat_provinsi varchar 20
9 alamat_kota varchar 20
10 alamat_kecamatan varchar 20
11 alamat_lengkap varchar 50
12 kode_pos varchar 5
13 credit int 8
5. Spesifikasi file detail_pesanan
Nama Database : kulikin
Nama file : detail_pesanan
Akronim : transaksi.MYD
Fungsi : untuk mengetahui rincian pesanan yang di pesan
oleh pelanggan.
Tipe file : Transaksi
Organisasi file : Indexed Sequential
Akses file : Random
Media : Harddisk
Panjang record : 341 karakter
Kunci field : no_transaksi
Software : Mysql
55
Tabel III.9 Spesifikasi file Tabel detail_pesanan
No Nama Type Panjang Keterangan
1 no_transaksi varchar 8 Primary Key
2 tanggal_transaksi date 8
3 id_pelanggan varchar 8 Foreign Key
4 nama varchar 40
5 alamat_jalan varchar 50
6 alamat_kecamatan varchar 20
7 alamat_kota varchar 20
8 alamat_provinsi varchar 20
9 kode_pos int 5
10 no_telp varchar 15
11 kode_kurir varchar 5 Foreign Key
12 total_barang int 8
13 biaya_kirim int 5
14 diskon int 5
15 credit int 6
16 total int 8
17 catatan varchar 100
18 status varchar 15
6. Spesifikasi file pembayaran
Nama Database : kulikin
Nama file : pembayaran
Akronim : pembayaran.MYD
Fungsi : untuk mengetahui konfirmasi transfer dari
pelanggan
Tipe file : Transaksi
Organisasi file : Indexed Sequential
Akses file : Random
Media : Harddisk
Panjang record : 80 karakter
Kunci field : no_bukti
56
Software : Mysql
Tabel III.10 Spesifikasi file Tabel pembayaran
No Nama Type Panjang Keterangan
1 no_bukti varchar 7 Primary Key
2 no_transaksi varchar 8 Foreign Key
3 id_pelanggan varchar 8 Foreign Key
4 bank_transfer varchar 10
5 nama varchar 20
6 tanggal date 8
7 metode_transfer varchar 1
8 nominal int 8
9 status varchar 10
7. Spesifikasi file penjualan
Nama Database : kulikin
Nama file : penjualan
Akronim : penjualan.MYD
Fungsi : untuk mengetahui transaksi penjualan kepada
Pelanggan atas barang-barang yang telah dipesan
dan di bayar.
Tipe File : Transaksi
Organisasi file : Indexed Sequential
Akses file : Random
Media : Harddisk
Panjang record : 100 karakter
Kunci field : no_nota
Software : Mysql
Tabel III.11 Spesifikasi file Tabel penjualan
No Nama Type Panjang Keterangan
1 no_nota varchar 8 Primary Key
57
2 no_transaksi varchar 8 Foreign Key
3 tanggal_nota date 8
4 tanggal_pengiriman date 8
5 no_resi varchar 20
6 total_tagihan int 8
7 pembayaran int 8
8 deposit_credit int 5
9 royalty int 5
10 harga_pokok int 7
11 status varchar 15
8. Spesifikasi file pesanan
Nama Database : kulikin
Nama file : pesanan
Akronim : pesanan.MYD
Fungsi : untuk mengetahui daftar barang katalog yang
dipesan oleh pelanggan
Tipe File : Transaksi
Organisasi file : Indexed Sequential
Akses file : Random
Media : Harddisk
Panjang record : 57 karakter
Kunci field : -
Software : Mysql
Tabel III.12 Spesifikasi file Tabel pesanan
No Nama Type Panjang Keterangan
1 no_transaksi varchar 8 Foreign Key
2 kode_barang varchar 9 Foreign Key
3 id_pelanggan varchar 8 Foreign Key
4 qty int 3
5 harga int 6
58
6 total int 8
7 status varchar 15
9. Spesifikasi file pesanan_khusus
Nama Database : kulikin
Nama file : pesanan_khusus
Akronim : pesanan_khusus.MYD
Fungsi : untuk mengetahui daftar barang khusus yang
dipesan oleh pelanggan
Tipe File : Transaksi
Organisasi file : Indexed Sequential
Akses file : Random
Media : Harddisk
Panjang record : 16.777.410 karakter
Kunci field : no_pesanan_khusus
Software : Mysql
Tabel III.13 Spesifikasi file Tabel pesanan_khusus
No Nama Type Panjang Keterangan
1 no_transaksi varchar 8 Foreign Key
2 no_pesanan_khusus varchar 9 Primary Key
3 id_pelanggan varchar 5 Foreign Key
4 file_pesanan mediumblob 16.777.215
5 harga_jual int 6
6 harga_pokok varchar 6
7 golongan varchar 15
8 kategori varchar 20
9 keterangan varchar 100
10 tanggal_pesan date 8
11 tanggal_harga date 8
12 status varchar 10
59
3.4.5 User Interface
A. User Interface Pelanggan
1. Halaman Beranda (Home) Pelanggan
Halaman pertama yang muncul ketika mengakses situs Kulikin yaitu
halaman beranda (home). Dalam halaman ini tersedia pilihan-pilihan menu
yang disediakan secara umum, untuk mendapatkan pilihan menu lainnya
seperti pemesanan, konfirmasi yang nantinya akan ditampilkan, maka
pengguna harus melakukan log-in terlebih dahulu. Menu yang disajikan
yaitu “Shop” sebagai menu katalog barang, menu “Login” untuk masuk
kedalam sistem user, menu “About Us” untuk memberikan informasi
singkat seputar Kulikin.
Gambar III.21 Tampilan Halaman Utama/Beranda
2. Halaman Daftar
Halaman Daftar merupakan halaman dapat diakses melalui halaman Login,
yang diperuntukan untuk pengakses yang belum memiliki akun, sehingga
dapat mendaftar/bergabung sebagai pelanggan Kulikin. Pendaftaran
60
diperlukan sebagai sarana pengumpulan data yang diperlukan dari User
baru yang diperuntukan untuk transaksi yang akan dilakukannya.
Gambar III.22 Halaman Daftar
3. Halaman Reset Password
Halaman Reset Password berfungsi sebagai bantuan bagi para pelanggan
yang memiliki kesulitan dalam login dikarenakan pelanggan tidak
mengingat kata sandi (password) untuk akunnya dalam web Kulikin. Dalam
halaman ini terdapat input untuk memasukan email pelanggan, yang
kemudian akan ditampilkan form untuk verifikasi data pribadi dan password
baru.
Gambar III.23 Halaman Reset Password awal
61
Gambar III.24 Halaman Reset Password akhir
4. Halaman Login
Halaman Login berfungsi sebagai penentu pengakses situs untuk dapat
melakukan pemesanan dengan data user yang telah terdaftar. Pada halaman
ini berisikan satu tombol “Login” untuk masuk ke tampilan dan fitur untuk
melakukan pemesanan, dan satu link “Daftar disini” untuk melakukan
pendaftaran terlebih dahulu.
Gambar III.25 Tampilan Halaman Log-In
5. Halaman Panduan Pembelian
62
Halaman Panduan Pembelian merupakan halaman yang berisikan informasi
mengenai panduan dalam melakukan pemesanan produk mulai dari
pemilihan barang hingga konfirmasi pesanan.
Gambar III.26 Tampilan Halaman Panduan Pembelian
6. Halaman Panduan Pembayaran
Halaman Panduan Pembayaran merupakan halaman yang berisikan
informasi mengenai panduan dalam melakukan konfirmas pembayaran atas
pemesanan yang telah dilakukan sebelumnya dengan menyertakan data
transfer yang dilakukan oleh pembeli.
Gambar III.27 Tampilan Halaman Panduan Pembayaran
7. Halaman Katalog Produk
63
Halaman Katalog Produk berfungsi sebagai penyedia data produk yang
ditawarkan oleh Kulikin dengan kriteria kategori yang telah disediakan.
Dengan Halaman Katalog Produk, pengakses dapat memilih, juga dapat
memesan bila sudah memiliki akun dalam Kulikin. Penyajian data produk
dengan berdasarkan kategori yang ditawarkan, pengakses akan dimudahkan
dalam mencari produk yang diinginkan.
Gambar III.28 Tampilan Halaman Katalog Produk
8. Halaman Detil Produk
Halaman Detail Product berfungsi sebagai penyedia informasi
secara spesifik mengenai produk yang di pilih oleh pengakses, serta
pengakses dapat melakukan pemesanan barang yang dipilihnya. Dalam
halaman ini terdapat 1 tombol yaitu, tombol “SIMPAN” untuk mennyimpan
pesanan.
64
Gambar III.29 Halaman Detil Produk
9. Halaman Produk Khusus (Custom Product)
Halaman Produk Khusus merupakan tampilan daftar pesanan dari
akun pelanggan untuk memesan suatu produk yang spesifik. Untuk dapat
mengakses halaman Produk Khusus, pelanggan diharuskan terlebih dahulu
melakukan log-in. Setelah dapat melakukan pemesanan dengan menekan
tombol “TAMBAH”. Pelanggan dapat melakukan pengubahan data apabila
produk yang dipesan belum dihargai oleh Kulikin dengan menekan link
“Change Item”.
Gambar III.30 Halaman Custom Product(Produk Khusus)
10. Halaman Detil Produk Khusus
65
Halaman Detil Produk Khusus adalah halaman dimana Pelanggan
menambahkan maupun mengubah data pesanan khususnya. Dalam halaman
ini, pengguna cukup memilih file yang akan di upload, dan memasukan
keterangan yang diperlukan mengenai produk yang diinginkan pelanggan,
seperti pejelasan bahan, hingga cara-cara produksi yang diharapkan
pelanggan.
Gambar III.31 Halaman Detil Produk Khusus
11. Halaman Keranjang Belanja
Halaman Keranjang Belanja berfungsi sebagai penyedia informasi
mengenai produk-produk yang telah dipesan sebelumya oleh user pada
halaman Katalog Produk dan Produk Khusus yang nantinya akan dialihkan
kepada halaman Checkout. Dalam alaman ini terdapat 2 tombol sama yaitu,
tombol “Checkout” yang berfungsi untuk melanjutkan kepada proses
pengiriman dan pembayaran.
66
Gambar III.32 Halaman Keranjang belanja
12. Halaman Checkout
Halaman Checkout berfungsi sebagai penyedia informasi rincian
biaya dan digunakan untuk menginput data pengiriman barang, penggunaan
credit dan melakukan proses transaksi, yang dimana nantinya akan
dilakukan apabila telah melakukan pembayaran.
Gambar III.33 Halaman CheckOut
67
Gambar III.34 Halaman Konfirmasi Checkout
13. Halaman List Transaksi
Halaman List Transaksi berfungsi untuk menampilkan data transaksi yang
belum diproses oleh Admin. Dalam halaman list transaksi, terdapat tombol
konfirmasi transfer sebagai penghubung dengan halaman Konfirmasi
Transfer dengan nomor transaksi yang telah dipilih, sehingga pelanggan
tidak harus mengetik ulang no transaksi dan mengurangi tingkat kesalahan
dalam pengetikan.
Gambar III.35 Halaman List Transaksi
14. Halaman Konfirmasi Transfer
68
Halaman Konfirmasi Transfer berfungsi untuk menginput pembayaran
pelanggan kepada Kulikin atas transaksi yang dibuat sebelumnya. Pada
halaman ini terdapat form pengisian data transfer, dengan tombol tambah
untuk bantuan nomor transaksi, yang telah dihubungkan dengan halaman
List Transaksi, tombol Simpan untuk menyimpan data, dan tombol hapus
yang berlogo tempat sampah untuk menghapus data yang telah dibuat
sebelumnya.
Gambar III.36 Halaman List Transaksi
15. Halaman Profil
Halaman Profil merupakan halaman review dan konfigurasi dari data diri
pelanggan. Dalam halaman ini tersedia Detil Profil, Riwayat Belanja, Ganti
Alamat dan Ganti Password
69
Gambar III.37 Halaman Profil
16. Halaman Profil - Ganti Alamat
Halaman Profil – Ganti Alamat berfungsi sebagai konfigurasi untuk
mengubah alamat pelanggan dalam database kulikin yang nantinya akan
mempengaruhi dalam bukti transaksi pembelian
Gambar III.38 Halaman Profil – Ganti Alamat
B. User Interface Admin
1. Halaman Log-In
70
Halaman Login berfungsi sebagai penentu pengakses situs untuk masuk
kedalam sistem admin. Pada halaman ini berisikan satu tombol “Login”
untuk masuk ke tampilan dan fitur untuk melakukan pemesanan, dan satu
link “Daftar disini” untuk melakukan pendaftaran terlebih dahulu.
Gambar III.39 Halaman Log-in Admin
2. Halaman Beranda
Halaman Beranda merupakan halaman utama dari sistem web admin dan
menampilkan menu yang tersedia bagi admin.
Gambar III.40 Halaman Beranda Admin
3. Halaman Data Barang
Halaman Data Barang berfungsi sebagai pengolah master data barang
katalog. Dalam halaman ini terdapat tombol tambah dan tombol hapus.
71
Gambar III.41 Halaman Data Barang Admin
4. Halaman Penghargaan Produk Khusus
Halaman Penghargaan Produk Khusus berfungsi untuk menilai harga dari
pesanan yang diajukan oleh pelanggan sebelumnya, sehingga setelah di
hargai, pelanggan dapat melanjutkan proses untuk pesanan khususnya.
Gambar III.42 Halaman Penghargaan Produk Khusus Admin
5. Halaman Konfirmasi Transfer
Halaman Konfirmasi Transfer berfungsi untuk memverifikasi data
konfirmasi transfer yang telah diinput oleh pelanggan. Dalam halaman ini,
Admin dapat mengubah status konfirmasi menjadi valid/tidak valid. Data
72
yang ditampilkan ialah data konfirmasi yang belum digunakan dalam proses
penjualan..
Gambar III.43 Halaman Penghargaan Produk Khusus Admin
6. Halaman Nota Penjualan
Halaman Nota penjualan berfungsi untuk mengolah data transaksi,
membuat nota penjualan, hingga siap pada pengiriman barang. Dalam
halaman ini ditampilkan data Transaksi yang belum di proses, Nota
Penjualan yang masih dalam proses. Dalam proses Nota penjualan, terdapat
checklist barang yang telah di pesan oleh pelanggan, sehingga membantu
admin mengumpulkan atau memesan barang dari Tim Produksi
73
Gambar III.44 Halaman List Nota Penjualan Admin
Gambar III.45 Halaman Detil Nota Penjualan Admin
7. Halaman Pengiriman Barang
Halaman Pengiriman Barang berfungsi untuk menginput data ekspedisi dari
nota penjualan yang telah dikirim. Dalam halaman pengiriman, ditampilkan
data nota penjualan yang telah selesai di proses sebelumnya, dan dalam
penginputannya, Admin menginput no resi dan tanggal pengiriman.
Gambar III.46 Halaman List Pengirirman Barang Admin
74
Gambar III.47 Halaman Detil Pengiriman Barang Admin
3.5 Implementasi
Dalam rencana penerapan sistem penjualan memiliki situs resmi yakni agar
sistem siap dioperasikan, maka perlu diadakan kegiatan-kegiatan dari
penerapannya. Adapun langkah-langkah yang perlu dilakukan untuk menerapkan
sistem tersebut adalah pembuatan program, testing program, pelatihan serta terima
dokumentasi, akan tetapi dalam penulisan tugas akhir ini implementasi sistem yang
dilakukan hanya sampai pada tahap pembuatan program.
3.5.1. Implementasi Perangkat Lunak
Untuk mendukung kelancaran sistem informasi yang dirancang,
maka sistem ini memerlukan perangkat lunak. Perangkat lunak digunakan
untuk mendukung kinerja sistem operasi dan aplikasi database. Adapun
perangkat lunak yang digunakan adalah sebagai berikut :
A. Sistem operasi minimum Windows 7 Professional SP-1
B. Java Development Kit versi 8 update 74 - 64 bit
C. Program compiler Netbeans 8.1
D. Program aplikasi XAMPP, untuk Database program.
75
E. Google Chrome versi 58.0.3029.110 sebagai browser implementasi
program web
3.5.2 Implementasi Perngkat Keras
Selain membutuhkan perangkat lunak sistem ini juga memerlukan
perangkat keras. Adapun perangkat keras yang diperlukan adalah sebagai
berikut :
A. Harddisk minimum 20 GB
B. RAM 2 GB
C. Processor I3
D. Monitor
E. Mouse
F. Keyboard
G. Printer
3.6 Testing
A. Pengujian Form Login Pelanggan
Tabel III.14 Hasil Pengujian Black Box Testing Halaman Login
Pelanggan
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Penguj
ian
Kesim
pulan
1 Email dan
password tidak
diisi kemudian
klik tombol
login
Email :
(kosong)
Password :
(kosong)
Sistem akan
menolak akses
pelanggan dan
kembali ke
form login
sesuai
harapa
n
valid
76
2 Mengetikan
Email dan
tidak
mengetikan
password
kemudian klik
tombol login
Email :
water.invasio
ner@gmail.c
om
Password :
(kosong)
Sistem akan
menolak akses
pelanggan,men
ampilkan pesan
“Email atau
Password
salah” dan
kembali ke
form login
sesuai
harapa
n
valid
3 Tidak
mengetikan
Email dan
mengetikan
password
kemudian klik
tombol login
Email :
(kosong)
Password :
02031995
Sistem akan
menolak akses
pelanggan,men
ampilkan pesan
“Email atau
Password
salah” dan
kembali ke
form login
sesuai
harapa
n
valid
4 Mengetikan
salah tau
kondisi salah
pada email
atau password
kemudian klik
tombol login
Email :
water.invasio
ner@gmail.c
om(benar)
Password :
020195
(salah)
Sistem akan
menolak akses
pelanggan,men
ampilkan pesan
“Email atau
Password
salah” dan
kembali ke
form login
sesuai
harapa
n
valid
5 mengetikan
email dan
password
dengan data
benar
kemudian klik
tombol login
Email :
water.invasio
ner@gmail.c
om(benar)
Password :
020305
(benar)
Sistem akan
menerima akses
login dan
kemudian
menampilkan
beranda
pelanggan
sesuai
harapa
n
valid
B. Pengujian Form Detail Produk Katalog
Tabel III.15
Hasil Pengujian Black Box Testing Halaman Detail Produk Katalog
N
o
Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Penguji
an
Kesimp
ulan
77
1
Mengetikan input
dengan alfabet dan
simbol
Input Qty :
qwerty
Dalam input
tidak
menampilkan
text yang telah
diketik
sesuai
harapan
valid
2
Mengetikan input
dengan angka
dibawah 1
Input Qty :
-3
muncul pesan
"value must be
greater than 1"
sesuai
harapan
valid
3
mengetikan input
dengan angka
diatas 999
Input Qty :
10000
muncul pesan
"value must be
less than 999"
sesuai
harapan
valid
4
mengetikan input
dengan angka
antara 1 sampai
999
Input Qty :
2
muncul pesan
"data order telah
disimpan" dan
menampilkan
data katalog
sesuai
harapan
valid
C. Pengujian Form Detail Produk Khusus
Tabel III.16
Hasil Pengujian Black Box Testing Halaman Detail Produk Khusus
N
o
Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1
tidak
melampirkan file
gambar desain
kemudian klik
upload
File :
(kosong)
Keteranga
n :
(kosong)
Tombol Upload
tidak dapat di
klik (disable)
sesuai
harapan
valid
2
melampirkan file
dan tidak
mengetik pada
input keterangan
File :
gambar1.
jpg
Keteranga
n :
(kosong)
Data disimpan
dan membuka
halaman list
produk khusus
sesuai
harapan
valid
3
melampirkan file
dan mengetik
pada input
keterangan
File :
gambar1.
jpg
Keteranga
n : bahan
standar
Data disimpan
dan membuka
halaman list
produk khusus
sesuai
harapan
valid
78
D. Pengujian Form Keranjang Belanja
Tabel III.17
Hasil Pengujian Black Box Testing Halaman Keranjang Belanja
N
o
Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1
Membuka
halaman
keranjang belanja
tanpa melakukan
pemesanan
barang
Pemesana
n Barang
katalog :
(kosong)
Pemesana
n Barang
khusus :
(kosong)
Tombol
Checkout tidak
tampil dan
tampilan
keranjang
belanja hanya
total RP.0
sesuai
harapan
valid
2
membuka
halaman belanja
dengan
melakukan
pemesanan
barang katalog
tanpa pemesanan
khusus kemudian
klik checkout
Pemesana
n Barang
katalog :
KWCELC
001
Pemesana
n Barang
khusus :
(kosong)
Menampilkan
data barang
KWCELC001
dengan qty
pesan dan
muncul tombol
Chekout
kemudian
menampilkan
halaman
checkout
sesuai
harapan
valid
3
membuka
halaman belanja
dengan
melakukan
pemesanan
barang katalog
dan pemesanan
khusus kemudian
klik checkout
Pemesana
n Barang
katalog :
KWCELC
001
Pemesana
n Barang
khusus :
CACATK
00001001
Menampilkan
data Pesanan
CACATK00001
001 dengan
harga dan
muncul tombol
Chekout
kemudian
menampilkan
halaman
checkout
sesuai
harapan
valid
79
4
membuka
halaman belanja
dengan
melakukan
pemesanan
barang katalog
dan pemesanan
khusus kemudian
mengahapus salah
satu barang
kemudian klik
checkout
Pemesana
n Barang
katalog :
KWCELC
001
Pemesana
n Barang
khusus :
CACATK
00001001
hapus
barang :
CACATK
00001001
Menampilkan
data Pesanan
CACATK00001
001 dan
KWCELC001
dengan harga
dan muncul
tombol Chekout
kemudian
menampilkan
halaman
checkout
sesuai
harapan
valid
E. Pengujian Form Checkout
Tabel III.18 Hasil Pengujian Black Box Testing Halaman Checkout
N
o
Skenario
Pengujian Test Case Hasil yang diharapkan
Hasil
Pengujian
Kesim
pulan
1
tidak
mengetika
n data
penerima
dan
penggunaa
n credit
data
pengirim :
(kosong)
penggunaa
n credit :
0 (default)
menampilkan halaman
confirm checkout
dengan data penerima
sama dengan data
pelanggan dan total
tagihan tidak
berkurang dari
penggunaan kredit
sesuai
harapan
valid
2
mengetika
n salah
satu data
penerima
dan tidak
mengetika
n
penggunaa
n credit
data
pengirim :
-nama
lengkap :
Hana
Penggunaa
n credit : 0
(default)
menampilkan halaman
confirm checkout
dengan nama
penerima : Hana dan
data alamat dan nomor
telepon sama dengan
data pelanggan dan
total tagihan tidak
berkurang dari
penggunaan kredit
sesuai
harapan
valid
80
3
mengetika
n seluruh
data
penerima
dan tidak
mengetika
n
penggunaa
n credit
data
pengirim :
-nama
lengkap :
hana
-alamat :
komplek
pesona
Blok B5-
07
-
kecamatan
: citayam
- kota :
bogor
-Provinsi :
Jawa Barat
- kode pos
10000
Penggunaa
n Credit :
0 (default)
menampilkan halaman
confirm checkout
dengan nama
penerima : Hana
alamat : komplek
pesona Blok B5-07
Kecamatan : Citayam
Kota : Bogor
Provinsi : Jawa Barat
Kode pos 10000
dan total tagihan tidak
berkurang dari
penggunaan kredit
sesuai
harapan
valid
4
mengetika
n seluruh
data
penerima
dan
mengetika
n
penggunaa
n credit
dengan
alphabet
data
pengirim :
-nama
lengkap :
hana
-alamat :
komplek
pesona
Blok B5-
07
-
kecamatan
: citayam
- kota :
bogor
-Provinsi :
Jawa Barat
- kode pos
10000
Penggunaa
n Credit :
qwerty
Input penggunaan
credit tidak
memunculkan text
yang diketik
sesuai
harapan
valid
81
5
mengetika
n seluruh
data
penerima
dan
mengetika
n
penggunaa
n credit
dengan
total diatas
saldo yang
dimiliki
data
pengirim :
-nama
lengkap :
hana
-alamat :
komplek
pesona
Blok B5-
07
-
kecamatan
: citayam
- kota :
bogor
-Provinsi :
Jawa Barat
- kode pos
10000
Penggunaa
n Credit :
1000000
(saldo
55612)
muncul pesan "value
must be less than
(jumlah kredit)"
sesuai
harapan
valid
6
mengetika
n seluruh
data
penerima
dan
mengetika
n
penggunaa
n credit
dengan
total
diantara
saldo yang
dimiliki
data
pengirim :
-nama
lengkap :
hana
-alamat :
komplek
pesona
Blok B5-
07
-
kecamatan
: citayam
- kota :
bogor
-Provinsi :
Jawa Barat
- kode pos
10000
Penggunaa
n Credit :
menampilkan halaman
confirm checkout
dengan nama
penerima : Hana
alamat : komplek
pesona Blok B5-07
Kecamatan : Citayam
Kota : Bogor
Provinsi : Jawa Barat
Kode pos 10000
dan total tagihan
berkurang dari
penggunaan kredit
sesuai
harapan
valid
82
10000(sal
do 55612)
F. Pengujian Konfirmasi Transfer
Tabel III.19
Hasil Pengujian Black Box Testing Halaman Konfirmasi Transfer
N
o
Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1
tidak
mengetikan
seluruh data
konfirmasi
transfer
kemudian klik
simpan
No Bukti :
(kosong)
Bank
Transfer :
(kosong)
Rekening
atas nama
: (kosong)
Tanggal :
(kosong)
nominal :
(kosong)
Muncul Pesan "
Gagal.. Masih ada
data yang belum
terisi, silahkan
ulangi" kemudian
menampilkan
kembali halaman
konfirmasi
transfer
sesuai
harapan
valid
2
mengetikan data
konfirmasi
transfer dan
menyisakan 1
field tidak di isi
kemudian klik
simpan
No Bukti :
(kosong)
Bank
Transfer :
BCA
Rekening
atas nama
: Gunawan
Tanggal :
2017-07-
14
Muncul Pesan "
Gagal.. Masih ada
data yang belum
terisi, silahkan
ulangi" kemudian
menampilkan
kembali halaman
konfirmasi
transfer
sesuai
harapan
valid
83
nominal :
10000
3
mengetikan
seluruh data
konfirmasi
transfer
kemudian klik
simpan
No Bukti : TRX0000
10002
Bank
Transfer :
BCA
Rekening
atas nama
: Gunawan
Tanggal :
2017-07-
14
nominal :
10000
Menyimpan data
dan menampilkan
kembali halaman
konfirmasi
transfer
sesuai harapan
valid
4
klik icon tambah
disebelah input
no transaksi
- Menampilkan
halaman List
Transaksi
sesuai
harapan
valid
5
klik icon hapus
pada list bukti
transfer
No Bukti :
TRX0000
10002
Menghapus data
dan menampilkan
kemabali halaman
konfirmasi
transfer
sesuai
harapan
valid
6
klik salah satu
data konfirmasi
transfer dalam
list
No Bukti :
TRX0000
10002
membuka tab
baru dan
menampilkan
bukti konfirmasi
transfer
sesuai
harapan
valid
G. Pengujian Form Login Admin
Tabel III.20
Hasil Pengujian Black Box Testing Halaman Login Admin
N
o
Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujia
n
Kesimp
ulan
84
1 username dan
password tidak
diisi kemudian
klik tombol
login
username :
(kosong)
Password :
(kosong)
Sistem akan
menolak akses
pelanggan dan
kembali ke form
login
sesuai
harapan
valid
2 Mengetikan
username dan
tidak
mengetikan
password
kemudian klik
tombol login
username :
mac.gunnn
Password :
(kosong)
Sistem akan
menolak akses
pelanggan dan
kembali ke form
login
sesuai
harapan
valid
3 Tidak mengetikan
username dan
mengetikan
password
kemudian klik
tombol login
username : (kosong)
Password :
02031995
Sistem akan menolak akses
pelanggan dan
kembali ke form
login
sesuai harapan
valid
4 Mengetikan
salah tau kondisi
salah pada
username atau
password
kemudian klik
tombol login
username :
mac.gunn
(benar)
Password :
020195
(salah)
Sistem akan
menolak akses
pelanggan dan
kembali ke form
login
sesuai
harapan
valid
5 mengetikan
username dan
password
dengan data
benar kemudian
klik tombol
login
username :
mac.gunn
(benar)
Password :
020305
(benar)
Sistem akan
menerima akses
login dan
kemudian
menampilkan
beranda
pelanggan
sesuai
harapan
valid
85
H. Pengujian Form Penghargaan Custom
Tabel III.21
Hasil Pengujian Black Box Testing Halaman Penghargaan Custom
N
o
Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujia
n
Kesimp
ulan
1
Tidak
menginput
harga jual dan
harga pokok
kemudian klik
simpan
Harga jual :
(kosong)
Harga
pokok:
(kosong)
Muncul pesan
"Masih ada data
yang kosong"
kemudian
menampilkan
kembali halaman
Penghargaan
Produk Khusus
sesuai
harapan
valid
2
menginput
salah satu dari
harga pokok
atau harga jual
kemudian klik
simpan
Harga jual :
(kosong)
Harga
pokok:
110000
Muncul pesan
"Masih ada data
yang kosong"
kemudian
menampilkan
kembali halaman
Penghargaan
Produk Khusus
sesuai
harapan
valid
3
Menginput
harga jual
dibawah 1 dan
menginput
harga pokok
dibawah 1
kemudian klik
simpan
Harga jual :
0
Harga
pokok:
0
muncul pesan
"value must be
greater than 1"
sesuai
harapan
valid
4
Menginput
harga jual
diatas 1 dan
menginput
harga pokok
dibawah 1
kemudian klik
simpan
Harga jual :
150000
Harga
pokok:
110000
Muncul pesan
"Data Custom
Berhasil
disimpan"
kemudian
menampilkan
halaman list
penghargaan
sesuai
harapan
valid
86
I. Pengujian Form Konfirmasi Transfer
Tabel III.22
Hasil Pengujian Black Box Testing Halaman Konfirmasi Transfer
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujia
n
Kesimp
ulan
1 Klik valid
pada data
konfirmasi
transfer belum
dikonfirmasi
No Bukti :
TFBCAST
0001(statu
s
confirimin
g)
Menampilkan
ulang list bukti
transfer dengan
status data yang
dipilih menjadi
valid
sesuai
harapan
valid
2 Klik not valid
pada data
konfirmasi
transfer belum
dikonfirmasi
No Bukti :
TFBCAST
0001(statu
s
confirimin
g)
Menampilkan
ulang list bukti
transfer dengan
status data yang
dipilih menjadi
not valid
sesuai
harapan
valid
3 Klik not valid
pada data
konfirmasi
transfer Valid
No Bukti :
TFBCAST
0001(statu
s Valid)
Menampilkan
ulang list bukti
transfer dengan
status data yang
dipilih menjadi
not valid
sesuai
harapan
valid
4 Klik valid
pada data
konfirmasi
transfer not
valid
No Bukti :
TFBCAST
0001(statu
s Not
Valid)
Menampilkan
ulang list bukti
transfer dengan
status data yang
dipilih menjadi
valid
sesuai
harapan
valid
J. Pengujian Form Nota Penjualan
Tabel III.23
Hasil Pengujian Black Box Testing Halaman Nota Penjualan
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujia
n
Kesimp
ulan
87
1 klik checklist
pada list
pesanan pada
halaman Nota
Penjualan
Checklist
kode
barang
:KWCEL
C001
membuka
halaman ulang
dengan status
barang telah done
dan harga pokok
bertambah
sesuai
harapan
valid
2 ada barang yang belum
selesai
kemudian klik
confirm nota
penjualan
barang yang
belum
checklist:
CACATK
00001001
tombol tidak dapat di klik
sesuai harapan
valid
3 semua pesanan
telah di
checklist
kemudian klik
confirm nota
penjualan
Barang
yang di
checklist:
CACATK
00001001
dan
KWCELC
001
Muncul pesan "
Nota berhasil di
confirm"
kemudian
menampilkan
halaman list nota
penjualan
sesuai
harapan
valid
K. Pengujian Form Pengiriman Barang
Tabel III.24
Hasil Pengujian Black Box Testing Halaman Pengiriman Barang
No Skenario
Pengujian Test Case
Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1 tidak
mengetikan
tanggal dan no
resi
kemudian klik
simpan data
no resi :
(kosong)
Tanggal:
(kosong)
Muncul pesan
"data pengiriman
masih ada yang
kosong "
kemudian
menampilkan
kembali halaman
pengiriman
barang
sesuai
harapan
valid
88
2 mengetikan no
resi dan tidak
memasukan
tanggal
kemudian klik
simpan data
no resi :
20170701
02873281
9
Tanggal:
(kosong)
Muncul pesan
"data pengiriman
masih ada yang
kosong "
kemudian
menampilkan
kembali halaman
pengiriman
barang
sesuai
harapan
valid
3 mengetikan no
resi dan
memeasukan
tanggal
kemudian
simpan data
no resi :
20170701
02873281
9
Tanggal:
2017-07-
01
Muncul pesan
"data telah
disimpan "
kemudian
menampilkan
halaman list
pengiriman
barang
sesuai
harapan
valid
89
BAB IV
PENUTUP
4.1 Kesimpulan
Dari pembahasan Tugas Akhir yang telah disusun dan jelaskan oleh Penulis,
Penulis menyimpulkan berberapa hal yaitu sebagai berikut:
1. Dengan adanya official website (situs resmi), Kulikin akan semakin leluasa
dalam branding (mengenalkan produk) dengan promo, dan pengenalan
produk dibanding dengan menggunakan jasa e-commerce pihak ketiga
yang menitik beratkan pada pengenalan pihak ketiga itu sendiri
2. Pelanggan dapat melihat secara menyeluruh dari informasi yang disediakan
melalui situs Kulikin dengan dilengkapi dengan fitur pembagi ketgori, foto-
foto dari berbagai sisi, serta pemesanan custom(khusus) bagi pelanggan
yang memiliki kreatifitas yang tinggi.
3. Pelanggan dapat memesan pesanan khusus dengan menyisipkan gambar
rancangan dengan catatan yang diperlukan tanpa harus melakukan
konfirmasi secara tatap muka dengan Tim Marketing Kulikin.
4. Pelanggan dapat melakukan konfirmasi pembayaran dengan langsung
mendapatkan dokumen bukti atas konfirmasi tersebut tanpa harus
menunggu dari Tim Marketing Kulikin
5. Dengan adanya Web Kulikin, Tim Marketing Kulikin akan lebih leluasa
dalam mengatur data penjualan, terlebih lagi data produk khusus yang di
minta oleh pelanggan tanpa harus melalui berberapa media yang menyita
waktu dan tidak efektif.
90
4.2 Saran
Dari pembahasan sebelumnya, penulis menggagas berberapa saran sebagai
alternatif, dan pilihan secara terbuka dengan harapan agar dapat meningkatkan
kualitas dan kenyamanan bagi pengakses program web ini. Adapun saran-saran
tersebut ialah sebagai berikut:
1. Perlu dilakukan up-date (pembaharuan) data produk, sehingga tetap
mengikuti trend pada masyarakat yang berpengaruh pada tingkat penjualan
2. Perlu dilakukan promosi maupun kegiatan-kegiatan yang menarik sehingga
menjadikan web Kulikin semakin interaktif dan menambahkan minat
kepada pelanggan lainnya
3. Perlu diadakan pengembangan proyek program web untuk Admin, Bagian
keuangan, dan tim Kreatif hingga Owner sehingga setiap siklus operasi
Kulikin akan lebih efektif dan efisien.
4. Setiap ada tanggal-tanggal khusus Kulikin Store membuat produk-produk
dengan tema yang berkaitan dengan tanggal tersebut sehingga
meningkatkan penjualan dari trend pasaran masyarakat
5. Pengguna (pengunjung / pelanggan) menggunakan browser Google
Chrome versi 54 keatas, Mozila Firefox versi 54 keatas, Opera versi 45
keatas atau Safari versi 5.0 keatas untuk mengakses halaman web Kulikin
91
DAFTAR PUSTAKA
Adi Nugroho. 2010. Rekayasa Perangkat Lunak Berbasis Objek dengan Metode
USDP. Yogyakarta: Andi.
Binanto, Iwan. 2010. Multimedia Digital Dasar Teori dan Pengembanganya.
Yoyakarta: Andi.
Nugroho, Bunafit. 2011. Membuat Sistem Informasi Penjualan Berbasis Web dengan
PHP dan MySQL. Yogyakarta: Gava Media.
Hasugian, H., dan Shidiq, A. N. 2012. Rancangan bangun sistem informasi industri
kreatif bidang penyewaan sarana olahraga, Jakarta: Sematik.
Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: PT Elex
Media Komputindo.
Kustiyahningsih, Yeni dan Devie Rosa Anamisa. 2011. Pemograman Basis Data
Berbasis Web Menggunakan PHP & MySQL. Yogyakarta: Graha Ilmu.
Munir, Rinaldi. 2011. Algoritma dan Pemrograman dalam Bahasa Pascal dan C.
Bandung: Informatika Bandung.
Sutanta, Edhy. 2011. Basis Data dalam Tinjauan Konseptual. Yogyakarta: Andi.
Syarief, Mulkan. 2012. Bermacam Project Java Dengan Ide Netbeans.Yogyakarta:
Andi.
94
Lampiran A-1 Konfirmasi Pesanan
KONFIRMASI PESANANNomor Transaksi
Tanggal Transaksi
TRX000010008
07 August 2017
Pemesan Penerima
Nama
No Handphone
Alamat
Gunawan .
089652575412
Jl Petamburan 4 no 14. Rt 13/004
Tanah Abang Jakarta Pusat
DKI Jakarta
No Handphone
Alamat
Nama Gunawan
089652575412
Jl Petamburan 4 no 14. Rt 13/004
Tanah Abang
Jakarta Pusat DKI Jakarta
10260
.
Kode Produk Nama Barang Quantity Harga Total
KWCATK001 1 80000 80,000.00Pen Holder OWL
Biaya Kirim
Subtotal
Diskon
Penggunaan Deposit
Total Tagihan 86,000.00
80,000.00
10,000.00
4,000.00
0.00
Catatan Kepada Kulikin :
Page 1 of 1
95
Lampiran A-2 Desain Produk
Desain Produk Custom
Gunawan
CACATK00001001
water.invasioner@gmail.com
No Pesanan
Username
Nama Pelanggan
ACRYLIC CRAFTGolongan
Alat Tulis KantorKategori
aaaKeterangan
96
Lampiran A-3 Bukti Pengiriman Barang
97
Lampiran B-1 Tanda Bukti Transfer
BUKTI TRANSFERTRX000010004Nomor Bukti
BCA31 July 2017Gunawan250000Setor Tunai
Tanggal
MetodeNominalRekening Atas
Bank Tujuan
Bukti ini adalah bukti konfirmasi transfer yang sah ataspembayaran transaksi
Bukti ini tidak berlaku apabila terdapat informasi maupundata transer yang tidak sesuai dengan pengecekan
Kulikin akan melakukan verifikasi trahdap data transfertersebut
98
Lampiran B-2 Nota Penjualan
PJ170731000100001Nomor Nota
31 July 2017Tanggal Nota
NOTA PENJUALANNomor Transaksi
Tanggal Transaksi
TRX000010002
19 July 2017
Pemesan Penerima
Nama
No Handphone
Alamat
Gunawan .
089652575412
Jl Petamburan 4 no 14. Rt 13/004
Tanah Abang Jakarta Pusat
DKI Jakarta
No Handphone
Alamat
Nama Gunawan
089652575412
Jl Petamburan 4 no 14. Rt 13/004
Tanah Abang
Jakarta Pusat DKI Jakarta
10260
.
Kode Produk Nama Barang Quantity Harga Total
KWCELC001 2 150000 300,000.00Jam Dinding Klasik
CACATK00001001 - - 200,000.00Custom Product
CWCELC00001001 - - 100,000.00Custom Product
Biaya Kirim
Subtotal
Diskon
Penggunaan Deposit
Total Tagihan
Pembayaran
Penambahan Deposit
580,000.00
600,000.00
10,000.00
30,000.00
0.00
5,800,111.00
5,220,111.00
Catatan Kepada Kulikin :
Page 1 of 1
Terima Kasih telah mempercayakan Kulikin sebagai pilihanprovider souvenir Anda. Bila ada keluhan, masukan,maupun seputar pertanyaan silahkan hubungi :
Gunawan : 089652575412
Instagram : @Kulikin
99
Lampiran B-3 Laporan Penjualan
Laporan PenjualanAgustus
2017
Bulan
Tahun
25,000.00
1,040,000.00
0.00
500,000.00
Penjualan KotorPenjualan Barang
Potongan Penjualan
Total Penjualan kotor
Harga Pokok PenjualanHarga Pokok Penjualan
Beban OperasionalBeban Royalti
475,000.00
-565,000.00Total Laba Kotor
-565,000.00
Rp.
Rp.
Rp.
Rp.
Rp.
Rp.
Rp.Total Laba Penjualan
Laporan PenjualanAgustus
2017
Bulan
Tahun
25,000.00
1,040,000.00
0.00
500,000.00
Penjualan KotorPenjualan Barang
Potongan Penjualan
Total Penjualan kotor
Harga Pokok PenjualanHarga Pokok Penjualan
Beban OperasionalBeban Royalti
475,000.00
-565,000.00Total Laba Kotor
-565,000.00
Rp.
Rp.
Rp.
Rp.
Rp.
Rp.
Rp.Total Laba Penjualan