RANCANG BANGUN WEBSITE PERCETAKAN PRINTOP PADA MODUL KASIR ...

RANCANG BANGUN WEBSITE PERCETAKAN

PRINTOP PADA MODUL KASIR DAN CUSTOMER

SERVICE MENGGUNAKAN CODEIGNITER

SKRIPSI

FIRMAN MAULANA 4816040191

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER

POLITEKNIK NEGERI JAKARTA

2020

RANCANG BANGUN WEBSITE PERCETAKAN

PRINTOP PADA MODUL KASIR DAN CUSTOMER

SERVICE MENGGUNAKAN CODEIGNITER

SKRIPSI

Dibuat untuk Melengkapi Syarat-Syarat yang Diperlukan untuk

Memperoleh Diploma Empat Politeknik

FIRMAN MAULANA

4816040191

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER

POLITEKNIK NEGERI JAKARTA

2020

iii

HALAMAN PERNYATAAN ORISINALITAS

Skripsi ini adalah hasil karya saya sendiri, dan semua sumber baik yang

dikutip maupun dirujuk telah saya nyatakan dengan benar.

Nama : Firman Maulana

NIM : 4816040191

Tanggal : 23 Juli 2020

Tanda Tangan :

iv

LEMBAR PENGESAHAN

Skripsi diajukan oleh :


NIM : 4816040191

Program Studi : Teknik Informatika

Judul Skripsi : Rancang Bangun Website Percetakan Printop

Pada Modul Kasir Dan Customer Service

Menggunakan Codeigniter

Telah diuji oleh tim penguji dalam Sidang Skripsi pada Hari Rabu ,

Tanggal 5 ,Bulan Agustus ,Tahun 2020 dan dinyatakan LULUS.

Disahkan Oleh

Pembimbing I : Asep Taufik Muharram, S.Kom.,M.Kom ( )

Pembimbing II : Indra Hermawan, S.Kom.,M.Kom ( )

Penguji I : Euis Oktavianti, S.Si., M.Ti. ( )

Penguji II : Drs. Agus Setiawan, M.Kom. ( )

Penguji III : Mauldy Laya, S.Kom., M.Kom. ( )

Mengetahui :

Jurusan Teknik Informatika dan Komputer

Ketua

Mauldy Laya, S.Kom., M.Kom.

NIP. 197802112009121003

v

KATA PENGANTAR

Puji syukur saya panjatkan kepada Tuhan Yang Maha Esa karena atas berkat dan

rahmat-Nya, penulis dapat menyelesaikan laporan skrispsi ini. Penulisan skripsi ini

dilakukan dalam rangka memenuhi syarat untuk mencapai gelar Diploma Empat di

Politeknik Negeri Jakarta. Penulis menyadari bahwa tanpa bantuan, bimbingan,

serta dukungan dari berbagai pihak, laporan skripsi yang berjudul “Rancang

Bangun Website Percetakan Printop Pada Modul Kasir Dan Customer Service

Menggunakan Codeigniter” ini tidak dapat diselesaikan dengan baik. Oleh karena

itu, penulis mengucapkan terima kasih kepada:

a. Bapak Asep Taufik Muharram, S.Kom., M.Kom. sebagai dosen pembimbing

yang telah menyediakan tenaga, waktu, dan pikiran untuk mengarahkan penulis

dalam menyelesaikan laporan skripsi dan pembuatan sistem;

b. Pihak percetakan Printop yang telah membantu penulis dalam memperoleh

data- data yang diperlukan dalam penyusunan skripsi;

c. Orang tua dan keluarga penulis yang selalu memberikan dukungan moral, doa,

dan material;

d. Teman-teman yang telah banyak membantu penulis dalam menyelesaikan

penyusunan skripsi ini;

Akhir kata, penulis berharap Tuhan Yang Maha Esa berkenan membalas segala

kebaikan semua pihak yang telah membantu. Penulis berharap laporan skripsi ini

membawa manfaat bagi pengembangan ilmu.

Depok 15 Juni 2020,

Firman Maulana

vi

HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI

UNTUK KEPENTINGAN AKADEMIS

Sebagai sivitas akademik Politeknik Negeri Jakarta, saya yang bertanda tangan di

bawah ini:


NIM : 4816040191

Program Studi : Teknik Informatika

Jurusan : Teknik Informatika dan Komputer

Jenis Karya : Skripsi

Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada

Politeknik Negeri Jakarta Hak Bebas Royalti Noneksklusif (Non-exclusive

Royalty- Free Right) atas karya ilmiah saya yang berjudul :

RANCANG BANGUN WEBSITE PERCETAKAN PRINTOP

MENGGUNAKAN CODEIGNITER

beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti

Noneksklusif ini Politeknik Negeri Jakarta berhak menyimpan,

mengalihmedia/format-kan, mengelola dalam bentuk pangkalan data (database),

merawat, dan memublikasikan skripsi saya selama tetap mencantumkan nama saya

sebagai penulis/pencipta dan sebagai pemilik Hak Cipta.

Demikian pernyataan ini saya buat dengan sebenarnya.

Dibuat di : Depok, Pada tanggal : 16 Agustus 2020

Yang menyatakan

(Firman Maulana)

vii

Jurusan Teknik Informatika dan Komputer – Politeknik Negeri Jakarta

Rancang Bangun Website Percetakan Printop Pada Modul Kasir Dan

Customer Service Menggunakan Codeigniter

Abstrak

Perancangan aplikasi ini dibuat menggunakan php dengan framework codeigniter yang

bertujuan agar terciptanya sebuah aplikasi yang dapat melayani pelanggan secara online

pada usaha percetakan. Aplikasi ini berbentuk sebuah website untuk mempermudah

terjadinya integrasi antar data dan pertukaran informasi antar pelanggan dengan karyawan

pada percetakan Printop. Perancangan aplikasi ini diperkuat oleh data di lapangan dimana

jika terjadi lonjakan antrian panjang maka tempat tersebut menjadi padat dan tidak kondusif

yang mempengaruhi kenyamanan pelanggan. Hasil dari perancangan ini hingga menjadi

sebuah aplikasi diharapkan bisa menjadi cara untuk mempermudah proses pemesanan serta

menjadi solusi dalam meminimalisir antrian panjang saat pesanan mulai ramai dan demi

kenyamanan pelanggan agar tidak perlu menuggu waktu pengerjaan di tempat langsung,

selain itu pelanggan dapat memesannya dimana saja.

Kata Kunci : Codeigniter, Percetakan, PHP

viii


DAFTAR ISI

HALAMAN PERNYATAAN ORISINALITAS ............................................... iii

LEMBAR PENGESAHAN ................................................................................. iv

KATA PENGANTAR ........................................................................................... v

HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI

UNTUK KEPENTINGAN AKADEMIS ........................................................... vi

Abstrak .................................................................................................................. vii

DAFTAR ISI ....................................................................................................... viii

DAFTAR GAMBAR ............................................................................................. x

DAFTAR TABEL ................................................................................................ xi

DAFTAR LAMPIRAN ....................................................................................... xii

BAB I PENDAHULUAN ...................................................................................... 1

1.1 Latar Belakang ......................................................................................... 1

1.2 Perumusan Masalah .................................................................................. 2

1.3 Batasan Masalah ....................................................................................... 2

1.4 Tujuan ....................................................................................................... 3

1.5 Manfaat ..................................................................................................... 3

1.6 Metode Pelaksanaan Tugas Akhir ............................................................ 3

1.7 Metode Penyelesaian Masalah ................................................................. 3

BAB II TINJAUAN PUSTAKA ........................................................................... 6

2.1 Rancang Bangun ....................................................................................... 6

2.2 Antrian ...................................................................................................... 6

2.3 Codeigniter ............................................................................................... 8

2.4 PHP ........................................................................................................... 8

2.5 UML(Unified Modelling Language) ........................................................ 8

2.6 Waterfall ................................................................................................. 11

ix


2.7 Perbedaan PHP dan ASP.NET ............................................................... 12

2.8 Black Box Testing .................................................................................. 12

2.9 Penelitian Sejenis ................................................................................... 13

BAB III PERENCANAAN DAN REALISASI ................................................. 15

3.1 Perancangan Program Aplikasi .............................................................. 15

3.1.1 Deskripsi Program Aplikasi ......................................................... 15

3.1.2 Cara Kerja Aplikasi ...................................................................... 16

3.1.3 Analisa Kebutuhan Pengguna ...................................................... 19

3.1.4 Metode Pengembangan Program Aplikasi ................................. 20

3.1.5 Rancangan Antar Muka ............................................................... 25

3.1.5.1 Modul Kasir ............................................................................... 25

3.1.5.2 Modul Customer Service .......................................................... 28

3.2 Realisasi Program ................................................................................... 30

BAB IV PEMBAHASAN .................................................................................... 38

4.1 Pengujian ................................................................................................ 38

