TUGAS AKHIR - Bina Sarana Informatika · Aktor Orang, proses, atatu sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat diluar sistem informasi yang akan dibuat

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


Initial state Status awal aktivitas sistem.

Sebuah diagram aktivitas memiliki

sebuah status awal.

Final state Status akhir yang dilakukan sistem.


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)


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


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


Initial state Status awal aktivitas sistem. Sebuah

diagram aktivitas memiliki sebuah

status awal.

Final state Status akhir yang dilakukan sistem.


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


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


Jumlah : 1 Rangkap

Frekuensi : Setiap melakukan pengiriman produk


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



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


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


Jumlah : 1 Rangkap



C. Laporan Penjualan

Nama : Laporan Penjualan

Fungsi : Sebagai rekapitulasi dan laporan atas

aktivitas penjualan

Sumber : Tim Marketing

Tujuan : Bagian Keuangan


Jumlah Rangkap : 1 Rangkap

Frekuensi : Setiap akhir periode operasional


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


Tujuan Aktor dapat melakukan pemesanan barang,

konfirmasi, input pembayaran, serta melakukan

update profil


sistem pelanggan

Skenario Utama

Aktor Pelanggan / Pengunjung yang memeiliki akun

Kondisi Awal Aktor mengakses halaman web Kulikin dan

telah login


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


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


Tujuan Aktor dapat mengelola data master, mengelola

data penjualan, melihat inforamsi data dan

mencetak laporan


sistem Admin

Skenario Utama

Aktor Admin web Kulikin

Kondisi Awal Aktor mengakses halaman web Kulikin dan

telah login

34


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


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


Tujuan Aktor dapat mengelola data Admin, melihat data

Pelanggan, Transaksi, Data Produk, dan Laporan


sistem Pemilik

Skenario Utama

Aktor Pemilik web Kulikin

35

Kondisi Awal Aktor mengakses halaman web Kulikin dan telah

login


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


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 file : data_barang2

Akronim : data_barang2.MYD

Fungsi : untuk menyimpan data barang katalog

Tipe File : Master

52


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


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




15 kreator varchar 15

3. Spesifikasi file data_kurir


Nama file : data_kurir

Akronim : data_kurir.MYD

Fungsi : untuk menyimpan data kurir

Tipe File : Master


53

Akses file : Random

Media : Harddisk


Kunci field : kode_kurir

Software : Mysql

Tabel III.7 Spesifikasi file Tabel data_kurir


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 file : data_pelanggan

Akronim : data_pelanggan.MYD

Fungsi : untuk menyimpan data pelanggan

Tipe File : Master


Akses file : Random

Media : Harddisk


Kunci field : id_pelanggan

Software : Mysql

54

Tabel III.8 Spesifikasi file Tabel data_pelanggan


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 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


Kunci field : no_transaksi

Software : Mysql

55

Tabel III.9 Spesifikasi file Tabel detail_pesanan


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 file : pembayaran

Akronim : pembayaran.MYD

Fungsi : untuk mengetahui konfirmasi transfer dari

pelanggan

Tipe file : Transaksi


Akses file : Random

Media : Harddisk


Kunci field : no_bukti

56

Software : Mysql

Tabel III.10 Spesifikasi file Tabel pembayaran


1 no_bukti varchar 7 Primary Key

2 no_transaksi 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 file : penjualan

Akronim : penjualan.MYD

Fungsi : untuk mengetahui transaksi penjualan kepada

Pelanggan atas barang-barang yang telah dipesan

dan di bayar.

Tipe File : Transaksi


Akses file : Random

Media : Harddisk


Kunci field : no_nota

Software : Mysql

Tabel III.11 Spesifikasi file Tabel penjualan


1 no_nota varchar 8 Primary Key

57


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


8. Spesifikasi file pesanan


Nama file : pesanan

Akronim : pesanan.MYD

Fungsi : untuk mengetahui daftar barang katalog yang

dipesan oleh pelanggan



Akses file : Random

Media : Harddisk


Kunci field : -

Software : Mysql

Tabel III.12 Spesifikasi file Tabel pesanan



2 kode_barang varchar 9 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 file : pesanan_khusus

Akronim : pesanan_khusus.MYD

Fungsi : untuk mengetahui daftar barang khusus yang

dipesan oleh pelanggan



Akses file : Random

Media : Harddisk


Kunci field : no_pesanan_khusus

Software : Mysql

Tabel III.13 Spesifikasi file Tabel pesanan_khusus



2 no_pesanan_khusus varchar 9 Primary 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


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

[email protected]

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

[email protected]

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

[email protected]

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


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

[email protected]

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


Tanah Abang Jakarta Pusat

DKI Jakarta

No Handphone

Alamat

Nama Gunawan

089652575412


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

Documents

TUGAS AKHIR - Bina Sarana Informatika · Aktor Orang, proses, atatu sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat diluar sistem informasi yang akan dibuat