4.1.1 Deskripsi Pengujian ...................................................................... 38

4.1.2 Prosedur Pengujian ....................................................................... 38

4.1.3 Data Hasil Pengujian .................................................................... 39

4.2 Evaluasi Hasil Pengujian ........................................................................ 49

BAB V PENUTUP ............................................................................................... 53

5.1 Kesimpulan ............................................................................................. 53

5.2 Saran ....................................................................................................... 53

DAFTAR PUSTAKA .......................................................................................... 54

x


DAFTAR GAMBAR

Gambar 2. 1 Model Single Channel Single Phase .................................................. 6

Gambar 2. 2 Model Single Channel Multi Phase .................................................... 7

Gambar 2. 3 Model Multi Channel Single Phase .................................................... 7

Gambar 2. 4 Model Multi Channel Multi Phase ..................................................... 7

Gambar 2. 5 Waterfall Model ............................................................................... 11 Gambar 3. 1 Flowchart Sistem Manual................................................................. 16

Gambar 3. 2 Flowchart Sistem Online .................................................................. 18

Gambar 3. 3 Metode Waterfall.............................................................................. 20

Gambar 3. 4 Use Case Diagram ............................................................................ 20

Gambar 3. 5 Activity Login .................................................................................. 21

Gambar 3. 6 Activity Live Chat ............................................................................ 22

Gambar 3. 7 Activity Unduh ................................................................................. 23

Gambar 3. 8 Activity Ubah Status Pembayaran.................................................... 24

Gambar 3. 9 Form Login Kasir ............................................................................. 25

Gambar 3. 10 Beranda Kasir ................................................................................. 26

Gambar 3. 11 Rincian Pesanan Kasir .................................................................... 27

Gambar 3. 12 Form Login CS ............................................................................... 28

Gambar 3. 13 Beranda CS ..................................................................................... 29

Gambar 3. 14 Login Kasir ..................................................................................... 30

Gambar 3. 15 Implementasi Beranda Kasir .......................................................... 30

Gambar 3. 16 Implementasi Rincian Pesanan....................................................... 31

Gambar 3. 17 Profil Kasir ..................................................................................... 32

Gambar 3. 18 Edit Profil Kasir ............................................................................. 32

Gambar 3. 19 Ubah Password Kasir ..................................................................... 33

Gambar 3. 20 Source Code Tawk.To .................................................................... 33

Gambar 3. 21 Login Tawk.To ............................................................................... 34

Gambar 3. 22 Dashboard Tawk.To ....................................................................... 34

Gambar 3. 23 Live Chat Customer Service .......................................................... 35

Gambar 3. 24 Live Chat Customer ....................................................................... 35

Gambar 3. 25 Profil Tawk.To ............................................................................... 36

xi


DAFTAR TABEL

Tabel 2. 1 Simbol Use Case Diagram ..................................................................... 9

Tabel 2. 2 Simbol Activity Diagram ..................................................................... 10 Tabel 3. 1 Functional User Requirement .............................................................. 19

Tabel 3. 2 Non-functional User Requirement ....................................................... 19 Tabel 4. 1 Rencana Pengujian ............................................................................... 38

Tabel 4. 2 Hasil Pengujian Autentikasi ................................................................. 39

Tabel 4. 3 Pengujian Halaman Beranda Kasir ...................................................... 41

Tabel 4. 4 Pengujian Halaman Rincian Kasir ....................................................... 42

Tabel 4. 5 Pengujian Halaman Profil Kasir .......................................................... 42

Tabel 4. 6 Pengujian Halaman Edit Profil Kasir ................................................... 43

Tabel 4. 7 Pengujian Halaman Ubah Password .................................................... 44

Tabel 4. 8 Pengujian Live Chat ............................................................................. 45

Tabel 4. 9 UAT Kasir Pertanyaan ke-1 ................................................................. 46

Tabel 4. 10 UAT Kasir Pertanyaan ke-2 ............................................................... 46




Tabel 4. 14 UAT Customer Service Pertanyaan ke-1 ........................................... 48





Tabel 4. 19 Data Pengujian UAT Kasir ................................................................ 50

Tabel 4. 20 Data Pengujian UAT Customer Service ............................................ 51

xii


DAFTAR LAMPIRAN

Lampiran 1 ............................................................................................................ 56

Lampiran 2 ............................................................................................................ 57

Lampiran 3 ............................................................................................................ 58

1


BAB I

PENDAHULUAN

1.1 Latar Belakang

Pelayanan jasa percetakan merupakan salah satu hal yang dibutuhkan di segala

bidang seperti, pada bidang marketing, kemudian juga sangat dibutuhkan pada

sebuah acara-acara besar. Namun, dalam pelaksanaannya sering terjadi kesalahan

ataupun kecerobohan seperti saat terjadi penumpukan pelanggan di lokasi

percetakan. Penggunaan teknologi perangkat keras maupun perangkat lunak pada

percetakan dapat meningkatkan efektifitas pengelolaan data. Tentu saja

penggunaan teknologi disini bukan untuk menggantikan posisi penting manusia

melainkan hanya untuk menjadikan teknologi sebagai alat pendukung dalam

menyelesaikan pekerjaannya agar mencapai tujuan yang lebih optimal.

Permasalahan pada modul kasir, pembayaran hanya bisa melalui cash atau debit

dan untuk melakukan pembayaran kasir harus memanggil pelanggan satu per satu

melalui nota pesanan, pada sisi modul Customer Service, saat memberikan nomor

antrian, pelanggan akan menjelaskan kebutuhannya terlebih dahulu baru diberikan

nomor antrian. Kemudian, saat menerima keluhan ataupun pertanyaan dari

customer dalam kondisi percetakan sedang padat customer service harus menjawab

satu persatu pertanyaannya, dan juga customer service masih harus memastikan

pesanan customer sesuai atau tidak, jika tidak sesuai customer akan mengeluh

kepada customer sevice kemudian akan mengembalikan pesanan tersebut ke editor.

Kemudahan dan kecepatan serta tuntutan dalam pelayanan informasi dan

pengelolaan informasi secara integrasi semakin penting sehingga dibutuhkan pada

setiap bidang pekerjaan, salah satunya pada bidang percetakan untuk memberikan

pelayanan yang lebih baik kepada pelanggan.(WP et al., 2011)

Perkembangan teknologi informasi yang semakin canggih saat ini masih ada

perusahaan jasa percetakan yang melakukan pemasaran masih menggunakan media

cetak seperti banner, spanduk, leaflet, dll. Sedangkan untuk pemesanan produk

costumer harus datang langsung ke lokasi jasa percetakan tersebut. Seiring

2


berjalanya waktu pemasaran produk menggunakan banner, spanduk, leaflet dan

pemesanan produk mengharuskan costumer datang langsung, dinilai kurang efektif

sehingga berdampak kurangnya informasi yang didapat oleh konsumen, dan

berkurangnya minat konsumen untuk memilih dan menggunakan jasa

percetakan.(Supriyatna, 2017)

Menurut data yang bersumber dari google maps yang berdasarkan pada kunjungan

ke lokasi percetakan, menampilkan data grafik kepadatan pengunjung hari senin

sampai dengan minggu di jam tertentu, penulis juga melampirkan gambar data

grafik tersebut pada Lampiran 2 yang menjelaskan, kepadatan di hari senin terjadi

pada pukul 2 siang, kemudian di hari selasa terjadi pada pukul 3 sore, hari rabu pada

pukul 5 sore, hari kamis pada pukul 4 sore, hari jumat pada pukul 9 pagi, hari sabtu

pada pukul 12 siang, dan hari minggu pada pukul 3 sore.

Pada penelitian skripsi ini penulis merancang sebuah aplikasi website pada usaha

percetakan printop guna mengatasi masalah pada sistem percetakan yang ada. Maka

dari itu ide untuk membuat sebuah aplikasi layanan pelanggan online berbasis

website untuk usaha percetakan printop muncul. Dan diharapkan dapat memberikan

solusi atas masalah yang ada dan dapat menunjang semua kebutuhan pelanggan

maupun karyawan percetakan.

1.2 Perumusan Masalah

Pada topik ini terdapat rumusan masalah yang dapat diambil dari penjelasan

masalah yang telah dijelaskan yaitu bagaimana membangun sistem layanan

pelanggan pada percetakan printop untuk modul kasir dan customer service

berbasis website menggunakan codeigniter?

1.3 Batasan Masalah

Batasan masalah dalam pengembangan sistem ini adalah:

a. Rancangan website yang dibuat khusus untuk kasir dan customer service

b. Sistem dibuat menggunakan bahasa pemrograman PHP dan framework

Codeigniter

c. Sistem yang dibuat hanya dikhususkan untuk customer yang sudah memiliki

desain

3


d. Metode pembayaran yang dilakukan hanya bisa melalui transfer dan akan

dicek secara manual

1.4 Tujuan

Penulisan skripsi ini memiliki tujuan yaitu untuk membuat suatu sistem layanan

pelanggan pada percetakan printop untuk modul kasir dan customer service

berbasis website menggunakan codeigniter.

1.5 Manfaat

Aplikasi ini jika diterapkan memiliki manfaat yang diharapkan, yaitu:

a. Kasir tidak perlu menumpuk pesanan dari customer

b. Pesanan customer yang belum dibayar dapat terlihat

c. Memudahkan karyawan agar tidak melakukan pencatatan manual.

d. Customer service dapat menjawab pertanyaan customer satu persatu

1.6 Metode Pelaksanaan Tugas Akhir

Pada perancangan aplikasi ini dilakukan dengan beberapa metode, yaitu:

a. Pengumpulan Data

1. Melakukan survey langsung ke tempat percetakan tentang alur kerja

percetakan

b. Pembuatan desain UML untuk mengetahui alur dari sistem

c. Pembuatan berbagai role yang memiliki hak akses berbeda

1.7 Metode Penyelesaian Masalah

Dalam perancangan sistem ini dapat dijabarkan metode penyelesaian masalah

sebagai berikut:

1. Studi Literatur

Tahap awal ini merupakan proses pengumpulan dan perolehan teori dasar

pengembangan aplikasi dan metode yang digunakan dalam aplikasi tersebut sebagai

pemahaman serta referensi dari berbagai sumber yang dapat membantu

menyelesaikan topik dari skripsi penulis.

2. Analisis Kebutuhan

Tahap selanjutnya adalah dilakukannya pengumpulan kebutuhan pada sistem

sebagai informasi yang akan membantu terciptanya sebuah aplikasi yang

4


diharapkan.

3. Perancangan

Tahap ini dimaksudkan untuk merancang model aplikasi agar mudah untuk

diimplementasikan nantinya. Pada tahap ini dibutuhkan pemodelan UML (Unified

Modelling Language), yang meliputi diagram-diagram tertentu yang dibutuhkan.

Perancangan untuk mengembangkan aplikasi ini pula menggunakan metode

pengembangan Waterfall. Berikut adalah tahap dalam pengembangan

menggunakan metode Waterfall:

a. Requirement Analysis

Mengumpulkan semua kebutuhan yang diperlukan pada sistem secara lengkap

kemudian dianalisis. Tahap ini harus diselesaikan secara lengkap agar bisa lanjut

ke tahap desain.

b. System Design

Membuat desain yang menggambarkan keseluruhan sistem untuk membantu

mendefinisikan keseluruhan arsitektur sistem. Pada tahap mendesain sistem penulis

menggunakan UML (Unified Modelling Language) untuk pemodelan sistemnya.

c. Implementation

Tahap ini adalah dimana seluruh desain terapkan ke dalam kode-kode program.

Namun kode program masih berupa modul yang diperlukan untuk nantinya akan

diintegrasikan menjadi satu kesatuan sistem yang lengkap.

d. Testing

Setelah sistem telah jadi maka harus dilakukan pengujian untuk menguji apakah

sistem sudah layak untuk digunakan dan mencari kesalahan yang ada saat proses

implementasi dilakukan sebelumnya.

e. Deployment

Setelah semua tahap sebelumnya telah dilakukan maka selanjutnya masuk ke tahap

ini dimana sistem aplikasi siap untuk diserahkan kepada client.

f. Maintenance

Sistem aplikasi yang sudah jadi akan dilakukan pemeliharaan untuk waktu

kedepannya guna memperbaiki kesalahan yang tidak terdeteksi saat tahap

sebelumnya dan juga untuk meningkatkan sistem jika ada kebutuhan baru.

4. Implementasi

5


Tahap ini masuk kepada tahap pengkodean program setelah melalui beberapa tahap

yang diperlukan sebelumnya untuk menghasilkan suatu program yang diharapkan

dan dapat digunakan oleh pengguna.

5. Pengujian

Setelah sistem telah selesai dirancang dan diimplementasikan maka selanjutnya

adalah dilakukannya pengujian terhadap sistem aplikasi untuk mengetahui seberapa

layak aplikasi tersebut sebelum aplikasi digunakan oleh pengguna. Pengujian dapat

dilakukan dengan Blackbox Testing untuk menguji aplikasi secara fungsional.

6. Pengambilan Kesimpulan dan Saran

Tahap ini akan berguna kedepannya untuk memberi informasi apa saja masih harus

diperbaiki pada sistemnya. Sehingga dapat diambil kesimpulan dan sarannya terkait

aplikasi yang telah dibuat ini.

6


BAB II

TINJAUAN PUSTAKA

2.1 Rancang Bangun

Rancang bangun merupakan kegiatan menerjemahkan hasil analisa ke dalam

bentuk paket perangkat lunak kemudian menciptakan sistem tersebut ataupun

memperbaiki sistem yang sudah ada (Zulfiandri, 2014). Rancang Bangun adalah

penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa

elemen yang terpisah kedalam suatu kesatuan yang utuh dan berfungsi (Prasetyo &

Suharyanto, 2019).

Dari kesimpulan diatas dapat disimpulkan bahwa rancang bangun adalah proses

yang dimulai dari analisis kemudian hasil analisis tersebut digambarkan menjadi

sebuah sistem untuk menciptakan sebuah sistem yang baru atau memperbaiki

sistem yang sudah ada.

2.2 Antrian

Antrian adalah ketika seseorang dalam suatu garis tunggu pada sebuah fasilitas

pelayanan sebelum orang tersebut mendapatkan layanan yang diperlukan dan

antrian bisa terjadi karena jumlah pelanggan melebihi jumlah pelayanan yang

tersedia (Sari et al., 2017). Adapun 4 buah model dalam struktur antrian yang

diambil dari sumber (Asmara & Saputra, 2019), yaitu:

a. Single Channel Single Phase

Hanya terdapat satu jalur masuk pelayanan dan hanya terdapat satu fasilitas

pelayanan serta satu fase/proses pelayanan. Berikut Gambar 2. 1 menunjukkan

model tersebut:

Gambar 2. 1 Model Single Channel Single Phase

7


b. Single Channel Multi Phase

Terdapat satu jalur masuk pelayanan namun memiliki dua atau lebih fase/proses

pelayanan. Berikut Gambar 2. 2 menunjukkan model tersebut:

Gambar 2. 2 Model Single Channel Multi Phase

c. Multi Channel Single Phase

Terdapat dua atau lebih jalur masuk pelayanan serta memiliki pelayanan pada

masing-masing jalur antrian dan hanya memiliki satu fase/proses antrian.

Berikut gambar 2. 3 menunjukkan model tersebut:

Gambar 2. 3 Model Multi Channel Single Phase

d. Multi Channel Multi Phase

Terdapat dua atau lebih jalur masuk pelayanan serta memiliki pelayanan pada

masing-masing jalur antrian dan juga memiliki dua atau lebih fase/proses

antrian. Berikut gambar 2. 4 menunjukkan model tersebut:

Gambar 2. 4 Model Multi Channel Multi Phase

Dengan ini maka penulis dapat menyimpulkan bahwa pada penelitian ini penulis

menggunakan model Multi Channel Single Phase. Model ini dipilih karena

mengikuti sistem antrian yang ada saat ini pada percetakan Printop karena pada

kasus ini terdapat dua atau lebih jalur masuk pelayanan dan memiliki satu

fase/proses antrian

8


2.3 Codeigniter

Codeigniter merupakan kerangka kerja dari web development PHP untuk

membangun web yang dinamis karena menyediakan berbagai macam library yang

bisa mempermudah proses pengembangan website. Adapun kelebihan dari

Codeigniter dibanding framework lainnya menurut (Basuki, 2010), yaitu:

a. Menggunakan pattern MVC (Model, View, Controller).

b. Merupakan salah satu framework tercepat.

c. Dokumentasi yang lengkap dan jelas.

d. Mudah dipelajari.

2.4 PHP

PHP atau Hypertext Preprocessor adalah salah satu bahasa pemrograman untuk

mengembangkan web dinamis. Menurut (marjuki ilham, 2010), PHP adalah sebuah

bahasa server side scripting atau bahasa yang berjalan pada sisi server, yang artinya

jika ingin menjalankannya maka harus adanya web server. Adapun keunggulan

yang dimiliki oleh PHP. Menurut (marjuki ilham, 2010), keunggulan tersebut

adalah:

a. Mudah dipelajari.

b. Cross platform dalam artian dapat diimplementasikan ke berbagai operating

system.

c. Lisensi gratis.

d. Memiliki akses yang cepat.

e. Didukung oleh beberapa local web server.

2.5 UML(Unified Modelling Language)

Unified Modelling Language (UML) adalah suatu alat untuk memvisualisasikan

dan mendokumentasikan hasil analisa dan desain yang berisi sintak dalam

memodelkan sistem secara visual dan juga merupakan satu kumpulan konvensi

pemodelan yang digunakan untuk menentukan atau menggambarkan sebuah sistem

software yang terkait dengan objek. (Sugiyani & Risdiyani, 2017)

Menurut (Hechavarría, Rodney; López, 2013), ada alat bantu dalam perancangan

UML, yaitu:

9


a. Use Case Diagram

Adalah pemodelan kelakuan (behavior) sistem informasi yang akan dibuat.

Pemodelan ini dibuat untuk mengetahui fungsi apa saja yang ada didalam sistem

dan siapa saja yang berhak melakukan fungsi tersebut. Berikut adalah simbol-

simbol dalam use case diagram:

Tabel 2. 1 Simbol Use Case Diagram

Gambar Keterangan

Use Case/behavior

Merepresentasikan fungsionalitas

yang disediakan sistem sebagai unit

yang bertukar pesan antar unit

dengan aktor dan dinyatakan dengan

kata kerja

Actor atau pelaku dari sistem

mengaktifkan fungsi dari target

sistem. Untuk mengidentifikasikan

aktor, harus ditentukan dahulu

pembagian tugas-tugas yang

berkaitan dengan peran.

Association antara aktor dan use case.

Mengindikasikan siapa dan apa yang

berinteraksi secara langsung.

Include merupakan pemanggilan use

case oleh use case lain, contohnya

adalah pemanggilan sebuah fungsi

program.

Extends merupakan perluasan dari

use case lainnya jika kondisi

bersyarat.

10


b. Activity Diagram

Menggambarkan workflow (alur kerja) dari sebuah sistem atau proses bisnis.

Simbol-simbol yang terdapat pada diagram ini adalah:

Tabel 2. 2 Simbol Activity Diagram

Gambar Keterangan

Start Point adalah awal dari aktifitas

yang akan dilakukan.

End Point adalah akhir dari suatu

aktifitas.

Activities adalah penggambaran suatu

proses atau aktifitas.

Fork atau percabangan digunakan

untuk menunjukkan kegiatan yang

akan dilakukan secara paralel untuk

menggabungkan dua kegiatan/aktifitas

menjadi satu.

Join atau penggabungan digunakan

untuk menunjukkan adanya

dekomposisi.

Decision Point menggambarkan

pilihan/keputusan yang dijalani, seperti

true or false.

Swimlane adalah pembagian aktifitas

untuk menunjukkan siapa yang

melakukan aktifitas tersebut.

11


2.6 Waterfall

Waterfall Model adalah model yang bersifat sistematis, berurutan dalam

membangun software. Waterfall Model terdiri dari 5 tahapan untuk pengembangan.

Berikut adalah penjelasan dari tahap – tahap yang dilakukan di dalam model ini

menurut Pressman:

a. Communication (Project Initiation & Requirements Gathering)

Sebelum memulai pekerjaan yang bersifat teknis, sangat diperlukan adanya

komunikasi dengan customer demi memahami dan mencapai tujuan yang ingin

dicapai. Hasil dari komunikasi tersebut adalah inisialisasi proyek seperti

menganalisis permasalahan yang dihadapi dan mengumpulkan data-data yang

diperlukan, serta membantu mendefinisikan fitur dan fungsi dari aplikasi.

Pengumpulan data-data tambahan bisa juga diambil dari jurnal, artikel, paper dan

internet.

b. Planning (Estimating, Scheduling, Tracking)

Tahap berikutnya adalah tahapan perencanaan yang menjelaskan tentang estimasi

tugas-tugas teknis yang akan dilakukan, resiko-resiko yang dapat terjadi, sumber

daya yang diperlukan dalam membuat sistem, produk kerja yang ingin dihasilkan,

penjadwalan kerja yang akan dilaksanakan, dan tracking proses pengerjaan sistem.

c. Modeling (Analysis & Design)

Tahapan ini adalah tahap perancangan dan pemodelan arsitektur sistem yang

berfokus pada perancangan struktur data, arsitektur software, tampilan interface,

dan algoritma program. Tujuannya untuk lebih memahami gambaran besar dari apa

yang akan dikerjakan.

d. Construction (Code & Test)

Tahapan ini merupakan proses penerjemahan bentuk desain menjadi kode atau

bentuk bahasa yang dapat dibaca oleh mesin. Setelah pengkodean selesai, dilakukan

Gambar 2. 5 Waterfall Model

12


pengujian terhadap sistem dan juga kode yang sudah dibuat. Tujuannya untuk

menemukan kesalahan yang mungkin terjadi untuk nantinya diperbaiki.

e. Deployment (Delivery, Support, Feedback)

Tahapan terakhir ini merupakan tahapan implementasi software ke customer,

perbaikan software, evaluasi software, dan pengembangan software berdasarkan

umpan balik yang diberikan agar sistem dapat tetap berjalan dan berkembang sesuai

dengan fungsinya. (TANZIL, 2018)

2.7 Perbedaan PHP dan ASP.NET

ASP dan PHP merupakan bahasa pemrograman yang biasa digunakan untuk

membuat website. Tidak seperti halaman web HTML biasa, ASP dan PHP lebih

dinamis dan mampu membuat para user bisa berinteraksi dan bertukar informasi

dengan database website. ASP merupakan kependekan dari Active Server Pages,

suatu jenis program yang bekerja dalam Microsoft (Windows) melalui IIS (Internet

Information Server). ASP memerlukan server Microsoft untuk menjalankan sistem

website. Sedangkan program PHP atau Hypertext Preprocessor berjalan di server

Linux atau Unix. PHP yang lebih baru bisa berjalan di server NT. Program PHP

juga bisa berjalan di Windows, Solaris, Unix dan Linux sedangkan ASP hanya bisa

berjalan di server dengan platform Windows. Baru-baru ini saja, ASP bisa berjalan

pada platform Linux yang hanya ada bila sudah terpasang ASP-Apache di

servernya.(cakrudi, 2016)

2.8 Black Box Testing

Menurut (Jaya, 2018) Blackbox Testing adalah sebuah teknik pengujian kelayakan

yang dilakukan pada perangkat lunak yang berfokus pada sisi spesifikasi

fungsionalnya dan mengabaikan struktur kontrol sehingga di pusatkan perhatiannya

pada informasi domain. Ada beberapa hal yang dapat ditemukan jika memakai

blackbox testing menurut (Mustaqbal et al., 2015), yaitu:

1. Fungsi yang salah atau tidak ada.

2. Kesalahan antarmuka pada aplikasi.

3. Kesalahan pada struktur data dan akses database.

4. Kesalahan performansi.

5. Kesalahan inisialisasi.

13


Terdapat pula beberapa keuntungan dari penggunaan blackbox testing ini menurut

(Jaya, 2018), yaitu:

1. Tester tidak perlu memiliki pengetahuan tentang bahasa pemrograman.

2. Pengujian dilakukan dari sudut pandang user aplikasi.

Programmer dan tester saling bergantung satu sama lain.

2.9 Penelitian Sejenis

Penelitian terdahulu dilakukan oleh Leonardo MP, Fany Junianti, A. Wahyu

Sudrajat, Mahasiswa Jurusan Sistem Informasi, STMIK GI MDP, dengan judul

Aplikasi Pelayanan Pemesanan Online Pada Digital Printing Ecoprint Palembang.

Pada penelitian tersebut sistem dibuat menggunakan pemrograman PHP dan

metode RUP (Rational Unifed Process). Pengembangan sistem dengan metode

RUP dilakukan secara iteratif (berulang) dan incremental (bertahap dengan

progress menaik). Penelitian tersebut bertujuan untuk meningkatkan angka

penjualan produksi dan keuangan perusahaan, dimana sistem yang dikembangkan

mendukung kegiatan perusahaan dalam pelayanan informasi terhadap pelanggan

dan kemudahan bagi pelanggan dalam melakukan pemesanan produk secara online.

Penelitian lainnya terkait metode pengembangan yang dilakukan oleh Chrisantus

Tristianto, Dosen STMIK Eresha, dengan judul Penggunaan Metode Waterfall

untuk Pengembangan Sistem Monitoring dan Evaluasi Pembangunan Pedesaan.

Penelitian ini menjelaskan mengenai apa yang bisa didapatkan dengan metode

waterfall ini antara lain, Kualitas dari sistem yang dihasilkan akan baik. Ini

dikarenakan oleh pelaksanaannya secara bertahap. Sehingga tidak terfokus pada

tahapan tertentu dan juga dokumen pengembangan sistem sangat terorganisir,

karena setiap fase harus terselesaikan dengan lengkap sebelum melangkah ke fase

berikutnya. Jadi setiap fase atau tahapan akan mempunyai dokumen tertentu.

Penelitian lainnya terkait dengan website penjualan yang dilakukan oleh

Muhammad Sony Maulana, Program Studi Manajemen Informatika, AMIK “BSI

Pontianak”, dengan judul Perancangan Dan Pengembangan Aplikasi Web

Penjualan (Studi Kasus : CV. Herson Mitra Solusindo). Penelitian ini menjelaskan

tentang bagaimana bentuk aplikasi website penjualan yang baik pada studi kasus

tersebut. Pada penelitian ini penjualan yang dilakukan oleh CV. Herson Mitra

Solusindo adalah penjualan produk-produk komputer dan mobile, rancang bangun

14


yang dibutuhkan pada penelitian ini adalah rancang bangun aplikasi website yang

menyajikan informasi transaksi-transaksi dan laporan-laporan penjualan secara

realtime sehingga dapat dijadikan indikator kesuksesan dan keberhasilan suatu

perusahaan dalam menjalankan bisnisnya. Pada penelitian ini metode yang

digunakan adalah waterfall dan sistem pendukung yang digunakan untuk

pengembangan sistem adalah PHP, sistem yang dikembangkan sebatas pada

aplikasi penjualan saja dan tidak ada promosi yang dilakukan pada produk

penjualan tersebut.

15


BAB III

PERENCANAAN DAN REALISASI

3.1 Perancangan Program Aplikasi

Perancangan sistem aplikasi berbasis web yang berjudul “Rancang Bangun Website

Percetakan Printop Pada Modul Kasir Dan Customer Service Menggunakan

Codeigniter” proses metode pengembangan aplikasinya menggunakan Waterfall

dimana pengembangan perangkat lunak dilakukan secara bertahap dan sistematis.

3.1.1 Deskripsi Program Aplikasi

Aplikasi ini merupakan aplikasi berbasis web yang dapat melayani pelanggan

secara online untuk usaha percetakan. Saat ini jika pelanggan ingin mencetak

beberapa dokumen/file, pelanggan akan mendatangi tempat percetakan tersebut

kemudian memberikan dokumen/file yang ingin dicetak. Kemudian pelanggan

akan menunggu di tempat hingga proses pencetakan selesai. Maka dari itu, aplikasi

ini diharapkan dapat meminimalisir antrian pada tempat percetakan dan menghemat

waktu bagi pelanggan, sehingga pelanggan dapat memberikan dokumen/file yang

ingin dicetak melalui web dan akan diterima oleh karyawan percetakan untuk

dicetak. Setelah selesai dicetak pelanggan pun dapat mengambil hasilnya di tempat

percetakan tersebut. Aplikasi ini memiliki 4 buah aktor, yaitu pelanggan, kasir,

customer service, dan editor. Setiap aktor memiliki peran yang berbeda-beda pula.

16


3.1.2 Cara Kerja Aplikasi

Gambar 3. 1 Flowchart Sistem Manual

17


Gambar 3.1 adalah flowchart atau diagaram alir yang menunjukan urutan proses

secara mendetail dan hubungan antara suatu proses dengan proses yang lain di

dalam sebuah aplikasi. Flowchart ini menjelaskan bagaimana proses pelanggan

melakukan pemesanan secara langsung di lokasi percetakan mulai dari menjelaskan

kebutuhan sampai dengan pesanan tersebut selesai.

18


Gambar 3. 2 Flowchart Sistem Online

19


Gambar 3.2 flowchart ini menjelaskan bagaimana proses pelanggan memesan

sebuah produk percetakan sampai produk tersebut selesai dicetak, namun secara

online, jadi pelanggan tidak lagi harus mendatangi lokasi percetakan.

3.1.3 Analisa Kebutuhan Pengguna

Analisis dilakukan untuk mengetahui hal-hal apa saja yang akan dibutuhkan oleh

user. Dengan melakukan wawancara kepada pengelola toko jasa percetakan

Printop, maka penulis mendapat beberapa kebutuhan dan permasalahan yang ada,

yaitu sebagai berikut:

Tabel 3. 1 Functional User Requirement

No Narasumber Requirement

1. Pengelola Toko Jasa Percetakan Printop Terdapat verifikasi email

saat daftar dan ubah

sandi

2. Pelanggan dapat

menggunakan live chat

untuk bertanya-tanya

3. Customer Service hanya

membalas live chat

4. Kasir menerima

pembayaran dari

pelanggan

Tabel 3. 2 Non-functional User Requirement

No Narasumber Requirement

1. Pengelola Toko Jasa Percetakan Printop Aplikasi dapat dijalankan

online

2. Aplikasi dapat dijalankan

pada semua browser

20


3.1.4 Metode Pengembangan Program Aplikasi

Dalam perancangan aplikasi ini penulis menggunakan metode waterfall karena

pengumpulan data dan tahap pengerjaan dilakukan seperti fase-fase yang ada pada

metode waterfall. Waterfall Model adalah model yang bersifat sistematis, berurutan

dalam membangun software. Waterfall Model terdiri dari 5 tahapan untuk

pengembangan. Tahap-tahap yang dilakukan di model ini adalah:

• Communication

Tahap ini dilakukan pencarian informasi terhadap kebutuhan user untuk aplikasi.

Kemudian didapatkan kebutuhan tersebut dan dijadikan sebuah diagram seperti

pada gambar 3.4

Tahap ini merupakan sebuah Use Case yang menjelaskan interaksi yang terjadi

antara aktor dan inisiator dari interaksi sistem itu sendiri dengan sistem yang ada,

gambar 3.4 menunjukan usecase diagram yang memiliki 2 aktor dan 6 inisiator,

aktor tersebut adalah Kasir dan Customer Service, kemudian ada pun inisiatornya

sebagai berikut, Melakukan Login, Melayani Live Chat, Mencari Pesanan, Melihat

Rincian Pesanan, Mengunduh Bukti Transfer, Mengupdate Status Pembayaran.

Gambar 3. 4 Use Case Diagram

Gambar 3. 3 Metode Waterfall

21


• Planning

Tahap berikutnya adalah tahapan perencanaan yang menjelaskan tentang estimasi

tugas-tugas teknis yang akan dilakukan, resiko-resiko yang dapat terjadi, sumber

daya yang diperlukan dalam membuat sistem, produk kerja yang ingin dihasilkan,

penjadwalan kerja yang akan dilaksanakan, dan tracking proses pengerjaan sistem.

• Modeling

Tahapan ini adalah tahap perancangan dan pemodelan arsitektur sistem yang

berfokus pada perancangan struktur data, arsitektur software, dan tampilan

interface. Tujuannya untuk lebih memahami gambaran besar dari apa yang akan

dikerjakan. Karena terdapat 2 modul yaitu customer service dan kasir, maka

masing-masing modul memiliki activity diagram untuk menggambarkan alur

sistem berdasarkan pada diagram use case:

1. User Login

Activity pada Gambar 3.5 memperlihatkan bahwa setiap user harus melakukan

login terlebih dahulu sebelum bisa masuk ke dalam website.

Gambar 3. 5 Activity Login

22


2. Live Chat Customer Service

Gambar 3.6 merupakan activity yg dilakukan oleh customer service yaitu live chat,

tugas customer service disini hanya menjawab pertanyaan via live chat yang sudah

ditanyakan oleh para customer seputar percetakan Printop.

Gambar 3. 6 Activity Live Chat

23


3. Unduh Bukti Transfer

Gambar 3.7 menjelaskan tentang activity yang dilakukan oleh Kasir yaitu

mengunduh bukti transfer yang telah di unggah oleh customer, kemudian bukti

transfer tersebut akan di cek secara manual oleh Kasir, jika disetujui maka pesanan

akan dilanjutkan kepada editor untuk diproses.

Gambar 3. 7 Activity Unduh

24


4. Ubah Status Pembayaran

Gambar 3.8 merupakan activity kasir untuk mengubah status pembayaran. Disini

ubah status yang dilakukan bukan secara manual, namun ketika kasir menyetujui

pesanan tersebut maka akan otomatis status pada pesanannya akan berubah menjadi

sudah dibayar.

Gambar 3. 8 Activity Ubah Status Pembayaran

25


• Construction

Tahapan ini merupakan proses penerjemahan bentuk desain menjadi kode atau

bentuk bahasa pemrograman agar menjadi sebuah aplikasi. Setelah pengkodean

selesai, dilakukan pengujian terhadap sistem dan juga kode yang sudah dibuat.

Tujuannya untuk menemukan kesalahan yang mungkin terjadi untuk nantinya

diperbaiki.

• Deployment

Tahapan terakhir ini merupakan tahapan implementasi software ke user, perbaikan

software, evaluasi software, dan pengembangan software berdasarkan umpan balik

yang diberikan oleh user agar sistem dapat tetap berjalan dan berkembang sesuai

dengan fungsinya.

3.1.5 Rancangan Antar Muka

Bagian ini akan menjelaskan tentang rancangan tampilan antar muka pada aplikasi:

3.1.5.1 Modul Kasir

Bagian ini menjelaskan tentang rancangan-rancangan antarmuka untuk modul

kasir, yatu:

a. Halaman Login

Gambar 3.9 menunjukan rancangan antar muka untuk halaman login. Dalam

halaman tersebut terdapat 2 buah textbox yang harus diisikan oleh user, yaitu email

dan password.

Gambar 3. 9 Form Login Kasir

26


b. Beranda Kasir

Gambar 3. 10 Beranda Kasir

Gambar 3.10 menunjukan rancangan antar muka untuk halaman beranda untuk

kasir. Beranda merupakan halaman awal yang pertama akan dilihat oleh kasir

setelah login. Di halaman ini terdapat tabel yang memperlihatkan daftar seluruh

pesanan dan di dalamnya berisikan sebuah tombol yang digunakan untuk masuk ke

halaman rincian pesanan.

27


c. Halaman Rincian Kasir

Gambar 3.11 menunjukan rancangan antar muka untuk halaman rincian pesanan

kasir. Halaman ini berisikan informasi detail tentang sebuah pesanan dan juga

terdapat 3 tombol, yaitu tombol unduh, digunakan untuk mengunduh file bukti

transfer yang sudah dikirimkan oleh customer, lalu ada tombol setujui, digunakan

apabila kasir sudah mengunduh, melihat, serta memverifikasi hasil bukti transfer

yang diberikan customer, dan ada tombol back, digunakan untuk kembali ke

halaman beranda kasir.

Gambar 3. 11 Rincian Pesanan Kasir

28


3.1.5.2 Modul Customer Service

Bagian ini menjelaskan tentang rancangan-rancangan antarmuka untuk modul

kasir, yatu:

a. Halaman Login

Gambar 3.12 menunjukan rancangan antar muka untuk halaman login customer

service. Dalam halaman ini terdapat 2 buah textbox yang harus diisikan oleh user,

yaitu email dan password.

Gambar 3. 12 Form Login CS

29


b. Beranda Customer Service

Gambar 3.13 menunjukan rancangan antar muka untuk halaman beranda customer

service. Halaman ini merupakan halaman yang muncul di awal setelah user

melakukan login. Halaman ini menampilkan fitur live chat yang ada pada customer

service.

Gambar 3. 13 Beranda CS

30


3.2 Realisasi Program

Bagian ini menjelaskan tentang realisasi program yang berisi tampilan antar muka

program yang sudah diimplementasikan ke dalam kode pemrograman.

1. Modul Kasir

a. Login

Gambar 3.14 menunjukan implementasi dari rancangan antar muka untuk halaman

login kasir, pada halaman login ini kasir harus memasukan email dan password agar

bisa masuk ke dalam halaman beranda kasir.

b. Beranda


implementasi beranda kasir. Halaman ini menampilkan seluruh daftar pesanan, dan

Gambar 3. 14 Login Kasir

Gambar 3. 15 Implementasi Beranda Kasir

31


di dalam tabel tersebut terdapat 2 tombol yaitu rincian dan setujui. Tombol rincian

digunakan untuk melihat detail pesanan dan untuk mengunduh bukti transfer dari

customer. Tombol setujui digunakan untuk mengkonfirmasi jika pesanan tersebut

sudah di cek oleh kasir dan untuk mengubah status pembayaran menjadi sudah

dibayar.

c. Rincian


implementasi rincian pesanan. Halaman ini menampilkan detail dari pesanan, di

dalamnya memiliki 2 tombol yaitu unduh dan setujui. Tombol unduh digunakan

agar bisa melihat bukti transfer yang sudah di unggah oleh customer kemudian

bukti transfer tersebut dicek dan diverifikasi oleh kasir secara manual, setelah

selesai kasir bisa melakukan penyetujuan dengan mengklik tombol setujui.

Gambar 3. 16 Implementasi Rincian Pesanan

32


d. Profil


profil kasir. Halaman ini menampilkan profil dari user kasir yang ditampilkan pada

sebuah box seperti kartu nama, berisikan email yang digunakan serta tanggal user

tersebut terdaftar.

e. Edit Profil


edit profil kasir. Halaman ini menampilkan profil user, namun bisa di ubah isinya

sesuai dengan keinginan user tersebut. Fitur yang bisa di edit ini adalah nama user

dan foto user.

Gambar 3. 17 Profil Kasir

Gambar 3. 18 Edit Profil Kasir

33


f. Ubah Password


edit profil kasir. Halaman ini menampilkan form ubah password untuk user.

Halaman ini memiliki 3 textbox dan satu tombol, yaitu textbox paling atas untuk

password yang saat ini digunakan, kemudian textbox kedua untuk password yang

akan diubah, textbox terakhir untuk verifikasi password yang telah diubah.

2. Modul Customer Service

Modul Customer Service disini menggunakan API live chat dari Tawk.To, maka

dari itu customer service akan bekerja melayani live chat melalui API ini.

a. Source Code

Gambar 3.20 menunjukan tentang script dari API tawk.to yang digunakan menjadi

live chat agar customer dan customer service dapat berkomunikasi menggunakan

API live chat ini.

Gambar 3. 19 Ubah Password Kasir

Gambar 3. 20 Source Code Tawk.To

34


b. Login

Gambar 3.21 menunjukan tampilan awal saat akan menggunakan API dari

Tawk.To, user diharuskan untuk melakukan login terlebih dahulu.

c. Dashboard

Gambar 3.22 menunjukan tampilan setelah user melakukan login akun Tawk.To,

dapat dilihat pada API ini terdapat seluruh aktifitas yang sedang berjalan di beranda

tersebut. Mulai dari pengunjung yang sedang aktif, total pengunjung yang aktif,

sampai dengan sejarah live chat yang dilakukan bersama pengunjung, serta sejarah

dari live chat tersebut bisa di ekspor.

Gambar 3. 21 Login Tawk.To

Gambar 3. 22 Dashboard Tawk.To

35


d. Live Chat Customer Service

Gambar 3.23 menunjukan tampilan live chat untuk bagian customer service.

Halaman ini juga menampilkan waktu live chat antara customer service dan

customer.

e. Live Chat Customer

Gambar 3.24 menunjukan tampilan live chat yang muncul pada halaman customer,

disini bentuk tampilan nya seperti pop up yang muncul dari tepi bawah halaman

website.

Gambar 3. 23 Live Chat Customer Service

Gambar 3. 24 Live Chat Customer

36


f. Profil

Gambar 3.25 menunjukan tampilan profil customer service pada tawk.to dan

dapat diubah-ubah sesuai keinginan customer service.

Gambar 3. 25 Profil Tawk.To

38

BAB IV

PEMBAHASAN

4.1 Pengujian

Bagian ini menjelaskan tentang pengujian, mulai dari deskripsi pengujian, prosedur

pengujian, data hasil pengujian. Setelah itu hasil dari pengujian tersebut akan di

evaluasi pada sub bab berikutnya.

4.1.1 Deskripsi Pengujian

Tahap ini merupakan tahap yang sangat penting sebelum aplikasi mulai digunakan

oleh customer dan karyawan printop, tahap pengujian dapat dilakukan setelah tahap

sebelum-sebelumnya selesai. Tujuan dari pengujian ini adalah untuk meminimalisir

terjadinya kesalahan pada sistem dan memastikan keluaran yang dihasilkan telah

sesuai dengan yang diinginkan oleh pengguna aplikasi.

4.1.2 Prosedur Pengujian

Pengujian yang dilakukan adalah menggunakan Black Box Testing. Pengujian ini

dimaksudkan untuk mengetahui secara fungsionalitas apakah sistem telah

menghasilkan output yang diharapkan dari masukan yang telah dilakukan.

a. Black Box Testing

Pengujian dilakukan dengan metode Black Box Testing untuk menguji secara

fungsionalitas pada aplikasi untuk modul Kasir dan Customer Service.

Tabel 4. 1 Rencana Pengujian

Uji Item Detail Pengujian Jenis Pengujian

Autentikasi Melakukan login Blackbox testing

Melakukan logout Blackbox testing

Halaman Beranda

Kasir

Melihat seluruh data pesanan

Blackbox testing Memilih tombol rincian

Memilih tombol setujui

Halaman Rincian Kasir

Melihat detail data pesanan

Blackbox testing Memilih tombol download

Memilih tombol setujui

39


Uji Item Detail Pengujian Jenis Pengujian

Halaman Profil Kasir Melihat data diri Blackbox testing

Halaman Edit Profil Melihat data diri Blackbox testing

Mengubah nama

Mengunggah foto profil

Halaman Ubah

Password

Melihat textbox ubah

password Blackbox testing

Mengubah password

Halaman API Live

Chat

Melihat dari bagian customer

Blackbox testing Melakukan live chat dengan

customer service

4.1.3 Data Hasil Pengujian


Hasil dari pengujian fungsionalitas pada sistem aplikasi dituliskan dalam bentuk

tabel pengujian per item. Tabel terdiri dari dua jenis data, yaitu data benar yang

berisi masukan data yang memiliki nilai benar dan data salah diisi dengan masukan

nilai yang salah untuk mengetahui pesan error yang ditampilkan..

Keterangan : Simbol √ menunjukkan hasil pengujian sesuai dengan yang

diharapkan sedangkan simbol X menunjukkan hasil pengujian tidak sesuai dengan

yang diharapkan.

Tabel 4. 2 Hasil Pengujian Autentikasi

No Skenario Pengujian Yang

Diharapkan

Pembuktia

n

Hasil Keteranga

n

A.1 Login menggunakan

email yang benar dan

password yang tidak

terdaftar pada

database

Menampilkan

pesan error

Menampilk

an pesan

error

√ Sistem

menampilk

an pesan

error

berupa

password

salah

40



Diharapkan

Pembuktia

n

Hasil Keteranga

n

email:

firman98.maulana@

gmail.com (terdaftar)

Password:

123456qwe (tidak

terdaftar)


email dan password

yang tidak terdaftar

di database

(email:

[email protected]

m

Password:

Asdasdasd)

Menampilkan

pesan error

Menampilk

an pesan

error

√ Sistem

menampilk

an pesan

error Maaf,

email

belum

terdaftar.

Silahkan

daftarkan

email

terlebih

dahulu


email dan password

sesuai yang terdaftar

di database

(email:

firman98.maulana@

gmail.com

Password:

123qweasd)

Redirect

halaman

dashboard

Redirect

halaman

dashboard

√ Sistem

otomatis

mengarah

pada

halaman

beranda

jika

username

&

password

terdaftar

mailto:[email protected]






41



Diharapkan

Pembuktia

n

Hasil Keteranga

n

pada

database

A.4 Admin menekan

button logout pada

halaman beranda /

profil

Redirect

halaman

login dan

menampilkan

pesan Anda

telah logout

dari akun

Redirect

halaman

login dan

menampilka

n pesan

Anda telah

logout dari

akun

√ Sistem

otomatis

kembali ke

halaman

login

setelah

menekan

tombol

logout

Tabel 4. 3 Pengujian Halaman Beranda Kasir


Diharapkan

Pengamata

n

Hasil Keteranga

n

B.1 Melihat seluruh data

pesanan

Menampilkan

seluruh data

pesanan

Menampilk

an seluruh

data

pesanan

√

B.2 Memilih tombol

rincian

Menampilkan

detail dari

satu pesanan

pada pesanan

yang dipilih

Menampilk

an detail

dari satu

pesanan

pada

pesanan

yang

dipilih

X Sistem

menampilk

an

halaman

rincian,

namun

tidak detail

B.3 Memilih Tombol

Setujui

Status

pesanan

Status

pesanan

X Sistem

tidak

42


berubah

menjadi

“Sudah

Dibayar”

berubah

menjadi

“Sudah

Dibayar”

merubah

status

pesanan

Tabel 4. 4 Pengujian Halaman Rincian Kasir


Diharapkan

Pengamata

n

Hasil Keteranga

n

C.1 Melihat seluruh data

pesanan

Menampilkan

seluruh data

pesanan

Menampilk

an seluruh

data

pesanan

√

C.2 Memilih tombol

download

Mendownloa

d file dari

database

Mendownlo

ad file dari

database

X Sistem

tidak

mendownl

oad dari

database

C.3 Memilih Tombol

Setujui

Status

pesanan

berubah

menjadi

“Sudah

Dibayar”

Status

pesanan

berubah

menjadi

“Sudah

Dibayar”

X Sistem

tidak

merubah

status

pesanan

Tabel 4. 5 Pengujian Halaman Profil Kasir


Diharapkan

Pengamata

n

Hasil Keteranga

n

D.1 Melihat data diri Menampilkan

nama user,

foto user,

Menampilk

an nama

user , foto

√

43



Diharapkan

Pengamata

n

Hasil Keteranga

n

email user,

dan tanggal

terdaftar akun

tersebut

user, email

user, dan

tanggal

terdaftar

akun

tersebut

Tabel 4. 6 Pengujian Halaman Edit Profil Kasir


Diharapkan

Pengamata

n

Hasil Keteranga

n

E.1 Melihat data diri Menampilkan

nama user,

foto user,

email user,

dan tanggal

terdaftar akun

tersebut

Menampilk

an nama

user , foto

user, email

user, dan

tanggal

terdaftar

akun

tersebut

√

E.2 Mengubah nama Mengubah

nama user

sesuai dengan

yang

diinginkan

user

Mengubah

nama user

sesuai

dengan

yang

diinginkan

user

√

E.3 Mengunggah foto

profil

Mengunggah

foto profil

sesuai dengan

yang di

inginkan user

Mengungga

h foto

profil

sesuai

dengan

√

44



Diharapkan

Pengamata

n

Hasil Keteranga

n

yang di

inginkan

user

Tabel 4. 7 Pengujian Halaman Ubah Password


Diharapkan

Pengamata

n

Hasil Keteranga

n

F.1 Melihat textbox ubah

password

Menampilkan

textbox ubah

password,

yang terdiri

dari,

password

sekarang,

password

baru, dan

ulangi

password

Menampilk

an textbox

ubah

password,

yang

terdiri

dari,

password

sekarang,

password

baru, dan

ulangi

password

√

F.2 Mengubah password Mengubah

password

akun sesuai

dengan yang

diinginkan

user

Mengubah

password

akun

sesuai

dengan

yang

diinginkan

user

√

45


Tabel 4. 8 Pengujian Live Chat


Diharapkan

Pengamata

n

Hasil Keteranga

n

G.1 Melihat live chat dari

bagian customer

Menampilkan

pop up live

chat di tepi

website dan

live chat

dapat

mengirim file

seperti

gambar

kepada

customer

service

Menampilk

an pop up

live chat di

tepi

website

dan live

chat dapat

mengirim

file seperti

gambar

kepada

customer

service

√

G.2 Melakukan live chat

dengan customer

service

Menampilkan

pesan yang

dikirimkan

oleh customer

kepada

customer

service, dan

juga

sebaliknya

Menampilk

an pesan

yang

dikirimkan

oleh

customer

kepada

customer

service,

dan juga

sebaliknya

√

46


b. UAT (User Acceptance Testing)

Terdapat 1 responden sebagai Kasir dan 1 responden sebagai Customer Service

untuk mengisi kuisioner yang telah dibagikan melalui google form. Berikut adalah

hasil dari pengujiannya:

a. Uji UAT Kasir

1. Kemudahan dalam melakukan manajemen profil

Tabel 4. 9 UAT Kasir Pertanyaan ke-1

No. Keterangan Responden Presentase

1. Tidak Setuju 0 0

2. Kurang Setuju 0 0

3. Cukup Setuju 1 100%

4. Setuju 0 0%

Pada Tabel 4.9 adalah hasil dari pengujian UAT yang direspon oleh responden

mengenai kemudahan dalam melakukan manajemen profil, sebanyak 100% dari

100% memilih cukup setuju.

2. Kemudahan dalam membaca data pesanan



1. Tidak Setuju 0 0



4. Setuju 1 100%



100% memilih setuju.

47


3. Kesesuaian dalam penamaan judul pada tabel pesanan



1. Tidak Setuju 0 0



4. Setuju 0 0%



100% memilih cukup setuju.

4. Data pesanan customer yang muncul sudah benar



1. Tidak Setuju 0 0



4. Setuju 1 100%




5. Pesanan telah tersortir dengan benar



1. Tidak Setuju 0 0



4. Setuju 1 100%




48


b. Uji UAT Customer Service

1. Kemudahan untuk membalas pesan customer

Tabel 4. 14 UAT Customer Service Pertanyaan ke-1


1. Tidak Setuju 0 0



4. Setuju 1 100%




2. Notifikasi pesanan masuk sangat jelas



1. Tidak Setuju 0 0



4. Setuju 1 100%




3. Kemudahan mengirim file melalui live chat



1. Tidak Setuju 0 0



4. Setuju 1 100%

49





4. Kemudahan melihat history chat customer



1. Tidak Setuju 0 0



4. Setuju 0 0%




5. Kemudahan menganalisa kegiatan pelanggan di dalam live chat



1. Tidak Setuju 0 0



4. Setuju 0 0%




4.2 Evaluasi Hasil Pengujian


Setelah melakukan pengujian, tahap berikutnya adalah melakukan evaluasi dari

hasil pengujian. Yang akan dilakukan pada bagian ini adalah menghitung jumlah

persentase keberhasilan dari pengujian dengan rumus sebagai berikut:

Persentasi keberhasilan = Jumlah skenario uji berhasil : Jumlah seluruh

skenario uji x 100%

50


Pengujian Black Box Testing memiliki 16 skenario, berikut adalah jumlah

persentase dari hasil pengujian alpha:

12 : 16 x 100% = 75%

Berdasarkan hasil pengujian, dapat disimpulkan bahwa pengujian Black Box

Testing dengan hasil 12 item uji berhasil dan 4 gagal dengan Black Box Testing

telah berjalan sesuai dengan skenario yang ada. Maka dapat diambil kesimpulan

bahwa sebagian besar fungsionalitas aplikasi ini telah bisa berjalan sesuai dengan

apa yang diharapkan walaupun masih ada beberapa fitur yang belum bisa berjalan

secara fungsionalitas.

b. UAT (User Acceptance Test)

1. Analisa Uji UAT Kasir

Tabel 4. 19 Data Pengujian UAT Kasir

No Pertanyaan Pilihan

Tidak

Setuju

1

Kurang

Setuju

2

Cukup

Setuju

3

Setuju

4

Jumlah

1 Kemudahan

dalam

melakukan

manajemen

profil

0 0 3 0 3

2 Kemudahan

dalam

membaca

data pesanan

0 0 0 4 4

3 Kesesuaian

dalam

penamaan

judul pada

tabel pesanan

0 0 3 0 3

4 Data pesanan

yang muncul

sudah benar

0 0 0 4 4

5 Pesanan telah

tersortir

dengan benar

0 0 0 4 4

51


a. Analisa pertanyaan ke-1

Dapat disimpulkan bahwa jumlah nilai untuk pertanyaan ke-1 adalah 3. Nilai rata-

ratanya adalah 3/1 = 3. Presentase nilainya adalah 3/4 x 100 = 75%.

b. Analisa pertanyaan ke-2



c. Analisa pertanyaan ke-3



d. Analisa pertanyaan ke-4



e. Analisa pertanyaan ke-5



Berdasarkan dari analisa masing-masing pertanyaan uji UAT Kasir maka

didapatkan rata-rata analisa dari semua pertanyaan yaitu sebesar 90%.

2. Analisa Uji UAT Customer Service

Tabel 4. 20 Data Pengujian UAT Customer Service


Tidak

Setuju

1

Kurang

Setuju

2

Cukup

Setuju

3

Setuju

4

Jumlah

1 Kemudahan

untuk

membalas

pesan

customer

0 0 0 4 4

2 Notifikasi

pesanan

masuk sangat

jelas

0 0 0 4 4

3 Kemudahan

mengirim file

melalui live

chat

0 0 0 4 4

52



Tidak

Setuju

1

Kurang

Setuju

2

Cukup

Setuju

3

Setuju

4

Jumlah

4 Kemudahan

melihat

history chat

customer

0 0 3 0 3

5 Kemudahan

menganalisa

kegiatan

pelanggan di

dalam live

chat

0 0 3 0 3

a. Analisa pertanyaan ke-1



b. Analisa pertanyaan ke-2



c. Analisa pertanyaan ke-3



d. Analisa pertanyaan ke-4



e. Analisa pertanyaan ke-5



Berdasarkan dari analisa masing-masing pertanyaan uji UAT Customer Service

maka didapatkan rata-rata analisa dari semua pertanyaan yaitu sebesar 90%.

53


BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan hasil penelitian dan analisis yang telah dilakukan penulis pada

percetakan Printop telah berhasil dibuat sebuah sistem layanan pelanggan online

berbasis website untuk modul kasir dan customer service dengan mengambil

kesimpulan, yaitu:

1. Sistem yang dibuat memiliki fitur live chat sehingga memberikan kemudahan

bagi customer untuk bertanya kepada percetakan Printop melalui live chat.

2. Live chat menggunakan plugin atau API dari pihak ketiga yaitu Tawk.to, ini

dapat memudahkan pihak percetakan printop untuk melihat history chat dengan

pelanggan serta dapat melihat informasi mengenai pengunjung yang sedang

aktif dan jumlah pengunjung dalam waktu seminggu.

3. Sistem dapat menampilkan pesanan yang belum dibayar agar dapat dilihat oleh

kasir

4. Dari 16 pengujian Blackbox didapat nilai 75% sistem aplikasi sudah bisa

berjalan secara fungsionalitas.

5. Pada uji User Acceptance Test untuk pengguna kasir didapati hasil pengujian

sebesar 90% dan untuk pengguna customer service didapati hasil pengujian

sebesar 90%

5.2 Saran

Berdasarkan pelaksanaan dan pengerjaan yang dilakukan pada penulisan yang telah

dilakukan, sistem website pada percetakan Printop yang penulis usulkan masih

memiliki banyak kekurangan dan masih membutuhkan banyak pengetahuan agar

mencapai hasil yang lebih maksimal. Oleh sebab itu, penulis dapat memberikan

beberapa saran untuk pengembangan lebih lanjut, diantaranya:

1. Mengembangkan fitur live chat yang dibuat pada sistem layanan pelanggan

online ini sendiri, agar tidak bergantung dengan plugin/API pihak ketiga.

2. Mengembangkan fitur kasir agar dapat melakukan pengecekan bukti transfer

secara otomatis.

54


DAFTAR PUSTAKA

Asmara, R., & Saputra, D. (2019). Jurnal J – Click Jurnal J – Click. J-Click, 6(2),

201–207.

Basuki, A. (2010). Membangun Web Berbasis PHP dengan Framework

Codeigniter. Yogyakarta: Lokomedia, 212.

cakrudi. (2016). Perbedaan pemrograman PHP dan ASP.net | Tutorial Cakrudi.

http://www.cakrudi.com/2016/05/perbedaan-pemrograman-php-dan-

aspnet.html

Hechavarría, Rodney; López, G. (2013). 済無No Title No Title. Journal of

Chemical Information and Modeling, 53(9), 1689–1699.

https://doi.org/10.1017/CBO9781107415324.004

Jaya, T. S. (2018). Pengujian Aplikasi dengan Metode Blackbox Testing Boundary

Value Analysis (Studi Kasus: Kantor Digital Politeknik Negeri Lampung).

Jurnal Informatika Pengembangan IT (JPIT), 3(2), 45–46.

https://doi.org/10.30591/jpit.v3i1.647

marjuki ilham. (2010). Teori Php. 1–31.

Mustaqbal, M. S., Firdaus, R. F., & Rahmadi, H. (2015). PENGUJIAN APLIKASI

MENGGUNAKAN BLACK BOX TESTING BOUNDARY VALUE ANALYSIS

(Studi Kasus : Aplikasi Prediksi Kelulusan SNMPTN). I(3), 31–36.

Prasetyo, K., & Suharyanto, S. . (2019). Rancang Bangun Sistem Informasi

Koperasi Berbasis Web Pada Koperasi Ikitama Jakarta. Jurnal Teknik

Komputer, 5(1), 119–126. https://doi.org/10.31294/jtk.v5i1.4967

Sari, N. P., Sugito, S., & Warsito, B. (2017). Penerapan Teori Antrian Pada

Pelayanan Teller Bank X Kantor Cabang Pembantu Puri Sentra Niaga. None,

6(1), 81–90.

Sugiyani, Y., & Risdiyani, M. (2017). Model Pembelajaran Elektronik (E-

Learning) Untuk Pkbm Melati Cibeber Di Kota Cilegon. Jurnal PROSISKO,

4(1), 37–42.

Supriyatna, A. (2017). Sistem Informasi Pemesanan Jasa Percetakan Berbasis Web.

Biomass Chem Eng, 5, 65–73.

TANZIL, F. (2018). Waterfall Model.

https://socs.binus.ac.id/2018/12/21/waterfall-model/

WP, L., Junainti, F., & Sudrajat, W. A. (2011). Aplikasi Pelayanan Pemesanan

Online Pada Digital Printing Ecoprint Palembang. Stmik Gi Mdp.

55


Zulfiandri. (2014). Rancang bangun aplikasi poliklinik gigi (studi kasus : poliklinik

gigi kejaksaan agung ri). Depok: Universitas Gunadarma, 8(Kommit), 473–

482. https://doi.org/10.1210/en.2005-0771

56

DAFTAR RIWAYAT HIDUP PENULIS

Firman Maulana

Lahir di Jakarta, 20 Agustus 1998. Kelulusan SDN

Lubang Buaya 05 Pagi pada tahun 2010, SMPIT Al-

Madinah pada tahun 2013, SMA Negeri 3 Cibinong

pada tahun 2016. Saat ini sedang menempuh

pendidikan Diploma IV Program Studi Teknik

Informatika Jurusan Teknik Informatika dan

Komputer Politeknik Negeri Jakarta.

Lampiran 1

57

GRAFIK RATA-RATA KEPADATAN

Grafik Rata-Rata Kepadatan Hari Senin sampai Kamis

Grafik Rata-Rata Kepadatan Hari Jumat sampai Minggu

Lampiran 2

58

BUKTI UJI UAT

Lampiran 3

RANCANG BANGUN WEBSITE PERCETAKAN PRINTOP PADA MODUL KASIR ...

Documents

Transcript of RANCANG BANGUN WEBSITE PERCETAKAN PRINTOP PADA MODUL KASIR ...